[data-feature-demo]{position:relative;margin:0;min-width:0;color:#fff}[data-feature-demo] *,[data-feature-demo] *:before{box-sizing:border-box}[data-feature-demo] [hidden]{display:none!important}[data-feature-demo] .fd-scene{position:relative;isolation:isolate;aspect-ratio:800 / 520;overflow:hidden;border-radius:12px;background:#101b29}[data-feature-demo] .fd-art{position:absolute;right:0;top:0;height:100%;aspect-ratio:800 / 520;max-width:100%;pointer-events:none}[data-feature-demo] .fd-photo{display:block;width:100%;height:100%;object-fit:cover;transition:filter .5s}[data-feature-demo=dual_light] .fd-photo{filter:grayscale(1) brightness(.7)}[data-feature-demo=dual_light][data-active=true] .fd-photo{filter:grayscale(0) brightness(.92)}[data-feature-demo=active_deterrence] .fd-photo{filter:brightness(.8)}[data-feature-demo] .fd-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#020a16d9,transparent 42%),linear-gradient(110deg,#031426b8,transparent 65%);pointer-events:none}[data-feature-demo] .fd-hardware{position:absolute;left:var(--fd-camera-x,64%);top:var(--fd-camera-y,7%);width:var(--fd-camera-width,29%);aspect-ratio:var(--fd-camera-ratio,.96);filter:drop-shadow(0 6px 8px #0005);pointer-events:none}[data-feature-demo] .fd-hardware img{position:absolute;width:var(--fd-camera-scale,100%);height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}[data-feature-demo] .fd-projection{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity .4s}[data-feature-demo][data-active=true] .fd-projection{opacity:1}[data-feature-demo] .fd-warm-beam{filter:blur(5px)}[data-feature-demo] .fd-emitter{position:absolute;left:var(--fd-light-x,76.5%);top:var(--fd-light-y,56%);width:5%;height:4%;transform:translate(-50%,-50%) rotate(15deg);border-radius:50%;background:#fff9c8;box-shadow:0 0 9px 4px #ffe481,0 0 24px 12px #ffc844a0;opacity:0;transition:opacity .4s}[data-feature-demo][data-active=true] .fd-emitter{opacity:1}[data-feature-demo] .fd-status{flex-basis:100%;margin:0 0 2px;color:#fff;font-size:14px;font-weight:600;line-height:1.4;text-shadow:0 2px 5px #0007}[data-feature-demo] .fd-controls{position:absolute;bottom:18px;left:20px;right:20px;display:flex;align-items:center;flex-wrap:wrap;gap:7px}[data-feature-demo] .fd-controls button{font:inherit;font-size:12px;line-height:1.3;min-height:34px;padding:8px 12px;border:1px solid #ffffff70;border-radius:7px;background:#082039cc;color:#fff;cursor:pointer;touch-action:manipulation}[data-feature-demo] .fd-controls button[aria-pressed=true][data-fd-state]{background:#06f;border-color:#06f;color:#fff}[data-feature-demo] .fd-controls button:focus-visible{outline:3px solid #0066ff;outline-offset:3px}[data-feature-demo]:not([data-ready=true]) .fd-controls{display:none}[data-feature-demo] .fd-caption{position:absolute;top:20px;left:20px;width:52%;max-width:360px;margin:0;color:#fff;text-shadow:0 1px 5px #000a;overflow-wrap:anywhere}[data-feature-demo] .fd-caption h3{margin:0 0 7px;color:#fff;font-size:clamp(18px,1.5vw,22px);line-height:1.3}[data-feature-demo] .fd-caption p{margin:0 0 7px;font-size:13px;line-height:1.5}[data-feature-demo] .fd-caption .fd-applies{font-size:11px;color:#e0e8f1}[data-feature-demo] .fd-applies a{color:inherit;text-decoration:underline;text-underline-offset:2px}[data-feature-demo] .fd-voice{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round}[data-feature-demo] .fd-red{animation:pfx-fd-red 1.6s linear infinite}[data-feature-demo] .fd-blue{animation:pfx-fd-blue 1.6s linear infinite}[data-feature-demo] .fd-wave{animation:pfx-fd-voice 1.8s ease-out infinite}[data-feature-demo] .fd-wave:nth-child(2){animation-delay:.22s}[data-feature-demo] .fd-wave:nth-child(3){animation-delay:.44s}[data-feature-demo]:not([data-running=true]) .fd-red,[data-feature-demo]:not([data-running=true]) .fd-blue,[data-feature-demo]:not([data-running=true]) .fd-wave{animation-play-state:paused}@media(min-width:990px){[data-feature-demo] .fd-scene{height:clamp(280px,var(--fd-panel-height,400px),420px);aspect-ratio:auto}}@keyframes pfx-fd-red{0%,36%{opacity:.85}44%,88%{opacity:.06}96%,to{opacity:.85}}@keyframes pfx-fd-blue{0%,38%{opacity:.06}46%,86%{opacity:.85}94%,to{opacity:.06}}@keyframes pfx-fd-voice{0%{opacity:.15}30%{opacity:.95}75%,to{opacity:.15}}@media(max-width:749px){[data-feature-demo] .fd-scene{border-radius:9px;aspect-ratio:1.15}[data-feature-demo] .fd-art{height:auto;width:100%;aspect-ratio:800 / 520}[data-feature-demo] .fd-status{font-size:12px}[data-feature-demo] .fd-controls{bottom:12px;left:12px;right:12px;gap:6px}[data-feature-demo] .fd-controls button{min-height:40px;padding:9px 10px;font-size:11px}[data-feature-demo] .fd-caption{top:14px;left:12px;width:51%}[data-feature-demo] .fd-caption h3{font-size:16px;margin-bottom:5px}[data-feature-demo] .fd-caption p{font-size:12px;line-height:1.4}[data-feature-demo] .fd-caption .fd-applies{font-size:10px;line-height:1.35}}@media(prefers-reduced-motion:reduce){[data-feature-demo] *,[data-feature-demo] *:before{animation:none!important;transition:none!important}[data-feature-demo] .fd-red,[data-feature-demo] .fd-blue{opacity:.7}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/product-feature-demo.css.map */