.scroll-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;border-radius:var(--radius-full);background:rgba(0,0,0,.5);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .3s ease,background .2s ease,transform .2s ease,visibility .3s ease;z-index:50;box-shadow:0 4px 12px rgba(0,0,0,.4);padding:0;pointer-events:auto;-webkit-tap-highlight-color:transparent}.scroll-nav svg{width:18px;height:18px;color:#fff}.scroll-nav--prev{left:calc(var(--space-sm) * -1.55)}.scroll-nav--next{right:calc(var(--space-sm) * -1.55)}.scroll-nav--hidden{opacity:0 !important;visibility:hidden !important;pointer-events:none !important}