.swipe-stack{position:relative;width:308px;max-width:calc(100vw - 3rem);aspect-ratio:308/435;margin:0 auto}.swipe-stack-item{position:absolute;inset:0;will-change:transform}.swipe-stack-draggable{cursor:grab;touch-action:pan-y}.swipe-card{position:relative;width:100%;height:100%;overflow:hidden;border:3px solid #f5f5f5;border-radius:10px;background-color:#000;user-select:none}.swipe-card-image{width:100%;height:100%;object-fit:cover}.swipe-card-gradient,.swipe-card-image{position:absolute;inset:0;pointer-events:none}.swipe-card-gradient{background:linear-gradient(0deg,rgba(0,0,0,.4) 0,rgba(102,102,102,0))}.swipe-card-feedback{position:absolute;inset:0;border-radius:10px;pointer-events:none}.swipe-card-feedback-yes{background-color:#81c27b}.swipe-card-feedback-no{background-color:#ff6666}.swipe-actions{display:flex;align-items:center;justify-content:center;gap:27px}.swipe-timer{width:97px;height:97px;background-color:#f5f5f5;font-size:25px;font-weight:600;font-variant-numeric:tabular-nums}.swipe-action,.swipe-timer{display:flex;flex:none;align-items:center;justify-content:center;border-radius:9999px}.swipe-action{width:44px;height:44px;color:#fff;cursor:pointer;transform:translateY(18px);transition:filter .15s ease,transform .15s ease}.swipe-action:hover{filter:brightness(.94)}.swipe-action:active{transform:translateY(18px) scale(.92)}.swipe-action-no{background-color:#ff6666}.swipe-action-yes{background-color:#81c27b}