.ds-scroll-area{position:relative;overflow:hidden}.ds-scroll-area-viewport{width:var(--size-full);height:var(--size-full);border-radius:inherit}.ds-scroll-area-bar{box-sizing:border-box;background:var(--c-scrollbar-track);touch-action:none;-webkit-user-select:none;user-select:none;display:flex}.ds-scroll-area-bar[data-orientation=vertical]{width:var(--scrollbar-size);padding:var(--scrollbar-pad) calc((var(--scrollbar-size) - var(--scrollbar-thumb-size)) / 2)}.ds-scroll-area-bar[data-orientation=horizontal]{height:var(--scrollbar-size);padding:calc((var(--scrollbar-size) - var(--scrollbar-thumb-size)) / 2) var(--scrollbar-pad);flex-direction:column}.ds-scroll-area-thumb{border-radius:var(--scrollbar-radius);background:var(--c-scrollbar-thumb);box-shadow:var(--sh-scrollbar-thumb);flex:1;position:relative}.ds-scroll-area-bar:hover .ds-scroll-area-thumb,.ds-scroll-area-thumb:active{background:var(--c-scrollbar-thumb-hover);box-shadow:var(--sh-scrollbar-thumb-hover)}.ds-scroll-area-corner{background:var(--c-scrollbar-track)}