@layer theme,base;@layer components{.arc-tile-module__R0Vnea__tile{-webkit-tap-highlight-color:transparent;cursor:pointer;transition:transform .24s cubic-bezier(.34,1.32,.64,1)}.arc-tile-module__R0Vnea__tile:disabled{cursor:not-allowed}.arc-tile-module__R0Vnea__tile:focus-visible{outline:2px solid rgb(var(--brand-300));outline-offset:2px}.arc-tile-module__R0Vnea__tile:active:not(:disabled):not([aria-disabled=true]){transition-duration:.12s;transition-timing-function:cubic-bezier(.22,1,.36,1);transform:scale(.97)}.arc-tile-module__R0Vnea__tile:is([aria-haspopup]:not([aria-haspopup=false]),[data-state]),.arc-tile-module__R0Vnea__still:active{transform:none!important}@media (prefers-reduced-motion:reduce){.arc-tile-module__R0Vnea__tile:active{transform:none!important}}html[data-reduce-motion="1"] .arc-tile-module__R0Vnea__tile:active{transform:none!important}}@layer utilities;
.text-morph-module__71LgAa__frame.text-morph-module__71LgAa__frame,.text-morph-module__71LgAa__frame{box-sizing:content-box;text-align:start;white-space:nowrap;margin:-.5em -.5em -.5em -.2em;padding:.5em .5em .5em .2em;display:inline-block;position:relative;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - .5em),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - .5em),#0000)}.text-morph-module__71LgAa__track{white-space:nowrap;display:inline-block;position:relative}.text-morph-module__71LgAa__glyph{white-space:pre;transform-origin:50% 60%;display:inline-block}.text-morph-module__71LgAa__srOnly{clip-path:inset(50%);white-space:nowrap;-webkit-user-select:none;user-select:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.color-picker-module__ojuLYa__root{--arc-fg:rgb(var(--color-fg));--arc-surface:rgb(var(--color-surface));--arc-surface-muted:rgb(var(--color-surface2));--arc-line:rgb(var(--color-line));--arc-line-strong:rgb(var(--color-line-subtle));--arc-text-secondary:rgb(var(--color-muted));--arc-danger:rgb(var(--color-error));--arc-focus:rgb(var(--brand-300));--arc-ring:rgb(var(--brand-500));--arc-text-xs:12px;--arc-text-sm:14px;--arc-radius-panel:16px;--arc-duration-fast:.16s;--arc-duration-spring:.4s;--arc-ease-standard:cubic-bezier(.22, 1, .36, 1);--arc-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--picker-width:min(19rem, calc(100vw - 32px));min-width:0;color:var(--arc-fg);position:relative}.color-picker-module__ojuLYa__popover{display:inline-block}.color-picker-module__ojuLYa__inline{width:100%;display:block}.color-picker-module__ojuLYa__trigger,.color-picker-module__ojuLYa__head{align-items:center;gap:10px;height:44px;padding:6px 16px 6px 6px;display:flex}.color-picker-module__ojuLYa__trigger{border:1px solid var(--arc-line);background:var(--arc-surface);color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--arc-duration-fast) var(--arc-ease-standard);border-radius:22px}.color-picker-module__ojuLYa__trigger:focus-visible{outline:2px solid var(--arc-focus);outline-offset:2px}.color-picker-module__ojuLYa__trigger:disabled{cursor:not-allowed;opacity:.5}.color-picker-module__ojuLYa__triggerText{text-align:start;min-width:0;line-height:1.15;display:grid}.color-picker-module__ojuLYa__name{color:var(--arc-text-secondary);font-size:var(--arc-text-xs)}.color-picker-module__ojuLYa__hex{font-size:var(--arc-text-sm);font-variant-numeric:tabular-nums;font-weight:500}.color-picker-module__ojuLYa__chip{border-radius:50%;flex:none;width:32px;height:32px;display:block;position:relative;overflow:hidden}.color-picker-module__ojuLYa__chip>span{border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff3}.color-picker-module__ojuLYa__fieldChip{border-radius:10px;width:40px;height:40px}.color-picker-module__ojuLYa__float{z-index:100000;transform-origin:0 0}.color-picker-module__ojuLYa__float[data-align=end]{transform-origin:100% 0}.color-picker-module__ojuLYa__float[data-side=top]{transform-origin:0 100%}.color-picker-module__ojuLYa__float[data-side=top][data-align=end]{transform-origin:100% 100%}.color-picker-module__ojuLYa__panel{width:var(--picker-width);border:1px solid var(--arc-line);border-radius:var(--arc-radius-panel);background:var(--arc-surface);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 36px #00000052,0 2px 6px #0000002e}.color-picker-module__ojuLYa__head{flex:none;gap:10px;padding-right:6px}.color-picker-module__ojuLYa__head .color-picker-module__ojuLYa__triggerText{flex:1}.color-picker-module__ojuLYa__headActions{gap:2px;display:flex}.color-picker-module__ojuLYa__scroll{flex:auto;min-height:0}.color-picker-module__ojuLYa__scrollViewport{padding:8px 14px 14px}.color-picker-module__ojuLYa__iconButton{width:32px;height:32px;color:var(--arc-text-secondary);cursor:pointer;transition:background-color var(--arc-duration-fast) var(--arc-ease-standard), color var(--arc-duration-fast) var(--arc-ease-standard);background:0 0;border:0;border-radius:12px;flex:none;place-items:center;padding:0;display:grid}.color-picker-module__ojuLYa__iconButton:focus-visible{outline:2px solid var(--arc-focus);outline-offset:1px}.color-picker-module__ojuLYa__fieldRow .color-picker-module__ojuLYa__iconButton{width:40px;height:40px}.color-picker-module__ojuLYa__extra{border-bottom:1px solid var(--arc-line);gap:10px;margin-bottom:12px;padding-bottom:12px;display:grid}.color-picker-module__ojuLYa__body{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.color-picker-module__ojuLYa__area{cursor:crosshair;touch-action:none;background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent), var(--picker-hue);border-radius:12px;height:144px;position:relative;box-shadow:inset 0 0 0 1px #00000014}.color-picker-module__ojuLYa__float .color-picker-module__ojuLYa__area{border-radius:14px;height:164px}.color-picker-module__ojuLYa__areaThumb,.color-picker-module__ojuLYa__sliderThumb{cursor:grab;width:22px;height:22px;transition:scale var(--arc-duration-spring) var(--arc-ease-spring);border-radius:50%;position:absolute;top:0;left:0;translate:-50% -50%;box-shadow:0 0 0 3px #fff,0 2px 8px #0000004d,inset 0 0 0 1px #0000001f}.color-picker-module__ojuLYa__areaThumb:focus-visible,.color-picker-module__ojuLYa__sliderThumb:focus-visible{outline:2px solid var(--arc-focus);outline-offset:4px}.color-picker-module__ojuLYa__areaThumb{background:var(--picker-opaque)}.color-picker-module__ojuLYa__area[data-active] .color-picker-module__ojuLYa__areaThumb,.color-picker-module__ojuLYa__sliderThumb[data-active]{cursor:grabbing;scale:1.2}.color-picker-module__ojuLYa__slider{cursor:pointer;touch-action:none;border-radius:9999px;height:14px;margin:0 11px;position:relative}.color-picker-module__ojuLYa__slider:before{content:"";border-radius:inherit;background:linear-gradient(90deg,red 11px,#ff0 calc(16.66% + 7.3348px),#0f0 calc(33.33% + 3.6674px),#0ff 50%,#00f calc(66.66% - 3.6652px),#f0f calc(83.33% - 7.3326px),red calc(100% - 11px));position:absolute;inset:0 -11px;box-shadow:inset 0 0 0 1px #00000014}.color-picker-module__ojuLYa__sliderThumb{background:var(--thumb-fill);top:50%}.color-picker-module__ojuLYa__fieldRow{align-items:center;gap:8px;min-width:0;display:flex}.color-picker-module__ojuLYa__field{border:1px solid var(--arc-line);background:var(--arc-surface-muted);min-width:0;height:40px;transition:border-color var(--arc-duration-fast) var(--arc-ease-standard);border-radius:10px;flex:1;align-items:stretch;display:flex;overflow:hidden}.color-picker-module__ojuLYa__field:focus-within{border-color:var(--arc-focus)}.color-picker-module__ojuLYa__field[data-invalid]{border-color:var(--arc-danger)}.color-picker-module__ojuLYa__format{border:0;border-right:1px solid var(--arc-line);min-width:56px;color:var(--arc-fg);font:inherit;font-size:var(--arc-text-xs);cursor:pointer;transition:background-color var(--arc-duration-fast) var(--arc-ease-standard);background:0 0;justify-content:center;align-items:center;padding:0 10px;font-weight:500;display:flex}.color-picker-module__ojuLYa__inputWrap{flex:1;min-width:0;display:flex;position:relative}.color-picker-module__ojuLYa__input,.color-picker-module__ojuLYa__morph{font:inherit;font-size:var(--arc-text-sm);font-variant-numeric:tabular-nums;padding:0 10px}.color-picker-module__ojuLYa__input{width:100%;min-width:0;color:var(--arc-fg);caret-color:var(--arc-fg);background:0 0;border:0;outline:none}.color-picker-module__ojuLYa__input[data-morphing]{color:#0000}.color-picker-module__ojuLYa__morph{color:var(--arc-fg);pointer-events:none;white-space:nowrap;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.color-picker-module__ojuLYa__error{min-height:0;color:var(--arc-danger);font-size:var(--arc-text-xs);margin:-6px 2px 0}.color-picker-module__ojuLYa__error:empty{display:none}.color-picker-module__ojuLYa__contrast{font-size:var(--arc-text-sm);align-items:center;gap:10px;display:flex}.color-picker-module__ojuLYa__sample{border:1px solid var(--arc-line);border-radius:8px;flex:none;place-items:center;width:36px;height:28px;font-weight:500;display:grid}.color-picker-module__ojuLYa__ratio{font-variant-numeric:tabular-nums;min-width:4.4ch;font-weight:500}.color-picker-module__ojuLYa__against{min-width:0;color:var(--arc-text-secondary);font-size:var(--arc-text-xs);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.color-picker-module__ojuLYa__grade{color:var(--arc-text-secondary);font-size:var(--arc-text-xs);white-space:nowrap;font-weight:500}.color-picker-module__ojuLYa__swatches{gap:4px;display:grid}.color-picker-module__ojuLYa__swatches[data-wrap]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.color-picker-module__ojuLYa__swatchCell{display:contents}.color-picker-module__ojuLYa__swatches[data-shape=square] .color-picker-module__ojuLYa__swatch{aspect-ratio:1;cursor:pointer;border:1px solid #fff3;border-radius:5px;width:100%;padding:0;display:block}.color-picker-module__ojuLYa__swatches[data-shape=square] .color-picker-module__ojuLYa__swatch[data-selected]{box-shadow:0 0 0 2px var(--arc-ring);border-color:#fff}.color-picker-module__ojuLYa__swatches[data-shape=round] .color-picker-module__ojuLYa__swatch{cursor:pointer;width:20px;height:20px;transition:box-shadow var(--arc-duration-fast) var(--arc-ease-standard), scale var(--arc-duration-fast) var(--arc-ease-standard);border:0;border-radius:50%;flex:none;padding:0;display:block;box-shadow:0 0 0 1px #ffffff26}.color-picker-module__ojuLYa__swatches[data-shape=round] .color-picker-module__ojuLYa__swatch[data-selected]{scale:1.1;box-shadow:0 0 0 2px #ffffffe6}.color-picker-module__ojuLYa__swatch:focus-visible{outline:2px solid var(--arc-focus);outline-offset:2px}.color-picker-module__ojuLYa__srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){.color-picker-module__ojuLYa__trigger:hover:not(:disabled){border-color:var(--arc-line-strong)}.color-picker-module__ojuLYa__iconButton:hover,.color-picker-module__ojuLYa__format:hover{background:var(--arc-surface-muted);color:var(--arc-fg)}.color-picker-module__ojuLYa__swatches[data-shape=round] .color-picker-module__ojuLYa__swatch:not([data-selected]):hover{box-shadow:0 0 0 1px #ffffff80}}@media not (min-width:48rem){.color-picker-module__ojuLYa__float,.color-picker-module__ojuLYa__float[data-align=end],.color-picker-module__ojuLYa__float[data-side=top],.color-picker-module__ojuLYa__float[data-side=top][data-align=end]{transform-origin:50%;position:fixed;top:50%;left:16px;right:16px;translate:0 -50%}.color-picker-module__ojuLYa__input,.color-picker-module__ojuLYa__morph{font-size:max(1rem,1em)}.color-picker-module__ojuLYa__panel{width:100%;max-width:24rem;max-height:85dvh;margin-inline:auto}}@media (prefers-contrast:more){.color-picker-module__ojuLYa__trigger,.color-picker-module__ojuLYa__panel,.color-picker-module__ojuLYa__field{border-color:var(--arc-line-strong)}}@media (prefers-reduced-motion:reduce){.color-picker-module__ojuLYa__areaThumb,.color-picker-module__ojuLYa__sliderThumb,.color-picker-module__ojuLYa__swatch,.color-picker-module__ojuLYa__iconButton{transition:none}}:is(html[data-reduce-motion="1"] .color-picker-module__ojuLYa__areaThumb,html[data-reduce-motion="1"] .color-picker-module__ojuLYa__sliderThumb,html[data-reduce-motion="1"] .color-picker-module__ojuLYa__swatch){transition:none}
