.smp-scroll-area{--smp-scroll-inset:6px;--smp-scroll-right:3px;--smp-scroll-width:4px;--smp-scroll-track:#ffffff0f;--smp-scroll-thumb:linear-gradient(180deg, #c47a10 0%, #e8b840 100%);flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.smp-scroll-area__viewport{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;flex:1;min-width:0;min-height:0;overflow:auto}.smp-scroll-area__viewport::-webkit-scrollbar{display:none}.smp-scroll-area__content{min-height:min-content}.smp-scroll-area__track{visibility:hidden;pointer-events:none;z-index:1;position:absolute}.smp-scroll-area[data-scrollable=true]>.smp-scroll-area__track{visibility:visible}.smp-scroll-area[data-axis=y]>.smp-scroll-area__track{top:var(--smp-scroll-inset);bottom:var(--smp-scroll-inset);right:var(--smp-scroll-right);width:var(--smp-scroll-width);background:var(--smp-scroll-track);border-radius:999px}.smp-scroll-area[data-axis=x]>.smp-scroll-area__track{left:var(--smp-scroll-inset);right:var(--smp-scroll-inset);bottom:var(--smp-scroll-right);height:var(--smp-scroll-width);background:var(--smp-scroll-track);border-radius:999px}.smp-scroll-area__thumb{pointer-events:auto;touch-action:none;will-change:transform;background:var(--smp-scroll-thumb);border-radius:999px;position:absolute}.smp-scroll-area[data-axis=y]>.smp-scroll-area__track>.smp-scroll-area__thumb{width:100%;top:0;left:0;right:0}.smp-scroll-area[data-axis=x]>.smp-scroll-area__track>.smp-scroll-area__thumb{height:100%;top:0;bottom:0;left:0}