.swipe-section{background:#fafafa;color:#0e0e0e;font-family:Inter,system-ui,sans-serif;padding:80px 24px;position:relative;overflow:hidden;display:none;flex-direction:column;justify-content:center;align-items:center}@media(max-width:900px){.swipe-section{display:flex;padding:56px 16px}}.swipe-header{text-align:center;margin:0 0 44px;max-width:640px}.swipe-title{font-family:Inter,system-ui,sans-serif;font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.015em;line-height:1.05;margin:0;text-wrap:balance}.swipe-title .accent{display:inline-block;background:#0e0e0e;color:#f4f2ec;padding:.04em .28em .06em;border-radius:4px;transform:rotate(-1.5deg);margin:0 .04em;vertical-align:baseline}.swipe-sub{margin:14px auto 0;max-width:520px;font-size:14px;line-height:1.55;color:#0e0e0e99;text-wrap:balance}@media(max-width:900px){.swipe-header{margin-bottom:32px}.swipe-title{font-size:26px}}.stack-wrap{position:relative;isolation:isolate;aspect-ratio:3 / 4.2;width:100%;max-width:460px;margin:0 auto;user-select:none;-webkit-user-select:none;touch-action:pan-y}@media(max-width:900px){.stack-wrap{max-width:min(340px,calc(100vw - 80px))}}.swipe-empty{margin:24px 0 0;font-size:14px;color:#0e0e0e8c;font-style:italic}.card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;overflow:hidden;background:#fff;border:1px solid rgba(20,17,15,.06);box-shadow:0 18px 40px #14110f1a,0 2px 6px #14110f0f;cursor:grab;will-change:transform;transform-origin:center bottom}.card.dragging{cursor:grabbing}.card:not(.top){pointer-events:none;cursor:default}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(120% 80% at 0% 0%,rgba(242,107,31,.06),transparent 60%),radial-gradient(120% 80% at 100% 100%,rgba(20,17,15,.05),transparent 60%);pointer-events:none;z-index:1}.card-body{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:32px 30px;pointer-events:none;z-index:3}.card-cat{align-self:flex-start;font-size:10px;font-weight:800;letter-spacing:.18em;color:#14110f;background:#f26b1f;padding:5px 10px;border-radius:999px;margin-bottom:18px;text-transform:uppercase}.card-text{margin:0 0 24px;font-size:clamp(20px,2.4vw,28px);line-height:1.22;font-weight:700;color:#14110f;letter-spacing:-.018em;text-wrap:balance}.card-hint{margin-top:auto;display:flex;justify-content:space-between;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#14110f73}.hint-no{color:#c13e3ea6}.hint-yes{color:#1f8a4cb3}.tint{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;z-index:2}.tint.like{background:#ffffff8c}.tint.nope{background:#14110f8c}.end-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 18% 0%,rgba(242,107,31,.2),transparent 55%),radial-gradient(120% 90% at 100% 100%,rgba(242,107,31,.1),transparent 55%),#0e0e0e;color:#f4f2ec;border-radius:22px;padding:40px 32px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px;overflow:hidden;box-shadow:0 18px 40px #14110f2e,0 2px 6px #14110f1a;animation:endIn .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes endIn{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.end-mark{width:64px;height:64px;margin-bottom:2px}.end-mark svg{width:64px;height:64px;display:block}.end-mark-ring{fill:none;stroke:#f26b1f;stroke-width:3;stroke-dasharray:151;stroke-dashoffset:151;transform:rotate(-90deg);transform-origin:center;animation:endRing .55s cubic-bezier(.65,0,.35,1) .15s forwards}.end-mark-tick{fill:none;stroke:#f4f2ec;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:endTick .35s cubic-bezier(.65,0,.35,1) .55s forwards}@keyframes endRing{to{stroke-dashoffset:0}}@keyframes endTick{to{stroke-dashoffset:0}}.end-screen h3{font-family:Inter,system-ui,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.015em;margin:0}.end-screen h3 em{font-family:Inter,system-ui,sans-serif;font-style:normal;font-weight:800;background:#fafafa;color:#0e0e0e;padding:0 .25em;border-radius:4px;display:inline-block;transform:rotate(-1.5deg);margin:0 .05em}.end-screen .end-sub{font-size:13px;opacity:.68;margin:0;line-height:1.5;max-width:28ch}.end-screen .end-sub strong{color:#f26b1f;opacity:1;font-weight:800}.end-restart{margin-top:10px;font:inherit;font-size:13px;font-weight:700;color:#0e0e0e;background:#f2f2f2;border:none;border-radius:999px;padding:11px 22px;cursor:pointer;box-shadow:0 6px 16px #00000040;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.end-restart:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 22px #0000004d}.end-restart:active{transform:scale(.96)}@media(prefers-reduced-motion:reduce){.end-screen{animation:none}.end-mark-ring,.end-mark-tick{animation:none;stroke-dashoffset:0}.end-restart{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/swipe-vote.css.map */