.cbf-root{pointer-events:none;contain:strict;position:absolute;inset:0;overflow:hidden}.cbf-lights,.cbf-bats{position:absolute;inset:0}.cbf-canvas{position:absolute;top:0;left:0}.cbf-halo{mix-blend-mode:screen;will-change:opacity, transform;background:radial-gradient(closest-side,#ffb046a3,#ff821e38 55%,#ff6e0000);border-radius:50%;position:absolute}.cbf-halo-pk{background:radial-gradient(closest-side,#ff96287a,#ff6e0a2b 60%,#ff5a0000)}.cbf-flame{transform-origin:50% 100%;will-change:transform, opacity;mix-blend-mode:screen;filter:blur(1.6px);background:radial-gradient(60% 55% at 50% 72%,#fff 0 22%,#fff0b8 38%,#ffbe4a 62%,#ff821400 80%);border-radius:50%/62% 62% 38% 38%;position:absolute}.cbf-flame:after{content:"";filter:blur(1px);background:#78a0ff59;border-radius:50%;height:30%;position:absolute;bottom:6%;left:30%;right:30%}.cbf-halo[hidden],.cbf-flame[hidden]{display:none}.cbf-bat{will-change:transform;position:absolute;top:0;left:0}.cbf-bat svg{width:100%;height:auto;display:block;overflow:visible}.cbf-bat .cbf-wl{transform-box:fill-box;transform-origin:100% 40%;animation:.16s ease-in-out infinite alternate cbf-flapL}.cbf-bat .cbf-wr{transform-box:fill-box;transform-origin:0 40%;animation:.16s ease-in-out infinite alternate cbf-flapR}@keyframes cbf-flapL{0%{transform:rotate(-28deg)scaleY(1)}to{transform:rotate(24deg)scaleY(.55)}}@keyframes cbf-flapR{0%{transform:rotate(28deg)scaleY(1)}to{transform:rotate(-24deg)scaleY(.55)}}.cbf-paused .cbf-bat{animation-play-state:paused}.cbf-debug{pointer-events:auto;cursor:crosshair}.cbf-markers{position:absolute;inset:0}.cbf-mk{cursor:grab;touch-action:none;background:#ffb21e40;border:2px solid #ffb21e;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute}.cbf-mk-pk{background:#b07cff33;border-color:#b07cff;width:22px;height:22px;margin:-11px 0 0 -11px}.cbf-panel{color:#fff;cursor:default;background:#000c;flex-direction:column;gap:6px;width:300px;padding:12px;font:500 12px/16px system-ui,sans-serif;display:flex;position:absolute;top:12px;right:12px}.cbf-panel button{color:#000;cursor:pointer;background:#83d8ff;border:0;border-radius:2px;padding:6px 10px;font:600 12px/16px system-ui,sans-serif}.cbf-panel textarea{color:#cfe;resize:vertical;background:#111;border:1px solid #333;font:11px/14px ui-monospace,Menlo,monospace}
.Yp-_7W_root{--u:calc(58rem * 1.6 / 1080);left:50%;top:calc(50% + 32.4 * var(--u));width:0;height:0;transition:opacity .7s ease-out,filter .3s ease-out;position:absolute}@media (max-width:992px){.Yp-_7W_root{--u:calc(16.529rem * 2.8 / 1080);top:calc(50% + 100 * var(--u))}}.Yp-_7W_blurred{filter:blur(1rem)}.Yp-_7W_root[data-phase=hidden]{opacity:0}.Yp-_7W_shadow{width:calc(720 * var(--u));height:calc(171 * var(--u));max-width:none;transform:translate(-50%, -50%) translate(calc(66 * var(--u)), calc(-65 * var(--u)));-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.Yp-_7W_case{width:calc(649 * var(--u));height:calc(400 * var(--u));transform:translate(-50%, -50%) translate(0, calc(-175 * var(--u)));position:absolute;top:0;left:0}.Yp-_7W_caseImage{-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:100%;display:block}.Yp-_7W_shine{-webkit-mask-image:var(--case-mask);mask-image:var(--case-mask);position:absolute;inset:0;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.Yp-_7W_glow{width:calc(668.2 * var(--u));height:calc(668.2 * var(--u));transform:translate(-50%, -50%) translateX(calc(-733.9 * var(--u)));background:radial-gradient(circle closest-side,#fffc 0% 35%,#fff0 100%);position:absolute;top:50%;left:50%}.Yp-_7W_root[data-phase=drop] .Yp-_7W_case{animation:1.5s both Yp-_7W_case-drop}.Yp-_7W_root[data-phase=drop] .Yp-_7W_shadow{animation:1.5s both Yp-_7W_shadow-drop}@keyframes Yp-_7W_case-drop{0%,13.333%{transform:translate(-50%, -50%) translate(0, calc(-1200 * var(--u))) rotate(30deg);animation-timing-function:linear}33.333%{transform:translate(-50%, -50%) translate(calc(10 * var(--u)), calc(-200 * var(--u))) rotate(4deg);animation-timing-function:cubic-bezier(.0997,-.2417,.1519,.6719)}43.333%{transform:translate(-50%, -50%) translate(calc(-30 * var(--u)), calc(-300 * var(--u))) rotate(-8deg);animation-timing-function:cubic-bezier(.7232,.6874,.5322,1.4987)}60%{transform:translate(-50%, -50%) translate(calc(-50 * var(--u)), calc(-240 * var(--u))) rotate(-12deg);animation-timing-function:cubic-bezier(.9106,.167,1,1)}80%{transform:translate(-50%, -50%) translate(0, calc(-175 * var(--u))) rotate(0deg);animation-timing-function:cubic-bezier(.25,1,.5,1)}86.667%{transform:translate(-50%, -50%) translate(calc(-5 * var(--u)), calc(-185 * var(--u))) rotate(-2deg);animation-timing-function:ease-out}to{transform:translate(-50%, -50%) translate(0, calc(-175 * var(--u))) rotate(0deg)}}@keyframes Yp-_7W_shadow-drop{0%{transform:translate(-50%, -50%) translate(calc(419.37 * var(--u)), calc(-163.03 * var(--u))) scale(.6);animation-timing-function:cubic-bezier(1,.0035,1,1)}33.333%{transform:translate(-50%, -50%) translate(calc(76 * var(--u)), calc(-76 * var(--u))) scale(1);animation-timing-function:cubic-bezier(.0997,-.2417,.1519,.6719)}43.333%{transform:translate(-50%, -50%) translate(calc(95.69 * var(--u)), calc(-77.97 * var(--u))) scale(1);animation-timing-function:cubic-bezier(.7232,.6874,.5322,1.4987)}60%{transform:translate(-50%, -50%) translate(calc(55 * var(--u)), calc(-65 * var(--u))) scale(1);animation-timing-function:cubic-bezier(.9106,.167,1,1)}80%{transform:translate(-50%, -50%) translate(calc(66 * var(--u)), calc(-65 * var(--u))) scale(1);animation-timing-function:cubic-bezier(.25,1,.5,1)}86.667%{transform:translate(-50%, -50%) translate(calc(66 * var(--u)), calc(-67 * var(--u))) scale(1);animation-timing-function:ease-out}to{transform:translate(-50%, -50%) translate(calc(66 * var(--u)), calc(-65 * var(--u))) scale(1)}}.Yp-_7W_root[data-phase=lift]{--spring:linear(0, .0233, .0865, .1794, .2926, .4171, .5454, .6709, .7886, .8944, .9858, 1.0613, 1.1204, 1.1633, 1.191, 1.2052, 1.2074, 1.2, 1.1848, 1.1641, 1.1397, 1.1134, 1.0868, 1.0611, 1.0372, 1.0161, .998, .9833, .972, .9641, .9592, .957, .9571, .9592, .9627, .9673, .9725, .978, .9836, .9888, .9936, .9978, 1.0014, 1.0042, 1.0064, 1.0078, 1.0087, 1.009, 1.0088, 1.0083, 1.0075, 1.0065, 1.0054, 1.0042, 1.0031, 1.002, 1.0011, 1.0002, .9995, .999, 1)}.Yp-_7W_root[data-phase=lift] .Yp-_7W_case{animation:Yp-_7W_case-lift 3s var(--spring) both}.Yp-_7W_root[data-phase=lift] .Yp-_7W_shadow{animation:Yp-_7W_shadow-lift 3s var(--spring) both}.Yp-_7W_root[data-phase=lift] .Yp-_7W_glow{animation:1s ease-in-out .2s both Yp-_7W_case-glow}@keyframes Yp-_7W_case-lift{0%{transform:translate(-50%, -50%) translate(0, calc(-175 * var(--u))) rotate(0deg)}to{transform:translate(-50%, -50%) translate(0, calc(-285 * var(--u))) rotate(-4deg)}}@keyframes Yp-_7W_shadow-lift{0%{transform:translate(-50%, -50%) translate(calc(66 * var(--u)), calc(-65 * var(--u))) scale(1)}to{transform:translate(-50%, -50%) translate(calc(106 * var(--u)), calc(-75 * var(--u))) scale(.95)}}@keyframes Yp-_7W_case-glow{0%{transform:translate(-50%, -50%) translateX(calc(-733.9 * var(--u)))}to{transform:translate(-50%, -50%) translateX(calc(726.9 * var(--u)))}}.Yp-_7W_root[data-phase=land] .Yp-_7W_case{animation:.6s both Yp-_7W_case-land}.Yp-_7W_root[data-phase=land] .Yp-_7W_shadow{animation:.6s both Yp-_7W_shadow-land}@keyframes Yp-_7W_case-land{0%{transform:translate(-50%, -50%) translate(0, calc(-285 * var(--u))) rotate(-4deg);animation-timing-function:cubic-bezier(.9106,.167,1,1)}50%{transform:translate(-50%, -50%) translate(0, calc(-175 * var(--u))) rotate(0deg);animation-timing-function:cubic-bezier(.25,1,.5,1)}66.667%{transform:translate(-50%, -50%) translate(calc(-5 * var(--u)), calc(-185 * var(--u))) rotate(-2deg);animation-timing-function:ease-out}to{transform:translate(-50%, -50%) translate(0, calc(-175 * var(--u))) rotate(0deg)}}@keyframes Yp-_7W_shadow-land{0%{transform:translate(-50%, -50%) translate(calc(106 * var(--u)), calc(-75 * var(--u))) scale(.95);animation-timing-function:cubic-bezier(.9106,.167,1,1)}50%{transform:translate(-50%, -50%) translate(calc(66 * var(--u)), calc(-65 * var(--u))) scale(1);animation-timing-function:cubic-bezier(.25,1,.5,1)}66.667%{transform:translate(-50%, -50%) translate(calc(66 * var(--u)), calc(-67 * var(--u))) scale(1);animation-timing-function:ease-out}to{transform:translate(-50%, -50%) translate(calc(66 * var(--u)), calc(-65 * var(--u))) scale(1)}}