.o-sn{align-items:center;display:flex;justify-content:space-between}.o-sn_arrow{height:.5rem;transition:color .2s ease-in-out;width:.75rem}.o-sn_arrow:hover{color:#f70b48}.o-sn_arrow.-prev{transform:scaleX(-1)}.o-sn_arrow svg{height:100%;width:100%}.o-sn_list{display:flex;gap:1rem}.o-sn_item{--dot-color:#101010;cursor:pointer;line-height:0;opacity:.3;transition:opacity .2s linear,color .3s ease-in-out}.o-sn_item-btn{background-color:var(--dot-color,#f70b48);height:.375rem;transform-origin:center;width:.375rem}.o-sn_item:not(.-active):focus,.o-sn_item:not(.-active):hover{opacity:.5}.o-sn_item.-active{--dot-color:#f70b48;opacity:1}
