@media (prefers-reduced-motion:reduce){.usd .usd-screen .demo-qr-laser,[data-use=instagram] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=instagram],[data-use=instagram] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=instagram] .scr-follow,[data-use=instagram] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=instagram] .scr-follow-a,[data-use=instagram] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=instagram] .scr-follow-b,[data-use=instagram] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=instagram] .scr-tile,[data-use=link] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=link],[data-use=link] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=link] .usd-book-slot[data-on],[data-use=link] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=link] .usd-link-page[data-p=booking],[data-use=link] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=link] .usd-link-page[data-p=launch],[data-use=link] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=link] .usd-link-page[data-p=reviews],[data-use=link] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=link] .usd-link-toast,[data-use=star] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=star],[data-use=star] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=star] .demo-star[data-on] .demo-star-fill,[data-use=star] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=star] .scr-publish,[data-use=star] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=star] .scr-review-ph,[data-use=star] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=star] .scr-review-typed,[data-use=utensils] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=utensils],[data-use=utensils] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=utensils] .scr-menu-note,[data-use=utensils] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=utensils] .scr-menu-row,[data-use=utensils] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=utensils] .scr-menu-row[data-hl] .scr-menu-hl,[data-use=utensils] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=utensils] .scr-menu-row[data-hl] .scr-menu-price,[data-use=whatsapp] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=whatsapp],[data-use=whatsapp] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=whatsapp] .scr-bubble,[data-use=whatsapp] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=whatsapp] .scr-composer-draft,[data-use=whatsapp] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=whatsapp] .scr-composer-ph,[data-use=whatsapp] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=whatsapp] .scr-send,[data-use=whatsapp] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=whatsapp] .scr-ticks,[data-use=wifi] [data-demo-run]:not([data-demo-optin]) .demo-phone-status .scr-st-wifi,[data-use=wifi] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=wifi],[data-use=wifi] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=wifi] .demo-qr-laser,[data-use=wifi] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=wifi] .scr-wjoin-banner,[data-use=wifi] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=wifi] .scr-wjoin-banner-action,[data-use=wifi] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=wifi] .scr-wjoin-plaque,[data-use=wifi] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=wifi] .scr-wjoin-toast,[data-use=wifi] [data-demo-run]:not([data-demo-optin]) .usd-screen[data-k=wifi] .usd-wifi-caption{animation:none}}.usd{--phone-w:10.625rem;display:flex;justify-content:center}@media (min-width:640px){.usd{--phone-w:12.5rem}}@media (min-width:1024px){.usd{--phone-w:13.75rem}}.usd-screen{position:absolute;inset:0;opacity:0}[data-use=instagram] .usd-screen[data-k=instagram],[data-use=link] .usd-screen[data-k=link],[data-use=star] .usd-screen[data-k=star],[data-use=utensils] .usd-screen[data-k=utensils],[data-use=whatsapp] .usd-screen[data-k=whatsapp],[data-use=wifi] .usd-screen[data-k=wifi]{opacity:1}.usd .usd-screen .demo-qr-laser{animation:none}[data-use]:not([data-use=wifi]) .usd .scr-st-cell:after,[data-use]:not([data-use=wifi]) .usd .scr-st-nodata,[data-use]:not([data-use=wifi]) .usd .scr-st-wifi{display:none}[data-use]:not([data-use=wifi]) .usd .scr-st-bar{opacity:1}.usd-wifi-caption{position:absolute;right:0;bottom:2.2em;left:0;z-index:1;width:fit-content;max-width:calc(100% - 1.6em);margin-inline:auto;padding:.3em .75em;overflow:hidden;border-radius:999em;background-color:rgba(15,23,42,.78);color:#ffffff;font-size:.6em;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.usd .usd-screen[data-k=wifi] .scr-wjoin-toast{bottom:4.2em}.usd-link{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;background-color:var(--demo-screen-bg);color:var(--demo-screen-fg)}.usd-link-pages{position:relative;flex:1;min-height:0;overflow:hidden}.usd-link-page{position:absolute;inset:0;opacity:0}.usd-link-page[data-p=booking]{opacity:1}.usd-book,.usd-launch{display:flex;flex-direction:column;height:100%;background-color:#ffffff;text-align:left}.usd-launch{padding:0 1.2em 1em}.usd-launch-hero{position:relative;flex:none;height:6.8em;margin-inline:-1.2em;background-image:radial-gradient(circle at 78% 30%,rgba(255,255,255,.45) 0 12%,transparent 13%),radial-gradient(circle at 62% 70%,rgba(255,255,255,.25) 0 18%,transparent 19%),linear-gradient(135deg,#312e81,#7c3aed 55%,#f472b6)}.usd-launch-badge{position:absolute;top:.8em;left:.8em;max-width:calc(100% - 1.6em);padding:.3em .75em;border-radius:999em;background-color:#ffffff;color:#6d28d9;font-size:.72em}.usd-launch-badge,.usd-launch-title{overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.usd-launch-title{margin-top:.6em;font-size:1.2em;line-height:1.15}.usd-book-biz,.usd-launch-biz{overflow:hidden;color:var(--demo-screen-muted);font-size:.8em;text-overflow:ellipsis;white-space:nowrap}.usd-launch-biz{margin-top:.25em}.usd-launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45em;margin-top:.8em}.usd-launch-tile{aspect-ratio:3/4;border-radius:.55em;background-image:linear-gradient(160deg,#ede9fe,#a78bfa)}.usd-launch-tile:nth-child(2){background-image:linear-gradient(160deg,#fce7f3,#f472b6)}.usd-launch-tile:nth-child(3){background-image:linear-gradient(160deg,#e0e7ff,#6366f1)}.usd-book-cta,.usd-launch-cta{margin-top:.9em;padding:.6em;overflow:hidden;border-radius:999em;font-size:.9em;font-weight:700;text-align:center;text-overflow:ellipsis;white-space:nowrap}.usd-launch-cta{background-color:#0f172a;color:#ffffff}.usd-book{padding:1em 1.2em}.usd-book-head{display:flex;align-items:center;gap:.6em;min-width:0}.usd-book-head .scr-avatar{font-size:.95em}.usd-book-head .usd-book-logo{background-image:linear-gradient(135deg,#cbd5e1,#64748b)}.usd-book-who{display:flex;flex-direction:column;min-width:0}.usd-book-title{overflow:hidden;font-size:1.1em;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.usd-book-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35em;margin-top:1.1em}.usd-book-day{padding:.55em 0;border:1px solid #e4e9f2;border-radius:.6em;color:#1b2740;font-size:.85em;font-weight:700;text-align:center}.usd-book-day[data-on]{border-color:#2e6be6;background-color:#2e6be6;color:#ffffff}.usd-book-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4em;margin-top:.9em}.usd-book-slot{padding:.5em 0;border:1px solid #d8dfea;border-radius:999em;color:#1b2740;font-size:.78em;font-weight:600;text-align:center}.usd-book-slot[data-on]{border-color:#2e6be6;background-color:#e8f0fe;color:#1d4ed8;font-weight:800}.usd-book-cta{background-color:#2e6be6;color:#ffffff}.usd-link-toast{position:absolute;right:1.4em;bottom:2.6em;left:1.4em;z-index:2;display:flex;align-items:center;gap:.5em;padding:.6em .8em;border-radius:.9em;background-color:#0f172a;color:#ffffff;font-size:.66em;font-weight:600;line-height:1.3;box-shadow:0 .5em 1.4em rgba(0,0,0,.3)}.usd-link-toast-icon{flex:none;width:1.5em;height:1.5em;color:#34d399}.usd-link-toast-text{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}[data-use=instagram] [data-demo-run] .usd-screen[data-k=instagram],[data-use=link] [data-demo-run] .usd-screen[data-k=link],[data-use=star] [data-demo-run] .usd-screen[data-k=star],[data-use=utensils] [data-demo-run] .usd-screen[data-k=utensils],[data-use=whatsapp] [data-demo-run] .usd-screen[data-k=whatsapp],[data-use=wifi] [data-demo-run] .usd-screen[data-k=wifi]{animation:usd-in .35s cubic-bezier(.22,1,.36,1) 1}[data-use=star] [data-demo-run] .usd-screen[data-k=star] .demo-star[data-on] .demo-star-fill{animation:usd-pop .4s cubic-bezier(.34,1.56,.64,1) calc(.45s + var(--i) * .15s) 1 backwards}[data-use=star] [data-demo-run] .usd-screen[data-k=star] .scr-review-ph{animation:usd-hold 1.6s linear 1}[data-use=star] [data-demo-run] .usd-screen[data-k=star] .scr-review-typed{animation:usd-rise .5s cubic-bezier(.22,1,.36,1) 1.5s 1 backwards}[data-use=star] [data-demo-run] .usd-screen[data-k=star] .scr-publish{animation:usd-press .4s ease-in-out 2.35s 1}[data-use=instagram] [data-demo-run] .usd-screen[data-k=instagram] .scr-tile{animation:usd-zoom .4s cubic-bezier(.22,1,.36,1) calc(.2s + var(--i) * .07s) 1 backwards}[data-use=instagram] [data-demo-run] .usd-screen[data-k=instagram] .scr-follow{animation:usd-press .4s ease-in-out 1.1s 1}[data-use=instagram] [data-demo-run] .usd-screen[data-k=instagram] .scr-follow-a{animation:usd-hold 1.6s linear 1}[data-use=instagram] [data-demo-run] .usd-screen[data-k=instagram] .scr-follow-b{animation:usd-fade .3s ease-out 1.35s 1 backwards}[data-use=utensils] [data-demo-run] .usd-screen[data-k=utensils] .scr-menu-row{animation:usd-slide .4s cubic-bezier(.22,1,.36,1) calc(.25s + var(--i) * .12s) 1 backwards}[data-use=utensils] [data-demo-run] .usd-screen[data-k=utensils] .scr-menu-row[data-hl] .scr-menu-hl{transform-origin:left center;animation:usd-grow .5s cubic-bezier(.22,1,.36,1) 1.3s 1 backwards}[data-use=utensils] [data-demo-run] .usd-screen[data-k=utensils] .scr-menu-row[data-hl] .scr-menu-price{animation:usd-bump .45s ease-in-out 1.55s 1}[data-use=utensils] [data-demo-run] .usd-screen[data-k=utensils] .scr-menu-note{animation:usd-rise .45s cubic-bezier(.22,1,.36,1) 2s 1 backwards}[data-use=wifi] [data-demo-run] .usd-screen[data-k=wifi] .scr-wjoin-plaque{animation:usd-focus .9s cubic-bezier(.22,1,.36,1) 1}[data-use=wifi] [data-demo-run] .usd-screen[data-k=wifi] .demo-qr-laser{animation:demo-laser .9s cubic-bezier(.65,0,.35,1) .3s 2}[data-use=wifi] [data-demo-run] .usd-screen[data-k=wifi] .scr-wjoin-banner{animation:usd-banner 1.5s cubic-bezier(.22,1,.36,1) 2s 1 backwards}[data-use=wifi] [data-demo-run] .usd-screen[data-k=wifi] .scr-wjoin-banner-action{animation:usd-press .35s ease-in-out 2.75s 1}[data-use=wifi] [data-demo-run] .usd-screen[data-k=wifi] .scr-wjoin-toast{animation:usd-rise .45s cubic-bezier(.22,1,.36,1) 3.3s 1 backwards}[data-use=wifi] [data-demo-run] .usd-screen[data-k=wifi] .usd-wifi-caption{animation:usd-fade .4s ease-out .2s 1 backwards}[data-use=wifi] [data-demo-run] .demo-phone-status .scr-st-wifi{animation:usd-fade .4s ease-out 3.3s 1 backwards}[data-use=whatsapp] [data-demo-run] .usd-screen[data-k=whatsapp] .scr-composer-draft{animation:usd-hold 1.2s linear 1}[data-use=whatsapp] [data-demo-run] .usd-screen[data-k=whatsapp] .scr-send{animation:usd-press .4s ease-in-out .75s 1}[data-use=whatsapp] [data-demo-run] .usd-screen[data-k=whatsapp] .scr-composer-ph{animation:usd-fade .25s ease-out 1.15s 1 backwards}[data-use=whatsapp] [data-demo-run] .usd-screen[data-k=whatsapp] .scr-bubble{transform-origin:100% 100%;animation:usd-bubble .45s cubic-bezier(.34,1.56,.64,1) 1.1s 1 backwards}[data-use=whatsapp] [data-demo-run] .usd-screen[data-k=whatsapp] .scr-ticks{animation:usd-fade .3s ease-out 2s 1 backwards}[data-use=link] [data-demo-run] .usd-screen[data-k=link] .usd-link-page[data-p=reviews]{animation:usd-hold 1.75s linear 1}[data-use=link] [data-demo-run] .usd-screen[data-k=link] .usd-link-toast{animation:usd-rise .4s cubic-bezier(.22,1,.36,1) .9s 1 backwards}[data-use=link] [data-demo-run] .usd-screen[data-k=link] .usd-link-page[data-p=launch]{animation:usd-page-mid 1.6s cubic-bezier(.22,1,.36,1) 1.6s 1 backwards}[data-use=link] [data-demo-run] .usd-screen[data-k=link] .usd-link-page[data-p=booking]{animation:usd-page-in .45s cubic-bezier(.22,1,.36,1) 3.1s 1 backwards}[data-use=link] [data-demo-run] .usd-screen[data-k=link] .usd-book-slot[data-on]{animation:usd-bump .4s ease-in-out 3.7s 1}@keyframes usd-in{0%{opacity:0;transform:translateY(.8em) scale(.98)}}@keyframes usd-fade{0%{opacity:0}}@keyframes usd-rise{0%{opacity:0;transform:translateY(.6em)}}@keyframes usd-pop{0%{opacity:0;transform:scale(.3)}}@keyframes usd-zoom{0%{opacity:0;transform:scale(.85)}}@keyframes usd-slide{0%{opacity:0;transform:translateX(-.8em)}}@keyframes usd-grow{0%{opacity:0;transform:scaleX(.3)}}@keyframes usd-bubble{0%{opacity:0;transform:translateY(1em) scale(.9)}}@keyframes usd-focus{0%{transform:scale(1.12)}}@keyframes usd-page-in{0%{opacity:0;transform:translateX(30%)}}@keyframes usd-hold{0%,88%{opacity:1}}@keyframes usd-press{50%{transform:scale(.92)}}@keyframes usd-bump{50%{transform:scale(1.14)}}@keyframes usd-banner{0%{opacity:0;transform:translateY(-120%)}18%,85%{opacity:1;transform:none}}@keyframes usd-page-mid{0%{opacity:0;transform:translateX(30%)}22%,88%{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){[data-demo-run]:not([data-demo-optin]) .wfd-nfc-fx,[data-demo-run]:not([data-demo-optin]) .wfd-nfc-fx .demo-ripple-ring,[data-demo-run]:not([data-demo-optin]) .wfd-phone,[data-demo-run]:not([data-demo-optin]) .wfd-phone .demo-phone-island,[data-demo-run]:not([data-demo-optin]) .wfd-phone .scr-st-wifi,[data-demo-run]:not([data-demo-optin]) .wfd-punch,[data-demo-run]:not([data-demo-optin]) .wfd-qr-glow,[data-demo-run]:not([data-demo-optin]) .wfd-scr[data-k=camera],[data-demo-run]:not([data-demo-optin]) .wfd-scr[data-k=camera] .demo-qr-laser,[data-demo-run]:not([data-demo-optin]) .wfd-scr[data-k=camera] .scr-wjoin-banner,[data-demo-run]:not([data-demo-optin]) .wfd-scr[data-k=camera] .scr-wjoin-banner-action,[data-demo-run]:not([data-demo-optin]) .wfd-scr[data-k=camera] .scr-wjoin-toast,[data-demo-run]:not([data-demo-optin]) .wfd-scr[data-k=camera] .scr-wjoin-vf,[data-demo-run]:not([data-demo-optin]) .wfd-scr[data-k=camera] .wfd-tap,[data-demo-run]:not([data-demo-optin]) .wfd-scr[data-k=sheet] .scr-wjoin-sheet,[data-demo-run]:not([data-demo-optin]) .wfd-scr[data-k=sheet] .scr-wjoin-sheet-ok,[data-demo-run]:not([data-demo-optin]) .wfd-scr[data-k=sheet] .scr-wjoin-toast,[data-demo-run]:not([data-demo-optin]) .wfd-scr[data-k=sheet] .wfd-tap,[data-demo-run]:not([data-demo-optin]) .wfd-tag[data-k=android],[data-demo-run]:not([data-demo-optin]) .wfd-tag[data-k=iphone]{animation:none}}.wfd{border-radius:1.25rem;background-color:var(--color-surface-2);background-image:radial-gradient(55% 50% at 74% 44%,rgba(16,185,129,.16),transparent 72%),radial-gradient(45% 45% at 24% 32%,color-mix(in oklab,var(--color-brand-500) 9%,transparent),transparent 72%);box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-fg)}.wfd-rig{--phone-w:42cqw;--ph-l:5cqw;--ph-t:19.4cqw;--pl-w:40cqw;--pl-l:52cqw;--nfc-scale:0.5;--pl-t:36cqw;--tag-x:50cqw;--tag-t:4.5cqw;--tag-fs:max(0.6875rem,3.4cqw);--wfd-qr-dx:calc(var(--pl-l) + var(--pl-w) * (var(--wfd-qr-cx) - var(--wfd-qr-size) / 2) * 0.2 - var(--ph-l) - var(--phone-w));--wfd-qr-dy:calc((var(--pl-t) + var(--pl-w) * 1.5 * var(--wfd-qr-cy) - var(--ph-t) - var(--phone-w) * 1.025) * 0.4);--wfd-nfc-x:calc(var(--pl-l) + var(--pl-w) * var(--wfd-nfc-cx));--wfd-nfc-y:calc(var(--pl-t) + var(--pl-w) * 1.5 * var(--wfd-nfc-cy));--wfd-nfc-dx:calc(var(--wfd-nfc-x) - var(--ph-l) - var(--phone-w) * 0.5);--wfd-nfc-dy:calc(var(--wfd-nfc-y) - var(--ph-t) - var(--phone-w) * 0.45);--wfd-at-qr:translate(var(--wfd-qr-dx),var(--wfd-qr-dy)) rotate(4deg);--wfd-at-nfc:translate(var(--wfd-nfc-dx),var(--wfd-nfc-dy)) scale(var(--nfc-scale));position:absolute;inset:0}@container demo (min-width: 480px){.wfd-rig{--phone-w:34cqw;--nfc-scale:0.62;--ph-l:11cqw;--ph-t:5.15cqw;--pl-w:30cqw;--pl-l:57cqw;--pl-t:21cqw;--tag-x:calc(var(--pl-l) + var(--pl-w) / 2);--tag-t:11cqw;--tag-fs:max(0.6875rem,2.5cqw)}}@container demo (min-width: 720px){.wfd-rig{--phone-w:27cqw;--ph-l:17cqw;--ph-t:3.6cqw;--pl-w:23cqw;--pl-l:57cqw;--pl-t:17.5cqw;--tag-x:calc(var(--pl-l) + var(--pl-w) / 2);--tag-t:8.5cqw;--tag-fs:max(0.75rem,1.9cqw)}}.wfd-table{position:absolute;top:calc(var(--pl-t) + var(--pl-w) * 1.5 + var(--pl-w) * .02);right:0;bottom:0;left:0;border-top:1px solid color-mix(in oklab,var(--color-fg) 10%,transparent);background-image:linear-gradient(to bottom,color-mix(in oklab,var(--color-fg) 6%,transparent),transparent 80%)}.wfd-plaque{position:absolute;top:var(--pl-t);left:var(--pl-l);z-index:1;width:var(--pl-w);isolation:isolate;font-size:calc(var(--pl-w) / 22)}.wfd-plaque:before{content:"";position:absolute;right:-8%;bottom:calc(var(--pl-w) * -.075);left:-8%;z-index:-1;height:calc(var(--pl-w) * .12);border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.34),transparent 70%)}.wfd-plaque:after{content:"";position:absolute;right:12%;bottom:calc(var(--pl-w) * -.05);left:12%;height:calc(var(--pl-w) * .075);border-radius:0 0 calc(var(--pl-w) * .025) calc(var(--pl-w) * .025);background-image:linear-gradient(180deg,#e2e8f0,#94a3b8);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.wfd-qr-glow{flex:none;width:122%;aspect-ratio:1;border:1.4cqw solid #fbbc04;border-radius:5cqw;box-shadow:0 0 4cqw rgba(251,188,4,.55);opacity:0}.wfd-tags{position:absolute;top:var(--tag-t);left:var(--tag-x);z-index:3;display:grid;width:0;justify-items:center;font-size:var(--tag-fs);line-height:1.2}.wfd-tag{display:inline-flex;grid-area:1/1;align-items:center;gap:.4em;max-width:42cqw;padding:.38em .85em .38em .7em;border:1px solid var(--color-line);border-radius:999px;background-color:var(--color-surface);color:var(--color-fg);font-weight:700;white-space:nowrap;box-shadow:0 .35em 1.1em rgba(0,0,0,.12);opacity:0}.wfd-tag-icon{flex:none;width:1.15em;height:1.15em;color:#10b981}.wfd-tag-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.wfd-phone{position:absolute;top:var(--ph-t);left:var(--ph-l);z-index:2;width:var(--phone-w);transform-origin:50% 21.95%}.wfd-punch{position:absolute;top:calc(var(--phone-w) * .0625);left:calc(50% - var(--phone-w) * .0375);z-index:1;width:calc(var(--phone-w) * .075);height:calc(var(--phone-w) * .075);border-radius:50%;background-color:#05070b;opacity:0}.wfd-scr{position:absolute;inset:0}.wfd-scr[data-k=camera]{opacity:0}.wfd-scr .scr-wjoin-toast{font-size:1.1em}.wfd-scr .scr-wjoin-banner{font-size:1.2em}.wfd-scr .scr-wjoin-banner-action{transform-origin:0 50%}.wfd-tap{position:absolute;z-index:2;width:2.4em;height:2.4em;margin:-1.2em 0 0 -1.2em;border-radius:50%;background-color:rgba(15,23,42,.22);box-shadow:0 0 0 .18em rgba(255,255,255,.9);opacity:0;pointer-events:none}.wfd-tap[data-k=join]{top:3.05em;left:5.2em}.wfd-tap[data-k=connect]{top:calc(100% - 2.45em);left:72%}.wfd-nfc-fx{--ripple-size:calc(var(--phone-w) * 0.7);--ripple-color:#10b981;position:absolute;top:calc(var(--wfd-nfc-y) - var(--ripple-size) / 2);left:calc(var(--wfd-nfc-x) - var(--ripple-size) / 2);z-index:3;display:block;opacity:0;pointer-events:none}[data-demo-run] .wfd-tag[data-k=iphone]{animation:wfd-tag-iphone var(--loop) var(--demo-ease-out) infinite}@keyframes wfd-tag-iphone{8%{opacity:0;transform:translateY(-.4em)}10%{opacity:1;transform:none}43%{opacity:1;transform:none}45.5%{opacity:0;transform:none}}[data-demo-run] .wfd-tag[data-k=android]{animation:wfd-tag-android var(--loop) var(--demo-ease-out) infinite}@keyframes wfd-tag-android{47.5%{opacity:0;transform:translateY(-.4em)}49.5%{opacity:1;transform:none}87%{opacity:1;transform:none}89.5%{opacity:0;transform:none}}[data-demo-run] .wfd-phone{animation:wfd-phone var(--loop) var(--demo-ease-io) infinite}@keyframes wfd-phone{11%{transform:none}16%{transform:var(--wfd-at-qr)}38%{transform:var(--wfd-at-qr)}44%{transform:none}51%{transform:none}57%{transform:var(--wfd-at-nfc)}62%{transform:var(--wfd-at-nfc)}68%{transform:none}}[data-demo-run] .wfd-phone .demo-phone-island{animation:wfd-island var(--loop) var(--demo-ease-io) infinite}@keyframes wfd-island{47.5%{opacity:1;transform:none}49.5%{opacity:0;transform:scaleX(.27)}87%{opacity:0;transform:scaleX(.27)}89.5%{opacity:1;transform:none}}[data-demo-run] .wfd-punch{animation:wfd-punch var(--loop) var(--demo-ease-io) infinite}@keyframes wfd-punch{48%{opacity:0}49.5%{opacity:1}87%{opacity:1}88.5%{opacity:0}}[data-demo-run] .wfd-phone .scr-st-wifi{animation:wfd-wifi-icon var(--loop) linear infinite}@keyframes wfd-wifi-icon{8%{opacity:1}9.5%{opacity:0}31.5%{opacity:0}32.5%{opacity:1}47.5%{opacity:1}49%{opacity:0}74.5%{opacity:0}75.5%{opacity:1}}[data-demo-run] .wfd-scr[data-k=camera]{animation:wfd-camera var(--loop) var(--demo-ease-io) infinite}@keyframes wfd-camera{10%{opacity:0}13%{opacity:1}44%{opacity:1}47%{opacity:0}}[data-demo-run] .wfd-scr[data-k=camera] .scr-wjoin-vf{animation:wfd-vf var(--loop) var(--demo-ease-out) infinite}@keyframes wfd-vf{1%{opacity:0;transform:scale(1.35)}12%{opacity:0;transform:scale(1.35)}16%{opacity:1;transform:none}24%{opacity:1;transform:none}25%{opacity:1;transform:scale(.9)}26.5%{opacity:1;transform:none}}[data-demo-run] .wfd-scr[data-k=camera] .demo-qr-laser{animation:wfd-laser var(--loop) var(--demo-ease-io) infinite}@keyframes wfd-laser{15.5%{opacity:0;transform:translateY(0)}16.5%{opacity:1;transform:translateY(0)}20%{opacity:1;transform:translateY(100%)}23.5%{opacity:1;transform:translateY(0)}24.5%{opacity:0;transform:translateY(0)}}[data-demo-run] .wfd-scr[data-k=camera] .scr-wjoin-banner{animation:wfd-banner var(--loop) var(--demo-ease-out) infinite}@keyframes wfd-banner{25%{opacity:0;transform:translateY(-130%)}27%{opacity:1;transform:none}30.5%{opacity:1;transform:none}32%{opacity:0;transform:translateY(-130%)}}[data-demo-run] .wfd-scr[data-k=camera] .scr-wjoin-banner-action{animation:wfd-press-join var(--loop) var(--demo-ease-out) infinite}@keyframes wfd-press-join{28.6%{transform:none}29.3%{transform:scale(.9)}30%{transform:none}}[data-demo-run] .wfd-scr[data-k=camera] .wfd-tap{animation:wfd-tap-join var(--loop) var(--demo-ease-out) infinite}@keyframes wfd-tap-join{28.2%{opacity:0;transform:scale(1.5)}29%{opacity:1;transform:none}29.8%{opacity:1;transform:scale(.85)}31%{opacity:0;transform:scale(1.15)}}[data-demo-run] .wfd-scr[data-k=camera] .scr-wjoin-toast{animation:wfd-toast-qr var(--loop) var(--demo-ease-pop) infinite}@keyframes wfd-toast-qr{1%{opacity:0;transform:translateY(1.4em) scale(.94)}31.5%{opacity:0;transform:translateY(1.4em) scale(.94)}33%{opacity:1;transform:none}}[data-demo-run] .wfd-scr[data-k=sheet] .scr-wjoin-toast{animation:wfd-toast-nfc var(--loop) var(--demo-ease-pop) infinite}@keyframes wfd-toast-nfc{8%{opacity:1;transform:none}9.5%{opacity:0;transform:translateY(1.4em) scale(.94)}74.5%{opacity:0;transform:translateY(1.4em) scale(.94)}76%{opacity:1;transform:none}}[data-demo-run] .wfd-scr[data-k=sheet] .scr-wjoin-sheet{animation:wfd-sheet var(--loop) var(--demo-ease-out) infinite}@keyframes wfd-sheet{59.5%{transform:translateY(110%)}62%{transform:none}73%{transform:none}75%{transform:translateY(110%)}}[data-demo-run] .wfd-scr[data-k=sheet] .scr-wjoin-sheet-ok{animation:wfd-press-ok var(--loop) var(--demo-ease-out) infinite}@keyframes wfd-press-ok{70.6%{transform:none}71.3%{transform:scale(.92)}72%{transform:none}}[data-demo-run] .wfd-scr[data-k=sheet] .wfd-tap{animation:wfd-tap-ok var(--loop) var(--demo-ease-out) infinite}@keyframes wfd-tap-ok{70.2%{opacity:0;transform:scale(1.5)}71%{opacity:1;transform:none}71.8%{opacity:1;transform:scale(.85)}73%{opacity:0;transform:scale(1.15)}}[data-demo-run] .wfd-qr-glow{animation:wfd-qr-glow var(--loop) var(--demo-ease-out) infinite}@keyframes wfd-qr-glow{14%{opacity:0;transform:scale(1.12)}16.5%{opacity:1;transform:none}24%{opacity:1;transform:none}25%{opacity:1;transform:scale(1.06)}26.5%{opacity:1;transform:none}31%{opacity:0;transform:none}}[data-demo-run] .wfd-nfc-fx{animation:wfd-nfc-fx var(--loop) linear infinite}@keyframes wfd-nfc-fx{56.5%{opacity:0}57.5%{opacity:1}67%{opacity:1}68.5%{opacity:0}}[data-demo-run] .wfd-nfc-fx .demo-ripple-ring{animation:wfd-ripple var(--loop) var(--demo-ease-out) infinite;animation-delay:calc(var(--i) * .25s)}@keyframes wfd-ripple{1%{opacity:0;transform:scale(.3)}57%{opacity:0;transform:scale(.3)}58.5%{opacity:.95}63%{opacity:0;transform:scale(1.5)}70%{opacity:0;transform:scale(.3)}}