.MixScrollBar{--scrollbar-resizer-transparent-color:transparent;--scrollbar-resizer-color:var(--color-control-typo-placeholder);--scrollbar-resizer-gap:7;--scrollbar-thumb-color:var(--color-scroll-thumb);--scrollbar-thumb-background:var(--scrollbar-thumb-color) 0%,var(--scrollbar-thumb-color) var(--webkit-scrollbar-size),var(--scrollbar-resizer-transparent-color) var(--webkit-scrollbar-size),var(--scrollbar-resizer-transparent-color) 100%}.MixScrollBar_size_xs{--webkit-scrollbar-size:var(--space-2xs);--native-scrollbar-size:none}.MixScrollBar_size_s{--webkit-scrollbar-size:var(--space-xs);--native-scrollbar-size:thin}.MixScrollBar_size_m{--webkit-scrollbar-size:var(--space-s);--native-scrollbar-size:auto}.MixScrollBar_trackSize_native{--webkit-scrollbar-width:auto}.MixScrollBar_trackSize_auto{--webkit-scrollbar-width:var(--webkit-scrollbar-size)}.MixScrollBar_invisible{--native-scrollbar-size:none;--webkit-scrollbar-display:none}@supports (scrollbar-color:auto) and (not selector(::-webkit-scrollbar)){.MixScrollBar{scrollbar-color:var(--scrollbar-thumb-color) transparent;scrollbar-width:var(--native-scrollbar-size)}}@supports selector(::-webkit-scrollbar){.MixScrollBar::-webkit-scrollbar,.MixScrollBar::-webkit-scrollbar-corner,.MixScrollBar::-webkit-scrollbar-track{background:transparent;border:none}.MixScrollBar::-webkit-scrollbar{display:var(--webkit-scrollbar-display,auto);height:var(--webkit-scrollbar-width);width:var(--webkit-scrollbar-width)}.MixScrollBar::-webkit-scrollbar-thumb{border-radius:0}.MixScrollBar::-webkit-scrollbar-thumb:vertical{background:linear-gradient(-90deg,var(--scrollbar-thumb-background))}.MixScrollBar::-webkit-scrollbar-thumb:horizontal{background:linear-gradient(0deg,var(--scrollbar-thumb-background))}.MixScrollBar::-webkit-resizer{background-image:linear-gradient(-45deg,var(--scrollbar-resizer-transparent-color) 0,var(--scrollbar-resizer-transparent-color) calc(1%*var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-color) calc(1%*var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-color) calc(2%*var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-transparent-color) calc(2%*var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-transparent-color) calc(3%*var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-color) calc(3%*var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-color) calc(4%*var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-transparent-color) calc(4%*var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-transparent-color) calc(5%*var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-color) calc(5%*var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-color) calc(6%*var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-transparent-color) calc(6%*var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-transparent-color) 100%);background-repeat:no-repeat;background-size:calc(100% - 2px) calc(100% - 2px)}}