@layer amset-ui.tokens,amset-ui.base;@layer amset-ui.components{.amset-color{--amset-color-sample:calc(var(--amset-field-height) - .75rem);width:fit-content;max-width:100%}.amset-color__trigger{color:inherit;font-family:inherit;font-size:var(--amset-field-font);text-align:start;cursor:pointer;justify-content:flex-start;padding-inline-start:calc((var(--amset-field-height) - var(--amset-color-sample)) / 2 - var(--amset-border-width))}.amset-field[data-disabled] .amset-color__trigger{cursor:not-allowed}.amset-color__trigger[aria-expanded=true]{border-color:var(--amset-focus);box-shadow:0 0 0 1px var(--amset-focus)}.amset-field--soft .amset-color__trigger[aria-expanded=true],.amset-field--ghost .amset-color__trigger[aria-expanded=true]{border-color:#0000;border-bottom-color:var(--amset-focus);box-shadow:inset 0 -1px 0 var(--amset-focus)}.amset-color__trigger-sample{width:var(--amset-color-sample);height:var(--amset-color-sample);border-radius:var(--amset-radius-sm);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--amset-ink) 25%, transparent);transition:opacity var(--amset-duration-fast) var(--amset-easing-standard);flex:none}.amset-field[data-disabled] .amset-color__trigger-sample{opacity:.5}.amset-color__trigger-value{font-family:var(--amset-font-num);font-variant-numeric:tabular-nums;letter-spacing:.02em}.amset-color__description{flex-direction:column;gap:2px;display:flex}.amset-color__floating{min-width:auto}.amset-color__dialog{padding:var(--amset-space-3);outline:none}.amset-color__panel{--amset-color-panel-width:15rem;--amset-color-area-height:9rem;--amset-color-strip-height:.75rem;--amset-color-strip-touch:1.5rem;--amset-color-thumb:1.125rem;--amset-color-sample-side:1.5rem;gap:var(--amset-space-3);width:var(--amset-color-panel-width);flex-direction:column;display:flex}.amset-color__panel--sm{--amset-color-panel-width:13rem;--amset-color-area-height:7.5rem;--amset-color-thumb:1rem;--amset-color-sample-side:1.25rem}.amset-color__panel--lg{--amset-color-panel-width:18rem;--amset-color-area-height:11rem;--amset-color-strip-height:.875rem;--amset-color-thumb:1.375rem;--amset-color-sample-side:1.75rem}.amset-color__area{width:100%;height:var(--amset-color-area-height);border-radius:var(--amset-radius);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--amset-ink) 20%, transparent);forced-color-adjust:none;position:relative}.amset-color__area[data-disabled]{opacity:.45}.amset-color__strip{height:var(--amset-color-strip-touch);display:block;position:relative}.amset-color__strip--alpha:before{content:"";inset-block:calc((var(--amset-color-strip-touch) - var(--amset-color-strip-height)) / 2);background:repeating-conic-gradient(color-mix(in oklab, var(--amset-ink) 18%, transparent) 0% 25%, var(--amset-surface) 0% 50%) 50% / .5rem .5rem;border-radius:999px;position:absolute;inset-inline:0}.amset-color__strip-bar{height:var(--amset-color-strip-height);margin-block:calc((var(--amset-color-strip-touch) - var(--amset-color-strip-height)) / 2);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--amset-ink) 20%, transparent);forced-color-adjust:none;border-radius:999px;position:relative}.amset-color__strip-bar:before{content:"";inset-block:calc((var(--amset-color-strip-height) - var(--amset-color-strip-touch)) / 2);position:absolute;inset-inline:0}.amset-color__thumb{width:var(--amset-color-thumb);height:var(--amset-color-thumb);border:2px solid var(--amset-sample-frame);box-shadow:0 0 0 1px color-mix(in oklab, var(--amset-ink) 45%, transparent), var(--amset-shadow-1);forced-color-adjust:none;transition:scale var(--amset-duration-fast) var(--amset-easing-standard);border-radius:50%}.amset-color__thumb:hover{scale:1.1}.amset-color__thumb:has(input:focus-visible){outline:2px solid var(--amset-focus);outline-offset:2px}[data-dragging]>.amset-color__thumb{scale:1.2}.amset-color__field .amset-field__entry{font-family:var(--amset-font-num);text-transform:uppercase}.amset-color__samples{gap:var(--amset-space-2);padding-top:var(--amset-space-2);border-top:var(--amset-border-width) solid var(--amset-divider);flex-wrap:wrap;display:flex}.amset-color__sample-item{width:var(--amset-color-sample-side);height:var(--amset-color-sample-side);border-radius:var(--amset-radius-sm);cursor:pointer;forced-color-adjust:none;transition:box-shadow var(--amset-duration-fast) var(--amset-easing-standard), scale var(--amset-duration-fast) var(--amset-easing-standard);outline:none}.amset-color__sample-item:hover{scale:1.1}.amset-color__sample-item:active{scale:.92}.amset-color__sample-item[data-selected]{box-shadow:0 0 0 2px var(--amset-surface), 0 0 0 4px var(--amset-ink)}.amset-color__samples:focus-visible .amset-color__sample-item[data-focused]{outline:2px solid var(--amset-focus);outline-offset:2px}.amset-color__samples:focus-visible .amset-color__sample-item[data-selected][data-focused]{outline-offset:6px}.amset-color__samples:focus-visible{outline:none}.amset-color__sample-item[data-disabled]{opacity:.4;cursor:not-allowed;scale:1}.amset-color__sample{border-radius:var(--amset-radius-sm);width:100%;height:100%;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--amset-ink) 25%, transparent)}@media (pointer:coarse){.amset-color__panel,.amset-color__panel--sm,.amset-color__panel--lg{--amset-color-strip-touch:var(--amset-target-touch);--amset-color-sample-side:var(--amset-target-touch);--amset-color-area-height:11rem}}}