.ptx{--figw:clamp(148px,38vw,210px);--ptx-card:var(--mist);--ptx-line:var(--line-soft);--ptx-ink:var(--ink);--ptx-muted:var(--graphite);--ptx-glow:rgba(0,0,0,.06)}.band-mist.ptx{--ptx-card:var(--paper)}.band-night.ptx{--ptx-card:var(--night-2);--ptx-line:var(--night-3);--ptx-ink:var(--night-ink);--ptx-muted:var(--night-graphite);--ptx-glow:rgba(255,255,255,.12)}.ptx-demo{display:grid;justify-items:center;gap:20px;text-align:center;animation:zeRise linear both;animation-timeline:view();animation-range:entry 0% entry 80%}.ptx-stage{display:grid;justify-items:center;gap:28px;width:100%}.ptx-unit{display:flex;align-items:flex-start;gap:12px}.ptx-fig{position:relative;container-type:inline-size;flex:none;width:var(--figw);aspect-ratio:547/1170;max-width:100%}.ptx-fig:before{content:"";position:absolute;left:-55%;right:-55%;top:2%;bottom:-4%;background:radial-gradient(closest-side,var(--ptx-glow),transparent);pointer-events:none}.ptx-img{position:relative;display:block;width:100%;height:100%;max-width:none}.ptx .duo-led{box-shadow:0 0 6px 2px #9ee03af2,0 0 22px 8px #9ee03a73;transition:opacity .2s}.ptx .ds-wave i{animation:none;height:22%}.ptx-key{position:absolute;left:1.4%;top:29%;width:4.8%;height:17.2%;border-radius:999px;box-shadow:0 0 0 2px var(--led),0 0 14px 3px #9ee03a80;animation:ptxKey 1.8s var(--ease) infinite;pointer-events:none;transition:transform .12s,background .12s}.ptx-rings{position:absolute;left:29.3%;top:1.5%;width:0;height:0;pointer-events:none}.ptx-rings i{position:absolute;left:-34cqw;top:-34cqw;width:68cqw;height:68cqw;border-radius:50%;border:1.5px solid var(--led);opacity:0}.ptx-hold{position:relative;z-index:2;display:grid;justify-items:end;gap:7px;margin-top:calc(var(--figw) * .8043 - 21px);padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.ptx-hold:after{content:"";position:absolute;left:100%;top:-28px;width:calc(12px + var(--figw) * .09);height:calc(var(--figw) * .5)}.ptx-pill{position:relative;display:grid;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;background:var(--led);color:#0b0b0c;font:600 .9375rem/1.15 var(--font-text);white-space:nowrap;animation:ptxPulse 1.8s var(--ease) infinite;transition:background .15s,color .15s,transform .12s}.ptx-pill:after{content:"";position:absolute;right:-6px;top:50%;margin-top:-7px;border-style:solid;border-width:7px 0 7px 7px;border-color:transparent transparent transparent var(--led);transition:border-color .15s}.ptx-tip-idle,.ptx-tip-on{grid-area:1/1;text-align:center}.ptx-tip-on{visibility:hidden}.ptx-hint{display:none;font-size:.75rem;color:var(--ptx-muted);padding-right:8px}@media(hover:hover)and (pointer:fine)and (min-width:641px){.ptx-hint{display:block}}.ptx-hold:focus-visible{outline:none}.ptx-hold:focus-visible .ptx-pill{outline:2px solid var(--night-link,#2997ff);outline-offset:3px}.ptx-group{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(100%,360px)}.ptx-p{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:12px 8px;border-radius:18px;background:var(--ptx-card);box-shadow:inset 0 0 0 1px var(--ptx-line);transition:box-shadow .25s var(--ease)}.ptx-mini{flex:none;width:20px;height:33px}.ptx-mini--lime .m-ant,.ptx-mini--lime .m-body{fill:var(--sw-lime,#8dc63f)}.ptx-mini--black .m-ant,.ptx-mini--black .m-body{fill:#48484c}.ptx-mini .m-scr{fill:#050505}.ptx-mini .m-led{fill:var(--led);opacity:.45}.ptx-mini .m-wave{fill:var(--led);opacity:0}.ptx-who{display:grid;gap:2px;min-width:0}.ptx-who b{font:600 .9375rem/1.2 var(--font-text);color:var(--ptx-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ptx-s{font-size:.8125rem;line-height:1.3;color:var(--ptx-muted)}.ptx-hear{display:none;color:var(--led);font-weight:600}.ptx[data-state=talking] .ptx-pill{background:var(--tx,#ff453a);color:#fff;animation:none;transform:scale(.97)}.ptx[data-state=talking] .ptx-pill:after{border-left-color:var(--tx,#ff453a)}.ptx[data-state=talking] .ptx-tip-idle{visibility:hidden}.ptx[data-state=talking] .ptx-tip-on{visibility:visible}.ptx[data-state=talking] .ptx-key{background:var(--led);transform:translate(2px);animation:none;box-shadow:0 0 0 2px var(--led),0 0 26px 8px #9ee03abf}.ptx[data-state=talking] .duo-led{opacity:1;animation:finLed 1.1s ease-in-out infinite}.ptx[data-state=talking] .ds-wave i{animation:duoWave .8s ease-in-out infinite alternate}.ptx[data-state=talking] .ds-wave i:nth-child(3n){animation-delay:-.27s}.ptx[data-state=talking] .ds-wave i:nth-child(3n+1){animation-delay:-.53s}.ptx[data-state=talking] .ds-wave i:nth-child(4n){animation-duration:.6s}.ptx[data-state=talking] .ds-wave i:nth-child(5n){animation-duration:1s}.ptx[data-state=talking] .ptx-rings i{animation:ring 1.6s var(--ease) infinite}.ptx[data-state=talking] .ptx-rings i:nth-child(2){animation-delay:.53s}.ptx[data-state=talking] .ptx-rings i:nth-child(3){animation-delay:1.06s}.ptx[data-state=talking] .ptx-p{box-shadow:inset 0 0 0 1.5px var(--led),0 0 26px #9ee03a33}.ptx[data-state=talking] .ptx-ready{display:none}.ptx[data-state=talking] .ptx-hear{display:inline}.ptx[data-state=talking] .ptx-mini .m-led{opacity:1}.ptx[data-state=talking] .ptx-mini .m-wave{opacity:1;animation:finLed .5s ease-in-out infinite}@keyframes ptxPulse{0%{box-shadow:0 0 #9ee03a80}70%,to{box-shadow:0 0 0 13px #9ee03a00}}@keyframes ptxKey{0%,to{box-shadow:0 0 0 2px var(--led),0 0 10px 2px #9ee03a59}50%{box-shadow:0 0 0 2px var(--led),0 0 20px 6px #9ee03ab3}}@media(min-width:900px){.ptx-stage{grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:clamp(48px,6vw,96px)}.ptx-group{grid-template-columns:1fr;width:240px;gap:12px}.ptx-p{flex-direction:row;gap:14px;padding:12px 16px 12px 14px;text-align:left}}@media(prefers-reduced-motion:reduce){.ptx-demo,.ptx-pill,.ptx-key,.ptx-rings i,.ptx .ds-wave i,.ptx .duo-led,.ptx-mini .m-wave{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ze-ptt.css.map */