.section-voice-input{--vi-orange: #ff8d30;--vi-ease: cubic-bezier(.16, 1, .3, 1);--vi-line: #1011121a;--vi-soft: #f5f6f7;--vi-muted: #747982;--vi-content-max-width: 1360px}.section-voice-input .voice-input{width:100%;background:var(--vi-soft)}.section-voice-input .voice-input.page-width,.section-voice-input .voice-input.w100{margin-inline:auto}.section-voice-input .voice-input.w100{max-width:var(--vi-content-max-width);padding-inline:20px}.section-voice-input .voice-input__frame{position:relative;box-sizing:border-box;width:100%}.section-voice-input .voice-input__copy{max-width:560px;margin:0 0 36px}.section-voice-input .voice-input__eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 13px;color:var(--vi-orange);letter-spacing:.08em;font-size:12px;font-weight:650}.section-voice-input .voice-input__eyebrow span{width:6px;height:6px;border-radius:50%;background:currentColor}.section-voice-input .voice-input__title{margin:0;color:#101112}.section-voice-input .voice-input__copy--center{text-align:center;margin-inline:auto}.section-voice-input .voice-input__copy--center .voice-input__eyebrow{justify-content:center}.section-voice-input .voice-input__copy--right{text-align:right;margin-left:auto}.section-voice-input .voice-input__copy--right .voice-input__eyebrow{justify-content:flex-end}.section-voice-input .voice-input__body{max-width:660px;margin:24px 0 0;color:var(--vi-muted);font-size:17px;line-height:1.65}.section-voice-input .voice-input__note{display:block;margin-top:16px;color:#9b9fa6;font-size:12px;line-height:1.55}.section-voice-input .voice-console{display:grid;grid-template-columns:1fr;gap:30px;min-height:0;padding:24px 18px 36px;border:1px solid var(--vi-line);border-radius:24px;background:var(--vi-soft)}.section-voice-input .voice-console.is-listening{border-color:#ff8d3073;box-shadow:0 0 0 5px #ff8d3014}.section-voice-input .voice-key{text-align:center}.section-voice-input .voice-key__label{display:block;margin:0 0 12px;color:#747982;letter-spacing:.18em;font-size:10px;font-weight:650}.section-voice-input .voice-key>small{display:block;margin-top:14px;color:#858990;letter-spacing:.14em;font-size:10px}.section-voice-input .voice-key button{position:relative;display:grid;place-items:center;width:76px;height:76px;margin:0 auto;padding:0;overflow:hidden;border:0;border-radius:16px;background:transparent;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none;transition:transform .2s var(--vi-ease),filter .2s}.section-voice-input .voice-key button:active{transform:scale(.96)}.section-voice-input .voice-key__art{position:relative;z-index:1;width:64px;height:64px;filter:drop-shadow(0 7px 9px #191c201a);transition:transform .2s var(--vi-ease),filter .2s var(--vi-ease)}.section-voice-input .voice-key__surface{fill:#fff;transition:fill .16s var(--vi-ease)}.section-voice-input .voice-key__mic{fill:#545454;transition:fill .16s var(--vi-ease)}.section-voice-input .voice-key__pulse{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .14s var(--vi-ease)}.section-voice-input .voice-key__pulse i{position:absolute;width:38px;height:38px;opacity:0;border:4px solid #ff8d3042;border-radius:50%;transform:scale(.68)}.section-voice-input .is-listening .voice-key__pulse{opacity:1}.section-voice-input .is-listening .voice-key__pulse i{animation:1.55s cubic-bezier(.2,.62,.32,1) infinite voice-input-halo}.section-voice-input .is-listening .voice-key__pulse i:nth-child(2){animation-delay:.36s}.section-voice-input .is-listening .voice-key__pulse i:nth-child(3){animation-delay:.72s}.section-voice-input .is-listening .voice-key__art{filter:drop-shadow(0 9px 12px #ff8d3029);animation:1.55s ease-in-out infinite voice-input-core}.section-voice-input .is-listening .voice-key__surface{fill:var(--vi-orange)}.section-voice-input .is-listening .voice-key__mic{fill:#fff}.section-voice-input .is-listening .voice-key__label,.section-voice-input .is-listening .voice-key>small{color:var(--vi-orange)}.section-voice-input .voice-output{position:relative;padding-top:68px}.section-voice-input .voice-visualizer{position:absolute;top:0;right:0;left:0;display:flex;align-items:center;justify-content:center;gap:1px;height:54px;overflow:hidden}.section-voice-input .voice-visualizer i{flex:1 1 0;min-width:0;height:2px;border-radius:99px;background:#bfc3c8;transform-origin:50%;transition:background .25s}.section-voice-input .is-listening .voice-visualizer i{height:var(--voice-height);background:var(--vi-orange);animation:.58s ease-in-out infinite alternate voice-input-speak}.section-voice-input .is-listening .voice-visualizer i:nth-child(2n){animation-duration:.44s}.section-voice-input .is-listening .voice-visualizer i:nth-child(3n){animation-duration:.7s}.section-voice-input .voice-prompt{min-height:124px;padding:21px 16px;border:1px solid var(--vi-line);border-radius:18px;background:#fff}.section-voice-input .voice-prompt>span{color:#8d9299;letter-spacing:.16em;font-size:10px}.section-voice-input .voice-transcript{display:flex;align-items:center;min-height:28px;margin:15px 0 0;color:#31353a;font-size:15px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}.section-voice-input .voice-transcript>i{width:1px;height:20px;margin-left:3px;background:var(--vi-orange);animation:.8s step-end infinite voice-input-caret}.section-voice-input .voice-hint{display:block;position:static;margin-top:12px;color:#999da3;font-size:10px;line-height:1.45}@keyframes voice-input-speak{0%{transform:scaleY(.28)}to{transform:scaleY(1)}}@keyframes voice-input-caret{0%,48%{opacity:1}49%,to{opacity:0}}@keyframes voice-input-halo{0%{opacity:0;transform:scale(.68)}14%{opacity:.52}72%{opacity:.13}to{opacity:0;transform:scale(1.5)}}@keyframes voice-input-core{0%,to{transform:scale(.94)}48%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.section-voice-input .is-listening .voice-visualizer i,.section-voice-input .is-listening .voice-key__pulse i,.section-voice-input .is-listening .voice-key__art,.section-voice-input .voice-transcript>i{animation:none}}@media(min-width:901px){.section-voice-input .voice-input{background:transparent}.section-voice-input .voice-input__frame{min-height:720px;overflow:hidden;border-radius:26px;background-color:#5e402d;background-image:var(--vi-scene, none);background-repeat:no-repeat;background-size:125% auto;background-position:100% 48%}.section-voice-input .voice-input__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#10111224;pointer-events:none}.section-voice-input .voice-input__copy{position:absolute;top:76px;right:48px;z-index:2;width:430px;max-width:none;margin:0;color:#fff;text-align:left}.section-voice-input .voice-input__copy--center,.section-voice-input .voice-input__copy--right{text-align:left;margin-inline:0}.section-voice-input .voice-input__eyebrow{display:none}.section-voice-input .voice-input__title{color:#fff}.section-voice-input .voice-input__body{color:#ffffffd1;font-size:15px}.section-voice-input .voice-input__note{color:#ffffff9e}.section-voice-input .voice-console,.section-voice-input .voice-console:hover,.section-voice-input .voice-console.is-listening{position:absolute;right:38px;bottom:38px;left:auto;z-index:3;display:grid;grid-template-columns:124px minmax(0,1fr);place-items:stretch;gap:14px;column-gap:64px;width:min(650px,calc(100% - 52px));min-height:168px;padding:0;border:0;background:transparent;box-shadow:none;transform:none}.section-voice-input .voice-key{display:grid;place-content:center;padding:14px 10px;border:1px solid rgba(255,255,255,.42);border-radius:20px;background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.section-voice-input .voice-key__label{margin-bottom:8px}.section-voice-input .voice-key>small{margin-top:8px}.section-voice-input .voice-key button{width:68px;height:68px}.section-voice-input .voice-key__art{width:60px;height:60px}.section-voice-input .voice-output{display:grid;align-content:center;min-width:0;padding:16px 18px;border:1px solid rgba(255,255,255,.42);border-radius:20px;background:#ffffffc2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.section-voice-input .voice-visualizer{position:static;height:34px;margin-bottom:8px}.section-voice-input .voice-prompt{min-height:82px;padding:14px 16px}.section-voice-input .voice-transcript{font-size:15px;line-height:1.4}.section-voice-input .voice-hint{margin-top:8px;line-height:1.35}}
/*# sourceMappingURL=/cdn/shop/t/124/assets/voice-input.css.map */