@layer components{.ap.scl{--scl-g1:#1565c0;--scl-g2:#00897b;--scl-g3:#ef6c00;--scl-g4:#c2185b;--ap-grad:linear-gradient(90deg, var(--scl-g1), var(--scl-g2) 34%, var(--scl-g3) 68%, var(--scl-g4));--ap-grad-diag:linear-gradient(135deg, #1565c0, #00897b 38%, #ef6c00 70%, #c2185b);--scl-thumb:linear-gradient(135deg, #1565c0, #00897b)}:root[data-theme=dark] .ap.scl{--scl-g1:#5aa2ff;--scl-g2:#2cc5ae;--scl-g3:#ffa24c;--scl-g4:#ff6aa6}@media (prefers-color-scheme:dark){:root:not([data-theme]) .ap.scl{--scl-g1:#5aa2ff;--scl-g2:#2cc5ae;--scl-g3:#ffa24c;--scl-g4:#ff6aa6}}.ap.scl .ap-night{--scl-g1:#5aa2ff;--scl-g2:#2cc5ae;--scl-g3:#ffa24c;--scl-g4:#ff6aa6;--ap-grad:linear-gradient(90deg, var(--scl-g1), var(--scl-g2) 34%, var(--scl-g3) 68%, var(--scl-g4))}.scl-thumb{background-image:var(--scl-thumb)}.scl-pin{border-radius:.75rem;position:relative;overflow:hidden}.scl-pin-lift{box-shadow:0 18px 38px -18px #00000073}.scl-fade-y{-webkit-mask-image:linear-gradient(#0000,#000 10% 86%,#0000);mask-image:linear-gradient(#0000,#000 10% 86%,#0000)}@keyframes scl-arrive{0%{opacity:0;transform:translateY(-10px)scale(.97)}7%,92%{opacity:1;transform:none}98%,to{opacity:0;transform:scale(.99)}}@keyframes scl-sheen{0%,6%{transform:translate(-130%)}22%,to{transform:translate(130%)}}@keyframes scl-wipe{0%{clip-path:inset(0 100% 0 0 round .75rem)}to{clip-path:inset(0 round .75rem)}}@media (prefers-reduced-motion:no-preference){.scl-arrive{animation:9s cubic-bezier(.2,.7,.2,1) infinite both scl-arrive;animation-delay:var(--lp-d,0s)}.scl-arrive:after{content:"";animation:9s ease-out infinite scl-sheen;animation-delay:var(--lp-d,0s);pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff61 50%,#0000 70%);position:absolute;inset:0;transform:translate(-130%)}@supports (animation-timeline:view()){.scl-wipe{animation:linear both scl-wipe;animation-timeline:view();animation-range:entry 10% cover 38%}}}}