.solfie-swipe{--sp: 0;--sp-h: 56px;--sp-pad: 5px;--sp-ink: #1c1a19;--sp-bone: #f8f7f5;--sp-gold: #b99539;--sp-ok: #2f6b57;position:relative;display:block;width:100%;height:var(--sp-h);padding:var(--sp-pad);border:0;border-radius:100px;background:var(--sp-ink);color:var(--sp-bone);font-family:DM Sans,system-ui,sans-serif;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;transition:background .25s ease,box-shadow .25s ease}.solfie-swipe:focus-visible{outline:2px solid var(--sp-gold);outline-offset:2px}.solfie-swipe.is-dragging{cursor:grabbing}.solfie-swipe.is-off,.solfie-swipe[aria-disabled=true]{cursor:not-allowed;opacity:.55}.solfie-swipe__fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,#f8f7f52b,#f8f7f50a);transform-origin:left center;transform:scaleX(calc(var(--sp) * 1));pointer-events:none;transition:background .25s ease}.solfie-swipe.is-done .solfie-swipe__fill{background:linear-gradient(90deg,#2f6b576b,#2f6b571a)}.solfie-swipe__label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding-left:calc(var(--sp-h) * .55);padding-right:16px;pointer-events:none;opacity:calc(1 - var(--sp) * .85);transform:translate(calc(var(--sp) * 18px));transition:opacity .12s linear}.solfie-swipe__knob{position:absolute;top:var(--sp-pad);left:var(--sp-pad);width:calc(var(--sp-h) - var(--sp-pad) * 2);height:calc(var(--sp-h) - var(--sp-pad) * 2);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--sp-bone);color:var(--sp-ink);box-shadow:0 2px 10px #0000002e;transform:translate(calc(var(--sp) * var(--sp-max, 0px))) scale(1);transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .2s ease,background .2s ease;z-index:2;will-change:transform}.solfie-swipe.is-pressed .solfie-swipe__knob{transform:translate(calc(var(--sp) * var(--sp-max, 0px))) scale(1.06);box-shadow:0 6px 18px #00000042}.solfie-swipe.is-dragging .solfie-swipe__knob{transition:box-shadow .2s ease,background .2s ease}.solfie-swipe.is-done .solfie-swipe__knob{background:var(--sp-ok);color:#fff}.solfie-swipe__chevrons{display:flex;align-items:center;gap:1px;transition:opacity .18s ease}.solfie-swipe__chevrons svg{display:block}.solfie-swipe__chevrons svg:nth-child(2){opacity:.55}.solfie-swipe__chevrons svg:nth-child(3){opacity:.28}.solfie-swipe.is-done .solfie-swipe__chevrons{opacity:0}.solfie-swipe.is-done .solfie-swipe__label{opacity:.95;transform:none}.solfie-swipe__check{position:absolute;width:18px;height:18px;opacity:0;transform:scale(.6);transition:opacity .18s ease,transform .24s cubic-bezier(.22,1,.36,1)}.solfie-swipe.is-done .solfie-swipe__check{opacity:1;transform:scale(1)}.solfie-swipe-fallback{display:flex;align-items:center;justify-content:center;height:52px;border-radius:100px;background:#1c1a19;color:#f8f7f5;font-family:DM Sans,system-ui,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none}@media(max-width:520px){.solfie-swipe{--sp-h: 54px}}@media(prefers-reduced-motion:reduce){.solfie-swipe__knob,.solfie-swipe.is-pressed .solfie-swipe__knob{transition:box-shadow .15s ease,background .15s ease}.solfie-swipe__label{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/solfie-swipe.css.map */