@property --transition-bg{syntax:"<color>";inherits:true;initial-value:transparent}.scroll-area{overflow:auto;height:inherit;max-height:inherit}@media(min-width:1024px){.scroll-area{transition:--transition-bg .5s;width:calc(100% + var(--scrollbar-offset));padding-right:var(--scrollbar-offset)}.scroll-area_scrolling{--transition-bg:var(--scrollbar-color)}}.scroll-area::-webkit-scrollbar{display:none}@media(min-width:1024px){.scroll-area::-webkit-scrollbar{display:block;width:var(--scrollbar-width)}.scroll-area_scrolling::-webkit-scrollbar{width:var(--scrollbar-width)}.scroll-area::-webkit-scrollbar-track,.scroll-area_scrolling::-webkit-scrollbar-track{background:transparent}}@media(min-width:1024px){.scroll-area::-webkit-scrollbar-thumb{background:var(--transition-bg);border-radius:var(--scrollbar-border-radius)}}@media(min-width:1024px){.scroll-area::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color-hover)}}