.carousel-main{display:flex;overflow:hidden;align-items:center;justify-content:center;padding:1rem}@media(min-width:640px){.carousel-main{padding:2rem}}.carousel-container{position:relative;touch-action:pan-y pinch-zoom}.carousel-track{display:flex;transition:transform .5s cubic-bezier(.23,1,.32,1)}.carousel-item{flex:0 0 100%;max-width:100%;display:flex;justify-content:center;padding:.5rem 0;opacity:.4;transform:scale(.96);transition:opacity .4s ease,transform .4s ease}.carousel-item>div>div{width:100%;max-width:30rem;margin-left:auto;margin-right:auto}.carousel-item.active{opacity:1;transform:scale(1)translateZ(0)}@media(max-width:640px){.carousel-item.prev{opacity:0;transform:scale(.8)translateX(-50%)translateZ(-100px)}.carousel-item.next{opacity:0;transform:scale(.8)translateX(50%)translateZ(-100px)}}@media(min-width:641px){.carousel-item.prev{opacity:.7;transform:scale(.9)translateX(-100%)translateZ(-100px)}.carousel-item.next{opacity:.7;transform:scale(.9)translateX(100%)translateZ(-100px)}}.carousel-item.hidden{opacity:0;transform:scale(.8)translateZ(-200px)}.nav-button{transition:all .3s;background:rgba(0,0,0,8%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media(hover:hover){.nav-button:hover{background:rgba(0,0,0,.16);transform:scale(1.1)}}.nav-button:active{transform:scale(.95)}.progress-bar{transition:width .5s cubic-bezier(.23,1,.32,1)}.js-like-btn{display:flex;align-items:center;gap:.5rem;position:relative;overflow:visible;transition:color .2s ease}.js-like-btn:hover{color:#ef4444}.heart-solid{transform-origin:center}.heart-solid:not(.hidden){animation:heart-pop-small .18s ease-out}@keyframes heart-pop-small{0%{transform:scale(.7)}100%{transform:scale(1)}}.js-like-btn.like-animate .heart-solid{animation:heart-pop-big .45s cubic-bezier(.34,1.56,.64,1)}@keyframes heart-pop-big{0%{transform:scale(.6)}40%{transform:scale(1.5)}70%{transform:scale(.9)}100%{transform:scale(1)}}.js-like-btn.like-animate::before{content:"";position:absolute;inset:-12px;border-radius:9999px;border:2px solid rgba(239,68,68,.7);opacity:0;transform:scale(.4);pointer-events:none;animation:like-halo .45s ease-out forwards}@keyframes like-halo{0%{opacity:.7;transform:scale(.4)}70%{opacity:0;transform:scale(1.6)}100%{opacity:0;transform:scale(1.9)}}.js-like-btn.like-animate::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:9999px;transform:translate(-50%,-50%)scale(0);opacity:0;box-shadow:0 -20px rgba(239,68,68,.9),16px -10px rgba(251,191,36,.9),20px 6px rgba(52,211,153,.9),0 20px rgba(59,130,246,.9),-16px 6px rgba(236,72,153,.9),-20px -10px rgba(248,113,113,.9);animation:like-confetti .45s ease-out forwards;pointer-events:none}@keyframes like-confetti{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)}70%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}100%{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}