.op.op-candles{--cw:min(64cqw, 36cqh, 300px);background:radial-gradient(120% 85% at 50% 30%,#fff6e8 0%,#f9e6cf 34%,#eccaa9 66%,#cf9f7c 100%);gap:clamp(16px,3.6cqh,30px)}.op-candles .op-names{color:var(--ink);text-shadow:0 1px 14px #fff6e8d9}.op-candles .op-tap{background:color-mix(in srgb, var(--bg) 82%, transparent)}.op-candles .mw-room{pointer-events:none;position:absolute;inset:0}.op-candles .mw-room:after{content:"";opacity:0;background:radial-gradient(90% 70% at 50% 34%,#fffbf2cc,#fff2e04d 58%,#0000 85%);position:absolute;inset:0}.op-candles.is-opening .mw-room:after{animation:mw-in .7s ease-out var(--burst,1.1s) forwards}.op-candles .mw-bokeh span{width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);opacity:.3;animation:mw-bokeh var(--t) ease-in-out var(--d) infinite alternate;background:radial-gradient(circle,#ffe0a4bf,#ffce8c42 46%,#0000 70%);border-radius:50%;position:absolute}.op-candles .mw-bokeh span.pk{background:radial-gradient(circle,#ffbaccb3,#f08cac3d 46%,#0000 70%)}@keyframes mw-bokeh{0%{opacity:.22;transform:scale(.85)}to{opacity:.7;transform:scale(1.1)}}.op-candles .mw-string{--b:clamp(7px, 1.9cqmin, 12px);height:19cqh;position:absolute;top:0;left:0;right:0}.op-candles .mw-string svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.op-candles .mw-string path{fill:none;stroke:#5c3a2880;stroke-width:1.2px;vector-effect:non-scaling-stroke}.op-candles .mw-string i{width:var(--b);height:calc(var(--b) * 1.25);margin-left:calc(var(--b) / -2);transform-origin:50% 0;animation:mw-twinkle 2.4s ease-in-out var(--d) infinite alternate;background:radial-gradient(circle at 50% 42%,#fffbea,#ffd77a 46%,#ef9f3a 86%);border-radius:50% 50% 46% 46%;position:absolute;box-shadow:0 0 6px 2px #ffc86e99,0 0 18px 6px #ffbe643d}.op-candles .mw-string i:before{content:"";background:#6b4a34;border-radius:1px;height:26%;position:absolute;top:-18%;left:25%;right:25%}@keyframes mw-twinkle{0%{opacity:.72}to{opacity:1}}.op-candles.is-opening .mw-string i{animation:mw-bulb .6s cubic-bezier(.3, 1.5, .5, 1) calc(var(--burst,1.1s) + var(--k) * 32ms) both}@keyframes mw-bulb{0%{opacity:.75;transform:scale(1)}40%{opacity:1;transform:scale(1.55)}to{opacity:1;transform:scale(1.12)}}.op-candles .mw-stage{width:var(--cw);aspect-ratio:300/340;pointer-events:none;flex:none;position:relative}.op-candles .mw-art{z-index:1;transform-origin:50% 96%;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.op-candles.is-opening .mw-art{animation:mw-cake-pop .8s ease-out var(--burst,1.1s) both}@keyframes mw-cake-pop{0%{transform:scale(1)}30%{transform:scale(1.035)}to{transform:scale(1)}}.op-candles .mw-aura,.op-candles .mw-cast{position:absolute;left:50%}.op-candles .mw-aura{z-index:0;width:calc(var(--cw) * 2.6);height:calc(var(--cw) * 2.1);margin:calc(var(--cw) * -1.05) 0 0 calc(var(--cw) * -1.3);top:12%}.op-candles .mw-cast{z-index:2;width:calc(var(--cw) * 1.05);height:calc(var(--cw) * .8);margin-left:calc(var(--cw) * -.525);top:0}.op-candles .mw-aura:before,.op-candles .mw-cast:before{content:"";border-radius:50%;animation:1.3s ease-in-out infinite alternate mw-glow;position:absolute;inset:0}.op-candles .mw-aura:before{background:radial-gradient(closest-side,#ffd69699,#ffc47838 45%,#0000)}.op-candles .mw-cast:before{background:radial-gradient(closest-side at 50% 36%,#ffbe6857,#ffb4601a 55%,#0000);animation-duration:1.05s;animation-delay:-.4s}@keyframes mw-glow{0%{opacity:.78;transform:scale(.97)}to{opacity:1;transform:scale(1.03)}}.op-candles.is-opening .mw-aura,.op-candles.is-opening .mw-cast{animation:.55s ease-in .4s forwards mw-out}.op-candles .mw-dim{z-index:3;opacity:0;pointer-events:none;background:radial-gradient(circle,#381814b8,#180a0aeb 34%);position:absolute;inset:-160cqh -160cqw}.op-candles.is-opening .mw-dim{animation:1.2s linear .2s forwards mw-dim}@keyframes mw-dim{0%{opacity:0;animation-timing-function:ease-in}55%{opacity:.86}75%{opacity:.86;animation-timing-function:ease-out}92%{opacity:0}to{opacity:0}}.op-candles .mw-gust{z-index:4;opacity:0;width:70%;height:15%;position:absolute;top:3%;left:-40%}.op-candles .mw-gust svg{width:100%;height:100%;display:block;overflow:visible}.op-candles .mw-gust path{fill:none;stroke:#966c586b;stroke-width:1.3px;stroke-linecap:round;vector-effect:non-scaling-stroke}.op-candles.is-opening .mw-gust{animation:.85s cubic-bezier(.3,.1,.4,1) 20ms forwards mw-gust}@keyframes mw-gust{0%{opacity:0;transform:translate(0)scaleX(.6)}25%{opacity:.9}70%{opacity:.5}to{opacity:0;transform:translate(170%)scaleX(1.1)}}.op-candles .mw-wick{z-index:4;--fw:calc(var(--cw) * .042);--fh:calc(var(--cw) * .092);width:0;height:0;position:absolute}.op-candles .mw-halo{left:calc(var(--cw) * -.14);top:calc(var(--cw) * -.14 - var(--fh) * .45);width:calc(var(--cw) * .28);height:calc(var(--cw) * .28);animation:mw-halo var(--fd) ease-in-out var(--fo) infinite alternate;background:radial-gradient(closest-side,#ffe4a49e,#ffb45a38 45%,#0000);border-radius:50%;position:absolute}@keyframes mw-halo{0%{opacity:.7;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}.op-candles.is-opening .mw-halo{animation:mw-out .34s ease-in calc(.2s + var(--i) * .14s) forwards}.op-candles .mw-bend{left:calc(var(--fw) / -2);bottom:calc(var(--cw) * -.006);width:var(--fw);height:var(--fh);transform-origin:50% 100%;position:absolute}.op-candles .mw-flame{transform-origin:50% 92%;width:100%;height:100%;animation:mw-flick var(--fd) ease-in-out var(--fo) infinite alternate;display:block;overflow:visible}@keyframes mw-flick{0%{transform:scale(1)skew(0)}30%{transform:scale(.94,1.07)skew(-3deg)}55%{transform:scale(1.04,.95)skew(2deg)}80%{transform:scale(.97,1.05)skew(-1.5deg)}to{transform:scale(1.02,1.01)skew(2.5deg)}}.op-candles.is-opening .mw-bend{animation:mw-blow .44s cubic-bezier(.4, 0, .7, 1) calc(.1s + var(--i) * .14s) forwards}@keyframes mw-blow{0%{opacity:1;transform:rotate(0)scale(1)}30%{opacity:1;transform:rotate(32deg)scale(.9,1.05)}55%{opacity:.9;transform:rotate(58deg)scale(.7)}75%{opacity:.6;transform:rotate(50deg)scale(.4,.3)}to{opacity:0;transform:rotate(64deg)scale(.08,.05)}}.op-candles .mw-wick:after{content:"";left:calc(var(--cw) * -.007);top:calc(var(--cw) * -.008);width:calc(var(--cw) * .014);height:calc(var(--cw) * .014);opacity:0;background:#ff8a3a;border-radius:50%;position:absolute;box-shadow:0 0 5px 1px #ff7828cc}.op-candles.is-opening .mw-wick:after{animation:mw-ember .9s ease-out calc(.42s + var(--i) * .14s) forwards}@keyframes mw-ember{0%{opacity:0}15%{opacity:1}to{opacity:0}}.op-candles .mw-smoke{left:calc(var(--cw) * -.05);bottom:calc(var(--cw) * .004);width:calc(var(--cw) * .1);height:calc(var(--cw) * .44);position:absolute}.op-candles .mw-smoke svg{opacity:0;transform-origin:50% 100%;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.op-candles .mw-smoke path{fill:none;stroke:#f8f0e8e0;stroke-width:1.3px;stroke-linecap:round;vector-effect:non-scaling-stroke}.op-candles .mw-smoke svg+svg path{stroke:#ece2dc99;stroke-width:2.2px}.op-candles.is-opening .mw-smoke svg{animation:mw-smoke 1.3s cubic-bezier(.2, .6, .4, 1) calc(.38s + var(--i) * .14s + var(--w) * .12s) forwards}@keyframes mw-smoke{0%{opacity:0;transform:translateY(8%)scale(.5,.2)rotate(0)}18%{opacity:.85}55%{opacity:.55}to{opacity:0;transform:translate(var(--sx), -38%) scale(1.5, 1.05) rotate(var(--sr))}}.op-candles .mw-star,.op-candles .mw-star-glow{transform-box:fill-box;transform-origin:50%}.op-candles .mw-star{animation:3.2s ease-in-out infinite mw-star}@keyframes mw-star{0%,to{transform:rotate(-4deg)scale(1)}50%{transform:rotate(4deg)scale(1.04)}}.op-candles .mw-star-glow{opacity:.45;animation:1.4s ease-in-out infinite alternate mw-sglow}@keyframes mw-sglow{0%{opacity:.32;transform:scale(.94)}to{opacity:.6;transform:scale(1.06)}}.op-candles.is-opening .mw-star{animation:mw-star-pop .9s cubic-bezier(.3, 1.6, .5, 1) var(--burst,1.1s) both}@keyframes mw-star-pop{0%{transform:rotate(0)scale(1)}35%{transform:rotate(72deg)scale(1.55)}to{transform:rotate(72deg)scale(1.12)}}.op-candles.is-opening .mw-star-glow{animation:1.5s ease-out .3s both mw-star-flare}@keyframes mw-star-flare{0%{opacity:.45;transform:scale(1)}38%{opacity:0;transform:scale(.7)}53%{opacity:0;transform:scale(.6)}66%{opacity:1;transform:scale(2.2)}to{opacity:0;transform:scale(2.8)}}.op-candles .mw-confetti{z-index:5;width:0;height:0;position:absolute;top:14%;left:50%}.op-candles .mw-confetti span{opacity:0;position:absolute;top:-4px;left:-4px}.op-candles.is-opening .mw-confetti span{animation:mw-confetti 1.5s linear calc(var(--burst,1.1s) + var(--dl)) forwards}@keyframes mw-confetti{0%{opacity:0;animation-timing-function:cubic-bezier(.12,.75,.35,1);transform:translate(0)rotate(0)rotateX(0)scale(.3)}5%{opacity:1}38%{transform:translate(var(--x), var(--y)) rotate(calc(var(--r) * .4)) rotateX(calc(var(--f) * .4)) scale(1);animation-timing-function:cubic-bezier(.45,0,.8,.7)}80%{opacity:1}to{opacity:0;transform:translate(calc(var(--x) * 1.4), calc(var(--y) + 62cqh)) rotate(var(--r)) rotateX(var(--f)) scale(.9)}}@keyframes mw-in{to{opacity:1}}@keyframes mw-out{to{opacity:0}}
.op-neon{container-type:size}.op-neon .nn-wall{background:var(--bg);position:absolute;inset:-14px}.op-neon .nn-wall:after{content:"";background:radial-gradient(72% 58% at 50% 44%,#0000 28%,#040309d6 100%),linear-gradient(#0403098c,#0000 28% 72%,#040309bf);position:absolute;inset:0}.op-neon .nn-bricks{width:100%;height:100%;display:block}.op-neon .nn-b1{fill:var(--surface)}.op-neon .nn-b2{fill:color-mix(in srgb, var(--surface) 70%, var(--bg2))}.op-neon .nn-b3{fill:color-mix(in srgb, var(--surface) 82%, #000)}.op-neon .nn-pale{fill:color-mix(in srgb, var(--bg2) 82%, var(--muted))}.op-neon .nn-soot{fill:#050308}.op-neon .nn-spill{pointer-events:none;background:radial-gradient(34% 30% at 50% 47%, color-mix(in srgb, var(--accent) 42%, transparent), transparent 72%), radial-gradient(58% 46% at 50% 42%, color-mix(in srgb, var(--accent2) 18%, transparent), transparent 76%), radial-gradient(90% 70% at 50% 45%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 80%);mix-blend-mode:screen;opacity:0;position:absolute;inset:-10%}.op-neon .nn-sign{z-index:5;aspect-ratio:4/5;transform-origin:50%;width:min(80cqw,390px,54cqh);position:relative;container-type:inline-size}.op.op-neon>.nn-sign{translate:calc(var(--px,0) * 4px) calc(var(--py,0) * 3px)}.op-neon .nn-art{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.op-neon .nn-board{fill:#ffffff06;stroke:#ffffff17;stroke-width:1px;transition:stroke .5s .95s,fill .5s .95s}.op-neon .nn-screw{fill:#2a2534;stroke:#fff3;stroke-width:.8px}.op-neon .nn-cable{stroke:#040307;stroke-width:3px}.op-neon .nn-cast{stroke:#0009;transform:translate(3px,6px)}.op-neon .nn-glass{stroke:color-mix(in srgb, var(--ink) 30%, transparent)}.op-neon .nn-lit{opacity:0}.op-neon .nn-pink .nn-halo{stroke:var(--accent);opacity:.85}.op-neon .nn-pink .nn-core{stroke:color-mix(in srgb, var(--accent) 32%, #fff)}.op-neon .nn-cyan .nn-halo{stroke:var(--accent2);opacity:.85}.op-neon .nn-cyan .nn-core{stroke:color-mix(in srgb, var(--accent2) 30%, #fff)}.op-neon .nn-copy{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3cqw;display:flex;position:absolute;inset:43% 20% 9%}.op-neon .nn-word{display:grid}.op-neon .nn-word>span{grid-area:1/1}.op-neon .nn-off{color:color-mix(in srgb, var(--ink) 54%, transparent);text-shadow:2px 5px 4px #000000a6}.op-neon .nn-on{opacity:0}.op-neon .nn-invited{font:400 5.2cqw/1.15 var(--fd);letter-spacing:.05em}.op-neon .nn-invited .nn-on{color:color-mix(in srgb, var(--accent2) 30%, #fff);text-shadow:0 0 1px #fff, 0 0 5px var(--accent2), 0 0 12px var(--accent2), 0 0 24px color-mix(in srgb, var(--accent2) 70%, transparent)}.op-neon .nn-names{font-family:var(--fs);overflow-wrap:anywhere;font-size:clamp(22px,12.5cqw,52px);line-height:1.12}.op-neon .nn-names .nn-on{color:color-mix(in srgb, var(--accent) 22%, #fff);text-shadow:0 0 1px #fff, 0 0 5px var(--accent), 0 0 12px var(--accent), 0 0 26px var(--accent), 0 0 48px color-mix(in srgb, var(--accent) 65%, transparent)}.op-neon .nn-hint{z-index:10;transition:opacity .3s;position:relative}.op-neon .nn-hint .op-tap{text-shadow:0 0 10px color-mix(in srgb, var(--accent) 55%, transparent)}.op-neon .nn-buzz{animation:6s step-end 2.6s infinite nn-buzz}@keyframes nn-buzz{0%{opacity:0}88%{opacity:.45}89.5%{opacity:0}92%{opacity:.6}93.5%{opacity:0}to{opacity:0}}.op-neon.is-opening .nn-hint{opacity:0}.op-neon.is-opening .nn-names .nn-on{animation:.62s step-end 50ms forwards nn-stutter}@keyframes nn-stutter{0%{opacity:0}9%{opacity:1}17%{opacity:.08}38%{opacity:.85}45%{opacity:.12}66%{opacity:1}to{opacity:1}}.op-neon.is-opening .nn-lit{animation:nn-catch .3s steps(1, end) var(--d) forwards}.op-neon.is-opening .nn-invited .nn-on{animation:.3s step-end .38s forwards nn-catch}@keyframes nn-catch{0%{opacity:0}22%{opacity:1}42%{opacity:.3}60%{opacity:1}to{opacity:1}}.op-neon.is-opening .nn-spill{animation:1.6s ease-out .1s forwards nn-flood}@keyframes nn-flood{0%{opacity:0}30%{opacity:.4}52%{opacity:.5}62%{opacity:1}to{opacity:.9}}.op-neon.is-opening .nn-sign{animation:1.55s cubic-bezier(.3,0,.5,1) .95s forwards nn-surge}@keyframes nn-surge{0%{transform:scale(1)}14%{transform:scale(1.045)}to{transform:scale(1.16)}}.op-neon.is-opening .nn-board{fill:color-mix(in srgb, var(--accent) 5%, transparent);stroke:color-mix(in srgb, var(--accent) 45%, transparent)}
.op-bubbles{background:var(--bg);--peach:color-mix(in srgb, var(--accent2) 28%, #fff6f0);--lilac:color-mix(in srgb, var(--accent) 16%, #fbf8ff);--film:conic-gradient(from var(--h,0deg), #ffc9dc, #ffe7a3, #c3f0db, #bfe0ff, #d9c9ff, #ffc9dc);container-type:size}.op-bubbles .bb-sky{z-index:0;background:radial-gradient(55% 38% at 50% 50%, #ffffffb3, transparent 72%), radial-gradient(70% 45% at 85% 0%, #ffffff8c, transparent 70%), linear-gradient(180deg, var(--peach) 0%, color-mix(in srgb, var(--peach) 55%, var(--bg2)) 24%, var(--bg2) 56%, var(--lilac) 100%);position:absolute;inset:0}.op-bubbles .bb-hang{z-index:1;animation:5.6s ease-in-out infinite alternate bb-swing;position:absolute;top:0}.op-bubbles .bb-hang svg{width:100%;height:auto;display:block;overflow:visible}.op-bubbles .bb-hang-moon{transform-origin:67.5% 0;filter:drop-shadow(0 0 14px #ffe4968c);width:clamp(56px,16cqmin,100px);right:9%}.op-bubbles .bb-hang-star{transform-origin:50% 0;width:clamp(28px,7.5cqmin,48px);animation-duration:4.6s;animation-delay:-2.2s;left:12%}@keyframes bb-swing{0%{transform:rotate(-3.2deg)}to{transform:rotate(3.2deg)}}.op-bubbles .bb-twinkles{z-index:1;position:absolute;inset:0}.op-bubbles .bb-twinkles span{width:calc(16px * var(--s));height:calc(16px * var(--s));margin:calc(-8px * var(--s));clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:bb-twinkle 2.8s ease-in-out var(--d) infinite alternate;background:#fff3c4;position:absolute}.op-bubbles .bb-twinkles span:nth-child(2n){background:#fff}@keyframes bb-twinkle{0%{opacity:.35;transform:scale(.55)rotate(0)}to{opacity:1;transform:scale(1.05)rotate(20deg)}}.op-bubbles .bb-cloud{z-index:2;transition:transform 1.7s cubic-bezier(.55,0,.3,1),opacity 1.4s .2s;position:absolute}.op-bubbles .bb-cloud:before{content:"";filter:drop-shadow(0 10px 16px #6e6eaa21);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 110'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23eef1fb'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M40 104a30 30 0 0 1-5-59.6A38 38 0 0 1 106 26a40 40 0 0 1 72 14 32 32 0 0 1 22 64Z'/%3E%3C/svg%3E") 50%/contain no-repeat;animation:9s ease-in-out infinite alternate bb-drift;position:absolute;inset:0}.op-bubbles .bb-cloud-l{aspect-ratio:240/110;width:62cqmin;bottom:3%;left:-12cqmin}.op-bubbles .bb-cloud-r{aspect-ratio:240/110;width:46cqmin;bottom:11%;right:-10cqmin}.op-bubbles .bb-cloud-r:before{animation-direction:alternate-reverse;animation-delay:-4.5s}@keyframes bb-drift{0%{transform:translate(-2cqmin)}to{transform:translate(2.5cqmin)}}.op-bubbles.is-opening .bb-cloud-l{opacity:.4;transform:translate(-16cqmin,12cqmin)}.op-bubbles.is-opening .bb-cloud-r{opacity:.4;transform:translate(16cqmin,14cqmin)}.op-bubbles .bb-fizz{z-index:2;transition:opacity .5s;position:absolute;inset:0}.op-bubbles .bb-fizz span{width:calc(1.7cqmin * var(--s));height:calc(1.7cqmin * var(--s));animation:bb-fizz var(--t) linear var(--d) infinite;background:radial-gradient(circle at 34% 30%,#fff 0 14%,#0000 30%),radial-gradient(circle closest-side,#0000 55%,#ffffffd9 92%,#0000 100%);border-radius:50%;position:absolute;bottom:-3cqmin;box-shadow:0 0 0 .5px #a08cdc40}@keyframes bb-fizz{0%{opacity:0;transform:translate(0)}8%{opacity:.9}50%{transform:translate(var(--w), -55cqh)}92%{opacity:.8}to{opacity:0;transform:translateY(-110cqh)}}.op-bubbles.is-opening .bb-fizz{opacity:0}.op-bubbles .bb-field{z-index:3;position:absolute;inset:0}.op-bubbles .bb{width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);position:absolute}.op-bubbles .bb-f{animation:bb-bob var(--f) ease-in-out var(--fd) infinite alternate;position:absolute;inset:0}@keyframes bb-bob{to{transform:translate(var(--dx), var(--dy))}}.op-bubbles .bb-b{background:radial-gradient(circle at 70% 77%,#fff9 0 2.5%,#0000 8%),radial-gradient(circle closest-side,#ffffff0f 0 50%,#fff3 68%,#ffffff9e 91%,#ffffffeb 98.5%,#0000 100%);border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:0 .5cqmin 2.4cqmin #7869be1a}.op-bubbles .bb-b:before{content:"";background:var(--film);opacity:.72;-webkit-mask:radial-gradient(circle closest-side, transparent var(--rim,50%), #000 86%, #0000008c 100%);-webkit-mask:radial-gradient(circle closest-side, transparent var(--rim,50%), #000 86%, #0000008c 100%);mask:radial-gradient(circle closest-side, transparent var(--rim,50%), #000 86%, #0000008c 100%);border-radius:50%;animation:7s linear infinite bb-sheen;position:absolute;inset:0}.op-bubbles .bb-b:after{content:"";width:40%;height:26%;box-shadow:inset 0 calc(var(--s) * .035) 0 #ffffffeb;filter:blur(.3px);border-radius:50%;position:absolute;top:11%;left:15%;transform:rotate(-32deg)}@keyframes bb-sheen{to{transform:rotate(1turn)}}.op-bubbles .bb-rattle{width:58%;height:58%;animation:6s ease-in-out infinite alternate bb-tumble;position:absolute;inset:21%}@keyframes bb-tumble{0%{transform:rotate(-14deg)translateY(2%)}to{transform:rotate(12deg)translateY(-3%)}}.op-bubbles .bb-ring{opacity:0;border:1.5px solid #fffffff2;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 1px #b7a6e859,inset 0 0 0 1px #ffc4b459}.op-bubbles .bb-drops{--r:calc(var(--s) * .56);--q:calc(var(--s) * .4);width:3px;height:3px;box-shadow:var(--r) 0 0 1px #b7a6e8, calc(var(--r) * -1) 0 0 1px #f4a98c, 0 var(--r) 0 1px #8fd3bd, 0 calc(var(--r) * -1) 0 1px #8cc4f0, var(--q) var(--q) 0 1px #f5cf6a, calc(var(--q) * -1) var(--q) 0 1px #b7a6e8, var(--q) calc(var(--q) * -1) 0 1px #f9b8cf, calc(var(--q) * -1) calc(var(--q) * -1) 0 1px #8fd3bd;opacity:0;border-radius:50%;margin:-1.5px;position:absolute;top:50%;left:50%}.op-bubbles.is-opening .bb{animation:bb-rise var(--pop) cubic-bezier(.45, 0, .75, .9) forwards}@keyframes bb-rise{to{transform:translateY(var(--rise))}}.op-bubbles.is-opening .bb .bb-b{animation:bb-pop .22s cubic-bezier(.2, .7, .3, 1) var(--pop) forwards}.op-bubbles.is-opening .bb .bb-ring{animation:bb-ring .42s ease-out var(--pop) forwards}.op-bubbles.is-opening .bb .bb-drops{animation:bb-drops .48s cubic-bezier(.15, .7, .3, 1) var(--pop) forwards}@keyframes bb-pop{0%{opacity:1;transform:scale(1)}35%{opacity:.95;transform:scale(1.14,1.07)}to{opacity:0;transform:scale(1.32)}}@keyframes bb-ring{0%{opacity:.95;transform:scale(.94)}to{opacity:0;transform:scale(1.7)}}@keyframes bb-drops{0%{opacity:0;transform:scale(.45)}15%{opacity:1}to{opacity:0;transform:scale(1.3)}}.op-bubbles .bb-hero{--s:min(80cqmin, 440px);--h:140deg;--rim:64%;z-index:5;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);position:absolute;top:50%;left:50%}.op-bubbles>.bb-hero{translate:calc(var(--px,0) * 9px) calc(var(--py,0) * 7px)}.op-bubbles .bb-hero-f{animation:4.2s ease-in-out infinite bb-breathe;position:absolute;inset:0}.op-bubbles .bb-hero .bb-b{background:radial-gradient(circle at 72% 78%,#ffffffb3 0 1.6%,#0000 5%),radial-gradient(circle closest-side,#ffffff6b 0 42%,#ffffff42 66%,#fff9 91%,#fffffff2 98.8%,#0000 100%);box-shadow:0 2cqmin 7cqmin #826ecd29,0 0 0 1px #ffffff80}.op-bubbles .bb-hero .bb-b:before{opacity:.6;animation-duration:11s}.op-bubbles .bb-hero .bb-b:after{box-shadow:inset 0 calc(var(--s) * .022) 0 #fffffff2}.op-bubbles .bb-hero .bb-ring{border-width:2px}@keyframes bb-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-1.2cqmin)scale(1.012,.992)}}.op-bubbles .op-cta{animation:4.2s ease-in-out infinite bb-breathe-cta}@keyframes bb-breathe-cta{0%,to{transform:translateY(0)}50%{transform:translateY(-1.2cqmin)}}.op-bubbles .op-names{max-width:min(66cqmin,360px);color:var(--ink);text-shadow:0 1px #ffffffbf,0 0 18px #fffffff2}.op-bubbles .op-tap{border-color:color-mix(in srgb, var(--accent) 30%, transparent);background:#ffffffbd;box-shadow:0 6px 18px #6f5bb81f}.op-bubbles.is-opening .op-cta{opacity:1;animation:bb-breathe-cta 4.2s ease-in-out infinite, bb-fade .3s ease calc(var(--burst,1.15s) - 90ms) forwards;transition:none;transform:none}.op-bubbles.is-opening .op-tap{opacity:0;transition:opacity .3s}@keyframes bb-fade{to{opacity:0}}.op-bubbles.is-opening .bb-hero .bb-b{animation:bb-wobble .62s ease-in-out .5s, bb-pop-hero .34s cubic-bezier(.2, .7, .3, 1) var(--burst,1.15s) forwards}.op-bubbles.is-opening .bb-hero .bb-ring{animation:bb-ring .6s ease-out var(--burst,1.15s) forwards}.op-bubbles.is-opening .bb-hero .bb-ring-2{animation-delay:calc(var(--burst,1.15s) + .1s)}.op-bubbles.is-opening .bb-hero .bb-drops{animation:bb-drops .62s cubic-bezier(.15, .7, .3, 1) var(--burst,1.15s) forwards}@keyframes bb-wobble{0%,to{transform:scale(1)}25%{transform:scale(1.035,.965)}50%{transform:scale(.97,1.03)}75%{transform:scale(1.02,.98)}}@keyframes bb-pop-hero{0%{opacity:1;transform:scale(1)}30%{opacity:.9;transform:scale(1.08)}to{opacity:0;transform:scale(1.26)}}.op-bubbles .bb-sparkle{position:absolute;top:50%;left:50%}.op-bubbles .bb-sparkle i{clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);opacity:0;background:#ffe08a;width:16px;height:16px;margin:-8px;position:absolute}.op-bubbles .bb-sparkle i.c1{background:#c9b8f5}.op-bubbles .bb-sparkle i.c2{background:#9fdcc6}.op-bubbles .bb-sparkle i.c3{background:#f7b2c6}.op-bubbles.is-opening .bb-sparkle i{animation:bb-sparkle .95s cubic-bezier(.1, .7, .3, 1) var(--burst,1.15s) forwards}@keyframes bb-sparkle{0%{opacity:1;transform:translate(0)scale(.3)rotate(0)}65%{opacity:1}to{opacity:0;transform:translate(var(--x), var(--y)) scale(var(--s)) rotate(100deg)}}