[data-slot=scroll-area]{flex-direction:column;display:flex;position:relative;overflow:hidden}[data-slot=scroll-area-viewport]{outline:none;width:100%;height:100%;min-height:0}[data-slot=scroll-area-viewport]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}[data-slot=scroll-area-viewport][data-fill=true]>div{flex-direction:column;min-height:100%;display:flex}[data-slot=scroll-area-viewport][data-fill=true]>div>*{flex:1}[data-slot=scroll-area-scrollbar]{opacity:0;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;z-index:10;width:10px;padding:2px;transition:opacity .15s ease-out;display:flex}[data-slot=scroll-area-scrollbar][data-state=visible],[data-slot=scroll-area]:focus-within [data-slot=scroll-area-scrollbar],[data-slot=scroll-area]:hover [data-slot=scroll-area-scrollbar]{opacity:1;pointer-events:auto}[data-slot=scroll-area-scrollbar]:not(:has([data-slot=scroll-area-thumb][data-state=visible])){display:none}[data-slot=scroll-area-viewport][data-fade-top=true]{-webkit-mask-image:linear-gradient(#0000,#000 32px,#000);mask-image:linear-gradient(#0000,#000 32px,#000)}[data-slot=scroll-area-viewport][data-fade-bottom=true]{-webkit-mask-image:linear-gradient(#000,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(#000,#000 calc(100% - 32px),#0000)}[data-slot=scroll-area-viewport][data-fade-top=true][data-fade-bottom=true]{-webkit-mask-image:linear-gradient(#0000,#000 32px calc(100% - 32px),#0000);mask-image:linear-gradient(#0000,#000 32px calc(100% - 32px),#0000)}@media (forced-colors:active){[data-slot=scroll-area-viewport][data-fade-bottom=true],[data-slot=scroll-area-viewport][data-fade-top=true]{-webkit-mask-image:none;mask-image:none}}@media (prefers-reduced-motion:reduce){[data-slot=scroll-area-scrollbar]{transition:none}}