.pfh-physical{--pfh-physical-orange: #ff8d30;grid-column:1 / -1;padding:2.4rem 1.6rem 2.8rem;overflow:hidden;background:#f5f6f7;border-radius:var(--pfh-radius);color:#101112}.pfh-physical .physical-demo{display:grid;grid-template-columns:18% minmax(0,1fr);gap:3%;align-items:start;width:100%;max-width:820px;margin:0 auto}.pfh-physical .physical-device-column{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:20.5%}.pfh-physical .physical-device{position:relative;isolation:isolate;width:65%;overflow:hidden;aspect-ratio:434 / 1609;-webkit-user-select:none;user-select:none}.pfh-physical .physical-device-image{position:absolute;top:-11.06%;left:-93.55%;width:294.93%;height:120.45%;max-width:none!important;pointer-events:none;mix-blend-mode:multiply}.pfh-physical .physical-knob{position:absolute;top:18.9%;left:6.5%;width:86.2%;height:23.25%;border-radius:50%;touch-action:none}.pfh-physical .physical-knob-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--pfh-knob, none) 47.9% 30.69% / 342.25% 518.45% no-repeat;transform-origin:50% 50%;transition:transform .18s ease,translate .12s ease,box-shadow .12s ease;pointer-events:none}.pfh-physical .physical-knob:has(.knob-center.is-pressed) .physical-knob-face{translate:0 2px;box-shadow:inset 0 3px 6px #0005,0 1px 2px #0003}.pfh-physical .physical-knob button{position:absolute;top:0;height:100%;padding:0;border:0;border-radius:50%;background:transparent;color:transparent;font-size:22px;cursor:pointer;touch-action:none}.pfh-physical .physical-knob .knob-left{left:0;z-index:2;width:29%}.pfh-physical .physical-knob .knob-right{right:0;z-index:2;width:29%}.pfh-physical .physical-knob .knob-center{left:29%;width:42%;border-radius:0}.pfh-physical .physical-key{position:absolute;left:19.9%;width:60%;height:16.05%;padding:0;border:0;border-radius:4.6%;background:transparent;cursor:pointer}.pfh-physical .physical-key--voice{top:45.15%;height:16.15%}.pfh-physical .physical-key--confirm{top:61.9%}.pfh-physical .physical-key--cancel{top:78.5%}.pfh-physical .physical-key:active,.pfh-physical .physical-key.is-pressed{box-shadow:inset 0 3px 4px #0008,inset 1px 0 2px #0005,inset -1px 0 2px #0005}.pfh-physical .physical-knob button:focus-visible,.pfh-physical .physical-key:focus-visible{outline:2px solid #ed963e;outline-offset:3px}.pfh-physical .physical-voice-rings{position:absolute;top:13%;right:13%;bottom:13%;left:13%;border-radius:50%;pointer-events:none}.pfh-physical .physical-demo.hint-voice-first .physical-voice-rings:before,.pfh-physical .physical-demo.hint-voice-first .physical-voice-rings:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid var(--pfh-physical-orange);border-radius:50%;opacity:0;animation:pfh-voice-ring 2s ease-out infinite}.pfh-physical .physical-demo.hint-voice-first .physical-voice-rings:after{animation-delay:1s}.pfh-physical .physical-audio-track{position:absolute;top:0;display:flex;align-items:center;justify-content:center;gap:3px;width:78%;height:26px;margin:0;visibility:hidden}.pfh-physical .physical-demo.is-typing .physical-audio-track{visibility:visible}.pfh-physical .physical-audio-track i{display:block;flex:1;max-width:4px;height:3px;border-radius:99px;background:#9a9da0}.pfh-physical .physical-demo.is-typing .physical-audio-track i{height:var(--bar-height);background:var(--pfh-physical-orange);animation:pfh-audio-pulse .45s var(--bar-delay) ease-in-out infinite alternate}.pfh-physical .physical-instructions{margin:8px 0 0;color:#85898d;font-size:12px;line-height:1.5;text-align:center}.pfh-physical .physical-computer{position:relative;isolation:isolate;min-width:0;aspect-ratio:3220 / 2100}.pfh-physical .physical-laptop-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:multiply}.pfh-physical .physical-screen{position:absolute;top:8.4%;right:8.9%;bottom:8.45%;left:8.9%;overflow:hidden;border-radius:20px 20px 0 0;background:#fff;clip-path:inset(0 round 20px 20px 0 0);container-type:inline-size;isolation:isolate}.pfh-physical .physical-fresh{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;color:#17181b;font-family:Arial,sans-serif}.pfh-physical .chat-sidebar{position:absolute;inset:0 auto 0 0;display:flex;flex-direction:column;gap:2.3cqw;box-sizing:border-box;width:23%;padding:3cqw 1.6cqw;border-right:1px solid #ececec;background:#f5f5f5;font-size:1.55cqw}.pfh-physical .chat-sidebar strong{padding:1.1cqw .7cqw;border-radius:.8cqw;background:#e9e9e9;font-weight:500}.pfh-physical .chat-sidebar small{margin-top:2cqw;color:#73767c;font-size:1.3cqw}.pfh-physical .chat-sidebar footer{display:block;margin-top:auto;padding:0;border:0;background:none;font-size:1.5cqw}.pfh-physical .chat-traffic{letter-spacing:.2cqw;font-size:1.2cqw}.pfh-physical .chat-heading{position:absolute;top:4%;left:26%;font-size:2.2cqw;font-weight:600}.pfh-physical .chat-heading span{color:#777;font-weight:400}.pfh-physical .chat-welcome{position:absolute;top:19%;right:5%;left:28%;text-align:center}.pfh-physical .chat-welcome>img{width:7cqw;height:7cqw;object-fit:contain}.pfh-physical .chat-welcome h3{margin:2cqw 0 1.4cqw;letter-spacing:-.08cqw;font-size:3.1cqw;line-height:1.2}.pfh-physical .chat-welcome p{margin:0;color:#6d7077;font-size:1.6cqw;line-height:1.4}.pfh-physical .chat-suggestions{display:grid;grid-template-columns:1fr 1fr;gap:1.4cqw;margin-top:4cqw;text-align:left}.pfh-physical .chat-suggestions span{padding:1.6cqw;border:1px solid #e5e5e5;border-radius:1.3cqw;color:#767982;font-size:1.4cqw;line-height:1.6}.pfh-physical .chat-suggestions b{display:block;color:#202126;font-weight:600}.pfh-physical .chat-desktop.has-messages .chat-welcome{display:none}.pfh-physical .physical-knob:hover .knob-left,.pfh-physical .physical-knob:hover .knob-right{color:#61666b;background:#ffffff32}.pfh-physical .pfh-physical__placeholder{display:block;background:#e4e6e8}.pfh-physical .physical-messages{position:absolute;top:12%;right:4%;bottom:21%;left:27%;display:flex;flex-direction:column;gap:2.5cqw;overflow:hidden;overscroll-behavior:contain;padding:2cqw 1cqw;background:#fff;font-family:Arial,sans-serif;font-size:1.85cqw;line-height:1.55}.pfh-physical .physical-messages:empty{display:none}.pfh-physical .physical-message{flex-shrink:0;max-width:86%;margin:0;padding:1.6cqw 2cqw;border-radius:1.8cqw;white-space:pre-wrap}.pfh-physical .physical-message--user{align-self:flex-end;background:#f0f0f0}.pfh-physical .physical-message--answer{align-self:flex-start;padding-left:0;color:#252525}.pfh-physical .physical-message--answer:before{content:"ChatGPT";display:block;margin-bottom:.8cqw;font-size:1.45cqw;font-weight:700}.pfh-physical .physical-input{position:absolute;right:auto;bottom:7%;left:26%;box-sizing:border-box;width:70%;height:10%;max-height:34%;padding:1.4cqw 2.4cqw;overflow:auto;border:1px solid #dcdde0;border-radius:2.4cqw;background:#fff;color:#32353a;font-family:Arial,sans-serif;font-size:1.9cqw;line-height:2.8cqw;resize:none;outline:none}.pfh-physical .physical-input:focus{border-color:#aaa;box-shadow:0 0 0 2px #eee}.pfh-physical .chat-disclaimer{position:absolute;right:3%;bottom:2.6%;left:25%;color:#8a8b90;font-size:1.1cqw;text-align:center}.pfh-physical .physical-status{position:absolute;top:100%;right:8%;left:8%;margin:12px 0 0;color:#7a8087;font-size:12px;line-height:1.5;text-align:center}.pfh-physical .physical-knob-face.knob-entry-moving{animation:pfh-knob-rock 1.4s ease-in-out 3}@keyframes pfh-voice-ring{0%{opacity:0;transform:scale(.85)}15%{opacity:.9}to{opacity:0;transform:scale(1.42)}}@keyframes pfh-audio-pulse{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@keyframes pfh-knob-rock{0%,to{rotate:0deg}30%{rotate:-22deg}70%{rotate:22deg}}@media screen and (min-width:901px){.pfh-physical .physical-device{width:62%}}@media screen and (max-width:900px){.pfh-physical .physical-demo{grid-template-columns:19% minmax(0,1fr);gap:1%}.pfh-physical .physical-device{width:80%}.pfh-physical .physical-instructions{font-size:10px}}@media screen and (max-width:600px){.pfh-physical{padding:1.8rem 1.2rem 2.2rem}.pfh-physical .physical-demo{grid-template-columns:1fr;gap:25px}.pfh-physical .physical-device-column{order:2;padding:38px 0 0}.pfh-physical .physical-device{width:74px}.pfh-physical .physical-computer{order:1}.pfh-physical .physical-audio-track{width:100px}.pfh-physical .physical-status{margin-top:5px;font-size:11px}.pfh-physical .physical-instructions{margin-top:10px;font-size:12px}}@media(prefers-reduced-motion:reduce){.pfh-physical .physical-knob-face,.pfh-physical .physical-knob-face.knob-entry-moving,.pfh-physical .physical-demo.hint-voice-first .physical-voice-rings:before,.pfh-physical .physical-demo.hint-voice-first .physical-voice-rings:after,.pfh-physical .physical-demo.is-typing .physical-audio-track i{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/124/assets/product-feature-interactive.css.map */