.ct-swipe{--ct-swipe-dot: var(--ct-silver-300);--ct-swipe-dot-on: var(--ct-blue-800);--ct-swipe-dot-track: var(--ct-blue-100);--ct-swipe-fill: var(--ct-blue-800);--ct-swipe-icon: var(--ct-text-faint);--ct-swipe-icon-on: #FFFFFF;--ct-swipe-btn-fg: var(--ct-text-display);--ct-swipe-btn-border: var(--ct-border-strong);--ct-swipe-btn-bg: transparent;--ct-swipe-btn-hover-bg: var(--ct-selected-bg);--ct-swipe-hint-fg: var(--ct-text-muted);--ct-swipe-hint-bg: rgba(255, 255, 255, .92);position:relative;min-width:0}.ct-swipe--dark{--ct-swipe-dot: rgba(255, 255, 255, .4);--ct-swipe-dot-on: var(--ct-selected-border);--ct-swipe-dot-track: rgba(255, 255, 255, .25);--ct-swipe-fill: var(--ct-selected-border);--ct-swipe-icon: var(--ct-text-muted);--ct-swipe-icon-on: var(--ct-blue-950);--ct-swipe-btn-hover-bg: rgba(255, 255, 255, .1);--ct-swipe-hint-fg: var(--ct-text);--ct-swipe-hint-bg: rgba(0, 20, 51, .8)}.ct-swipe__track{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.ct-swipe__track::-webkit-scrollbar{display:none}.ct-swipe__track{transition:opacity .15s var(--ct-ease-out)}.ct-swipe.is-jumping .ct-swipe__track{opacity:0}.ct-swipe__slide{flex:0 0 100%;box-sizing:border-box;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}@media(pointer:coarse){.ct-swipe--peek .ct-swipe__track{column-gap:12px}.ct-swipe--peek .ct-swipe__slide{flex-basis:86%;width:86%}.ct-swipe--peek .ct-swipe__track:after{content:"";flex:0 0 calc(14% - 12px)}.ct-swipe--peek .ct-swipe__hint{right:calc(14% + 12px)}}.ct-swipe__ctrl{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;margin-top:16px}.ct-swipe__btn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--ct-swipe-btn-border);border-radius:50%;background:var(--ct-swipe-btn-bg);color:var(--ct-swipe-btn-fg);cursor:pointer;transition:background-color var(--ct-dur-1) var(--ct-ease-out),border-color var(--ct-dur-1) var(--ct-ease-out),transform var(--ct-dur-1) var(--ct-ease-out)}.ct-swipe__btn:hover{background:var(--ct-swipe-btn-hover-bg);border-color:currentColor}.ct-swipe__btn:active{transform:translateY(1px)}.ct-swipe__btn:focus-visible{outline:2px solid var(--ct-focus-ring);outline-offset:2px}.ct-swipe__btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ct-swipe__dots{display:flex;align-items:center;flex-wrap:nowrap;gap:0;min-width:0;height:44px;padding:0 4px}.ct-swipe__dot{position:relative;flex:none;width:24px;height:44px;margin:0;padding:0;border:0;border-radius:var(--ct-radius-pill);background:transparent;color:var(--ct-swipe-icon);cursor:pointer;transition:width var(--ct-dur-2) var(--ct-ease-out)}.ct-swipe__dot:before{content:"";position:absolute;top:18px;right:8px;bottom:18px;left:8px;border-radius:var(--ct-radius-pill);background:var(--ct-swipe-dot);transition:background-color var(--ct-dur-2) var(--ct-ease-out)}.ct-swipe__dot:focus-visible{outline:2px solid var(--ct-focus-ring);outline-offset:0}.ct-swipe__dot[aria-current=true]{width:44px}.ct-swipe__dot[aria-current=true]:before{background:var(--ct-swipe-dot-on)}.ct-swipe__fill{position:absolute;top:18px;right:8px;bottom:18px;left:8px;border-radius:var(--ct-radius-pill);background:var(--ct-swipe-fill);transform-origin:left center;transform:scaleX(0);pointer-events:none}.ct-swipe.is-playing .ct-swipe__dot[aria-current=true]:before{background:var(--ct-swipe-dot-track)}.ct-swipe.is-playing .ct-swipe__dot[aria-current=true] .ct-swipe__fill{animation:ct-swipe-fill var(--ct-swipe-dwell, 6s) linear forwards}@keyframes ct-swipe-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ct-swipe__dot--icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--ct-swipe-dot);background:transparent;transition:background-color var(--ct-dur-2) var(--ct-ease-out),border-color var(--ct-dur-2) var(--ct-ease-out),color var(--ct-dur-2) var(--ct-ease-out)}.ct-swipe__dot--icon+.ct-swipe__dot--icon{margin-left:12px}.ct-swipe__dot--icon:before{display:none}.ct-swipe__dot--icon:focus-visible{outline-offset:4px}.ct-swipe__dot--icon svg{position:relative;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ct-swipe__dot--icon[aria-current=true],.ct-swipe.is-playing .ct-swipe__dot--icon[aria-current=true]{width:44px;border-color:var(--ct-swipe-dot-on);background:var(--ct-swipe-dot-on);color:var(--ct-swipe-icon-on)}.ct-swipe__dot--icon .ct-swipe__fill{top:auto;right:6px;bottom:-9px;left:6px;height:3px;border-radius:2px}@media(max-width:419.98px){.ct-swipe__ctrl{gap:6px}.ct-swipe__dots{padding:0 2px}.ct-swipe__dot--icon+.ct-swipe__dot--icon{margin-left:6px}.ct-swipe__dot--icon,.ct-swipe__dot--icon[aria-current=true],.ct-swipe.is-playing .ct-swipe__dot--icon[aria-current=true]{width:40px;height:40px}.ct-swipe__dot--icon svg{width:18px;height:18px}}.ct-swipe__hint{position:absolute;z-index:1;right:12px;bottom:70px;display:none;align-items:center;gap:6px;margin:0;padding:5px 12px 5px 10px;border-radius:var(--ct-radius-pill);background:var(--ct-swipe-hint-bg);box-shadow:var(--ct-shadow-card-hover);font-family:var(--ct-font-mono);font-size:var(--ct-fs-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ct-swipe-hint-fg);opacity:0;pointer-events:none}.ct-swipe__hint:before{content:"";width:7px;height:7px;border-left:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg)}.ct-swipe.is-hinting .ct-swipe__hint{display:inline-flex;animation:ct-swipe-hint .3s var(--ct-ease-out) forwards}.ct-swipe.is-hinting .ct-swipe__hint:before{animation:ct-swipe-nudge 2.4s var(--ct-ease-out) infinite}@keyframes ct-swipe-hint{0%{opacity:0}to{opacity:1}}@keyframes ct-swipe-nudge{0%,10%{transform:rotate(45deg) translate(0)}22%{transform:rotate(45deg) translate(-4px,4px)}34%{transform:rotate(45deg) translate(0)}46%{transform:rotate(45deg) translate(-4px,4px)}58%{transform:rotate(45deg) translate(0)}70%{transform:rotate(45deg) translate(-4px,4px)}82%,to{transform:rotate(45deg) translate(0)}}@media(pointer:fine){.ct-swipe__hint{display:none!important}}@media(prefers-reduced-motion:reduce){.ct-swipe__track{scroll-behavior:auto;transition:none}.ct-swipe__fill{display:none}.ct-swipe.is-playing .ct-swipe__dot[aria-current=true]:before{background:var(--ct-swipe-dot-on)}.ct-swipe__hint{display:none!important}.ct-swipe__dot,.ct-swipe__dot:before,.ct-swipe__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/ct-swipe.css.map */