.scroll-area{min-height:0;position:relative;overflow:hidden}.scroll-area .scroll-area-viewport{overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.scroll-area-viewport::-webkit-scrollbar{width:0;height:0;display:none}.scroll-area-viewport:focus-visible{outline-offset:-2px}.scroll-area-viewport.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.scroll-area-content{min-width:100%}.scroll-area-track{z-index:5;background:color-mix(in srgb, var(--accent) 14%, transparent);opacity:0;pointer-events:none;transition:opacity var(--dur-mid) var(--ease-out), width var(--dur-fast) var(--ease-out), height var(--dur-fast) var(--ease-out);border-radius:999px;position:absolute}.scroll-area-track[data-visible=true]{opacity:1;pointer-events:auto}.scroll-area-track-y{width:2px;top:6px;bottom:6px;right:3px}.scroll-area-track-x{height:2px;bottom:3px;left:6px;right:6px}.scroll-area-track-y:hover{width:4px}.scroll-area-track-x:hover{height:4px}.scroll-area.has-x .scroll-area-track-y{bottom:10px}.scroll-area.has-y .scroll-area-track-x{right:10px}.scroll-area-outside{overflow:visible}.scroll-area-outside.has-y{padding-right:8px}.scroll-area-outside.has-x{padding-bottom:8px}.scroll-area-outside .scroll-area-track-y{top:0;bottom:0;right:0}.scroll-area-outside .scroll-area-track-x{bottom:0;left:0;right:0}.scroll-area-outside.has-x .scroll-area-track-y{bottom:8px}.scroll-area-outside.has-y .scroll-area-track-x{right:8px}.scroll-area-thumb{border-radius:inherit;background:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);cursor:grab;touch-action:none;transition:background-color var(--dur-fast), box-shadow var(--dur-fast);border:0;padding:0;position:absolute;top:0;left:0}.scroll-area-thumb:before{content:"";position:absolute;inset:-6px}.scroll-area-thumb:hover,.scroll-area-thumb:active{background:var(--accent-hi);box-shadow:0 0 8px color-mix(in srgb, var(--accent) 55%, transparent)}.scroll-area-thumb:active{cursor:grabbing}.scroll-area-track-y .scroll-area-thumb{width:100%}.scroll-area-track-x .scroll-area-thumb{height:100%}