@layer theme,base;@layer components{[data-wv-paused],[data-wv-paused] *{animation-play-state:paused!important}[data-wv-static],[data-wv-static] *{animation:none!important}@media (prefers-reduced-motion:reduce){.wv-motion,.wv-motion *{animation:none!important}}.wv-spin{animation:wv-spin var(--dur,20s) linear infinite}@keyframes wv-spin{to{rotate:360deg}}.wv-phone{--s:1cqw;--wv-bezel:calc(var(--s) * 4.6);--wv-radius:calc(var(--s) * 15.6);aspect-ratio:100/205.93;container-type:size}.wv-phone[data-orientation=landscape]{--s:1cqh;aspect-ratio:205.93/100}.wv-phone-glow{background:radial-gradient(closest-side, var(--wv-glow), transparent);opacity:.42;filter:blur(calc(var(--s) * 10));pointer-events:none;border-radius:50%;position:absolute;inset:4% -22%}.wv-phone[data-orientation=landscape] .wv-phone-glow{inset:-22% 4%}.wv-phone-shadow{border-radius:var(--wv-radius);box-shadow:0 calc(var(--s) * 10) calc(var(--s) * 18) calc(var(--s) * -4) #000000bf, 0 calc(var(--s) * 2) calc(var(--s) * 5) #00000073;position:absolute;inset:1.5% 3%}.wv-phone-btn{border-radius:calc(var(--s) * .7);box-shadow:inset 0 0 0 calc(var(--s) * .12) #ffffff14;background:linear-gradient(90deg,#1d1f25,#6f7580 42%,#8e949f 55%,#2c2f36);position:absolute}.wv-phone[data-orientation=portrait] .wv-phone-btn{width:calc(var(--s) * 1.2)}.wv-phone[data-orientation=portrait] .wv-phone-btn[data-side=a]{left:calc(var(--s) * -.8)}.wv-phone[data-orientation=portrait] .wv-phone-btn[data-side=b]{right:calc(var(--s) * -.8);background:linear-gradient(270deg,#1d1f25,#6f7580 42%,#8e949f 55%,#2c2f36)}.wv-phone[data-orientation=portrait] .wv-phone-btn{top:var(--at);height:calc(var(--s) * var(--len))}.wv-phone[data-orientation=landscape] .wv-phone-btn{height:calc(var(--s) * 1.2);left:var(--at);width:calc(var(--s) * var(--len))}.wv-phone[data-orientation=landscape] .wv-phone-btn[data-side=a]{bottom:calc(var(--s) * -.8);background:linear-gradient(#2c2f36,#8e949f 45%,#6f7580 58%,#1d1f25)}.wv-phone[data-orientation=landscape] .wv-phone-btn[data-side=b]{top:calc(var(--s) * -.8);background:linear-gradient(#1d1f25,#6f7580 42%,#8e949f 55%,#2c2f36)}.wv-phone-body{border-radius:var(--wv-radius);box-shadow:inset 0 0 0 calc(var(--s) * .22) #ffffff47, inset 0 0 0 calc(var(--s) * .5) #00000059, 0 0 0 calc(var(--s) * .15) #0009;background:linear-gradient(135deg,#a3a9b4 0%,#4a4f5a 9%,#23262d 24%,#5d636e 42%,#2a2d34 58%,#444955 76%,#23262d 88%,#9ba1ac 100%);position:absolute;inset:0}.wv-phone-bezel{inset:calc(var(--s) * 1.25);border-radius:calc(var(--wv-radius) - var(--s) * 1.25);box-shadow:inset 0 0 0 calc(var(--s) * .35) #15171c, inset 0 0 calc(var(--s) * 1.4) #000000e6;background:#030305;position:absolute}.wv-phone-screen{--phone-safe-top:calc(var(--s) * 12.6);--phone-safe-bottom:calc(var(--s) * 7.9);inset:var(--wv-bezel);isolation:isolate;border-radius:calc(var(--wv-radius) - var(--wv-bezel));background:#000;position:absolute;overflow:hidden}.wv-phone[data-orientation=landscape] .wv-phone-screen{--phone-safe-top:0px;--phone-safe-bottom:calc(var(--s) * 4.5)}.wv-phone-island{z-index:2;box-shadow:0 0 0 calc(var(--s) * .18) #ffffff08;background:#000;border-radius:999px;position:absolute}.wv-phone[data-orientation=portrait] .wv-phone-island{top:calc(var(--wv-bezel) + var(--s) * 2.3);width:calc(var(--s) * 29);height:calc(var(--s) * 8.6);left:50%;translate:-50%}.wv-phone[data-orientation=landscape] .wv-phone-island{left:calc(var(--wv-bezel) + var(--s) * 2.3);width:calc(var(--s) * 8.6);height:calc(var(--s) * 29);top:50%;translate:0 -50%}.wv-phone-island:after{content:"";width:calc(var(--s) * 3.4);aspect-ratio:1;box-shadow:0 0 0 calc(var(--s) * .2) #0c0d11;background:radial-gradient(circle at 36% 34%,#8ca0ff8c 0 7%,#0000 18%),radial-gradient(circle,#1b2238 0%,#0a0d17 48%,#000 72%);border-radius:50%;position:absolute}.wv-phone[data-orientation=portrait] .wv-phone-island:after{right:calc(var(--s) * 2.6);top:50%;translate:0 -50%}.wv-phone[data-orientation=landscape] .wv-phone-island:after{bottom:calc(var(--s) * 2.6);left:50%;translate:-50%}.wv-phone-glass{z-index:3;inset:var(--wv-bezel);border-radius:calc(var(--wv-radius) - var(--wv-bezel));pointer-events:none;box-shadow:inset 0 0 0 calc(var(--s) * .22) #ffffff12;mix-blend-mode:screen;background:linear-gradient(114deg,#ffffff21 0%,#ffffff0d 16%,#fff0 34%),linear-gradient(300deg,#ffffff0d 0%,#fff0 22%);position:absolute}.wv-phone-status{z-index:2;inset:var(--wv-bezel) var(--wv-bezel) auto;height:calc(var(--s) * 12.6);padding-inline:calc(var(--s) * 8.5) calc(var(--s) * 7.2);padding-top:calc(var(--s) * .6);font-size:calc(var(--s) * 3.9);letter-spacing:-.01em;pointer-events:none;justify-content:space-between;align-items:center;font-weight:600;display:flex;position:absolute}.wv-glyph .wv-draw{stroke-dasharray:1 1}.wv-glyph .wv-pop{transform-box:fill-box;transform-origin:50%}.wv-glyph[data-wv-draw=armed] .wv-draw{stroke-dashoffset:1px}.wv-glyph[data-wv-draw=armed] .wv-pop,.wv-glyph[data-wv-draw=armed] .wv-fade{opacity:0}.wv-glyph[data-wv-draw=play] .wv-draw{animation:wv-glyph-draw 1.25s cubic-bezier(.65, 0, .35, 1) calc(var(--i,0) * 75ms) both}.wv-glyph[data-wv-draw=play] .wv-pop{animation:wv-glyph-pop .7s cubic-bezier(.16, 1, .3, 1) calc(var(--i,0) * 75ms + .45s) both, wv-glyph-twinkle 3.6s ease-in-out calc(var(--i,0) * .45s + 1.8s) infinite}.wv-glyph[data-wv-draw=play] .wv-fade{animation:1.4s ease-out .9s both wv-glyph-fade}.wv-glyph[data-wv-draw=play] .wv-signal{animation:wv-glyph-signal 3.2s cubic-bezier(.45, 0, .55, 1) calc(1.6s + var(--i,0) * .55s) infinite both}.wv-glyph[data-wv-draw=play] .wv-breathe{animation:4.2s cubic-bezier(.45,0,.55,1) 1.4s infinite wv-glyph-breathe}.wv-glyph[data-wv-draw=play] .wv-blink{animation:wv-glyph-pop .7s cubic-bezier(.16, 1, .3, 1) calc(var(--i,0) * 60ms + .5s) both, wv-glyph-blink 4.8s ease-in-out calc(1.8s + var(--i,0) * .32s) infinite}.wv-glyph .wv-breathe{transform-box:view-box;transform-origin:32px 32px}.wv-glyph .wv-signal{stroke-dasharray:.16 1;stroke-dashoffset:.16px;opacity:0}.wv-glyph .wv-blink{transform-box:fill-box;transform-origin:50%}@keyframes wv-glyph-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes wv-glyph-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}@keyframes wv-glyph-fade{0%{opacity:0}}@keyframes wv-glyph-twinkle{0%,to{opacity:1}50%{opacity:.45}}@keyframes wv-glyph-signal{0%{stroke-dashoffset:.16px;opacity:0}12%{opacity:1}70%{opacity:1}85%,to{stroke-dashoffset:-1px;opacity:0}}@keyframes wv-glyph-breathe{0%,to{translate:0}50%{translate:var(--dx,0) var(--dy,0)}}@keyframes wv-glyph-blink{0%,to{opacity:1}8%{opacity:.25}22%{opacity:1}}}@layer utilities;@property --phone-safe-top{syntax:"<length>";inherits:true;initial-value:0}@property --phone-safe-bottom{syntax:"<length>";inherits:true;initial-value:0}