@layer base{.scroll-area{border-radius:var(--radius-box,.5rem);position:relative;overflow:hidden}.scroll-area-viewport{overscroll-behavior:contain;scrollbar-width:none;width:100%;height:100%}.scroll-area-viewport::-webkit-scrollbar{display:none}.scroll-area-viewport:focus-visible{outline:var(--focus-width,2px) solid var(--color-primary);outline-offset:-2px}.scroll-area-content{min-width:fit-content}.scroll-area-scrollbar{touch-action:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;opacity:0;transition-property:opacity;transition-duration:var(--duration,.15s);transition-timing-function:var(--ease,cubic-bezier(.4,0,.2,1));padding:2px;display:flex}.scroll-area-scrollbar[data-orientation=vertical]{width:.625rem}.scroll-area-scrollbar[data-orientation=horizontal]{flex-direction:column;height:.625rem}.scroll-area-scrollbar[data-hovering],.scroll-area-scrollbar[data-scrolling],.scroll-area:hover .scroll-area-scrollbar{opacity:1}.scroll-area-thumb{background-color:var(--color-base-content);border-radius:9999px}@supports (color:color-mix(in lab,red,red)){.scroll-area-thumb{background-color:color-mix(in oklab,var(--color-base-content) 55%,transparent)}}.scroll-area-thumb{transition-property:background-color;transition-duration:var(--duration,.15s);transition-timing-function:var(--ease,cubic-bezier(.4,0,.2,1))}.scroll-area-thumb:hover{background-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.scroll-area-thumb:hover{background-color:color-mix(in oklab,var(--color-base-content) 70%,transparent)}}.scroll-area-scrollbar[data-orientation=vertical] .scroll-area-thumb{width:100%}.scroll-area-scrollbar[data-orientation=horizontal] .scroll-area-thumb{height:100%}.scroll-area-corner{background-color:#0000}}