.card-wrapper .media>.card-swipe-extra{display:none}.card-wrapper .media>.card-swipe-toggle,.card-wrapper .media>.card-swipe-hint{display:none}@media(max-width:749px){.card-swipe-ready .media{overflow:hidden}.card-swipe-ready .media>.media--first,.card-swipe-ready .media>.media--second,.card-swipe-ready .media>.card-swipe-extra{display:block;transform:translate(var(--card-swipe-offset, 0%));opacity:1;transition:none}.card-swipe-ready.card-swipe-interacted .media>.media--first,.card-swipe-ready.card-swipe-interacted .media>.media--second,.card-swipe-ready.card-swipe-interacted .media>.card-swipe-extra{transition:transform .32s ease-in-out}.card-swipe-ready .media>.card-swipe-toggle{display:flex;align-items:center;justify-content:center;gap:5px;position:absolute;top:auto;left:auto;bottom:4px;right:12px;z-index:4;width:max(44px,calc(var(--card-swipe-count, 2) * 10px + 6px));height:44px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.card-swipe-toggle:before{content:"";position:absolute;left:50%;top:10px;transform:translate(-50%);width:max(36px,calc(var(--card-swipe-count, 2) * 10px + 6px));height:24px;border-radius:20px;background:#ffffffeb}.card-swipe-toggle span{position:relative;flex:none;width:5px;height:5px;border-radius:50%;background:#aaa}.card-swipe-toggle span.is-active{background:#222}.card-swipe-toggle:focus-visible{outline:2px solid #222;outline-offset:-4px}.card-swipe-ready .media>.card-swipe-hint{display:block;position:absolute;top:auto;width:max-content;height:auto;bottom:44px;left:50%;z-index:4;transform:translate(-50%);padding:6px 10px;border-radius:20px;background:#fffffff2;color:#222;font-size:11px;line-height:1.4;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .25s ease-in-out}.card-swipe-ready.card-swipe-cue .media>.card-swipe-hint{opacity:1}.card-swipe-cue .media>.media--first{animation:card-swipe-peek-first 1.4s .3s ease-in-out}.card-swipe-cue .media>.media--second{animation:card-swipe-peek-second 1.4s .3s ease-in-out}@keyframes card-swipe-peek-first{0%,to{transform:translate(0)}45%,60%{transform:translate(-14%)}}@keyframes card-swipe-peek-second{0%,to{transform:translate(100%)}45%,60%{transform:translate(86%)}}}@media(prefers-reduced-motion:reduce){.card-wrapper.card-swipe-ready .media>.media--first,.card-wrapper.card-swipe-ready .media>.media--second,.card-wrapper.card-swipe-ready .media>.card-swipe-extra,.card-swipe-ready .media>.card-swipe-hint{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/537/assets/geometry-card-swipe.css.map */