.scroll-area{display:flex;flex-direction:column;width:100%;height:100%;position:relative;overflow:hidden;--scrollbar-margin: 0px;--thumb-size: .5rem;--scrollbar-size: calc(var(--thumb-size) + calc(var(--scrollbar-margin) * 2))}.scroll-area__viewport{display:flex;flex-direction:column;height:100%;width:100%;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-gray-a6) transparent}.scroll-area__viewport::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.scroll-area__viewport::-webkit-scrollbar-track{background:transparent}.scroll-area__viewport::-webkit-scrollbar-thumb{background-color:var(--color-gray-a6);border-radius:9999px;border:2px solid transparent;background-clip:padding-box;transition:background-color var(--duration-normal)}.scroll-area__viewport::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-a8)}[data-theme=dark] .scroll-area__viewport::-webkit-scrollbar-thumb{background-color:var(--color-gray-a4)}[data-theme=dark] .scroll-area__viewport::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-a6)}.scroll-area__scrollbar,.scroll-area__thumb,.scroll-area__corner{display:none}.scroll-area--size-xs{--thumb-size: .25rem}.scroll-area--size-sm{--thumb-size: .375rem}.scroll-area--size-md{--thumb-size: .5rem}.scroll-area--size-lg{--thumb-size: .625rem}.scroll-area--scrollbar-visible .scroll-area__viewport{scrollbar-width:auto}.scroll-area--scrollbar-visible .scroll-area__viewport::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.scroll-area--scrollbar-visible .scroll-area__viewport::-webkit-scrollbar-track{background-color:var(--color-gray-2);border-radius:9999px}[data-theme=dark] .scroll-area--scrollbar-visible .scroll-area__viewport::-webkit-scrollbar-track{background-color:var(--color-gray-1)}