.arrows{align-items:center;display:flex}.arrows .btn-next,.arrows .btn-prev{align-items:center;display:flex;justify-content:center}.arrows{grid-column-gap:8px}.arrows .btn-next,.arrows .btn-prev{background-color:var(--surface-color-3);border:var(--border,0);border-radius:8px;font-family:Rubik,Rubik fallback,sans-serif;height:var(--height,2rem);min-height:var(--min-height,2rem);min-width:var(--min-width,2rem);transition:all .2s ease-in-out;width:var(--width,2rem)}.arrows .btn-next .icon,.arrows .btn-prev .icon{--color:var(--icon-color-primary)}@media (hover:hover) and (pointer:fine){.arrows .btn-next:hover,.arrows .btn-prev:hover{background-color:var(--surface-color-4);cursor:pointer}.arrows .btn-next:hover .icon,.arrows .btn-prev:hover .icon{--color:var(--icon-color-primary)}}.arrows .btn-next.is-active,.arrows .btn-next:active,.arrows .btn-prev.is-active,.arrows .btn-prev:active{--bg:var(--button-bg-secondary-click)}.arrows .btn-next[disabled],.arrows .btn-prev[disabled]{opacity:.3;pointer-events:none}.arrows .btn-prev{transform:rotate(90deg)}.arrows .btn-next{transform:rotate(-90deg)}