.card-stack{position:relative;width:100%;height:100%;user-select:none;touch-action:pan-y}.card-stack:after,.card-stack:before{content:"";position:absolute;top:50%;width:60px;height:60px;border-radius:50%;opacity:0;transform:translateY(-50%);transition:opacity .2s ease;z-index:100;pointer-events:none}.card-stack:before{left:-60%;background-color:rgba(239,68,68,.2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E")}.card-stack:after,.card-stack:before{background-repeat:no-repeat;background-position:50%;background-size:30px}.card-stack:after{right:-60%;background-color:rgba(34,197,94,.2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}.card-stack.swiping-left:before,.card-stack.swiping-right:after{opacity:1}.card{cursor:grab;display:flex;flex-direction:column;justify-content:center;align-items:center;place-self:center;position:absolute;left:50%;top:0;transform:translateX(-50%);width:calc((100vh - 1rem - 4rem - 20.25rem) * 13 / 16);height:calc(100%);border-radius:.75rem;will-change:transform,opacity;touch-action:pan-y}@media (max-width:768px){.card{width:100%}}.card:active{cursor:grabbing}.fade-bottom-container{-webkit-mask-image:linear-gradient(180deg,black calc(100% - 5px),transparent);mask-image:linear-gradient(180deg,black calc(100% - 5px),transparent)}