.scroll-area-module__kVVycW__root{box-sizing:border-box;width:24rem;max-width:calc(100vw - 8rem);height:8.5rem}.scroll-area-module__kVVycW__viewport{outline-offset:-1px;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;border-radius:.375rem;height:100%;overflow:scroll}.scroll-area-module__kVVycW__viewport::-webkit-scrollbar{display:none}.scroll-area-module__kVVycW__viewport:focus-visible{outline:2px solid var(--ring)}.scroll-area-module__kVVycW__content{padding-block:.75rem;flex-direction:column;gap:1rem;padding-left:1rem;padding-right:1.5rem;display:flex}.scroll-area-module__kVVycW__scrollbar{background-color:var(--border);opacity:0;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:.375rem;justify-content:center;width:.25rem;margin:.5rem;transition:opacity .15s .3s;display:flex}.scroll-area-module__kVVycW__scrollbar[data-scrolling]{opacity:1;transition-duration:75ms;transition-delay:0s}.scroll-area-module__kVVycW__scrollbar[data-hovering]:not([data-scrolling]){opacity:0}.scroll-area-module__kVVycW__scrollbar:before{content:"";width:1.25rem;height:100%;position:absolute}.scroll-area-module__kVVycW__thumb{border-radius:inherit;background-color:var(--muted-foreground);width:100%}.scroll-area-module__kVVycW__corner{display:none}@media (max-width:640px){.scroll-area-module__kVVycW__root{width:100%;max-width:100%;height:12rem}.scroll-area-module__kVVycW__content{padding-left:1rem;padding-right:1rem}.scroll-area-module__kVVycW__scrollbar{width:.375rem;margin:.625rem}.scroll-area-module__kVVycW__scrollbar:before{width:1.5rem}}
.scroll-area-demo-module__BHYNzW__paragraph{color:var(--foreground);margin:0;font-size:.875rem;line-height:1.375rem}.scroll-area-demo-module__BHYNzW__viewport{outline:1px solid var(--border)}@media (max-width:640px){.scroll-area-demo-module__BHYNzW__paragraph{font-size:.9375rem;line-height:1.5}}