.voice{position:relative;isolation:isolate;padding-block:var(--section-y);background:var(--bg-sunk);overflow:clip;transition:background-color var(--theme-fade) var(--ease-in-out)}.voice__shell{position:relative;z-index:1}.voice__grid{align-items:center;row-gap:clamp(2.5rem,6vw,4rem)}.voice__copy{grid-column:1 / span 5;display:grid;gap:1.4rem;align-content:start}.voice__lead p{margin:0;max-inline-size:36ch}.voice__note{font-size:var(--step-micro)}.voice__player-wrap{grid-column:7 / span 6;display:grid;gap:1rem}.voice__player{display:grid;gap:1.1rem;padding:clamp(1.5rem,3vw,2.25rem);border-radius:var(--radius-xl);background:var(--bg);border:1px solid var(--rule);box-shadow:var(--shadow-high);transition:background-color var(--theme-fade) var(--ease-in-out),border-color var(--theme-fade) var(--ease-in-out)}.voice__label{display:inline-flex;align-items:center;gap:.55rem;font-size:var(--step-micro);letter-spacing:var(--tracking-micro);text-transform:uppercase;color:var(--ink-muted);margin:0}.voice__label svg{inline-size:1.1rem;block-size:1.1rem;color:var(--brand)}.voice__wave{position:relative;display:flex;align-items:center;gap:3px;block-size:clamp(4.5rem,10vw,7rem);inline-size:100%}.voice__wave i{flex:1;min-inline-size:2px;border-radius:3px;background:var(--rule);block-size:var(--h, 30%);transform-origin:50% 50%;animation:wave-idle 3.2s var(--ease-in-out) infinite;animation-delay:calc(var(--i) * -.06s);transition:background-color .16s linear,height .3s var(--ease-out);will-change:transform}@keyframes wave-idle{0%,to{transform:scaleY(.82);opacity:.75}50%{transform:scaleY(1.04);opacity:1}}.voice__wave i[data-played]{background-image:var(--gradient-brand);background-color:transparent}.voice[data-playing] .voice__wave i[data-played]{animation:wave-dance .62s var(--ease-in-out) infinite alternate;animation-delay:calc(var(--i) * -45ms)}@keyframes wave-dance{0%{transform:scaleY(.55)}to{transform:scaleY(1.25)}}.voice[data-playing] .voice__wave i:not([data-played]){animation:wave-idle 4.5s var(--ease-in-out) infinite;opacity:.45}.voice__wave:after{content:"";position:absolute;inset-block:-12%;inline-size:4.5rem;inset-inline-start:calc(var(--progress, 0) * 100% - 2.25rem);pointer-events:none;border-radius:50%;background:radial-gradient(closest-side,var(--brand-wash),transparent 72%);opacity:0;transition:opacity var(--dur-mid) var(--ease-out)}.voice[data-playing] .voice__wave:after{opacity:1}@media(prefers-reduced-motion:reduce){.voice__wave i,.voice[data-playing] .voice__wave i[data-played],.voice[data-playing] .voice__wave i:not([data-played]){animation:none;transform:none}.voice__wave:after{display:none}}.voice__controls{display:flex;align-items:center;gap:1rem}.voice__play{display:grid;place-items:center;inline-size:3.4rem;block-size:3.4rem;flex:none;border:0;border-radius:50%;background-image:var(--gradient-brand);color:var(--ink-on-accent);cursor:pointer;box-shadow:var(--shadow-low);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.voice__play:hover:not([disabled]){transform:scale(1.06);box-shadow:var(--shadow-high)}.voice__play[disabled]{opacity:.4;cursor:not-allowed}.voice__play svg{inline-size:1.15rem;block-size:1.15rem;max-inline-size:none}.voice__play[data-state=playing] .voice__play-icon svg{display:none}.voice__play[data-state=playing] .voice__play-icon:before{content:"";inline-size:.95rem;block-size:1.05rem;display:block;border-inline:.3rem solid currentColor}.voice__meta{display:grid;gap:.15rem;flex:1;min-inline-size:0}.voice__now{margin:0}.voice__desc{font-size:var(--step-micro)}.voice__time{font-variant-numeric:tabular-nums;flex:none}.voice__script{margin:0;padding-block-start:1rem;border-block-start:1px solid var(--rule);font-size:var(--step-small);line-height:1.6;color:var(--ink-muted);font-style:italic}.voice__picker{display:flex;flex-wrap:wrap;gap:.5rem}.voice__chip{display:grid;gap:.1rem;padding:.55rem .95rem;border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--bg);color:var(--ink);cursor:pointer;text-align:start;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.voice__chip:hover:not([disabled]){border-color:var(--ink);transform:translateY(-1px)}.voice__chip[aria-pressed=true]{border-color:transparent;background-image:var(--gradient-brand);background-origin:border-box;color:var(--ink-on-accent)}.voice__chip[disabled]{opacity:.45;cursor:not-allowed}.voice__chip-name{font-size:var(--step-small);font-weight:600;line-height:1.2}.voice__chip-desc{font-size:.6875rem;opacity:.75;line-height:1.2}@media(max-width:900px){.voice__copy,.voice__player-wrap{grid-column:1 / -1}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-voice.css.map */