.mxv-mic{position:absolute;z-index:2;top:50%;inset-inline-end:var(--mxv-offset, 50px);width:var(--mxv-mic-size, 38px);height:var(--mxv-mic-size, 38px);margin-top:calc(var(--mxv-mic-size, 38px) / -2);display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--mxv-mic-bg, #e8f0e3);color:var(--mxv-mic, #23683c);cursor:pointer;transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.mxv-mic svg,.mxv-mic img{width:var(--mxv-mic-icon, 19px);height:var(--mxv-mic-icon, 19px);display:block;object-fit:contain}.mxv-mic:hover{transform:scale(1.06);box-shadow:0 6px 16px -8px color-mix(in srgb,var(--mxv-mic, #23683c) 70%,transparent)}.mxv-mic:active{transform:scale(.95)}.mxv-mic:focus-visible{outline:2px solid var(--mxv-mic, #23683c);outline-offset:2px}.mxv-mic.is-live{background:var(--mxv-mic-active, #c2a36b);color:#fff;animation:mxvMicLive 1.4s ease-in-out infinite}.mxv-mic:after{content:"";position:absolute;inset:min(0px,calc((100% - 44px)/2));border-radius:50%}@media(max-width:989px){.mxv-mic{width:var(--mxv-mic-size-m, 40px);height:var(--mxv-mic-size-m, 40px);margin-top:calc(var(--mxv-mic-size-m, 40px) / -2)}}@keyframes mxvMicLive{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--mxv-mic-active, #c2a36b) 25%,transparent)}}.mxv{--mxv-t: calc(2.4s / var(--mxv-speed, 1));position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;padding:0;border:0;background:transparent;width:min(460px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);overflow:visible;color:var(--mxv-ink, #24332a);font-family:var(--font-body, system-ui, sans-serif)}.mxv::backdrop{background:var(--mxv-overlay, rgba(28, 68, 38, .55));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.mxv[open]{animation:mxvIn .32s cubic-bezier(.22,.8,.2,1)}.mxv[open]::backdrop{animation:mxvFade .32s ease}.mxv__panel{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;padding:40px 28px 22px;border-radius:var(--mxv-radius, 28px);background:var(--mxv-panel, #f4f7f1);box-shadow:0 30px 80px -24px #1028168c,inset 0 0 0 1px color-mix(in srgb,var(--mxv-accent-2, #c2a36b) 30%,transparent)}.mxv__panel:before{content:"";position:absolute;inset:0 0 auto;height:160px;pointer-events:none;border-radius:inherit;background:radial-gradient(70% 100% at 50% 0%,color-mix(in srgb,var(--mxv-accent-2, #c2a36b) 22%,transparent),transparent 70%)}.mxv__close{position:absolute;top:10px;right:10px;z-index:2;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;opacity:.7}.mxv__close:hover{opacity:1;background:color-mix(in srgb,var(--mxv-ink, #24332a) 7%,transparent)}.mxv__close svg{width:20px;height:20px}.mxv button:focus-visible,.mxv a:focus-visible{outline:2px solid var(--mxv-accent, #23683c);outline-offset:3px}.mxv__stage{position:relative;display:grid;place-items:center;width:var(--mxv-orb, 128px);height:var(--mxv-orb, 128px);margin-bottom:18px}.mxv__orb{position:relative;width:100%;height:100%;display:grid;place-items:center}.mxv__core{position:relative;z-index:2;width:46%;height:46%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--mxv-accent, #23683c) 70%,#fff),var(--mxv-accent, #23683c) 70%);color:#fff;box-shadow:0 10px 26px -10px var(--mxv-accent, #23683c);transition:transform .3s ease}.mxv__core svg{width:44%;height:44%}.mxv__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--mxv-accent-2, #c2a36b) 70%,transparent);background:color-mix(in srgb,var(--mxv-accent, #23683c) 6%,transparent);opacity:0;transform:scale(.45)}.mxv__bars{position:absolute;inset:auto 0 -2px;display:none;justify-content:center;align-items:center;gap:4px;height:34px}.mxv__bars i{width:4px;height:30%;border-radius:4px;background:var(--mxv-accent, #23683c);opacity:.85}.mxv[data-state=listening] .mxv__ring{animation:mxvRing var(--mxv-t) cubic-bezier(.3,.6,.4,1) infinite}.mxv[data-state=listening] .mxv__ring:nth-child(2){animation-delay:calc(var(--mxv-t) / 3)}.mxv[data-state=listening] .mxv__ring:nth-child(3){animation-delay:calc(var(--mxv-t) / 1.5)}.mxv[data-state=listening] .mxv__core{animation:mxvCore calc(var(--mxv-t) / 2) ease-in-out infinite}.mxv.is-hearing .mxv__core{transform:scale(1.08)}.mxv--bars .mxv__ring{display:none}.mxv--bars .mxv__bars{display:flex}.mxv--bars .mxv__stage{margin-bottom:30px}.mxv--bars[data-state=listening] .mxv__bars i{animation:mxvBar calc(var(--mxv-t) / 2.4) ease-in-out infinite alternate}.mxv--bars .mxv__bars i:nth-child(2){animation-delay:-.12s}.mxv--bars .mxv__bars i:nth-child(3){animation-delay:-.3s}.mxv--bars .mxv__bars i:nth-child(4){animation-delay:-.5s}.mxv--bars .mxv__bars i:nth-child(5){animation-delay:-.22s}.mxv--bars .mxv__bars i:nth-child(6){animation-delay:-.4s}.mxv--bars .mxv__bars i:nth-child(7){animation-delay:-.08s}.mxv--glow .mxv__ring{border:0;background:radial-gradient(circle,color-mix(in srgb,var(--mxv-accent-2, #c2a36b) 45%,transparent),transparent 68%)}.mxv--glow .mxv__ring:nth-child(n+2){display:none}.mxv--glow[data-state=listening] .mxv__ring{animation:mxvGlow var(--mxv-t) ease-in-out infinite;opacity:1}.mxv[data-state=searching] .mxv__ring:first-child{opacity:1;transform:none;background:none;border:2px solid color-mix(in srgb,var(--mxv-accent, #23683c) 15%,transparent);border-top-color:var(--mxv-accent, #23683c);animation:mxvSpin .9s linear infinite;display:block}.mxv[data-state=error] .mxv__core,.mxv[data-state=unsupported] .mxv__core{background:color-mix(in srgb,var(--mxv-ink, #24332a) 55%,transparent);box-shadow:none}.mxv[data-state=results] .mxv__stage{width:64px;height:64px;margin-bottom:10px}.mxv__copy{position:relative;max-width:360px}.mxv__title{margin:0;font-family:var(--font-heading, Georgia, serif);font-size:26px;line-height:1.15;font-weight:500;letter-spacing:-.01em}.mxv__text{margin:10px 0 0;font-size:14.5px;line-height:1.5;opacity:.78}.mxv__text:empty,.mxv__heard:empty{display:none}.mxv__heard{margin:14px 0 0;padding:10px 16px;border-radius:14px;font-size:17px;line-height:1.35;font-weight:600;background:color-mix(in srgb,var(--mxv-accent, #23683c) 9%,transparent);color:var(--mxv-accent, #23683c)}.mxv__heard.is-interim{opacity:.7;font-weight:500}.mxv__results{width:100%}.mxv__results:empty{display:none}.mxv__list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px;text-align:start}.mxv__item a{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:16px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 1px color-mix(in srgb,var(--mxv-ink, #24332a) 6%,transparent);transition:transform .2s ease,box-shadow .2s ease;animation:mxvItem .4s cubic-bezier(.22,.8,.2,1) both;animation-delay:calc(var(--i, 0) * 45ms)}.mxv__item a:hover{transform:translateY(-1px);box-shadow:0 10px 24px -14px #10281673}.mxv__img{width:56px;height:56px;border-radius:12px;overflow:hidden;background:var(--mxv-panel, #f4f7f1)}.mxv__img img{width:100%;height:100%;object-fit:contain;display:block}.mxv__name{font-size:14px;line-height:1.3;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mxv__price{font-size:14px;font-weight:700;color:var(--mxv-accent, #23683c);white-space:nowrap}.mxv__price s{display:block;font-size:12px;font-weight:400;opacity:.55;color:var(--mxv-ink, #24332a)}.mxv__soldout{display:block;font-size:11px;font-weight:600;opacity:.6}.mxv__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:22px}.mxv__btn{flex:1 1 160px;min-height:48px;padding:0 22px;border:1.5px solid var(--mxv-btn, #1c4426);border-radius:999px;background:var(--mxv-btn, #1c4426);color:var(--mxv-btn-ink, #fff);font:600 14.5px/1 var(--font-body, system-ui, sans-serif);letter-spacing:.02em;cursor:pointer;transition:transform .2s ease,background-color .2s ease,color .2s ease}.mxv__btn:hover{transform:translateY(-1px)}.mxv__btn--ghost{background:transparent;color:var(--mxv-btn, #1c4426)}.mxv__btn[hidden]{display:none}.mxv__title:focus{outline:none}.mxv__privacy{margin:16px 0 0;font-size:11.5px;line-height:1.45;opacity:.6;max-width:340px}@media(max-width:749px){.mxv{width:100vw;max-height:92dvh;inset:auto 0 0;margin:0}.mxv[open]{animation:mxvUp .36s cubic-bezier(.22,.8,.2,1)}.mxv__panel{border-radius:var(--mxv-radius, 28px) var(--mxv-radius, 28px) 0 0;padding:34px 20px calc(18px + env(safe-area-inset-bottom));max-height:92dvh}.mxv__title{font-size:23px}.mxv__actions [data-mxv-primary]{flex-basis:100%}}@keyframes mxvIn{0%{opacity:0;transform:translateY(14px) scale(.97)}}@keyframes mxvUp{0%{transform:translateY(100%)}}@keyframes mxvFade{0%{opacity:0}}@keyframes mxvRing{0%{opacity:.9;transform:scale(.45)}to{opacity:0;transform:scale(1)}}@keyframes mxvCore{50%{transform:scale(1.05)}}@keyframes mxvBar{0%{height:18%}to{height:100%}}@keyframes mxvGlow{50%{transform:scale(.92);opacity:.65}0%,to{transform:scale(1.05);opacity:1}}@keyframes mxvSpin{to{transform:rotate(360deg)}}@keyframes mxvItem{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.mxv *,.mxv[open],.mxv[open]::backdrop,.mxv-mic{animation:none!important;transition:none!important}.mxv[data-state=listening] .mxv__ring:first-child{opacity:.5;transform:scale(.85)}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/mx-voice.css.map */
