.fc{--rise: 70vh;--spark: min(28vw, 120px);--launch: 90px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;animation:fc-done 0s linear 2.9s forwards}.fc__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,#2a0f1a80,#05030a80);opacity:0;animation:fc-shade 2.7s ease-in-out both}.fc__cracker--1{--x: 35%;--d: 0s;--h: var(--rise)}.fc__cracker--2{--x: 65%;--d: .45s;--h: calc(var(--rise) - 10vh)}.fc__rocket{position:absolute;left:var(--x);bottom:var(--launch);width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#fff6d5;box-shadow:0 0 8px 3px #ffd23f,0 0 18px 6px #ff8c1a99;opacity:0;animation:fc-rise .8s ease-out var(--d) forwards}.fc__rocket:before{content:"";position:absolute;top:6px;left:50%;width:2px;height:70px;margin-left:-1px;border-radius:2px;background:linear-gradient(to bottom,rgba(255,210,63,.95),rgba(255,140,26,.45) 40%,transparent);filter:drop-shadow(0 0 3px #ff8c1a)}.fc__burst{position:absolute;left:var(--x);bottom:calc(var(--launch) + var(--h))}.fc__cracker--2 .fc__burst{transform:rotate(11.25deg)}.fc__burst:before{content:"";position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle,#fff 0 20%,#ffd23f 45%,transparent 70%);opacity:0;animation:fc-flash .5s ease-out calc(.8s + var(--d)) forwards}.fc__burst span{position:absolute;left:-1.5px;top:-5px;width:3px;height:10px;border-radius:2px;background:linear-gradient(to top,var(--c),#fff);box-shadow:0 0 6px 1px var(--c);opacity:0;transform:rotate(var(--a));animation:fc-spark 1s cubic-bezier(.15,.7,.35,1) calc(.8s + var(--d)) forwards}@keyframes fc-shade{0%,to{opacity:0}20%,75%{opacity:1}}@keyframes fc-rise{0%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(calc(-1 * var(--h)))}}@keyframes fc-flash{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(2.2)}}@keyframes fc-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1)}70%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--spark))) scale(.5)}}@keyframes fc-done{to{visibility:hidden}}@media(max-width:480px){.fc{--rise: 62vh;--launch: 84px;--spark: min(24vw, 100px)}.fc__cracker--1{--x: 30%}.fc__cracker--2{--x: 70%}}@media(prefers-reduced-motion:reduce){.fc{display:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/festive-crackers.css.map */