[data-scroll-area-root]{box-sizing:border-box;width:24rem;max-width:calc(100vw - 8rem);height:8.5rem}[data-scroll-area-viewport]{outline-offset:-1px;overscroll-behavior:contain;scrollbar-width:none;border-radius:.375rem;outline:1px solid #d3d3d3;height:100%}[data-scroll-area-viewport]::-webkit-scrollbar{display:none}[data-scroll-area-viewport]:focus-visible{outline:2px solid #00f}[data-scroll-area-content]{flex-direction:column;gap:1rem;padding-block:.75rem;padding-inline:1rem 1.5rem;display:flex}[data-scroll-area-scrollbar]{opacity:0;background-color:#d3d3d3;border-radius:.375rem;margin:.5rem;transition:opacity .15s .3s;position:relative}[data-scroll-area-scrollbar][data-hover],[data-scroll-area-scrollbar][data-scrolling]{opacity:1;transition-duration:75ms;transition-delay:0s}[data-scroll-area-scrollbar][data-orientation=vertical]{width:.5rem}[data-scroll-area-scrollbar][data-orientation=vertical]:before{content:"";width:1.25rem;height:100%;position:absolute;left:50%;transform:translate(-50%)}[data-scroll-area-scrollbar][data-orientation=vertical]:not([data-overflow-y]){display:none}[data-scroll-area-scrollbar][data-orientation=horizontal]{height:.5rem}[data-scroll-area-scrollbar][data-orientation=horizontal]:before{content:"";width:100%;height:1.25rem;position:absolute;top:50%;transform:translateY(-50%)}[data-scroll-area-scrollbar][data-orientation=horizontal]:not([data-overflow-x]){display:none}[data-scroll-area-thumb]{border-radius:inherit;background-color:gray}[data-scroll-area-thumb][data-orientation=vertical]{width:100%}[data-scroll-area-thumb][data-orientation=horizontal]{height:100%}