:root{--color-primary:#4d0084;--color-secondary:#509fd2;--color-secondary-bright:#b07fd3;--color-background:#fff;--color-text:#56565ddb;--color-border:#a0a0a0;--color-primary-20:#790084;--color-primary-40:#840063;--color-primary-60:#840037;--color-primary-transparent:#4d008433;--color-background-transparent:#cfcfcf;--box-shadow:#a0a0a033 0px 7px 14px 0px;--text-color-primary:#333;--text-color-secondary:#666;--input-background:#fff;--input-border:#ccc}:root._dark-theme_1hmcj_20{--color-primary:#4d0084;--color-secondary:#509fd2;--color-secondary-bright:#b07fd3;--color-background:#1a1a1e;--color-text:#e0e0e0;--color-border:#404040;--color-primary-20:#790084;--color-primary-40:#840063;--color-primary-60:#840037;--color-primary-transparent:#4d008433;--color-background-transparent:#161616;--box-shadow:#a0a0a033 0px 7px 14px 0px;--text-color-primary:#e0e0e0;--text-color-secondary:#b0b0b0;--input-background:#2a2a2e;--input-border:#404040}._colorListViewport_1hmcj_39{position:relative;overflow:hidden}._colorListViewport_1hmcj_39:after{background:linear-gradient(90deg,color-mix(in srgb,var(--color-background)0%,transparent)0,#00000093 100%);content:"";pointer-events:none;width:36px;height:100%;position:absolute;top:0;right:0}._colorList_1hmcj_39{scrollbar-width:none;border-radius:5px;grid-template-rows:repeat(4,minmax(0,1fr));grid-auto-columns:max-content;grid-auto-flow:column;gap:4px;max-width:100%;max-height:194px;display:grid;overflow:auto hidden}._colorList_1hmcj_39::-webkit-scrollbar{display:none}._popover_1hmcj_73{box-sizing:border-box;z-index:1201;border-radius:20px;flex-direction:column;justify-content:flex-start;align-items:stretch;margin:0;transition:background-color .3s;display:flex;left:50%}._popoverAtBottom_1hmcj_86{bottom:5px}._popoverAtTop_1hmcj_90{top:50px}._popoverFixed_1hmcj_94{z-index:2147483647}._popoverActions_1hmcj_98{align-items:center;gap:8px;display:flex;bottom:calc(100% + 8px);right:5px}._actionButton_1hmcj_106{background:color-mix(in srgb,var(--color-background)94%,transparent);border:3px solid var(--color-primary);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;height:42px;padding:0 14px;font-size:13px;font-weight:700;display:flex;box-shadow:0 4px 10px #0000001f}._doneButton_1hmcj_123{color:#fff;background:#7fa454;border:4px solid #557d23}._fullViewButton_1hmcj_129{border-color:color-mix(in srgb,var(--color-primary)38%,transparent);color:var(--text-color-primary)}._fullViewButtonActive_1hmcj_134{background:color-mix(in srgb,var(--color-primary)18%,var(--color-background));border-color:var(--color-primary);color:var(--color-primary)}._popoverContent_1hmcj_140{flex-direction:column;gap:5px;width:100%;display:flex}._popoverTitle_1hmcj_147{color:var(--text-color-primary);margin:0;padding:2px 40px 0 4px;font-size:14px;font-weight:700;line-height:1.25}._groupLeadersTrack_1hmcj_156{scrollbar-width:none;flex-flow:row;justify-content:center;align-items:flex-end;gap:3px;padding:2px 6px 0;display:flex;overflow-x:auto}._groupLeadersTrack_1hmcj_156::-webkit-scrollbar{display:none}._groupLeaderTab_1hmcj_172{cursor:pointer;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;height:24px;padding:0 6px;display:flex;position:relative;overflow:visible}._groupLeaderTabHidden_1hmcj_186{pointer-events:none}._groupLeaderLabel_1hmcj_190{letter-spacing:.02em;text-overflow:ellipsis;text-shadow:0 1px 1px #00000040;white-space:nowrap;max-width:100%;font-size:10px;font-weight:700;line-height:1;overflow:hidden}._groupLeaderTab_1hmcj_172:after,._groupLeaderTab_1hmcj_172:before,._swatch_1hmcj_204:after,._swatch_1hmcj_204:before{content:"";pointer-events:none;position:absolute;inset:0}._wheelRow_1hmcj_212{align-items:center;gap:8px;display:flex}._wheelTrack_1hmcj_218{scrollbar-width:none;flex-wrap:nowrap;flex:1;justify-content:flex-start;align-items:center;gap:4px;padding:2px 0;display:flex;overflow:auto hidden}._wheelSpacer_1hmcj_231{flex:0 0 max(0px,50% - 16.5px)}._wheelTrack_1hmcj_218::-webkit-scrollbar{display:none}._popoverTrackDragging_1hmcj_239{-webkit-user-select:none;user-select:none}@media (pointer:coarse){._wheelTrack_1hmcj_218{cursor:grab}._popoverTrackDragging_1hmcj_239{cursor:grabbing}}._popoverNav_1hmcj_251{color:var(--text-color-primary);cursor:pointer;touch-action:manipulation;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}._popoverNav_1hmcj_251:hover{background:color-mix(in srgb,var(--color-primary)14%,var(--color-background))}._swatch_1hmcj_204{cursor:pointer;border-radius:50px;flex-shrink:0;width:49px;height:40px;padding:0;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}._swatchSelected_1hmcj_281{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary)55%,transparent)}._swatchDot_1hmcj_285{background:color-mix(in srgb,var(--color-background)95%,#fff);border-radius:999px;width:8px;height:8px;position:absolute;top:50%;left:50%}._colorFriendlyName_1hmcj_295{letter-spacing:.01em;text-align:center;margin:0;font-size:15px;font-weight:700}._popoverAtTop_1hmcj_90 ._doneButton_1hmcj_123{top:calc(100% + 8px);bottom:auto}.v-enter-active,.v-leave-active{transition:opacity .18s,transform .18s}.v-enter-from,.v-leave-to{opacity:0;transform:translate(-50%)translateY(8px)}@media (max-width:768px){._popoverNotFullscreen_1hmcj_320{transform:translate(-50%)translateY(64px)}}._groupLeaderActive_1hmcj_324{filter:saturate(1.08)}