@property --scroll-area-opacity{syntax: "<number>"; inherits: true; initial-value: 0;}:where(.scroll-area,.scrollthin,.scrollx,.scrolly,.scrollboth){--scroll-area-opacity: 0;scrollbar-width:thin;scrollbar-color:rgb(168 176 189 / var(--scroll-area-opacity)) transparent}:where(.scroll-area--y){overflow-y:auto;overflow-x:hidden}:where(.scroll-area--x){overflow-x:auto;overflow-y:hidden}:where(.scroll-area--both){overflow:auto}:where(.scroll-area--stable){scrollbar-gutter:stable}:where(.scrollthin,.scrollx,.scrolly,.scrollboth):not(.scroll-area){transition:--scroll-area-opacity .55s ease-in-out}:where(.scrollthin,.scrollx,.scrolly,.scrollboth):not(.scroll-area):hover{--scroll-area-opacity: 1;transition-duration:.35s}@supports selector(::-webkit-scrollbar){:where(.scroll-area,.scrollthin,.scrollx,.scrolly,.scrollboth){scrollbar-width:auto;scrollbar-color:auto}:where(.scroll-area,.scrollthin,.scrollx,.scrolly,.scrollboth)::-webkit-scrollbar{width:6px;height:6px}:where(.scroll-area,.scrollthin,.scrollx,.scrolly,.scrollboth)::-webkit-scrollbar-track,:where(.scroll-area,.scrollthin,.scrollx,.scrolly,.scrollboth)::-webkit-scrollbar-corner{background:transparent}:where(.scroll-area,.scrollthin,.scrollx,.scrolly,.scrollboth)::-webkit-scrollbar-thumb{border-radius:999px;background:rgb(168 176 189 / var(--scroll-area-opacity))}:where(.scroll-area,.scrollthin,.scrollx,.scrolly,.scrollboth)::-webkit-scrollbar-thumb:hover{background:rgb(124 135 151 / var(--scroll-area-opacity))}:where(.scroll-area,.scrollthin,.scrollx,.scrolly,.scrollboth)::-webkit-scrollbar-button{display:none;width:0;height:0}}@media (prefers-reduced-motion: reduce){:where(.scrollthin,.scrollx,.scrolly,.scrollboth):not(.scroll-area){transition:none}}