.ii.ii .ii-v2{container-type:inline-size}
.ii.ii .ii-v2-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ii.ii .ii-v2-native-controls{display:flex;align-items:center;gap:4px;padding:5px;margin:0;border:1px solid #d7b8ed22;border-radius:999px;background:#170f23b3;box-shadow:0 8px 22px -14px #000}
.ii.ii .ii-v2-native-controls input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.ii.ii .ii-v2-native-controls label{display:grid;place-items:center;min-height:38px;padding:0 15px;border:1px solid transparent;border-radius:999px;color:var(--muted);font:500 12px/1 var(--font-sans);cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.ii.ii .ii-v2-native-controls label:hover{color:var(--fg);background:#ffffff09}
.ii.ii .ii-v2-native-controls input:checked+label{background:#ffd21f17;color:var(--accent);border-color:#ffd21f50}
.ii.ii .ii-v2-native-controls input:focus-visible+label{outline:2px solid var(--accent);outline-offset:4px}
.ii.ii .ii-v2-native-pause-label{width:38px;min-width:38px;padding:0!important;font:600 17px/1 var(--font-sans)!important}
.ii.ii .ii-v2-pause__play{display:none;font-size:11px}
.ii.ii .ii-v2-native-pause:checked+.ii-v2-native-pause-label .ii-v2-pause__stop{display:none}.ii.ii .ii-v2-native-pause:checked+.ii-v2-native-pause-label .ii-v2-pause__play{display:inline}
.ii.ii .ii-v2:has(#ii-native-tech:checked) .ii-v2-item--phone{transform:translate(-14px,9px) translateZ(95px) rotateZ(5deg) rotateY(-8deg) scale(1.02)}
.ii.ii .ii-v2:has(#ii-native-tech:checked) .ii-v2-photo{transform:translate(-8px,6px) rotateY(4deg) rotateZ(-7deg)}
.ii.ii .ii-v2:has(#ii-native-coupons:checked) .ii-v2-item--coupon{transform:translate(-8px,-10px) translateZ(140px) rotateY(8deg) rotateZ(6deg) scale(1.05)}
.ii.ii .ii-v2:has(#ii-native-coupons:checked) .ii-v2-item--gpu{transform:translate(-6px,8px) translateZ(80px) rotateZ(-21deg) scale(1.04)}
.ii.ii .ii-v2:has(#ii-native-hardware:checked) .ii-v2-item--gpu{transform:translate(0,-8px) translateZ(110px) rotateZ(-12deg) scale(1.26)}
.ii.ii .ii-v2:has(#ii-native-pause:checked) :is(.ii-v2-bob,.ii-v2-orbit i,.ii-v2-message,.ii-v2-spark,.ii-v2-dot,.ii-v2-gpu__blades),.ii.ii .ii-v2:has(#ii-native-pause:checked) .ii-v2-coupon__face::after{animation-play-state:paused}
.ii.ii .ii-v2:has(#ii-native-pause:checked) :is(.ii-v2-item,.ii-v2-photo,.ii-v2-camera){transition:none}
.ii.ii:has(.ii-v2-native-pause:checked) :is(.bg span,.band__t,.fitem,.shot__chip),.ii.ii:has(.ii-v2-native-pause:checked) :is(.pill--fill,.shot__chip i)::after{animation-play-state:paused}
@media (max-width:380px){.ii.ii .ii-v2-native-controls label{padding:0 12px}.ii.ii .ii-v2-native-pause-label{padding:0!important}}
@media (prefers-reduced-motion:reduce){.ii.ii .ii-v2-native-pause,.ii.ii .ii-v2-native-pause-label{display:none!important}}