.wr{--wr-ink: #1b1a18;--wr-soft: #6b665e;--wr-accent: #b5541f;--wr-line: #e9e4dc;--wr-warm: #ffc94d;--wr-air: #6d9cb8;--lv: 0;position:relative;overflow:hidden;background:#faf7f2;color:var(--ws-ink, var(--wr-ink));border:1px solid var(--ws-line, var(--wr-line));border-radius:24px;padding:clamp(24px,4.5vw,56px) clamp(16px,4vw,48px)}.wr svg{display:block}.wr__head{max-width:560px;margin:0 auto 24px;text-align:center}.wr__kicker{margin:0 0 8px;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ws-accent, var(--wr-accent))}.wr__head h2{margin:0 0 10px;font-size:clamp(26px,3.4vw,38px);line-height:1.15}.wr__lead{margin:0;font-size:16px;line-height:1.6;color:var(--ws-ink-soft, var(--wr-soft))}.wr__stage{display:grid;grid-template-columns:minmax(0,420px) minmax(140px,190px);justify-content:center;gap:clamp(16px,5vw,72px);align-items:center;max-width:760px;margin:0 auto}.wr__scene{margin:0;text-align:center;min-width:0}.wr__model{position:relative;width:100%;aspect-ratio:1000 / 1250}.wr__fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.wr__model img{position:absolute;left:0;top:-6.4%;width:100%;height:80%;object-fit:contain;mix-blend-mode:multiply}.wr__scene figcaption{display:grid;gap:4px;margin-top:8px;justify-items:center}.wr__row{display:inline-flex;align-items:center;gap:8px}.wr__label{font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.wr__state{min-width:6.5em;text-align:left;font-size:15px;color:var(--ws-ink-soft, var(--wr-soft))}.wr__meter{display:inline-flex;gap:3px}.wr__meter i{width:6px;height:12px;border-radius:2px;background:#d9d2c5;transition:background-color .3s ease}.wr__meter i.on{background:var(--wr-air)}.wr__model-name{margin-top:4px;font-size:13px;color:var(--ws-ink-soft, var(--wr-soft))}.wr__remote-wrap{display:flex;justify-content:center}.wr__remote{width:100%;max-width:180px;height:auto;overflow:visible;transform:rotate(-3deg);filter:drop-shadow(0 18px 16px rgba(27,26,24,.16))}.wr__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;max-width:920px;margin:24px auto 0;padding-top:18px;border-top:1px solid var(--ws-line, var(--wr-line))}.wr__note{margin:0;font-size:13.5px;color:var(--ws-ink-soft, var(--wr-soft))}.wr__toggle{display:none;min-height:44px;padding:0 20px;border:1px solid #ddd5c8;border-radius:999px;background:#fff;color:var(--ws-ink, var(--wr-ink));font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s ease}.wr.is-js .wr__toggle:not([hidden]){display:inline-flex;align-items:center}.wr__toggle:hover{border-color:var(--wr-ink)}.wr__toggle:focus-visible{outline:2px solid var(--wr-accent);outline-offset:3px}.wr-glow,.wr-cone{opacity:var(--lv);transition:opacity .7s ease}.wr-pool{opacity:calc(var(--lv) * .45);transition:opacity .7s ease}.wr-spots circle{fill:#ffcf4d;opacity:var(--lv);transition:opacity .5s ease}.wr-floor{fill:none;stroke:#cfc6b6;stroke-width:4;stroke-linecap:round}.wr-hob{fill:#fff;stroke:var(--wr-ink);stroke-width:3}.wr-air path{fill:none;stroke:var(--wr-air);stroke-width:6;stroke-linecap:round;stroke-dasharray:18 30;opacity:0;transition:opacity .6s ease;animation:wr-air var(--wr-air-t, 2s) linear infinite;animation-play-state:paused}.wr.is-live .wr-air path{animation-play-state:running}.wr[data-hood="1"] .wr-air path{opacity:.4;--wr-air-t: 2.6s}.wr[data-hood="2"] .wr-air path{opacity:.65;--wr-air-t: 1.6s}.wr[data-hood="3"] .wr-air path{opacity:.9;--wr-air-t: .9s}.wr[data-hood="1"] .wr-air path:nth-child(1),.wr[data-hood="1"] .wr-air path:nth-child(5){opacity:0}@keyframes wr-air{to{stroke-dashoffset:-96}}.wr-air path:nth-child(2){animation-delay:-.35s}.wr-air path:nth-child(3){animation-delay:-.7s}.wr-air path:nth-child(4){animation-delay:-.2s}.wr-air path:nth-child(5){animation-delay:-.55s}.wr-steam path{fill:none;stroke:#b9b2a6;stroke-width:5;stroke-linecap:round;opacity:.6;transition:opacity .5s ease}.wr.is-live .wr-steam{animation:wr-steam 3.4s ease-in-out infinite}.wr[data-hood="1"] .wr-steam path,.wr[data-hood="2"] .wr-steam path,.wr[data-hood="3"] .wr-steam path{opacity:0}@keyframes wr-steam{0%,to{transform:translate(-4px)}50%{transform:translate(6px)}}.wr-t{font-family:var(--body-font-family, "DM Sans", sans-serif);font-size:8.5px;font-weight:700;letter-spacing:.12em;fill:var(--wr-soft);text-anchor:middle}.wr.is-live .wr__remote{animation:wr-float 7s ease-in-out infinite}@keyframes wr-float{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-5px)}}.wr-led{fill:#d9d2c5}.wr-led.flash{animation:wr-flash .5s ease-out}@keyframes wr-flash{0%{fill:var(--wr-accent)}to{fill:#d9d2c5}}.wr-b{cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.wr-face{transform-box:fill-box;transform-origin:center;transition:transform .12s ease}.wr-b.is-pressed .wr-face{transform:scale(.9)}.wr-cap{fill:#fff;stroke:var(--wr-ink);stroke-width:1.8;transition:fill .25s ease,stroke .25s ease}.wr-ic{fill:none;stroke:var(--wr-ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s ease}.wr-ring{fill:none;stroke:var(--wr-accent);stroke-width:2.5;opacity:0}.wr-b:focus-visible .wr-ring{opacity:1}.wr-ripple{fill:none;stroke:var(--wr-accent);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}.wr-b.is-pressed .wr-ripple{animation:wr-ripple .6s ease-out}@keyframes wr-ripple{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}@media(hover:hover){.wr-b:hover .wr-cap{fill:#f6f0e6}}.wr[data-hood="1"] [data-act=power] .wr-cap,.wr[data-hood="2"] [data-act=power] .wr-cap,.wr[data-hood="3"] [data-act=power] .wr-cap,.wr[data-hood="1"] [data-act=power] .wr-ic,.wr[data-hood="2"] [data-act=power] .wr-ic,.wr[data-hood="3"] [data-act=power] .wr-ic{stroke:var(--wr-accent)}.wr[data-light=on] [data-act=light] .wr-cap{fill:#ffe39a;stroke:#d99a1a}.wr-dot{fill:#d9d2c5;transition:fill .3s ease}.wr-dot.on{fill:var(--wr-accent)}.wr-bar{fill:#d9d2c5;transition:fill .3s ease}.wr-bar.on{fill:#f0b429}@media(max-width:639px){.wr__stage{grid-template-columns:minmax(0,1fr) 112px;gap:10px}.wr__remote{max-width:112px}.wr__row{gap:6px}.wr__label{font-size:11px}.wr__state{font-size:13.5px;min-width:5.5em}.wr__foot{justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){.wr *,.wr *:before{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/wave-remote.css.map */