.nav-arrow{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:45px;height:45px;padding:0;border:1px solid transparent;border-radius:5px;cursor:pointer;transition:background-color .2s,border-color .2s}.nav-arrow span.icon{width:14px;height:14px;background-color:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}.nav-arrow.left span.icon{transform:scaleX(-1)}.nav-arrow.solid{width:30px;height:30px;background-color:#9455f7;color:#f9f5ff}.nav-arrow.solid span.icon{width:11px;height:11px}.nav-arrow.solid:hover{background-color:#6922ce}.nav-arrow.soft{background-color:#e4d5ff;color:#6922ce}.nav-arrow.soft:hover{background-color:#d6bffe}.nav-arrow.round{border-radius:50%;border-color:#e2e8f0;background-color:#fff;color:#464646}.nav-arrow.round:hover{border-color:#e4d5ff;background-color:#f0e8ff}.nav-arrow:disabled{opacity:.4;cursor:default}