/*! StyloftCSS v0.1.0 | MIT License */ @layer sl.tokens,sl.reset,sl.base,sl.layout,sl.components,sl.utilities;@layer sl.components{.sl-color-input{inline-size:4rem;block-size:2.75rem;padding:.2rem;border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-surface)}.sl-color-area{min-block-size:12rem;border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--sl-color,#6556dd)}.sl-color-range{inline-size:100%;min-block-size:2.75rem;accent-color:var(--sl-accent)}.sl-swatch{display:inline-block;inline-size:2.75rem;block-size:2.75rem;border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-color)}.sl-swatch-choice{position:relative;display:inline-flex;cursor:pointer}.sl-swatch-choice input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.sl-swatch-choice input:checked+.sl-swatch{outline:2px solid var(--sl-focus);outline-offset:3px}.sl-swatch-choice input:focus-visible+.sl-swatch{outline:2px dashed var(--sl-focus);outline-offset:4px}@media(prefers-reduced-motion:no-preference){:where(.sl-toggle span,.sl-chip,.sl-choice input,.sl-switch__track,.sl-switch__track:before,.sl-swatch,.sl-calendar span,.sl-close,.sl-pagination a,.sl-dropdown__items a,.sl-person,.sl-panel,.sl-listbox option){transition:background-color 220ms ease,color 220ms ease,border-color 220ms ease,box-shadow 220ms ease,translate 220ms ease,outline-color 220ms ease}}}