:where(.scroll-area){--scroll-area-thumb: var(--space-x0-5);--scroll-area-thumb-min: var(--space-x4);--scroll-area-inset-start: var(--space-x0-5);--scroll-area-inset-end: var(--space-x2);--scroll-area-inset-block: var(--space-x2);--scroll-area-color: var(--control-bg-slider);position:relative;display:flex;flex-direction:column;min-block-size:0;min-inline-size:0}:where(.scroll-area--inverse){--scroll-area-color: var(--control-bg-slider-inverse)}:where(.scroll-area>.scroll-area__viewport){flex:1 1 auto;min-block-size:0;scrollbar-width:none}.scroll-area>.scroll-area__viewport::-webkit-scrollbar{display:none}.scroll-area__track{position:absolute;inset-block:var(--scroll-area-inset-block);inset-inline-end:0;z-index:1;inline-size:calc(var(--scroll-area-inset-start) + var(--scroll-area-thumb) + var(--scroll-area-inset-end));pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0}.scroll-area__track[data-active]{opacity:1}.scroll-area__track[hidden]{display:none}@media(prefers-reduced-motion:no-preference){.scroll-area__track{transition:opacity .2s ease}}.scroll-area__thumb{--scroll-area-thumb-length: max( var(--scroll-area-thumb-min), calc(100% * var(--scroll-area-ratio, 1)) );--scroll-area-radius-start: calc( var(--scroll-area-inset-start) + var(--scroll-area-thumb) / 2 ) calc(var(--scroll-area-thumb) / 2);--scroll-area-radius-end: calc( var(--scroll-area-inset-end) + var(--scroll-area-thumb) / 2 ) calc(var(--scroll-area-thumb) / 2);position:absolute;inset-inline:0;inset-block-start:calc((100% - var(--scroll-area-thumb-length)) * var(--scroll-area-progress, 0));block-size:var(--scroll-area-thumb-length);border:0 solid transparent;border-inline-start-width:var(--scroll-area-inset-start);border-inline-end-width:var(--scroll-area-inset-end);border-start-start-radius:var(--scroll-area-radius-start);border-end-start-radius:var(--scroll-area-radius-start);border-start-end-radius:var(--scroll-area-radius-end);border-end-end-radius:var(--scroll-area-radius-end);background-color:var(--scroll-area-color);background-clip:content-box;pointer-events:auto;touch-action:none}.scroll-area__track:not([data-active])>.scroll-area__thumb{pointer-events:none}@media(pointer:coarse){.scroll-area__thumb{pointer-events:none}}@media(forced-colors:active){.scroll-area__thumb{background-color:CanvasText;forced-color-adjust:none}}
/*# sourceMappingURL=/cdn/shop/t/296/assets/rebirth-scroll-area.css.map */