.ss-arc{position:relative;isolation:isolate;margin-block:var(--ss-space-5);padding-block:var(--ss-space-7) var(--ss-space-6);overflow:hidden;border-radius:var(--ss-radius-lg);background:#fff;touch-action:pan-y}.ss-arc:before{content:"";position:absolute;inset-inline:50%;inset-block-start:4%;width:min(120%,900px);aspect-ratio:2 / 1;transform:translate(-50%);border-radius:50% 50% 0 0/100% 100% 0 0;background:linear-gradient(180deg,var(--r-50) 0%,rgba(255,255,255,0) 78%);z-index:0;pointer-events:none}.ss-ctiles.is-arc{display:block;position:relative;height:var(--arc-h, 340px);padding:0;gap:0;z-index:1}.ss-ctiles.is-arc .ss-ctile{position:absolute;inset-block-start:var(--arc-top, 12px);inset-inline:0;margin:0 auto;width:var(--arc-size, 120px);transform:none;transition:transform .42s var(--ss-ease-out),width .42s var(--ss-ease-out),opacity .3s var(--ss-ease)}.ss-ctiles.is-arc .ss-ctile__body{display:none}.ss-ctiles.is-arc .ss-ctile__media{width:100%;height:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--r-50);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--cat, var(--r-500)),0 10px 26px #33040b24}.ss-ctiles.is-arc .ss-ctile__media img{width:100%;height:100%;object-fit:cover;object-position:center 26%}.ss-ctiles.is-arc .ss-ctile[data-pos="0"]{width:var(--arc-size-0);transform:none;z-index:5;opacity:1}.ss-ctiles.is-arc .ss-ctile[data-pos="-1"],.ss-ctiles.is-arc .ss-ctile[data-pos="1"]{width:var(--arc-size-1);z-index:4;opacity:1}.ss-ctiles.is-arc .ss-ctile[data-pos="-1"]{transform:translate(calc(var(--arc-x1) * -1)) translateY(calc(var(--arc-y1) * -1))}.ss-ctiles.is-arc .ss-ctile[data-pos="1"]{transform:translate(var(--arc-x1)) translateY(calc(var(--arc-y1) * -1))}.ss-ctiles.is-arc .ss-ctile[data-pos="-2"],.ss-ctiles.is-arc .ss-ctile[data-pos="2"]{width:var(--arc-size-2);z-index:3;opacity:.92}.ss-ctiles.is-arc .ss-ctile[data-pos="-2"]{transform:translate(calc(var(--arc-x2) * -1)) translateY(calc(var(--arc-y2) * -1))}.ss-ctiles.is-arc .ss-ctile[data-pos="2"]{transform:translate(var(--arc-x2)) translateY(calc(var(--arc-y2) * -1))}.ss-ctiles.is-arc .ss-ctile[data-pos=off-start],.ss-ctiles.is-arc .ss-ctile[data-pos=off-end]{width:var(--arc-size-2);z-index:2;opacity:0;pointer-events:none}.ss-ctiles.is-arc .ss-ctile[data-pos=off-start]{transform:translate(calc(var(--arc-x3) * -1)) translateY(calc(var(--arc-y2) * -1)) scale(.7)}.ss-ctiles.is-arc .ss-ctile[data-pos=off-end]{transform:translate(var(--arc-x3)) translateY(calc(var(--arc-y2) * -1)) scale(.7)}.ss-ctiles.is-arc .ss-ctile[data-pos="-1"],.ss-ctiles.is-arc .ss-ctile[data-pos="1"],.ss-ctiles.is-arc .ss-ctile[data-pos="-2"],.ss-ctiles.is-arc .ss-ctile[data-pos="2"]{cursor:pointer}.ss-ctiles.is-arc .ss-ctile[data-pos="-1"]:hover .ss-ctile__media,.ss-ctiles.is-arc .ss-ctile[data-pos="1"]:hover .ss-ctile__media,.ss-ctiles.is-arc .ss-ctile[data-pos="-2"]:hover .ss-ctile__media,.ss-ctiles.is-arc .ss-ctile[data-pos="2"]:hover .ss-ctile__media{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--cat, var(--r-500)),0 14px 30px #33040b33}.ss-arc__caption{position:relative;z-index:2;text-align:center;margin-top:var(--ss-space-4);padding-inline:var(--ss-space-4)}.ss-arc__name{display:inline-block;font-family:var(--ss-font-display);font-size:clamp(1.6rem,5.5vw,2.6rem);line-height:1.1;color:var(--ss-text);text-decoration:none;padding-bottom:var(--ss-space-2);border-bottom:3px solid var(--cat, var(--r-500));transition:color var(--ss-base) var(--ss-ease)}.ss-arc__name:hover{color:var(--cat, var(--r-500))}.ss-arc__count{margin-top:var(--ss-space-2);font-size:1rem;color:var(--ss-text-muted);font-variant-numeric:tabular-nums}.ss-arc__pos{margin-top:var(--ss-space-1);font-size:.8125rem;letter-spacing:.06em;color:var(--ss-text-muted);font-variant-numeric:tabular-nums}.ss-arc__pos b{color:var(--cat, var(--r-500));font-weight:700}.ss-arc__nav{position:relative;z-index:3;display:flex;justify-content:center;align-items:center;gap:var(--ss-space-4);margin-top:var(--ss-space-4)}.ss-arc__btn{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--ss-line-strong);border-radius:50%;background:#fff;color:var(--ss-ink);cursor:pointer;transition:background var(--ss-base) var(--ss-ease),border-color var(--ss-base) var(--ss-ease),color var(--ss-base) var(--ss-ease)}.ss-arc__btn svg{width:20px;height:20px}.ss-arc__btn:hover{background:var(--cat, var(--r-500));border-color:var(--cat, var(--r-500));color:#fff}.ss-arc__btn:focus-visible{outline:2px solid var(--cat, var(--r-500));outline-offset:3px}[dir=rtl] .ss-arc__btn svg{transform:scaleX(-1)}.ss-arc{--arc-size-0: 140px;--arc-size-1: 86px;--arc-size-2: 56px;--arc-x1: 92px;--arc-x2: 112px;--arc-x3: 170px;--arc-y1: 24px;--arc-y2: 52px;--arc-h: 202px;--arc-top: 58px}@media(min-width:480px){.ss-arc{--arc-size-0: 190px;--arc-size-1: 118px;--arc-size-2: 80px;--arc-x1: 140px;--arc-x2: 180px;--arc-x3: 250px;--arc-y1: 32px;--arc-y2: 72px;--arc-h: 274px;--arc-top: 78px}}@media(min-width:900px){.ss-arc{--arc-size-0: 290px;--arc-size-1: 180px;--arc-size-2: 122px;--arc-x1: 218px;--arc-x2: 330px;--arc-x3: 430px;--arc-y1: 48px;--arc-y2: 108px;--arc-h: 408px;--arc-top: 112px}}.ss-ctiles.is-arc .ss-ctile{transition:transform .42s var(--ss-ease-out),width .42s var(--ss-ease-out),opacity .3s var(--ss-ease)!important}.ss-ctiles.is-arc .ss-ctile[data-pos="0"]{transform:none!important;opacity:1!important}.ss-ctiles.is-arc .ss-ctile[data-pos="-1"]{transform:translate(calc(var(--arc-x1) * -1)) translateY(calc(var(--arc-y1) * -1))!important;opacity:1!important}.ss-ctiles.is-arc .ss-ctile[data-pos="1"]{transform:translate(var(--arc-x1)) translateY(calc(var(--arc-y1) * -1))!important;opacity:1!important}.ss-ctiles.is-arc .ss-ctile[data-pos="-2"]{transform:translate(calc(var(--arc-x2) * -1)) translateY(calc(var(--arc-y2) * -1))!important;opacity:.92!important}.ss-ctiles.is-arc .ss-ctile[data-pos="2"]{transform:translate(var(--arc-x2)) translateY(calc(var(--arc-y2) * -1))!important;opacity:.92!important}.ss-ctiles.is-arc .ss-ctile[data-pos=off-start]{transform:translate(calc(var(--arc-x3) * -1)) translateY(calc(var(--arc-y2) * -1)) scale(.7)!important;opacity:0!important}.ss-ctiles.is-arc .ss-ctile[data-pos=off-end]{transform:translate(var(--arc-x3)) translateY(calc(var(--arc-y2) * -1)) scale(.7)!important;opacity:0!important}@media(prefers-reduced-motion:reduce){.ss-ctiles.is-arc .ss-ctile{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/ss-arc.css.map */