.solvida-scroll-frame{position:relative;display:flex;flex:1;min-height:0;overflow:hidden}
[data-solvida-scroll-affordance]{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain}
[data-solvida-scroll-affordance]::-webkit-scrollbar{display:none;width:0;height:0}
.solvida-scroll-control{position:absolute;z-index:4;left:8px;right:8px;display:grid;place-items:center;width:auto;height:28px;padding:0;border:0;border-radius:12px;color:var(--solvida-scroll-ink);background:linear-gradient(var(--solvida-scroll-gradient-direction),color-mix(in srgb,var(--solvida-scroll-surface) 100%,transparent),color-mix(in srgb,var(--solvida-scroll-surface) 84%,transparent),transparent);cursor:pointer}
.solvida-scroll-control[hidden]{display:none!important}
.solvida-scroll-control svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.solvida-scroll-up{--solvida-scroll-gradient-direction:to bottom;top:0;border-radius:0 0 12px 12px}
.solvida-scroll-down{--solvida-scroll-gradient-direction:to top;bottom:0;border-radius:12px 12px 0 0}
.solvida-scroll-control:hover,.solvida-scroll-control:focus-visible{color:var(--solvida-scroll-accent);outline:2px solid color-mix(in srgb,var(--solvida-scroll-accent) 45%,transparent);outline-offset:-2px}
@media(prefers-reduced-motion:reduce){[data-solvida-scroll-affordance]{scroll-behavior:auto}}