.packet{position:relative;filter:drop-shadow(0 var(--packet-shadow-y) var(--packet-shadow-blur) rgba(6,19,45,.45));font-family:sans-serif}.packet__scale,.packet-stage__scene{position:absolute;left:0;top:0;width:240px;height:320px;transform:scale(var(--packet-scale));transform-origin:0 0}.packet__face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#06132d}.packet__wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.packet__face--default{background:radial-gradient(rgba(22,221,224,.28) 1.4px,transparent 1.6px) 0 0 / 14px 14px,linear-gradient(165deg,#06132d,#12295a 60%,#0b1f42)}.packet__wordmark{position:absolute;top:120px;left:0;right:0;text-align:center;font-weight:800;line-height:29px}.packet__wordmark:before{content:var(--packet-wordmark-top);display:block;color:#fff;font-size:28px}.packet__wordmark:after{content:var(--packet-wordmark-bottom);display:block;color:#16dde0;font-size:23px}.packet__band{position:absolute;left:0;right:0;height:26px;background:repeating-linear-gradient(90deg,#ffffff4d 0,#ffffff4d 2px,#00000029 2px,#00000029 5px)}.packet__band--top{top:0;box-shadow:inset 0 -2px #0000002e}.packet__band--bottom{bottom:0;box-shadow:inset 0 2px #0000002e}.packet__volume-x,.packet__volume-y,.packet__gloss,.packet__sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.packet__volume-x{background:linear-gradient(90deg,#00000057,#0000 16%,#ffffff29 48%,#fff0,#0000 84%,#0000005c)}.packet__volume-y{background:linear-gradient(180deg,#00000038,#0000 13%,#0000 87%,#00000042)}.packet__gloss{opacity:var(--packet-gloss);background:linear-gradient(115deg,#fff0 22%,#ffffffe6 30%,#fff0 37%,#fff0 58%,#ffffff8c,#fff0 66%)}.packet__highlight{position:absolute;left:18px;top:40px;width:70px;height:220px;border-radius:50%;opacity:var(--packet-gloss);background:radial-gradient(ellipse,#ffffff59,#fff0 70%)}.packet--float>.packet,.packet.packet--float{animation:packet-float 3.2s ease-in-out infinite}.packet--sheen .packet__sheen{background:linear-gradient(115deg,#fff0 40%,#ffffff80,#fff0 60%) 160% 0 / 300% 100% no-repeat;animation:packet-sheen 3.4s ease-in-out infinite}.packet-stage{position:relative;isolation:isolate;transition:height .45s ease;pointer-events:none}.packet-stage__body,.packet-stage__top{position:absolute;top:0;right:0;bottom:0;left:0}.packet-stage__top{transform-origin:100% 100%}.packet-stage__art{position:absolute;left:20px;top:-200px;width:200px;height:200px;z-index:2;-o-object-fit:cover;object-fit:cover;border-radius:50%;opacity:0;filter:drop-shadow(0 14px 34px rgba(0,0,0,.35))}.packet-stage__scene{perspective:600px}.packet-stage__scene>.packet{z-index:3;transform-origin:50% 100%}.packet-stage__effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.packet-stage__flash{position:absolute;left:40px;top:-34px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,#fff,#fff9 30%,#ff5fa200 70%);z-index:4;opacity:0}.packet-stage__rays{position:absolute;left:-200px;top:-420px;width:640px;height:640px;opacity:0}.packet-stage__rays>span{display:block;width:100%;height:100%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ff5fa24d,#ff5fa24d 7deg,#16dde000 7deg,#16dde000 22deg);-webkit-mask:radial-gradient(circle,#000 18%,transparent 68%);mask:radial-gradient(circle,#000 18%,transparent 68%)}.packet-stage__confetti{position:absolute;left:120px;top:46px;z-index:5;opacity:0}.packet-stage__spark{position:absolute;z-index:6;opacity:0;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}.packet-stage--waiting .packet{animation:packet-shake .7s ease-in-out infinite}.packet-stage--play .packet{animation:packet-shake .7s ease-in-out,packet-out .4s ease-in .82s forwards}.packet-stage--play .packet-stage__top{animation:packet-tear .75s cubic-bezier(.3,.6,.4,1) .68s forwards}.packet-stage--play .packet-stage__flash{animation:packet-flash .7s ease-out .72s both}.packet-stage--play .packet-stage__rays{animation:packet-rays .9s cubic-bezier(.2,.9,.3,1.2) .82s forwards}.packet-stage--play .packet-stage__rays>span{animation:packet-spin 14s linear infinite}.packet-stage--play .packet-stage__art{animation:packet-rise 1.35s cubic-bezier(.25,.8,.3,1) .86s both}.packet-stage--play .packet-stage__confetti{animation:packet-confetti 1.6s cubic-bezier(.15,.7,.4,1) var(--d) both}.packet-stage--play .packet-stage__spark{animation:packet-twinkle 1.6s ease-in-out var(--d) both}.packet-stage__art--settled{opacity:1}.packet-stage__art--many{transform:rotate(var(--rot));filter:drop-shadow(0 10px 24px rgba(0,0,0,.35))}.packet-stage--play .packet-stage__art--many{animation:packet-burst 1.25s cubic-bezier(.25,.8,.3,1) var(--d) both}.packet-stage--reduced .packet-stage__art--settled{animation:packet-fade .12s ease-out}@keyframes packet-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes packet-sheen{0%{background-position:160% 0}60%,to{background-position:-60% 0}}@keyframes packet-shake{0%{transform:rotate(0) scale(1)}15%{transform:rotate(-6deg) scale(1.04,.96)}30%{transform:rotate(5deg) scale(.97,1.04)}45%{transform:rotate(-4deg)}60%{transform:rotate(3deg)}78%{transform:rotate(-1deg) scale(1.05,.94)}to{transform:rotate(0) scale(1)}}@keyframes packet-out{to{transform:translateY(110px) rotate(4deg) scale(.86);opacity:0}}@keyframes packet-tear{0%{transform:translate(0) rotate(0)}18%{transform:translate(-4px,-6px) rotate(-4deg)}to{transform:translate(210px,-300px) rotate(46deg);opacity:0}}@keyframes packet-flash{0%{transform:scale(0);opacity:1}to{transform:scale(3.4);opacity:0}}@keyframes packet-rays{0%{transform:scale(.15);opacity:0}to{transform:scale(1);opacity:.85}}@keyframes packet-spin{to{transform:rotate(360deg)}}@keyframes packet-rise{0%{transform:translateY(230px) scale(.4) rotateY(0);opacity:0}10%{opacity:1}68%{transform:translateY(-26px) scale(1.14) rotateY(720deg)}84%{transform:translateY(6px) scale(.97) rotateY(720deg)}to{transform:translateY(0) scale(1) rotateY(720deg);opacity:1}}@keyframes packet-confetti{0%{transform:translate(0) rotate(0) scale(.4);opacity:1}55%{transform:translate(var(--dx),var(--dy)) rotate(calc(var(--r) * .6)) scale(1);opacity:1}to{transform:translate(calc(var(--dx) * 1.15),calc(var(--dy) + 220px)) rotate(var(--r)) scale(.9);opacity:0}}@keyframes packet-twinkle{0%,to{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1) rotate(45deg);opacity:1}}@keyframes packet-burst{0%{transform:translate(var(--fx),var(--fy)) scale(.3) rotateY(0) rotate(0);opacity:0}10%{opacity:1}70%{transform:translateY(-18px) scale(1.1) rotateY(360deg) rotate(var(--rot))}86%{transform:translateY(4px) scale(.97) rotateY(360deg) rotate(var(--rot))}to{transform:translate(0) scale(1) rotateY(360deg) rotate(var(--rot));opacity:1}}@keyframes packet-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.packet--float>.packet,.packet.packet--float,.packet--sheen .packet__sheen,.packet-stage--waiting .packet{animation:none}.packet-stage--play *{animation-duration:.01s!important;animation-delay:0s!important;animation-iteration-count:1!important}}