.dv{width:100%;display:block;position:relative;container-type:inline-size}.dv>*{--u:calc(100cqw / var(--ow))}.dv *,.dv :before,.dv :after{box-sizing:border-box}.dv-body{z-index:1;top:0;left:calc(var(--mx) * var(--u));width:calc(var(--bw) * var(--u));height:calc(var(--bh) * var(--u));border-radius:calc(var(--rt) * var(--u)) calc(var(--rt) * var(--u)) calc(var(--rb) * var(--u)) calc(var(--rb) * var(--u));background:var(--bb,#2b2c30);box-shadow:inset 0 0 0 calc(var(--u) * .7) #ffffff47;position:absolute}.dv-body:before{content:"";inset:calc(var(--band) * var(--u));border-radius:calc((var(--rt) - var(--band)) * var(--u)) calc((var(--rt) - var(--band)) * var(--u)) calc((var(--rb) - var(--band)) * var(--u)) calc((var(--rb) - var(--band)) * var(--u));box-shadow:0 0 0 calc(var(--u) * 1.2) #0c0d0e;background:#040506;position:absolute}.dv-silver{--bb:#d5d8dd}.dv-metal{--bb:#c9cdd2}.dv-screen{z-index:2;left:calc((var(--mx) + var(--band) + var(--bz)) * var(--u));top:calc((var(--band) + var(--bz)) * var(--u));width:calc(var(--sw) * var(--u));height:calc(var(--sh) * var(--u));border-radius:calc(var(--sr) * var(--u));background:#000;position:absolute;overflow:hidden}.dv-screen>img,.dv-img{object-fit:cover;object-position:top;width:100%;height:100%}.dv-island{z-index:4;left:50%;top:calc(var(--u) * 11);width:calc(var(--u) * 126);height:calc(var(--u) * 37);background:#000;border-radius:999px;position:absolute;transform:translate(-50%)}.dv-island:after{content:"";aspect-ratio:1;background:#151a24;border-radius:50%;width:16%;position:absolute;top:50%;right:7%;transform:translateY(-50%)}.dv-btn{z-index:0;top:calc(var(--y) * var(--u));height:calc(var(--h) * var(--u));width:calc(var(--u) * 3);background:#3a3c40;position:absolute}.dv-btn.l{left:calc(var(--u) * -.5);border-radius:calc(var(--u) * 2) 0 0 calc(var(--u) * 2)}.dv-btn.r{right:calc(var(--u) * -.5);border-radius:calc(var(--u) * 2) 0 0 calc(var(--u) * 2);transform:scaleX(-1)}.dv-btn-wrap{z-index:0;position:absolute;inset:0}.dv-cam{z-index:3;width:calc(var(--u) * 7);aspect-ratio:1;box-shadow:0 0 0 calc(var(--u) * 1) #15171b;background:#121620;border-radius:50%;position:absolute}.dv-notch{z-index:4;width:calc(var(--u) * 190);height:calc(var(--u) * 30);border-radius:0 0 calc(var(--u) * 12) calc(var(--u) * 12);background:#000;position:absolute;top:0;left:50%;transform:translate(-50%)}.dv-base{z-index:0;width:100%;height:calc(var(--u) * 38);border-radius:0 0 calc(var(--u) * 18) calc(var(--u) * 18);box-shadow:none;position:absolute;bottom:0;left:0}.dv-base svg{width:100%;height:100%;display:block}.dv-stage{perspective:calc(var(--u) * var(--ow) * 2.4);position:absolute;inset:0}.dv-floor{height:calc(var(--u) * 120);background:0 0;position:absolute;bottom:0;left:6%;right:6%}.dv-pole{z-index:1;width:calc(var(--u) * 112);left:50%;top:calc(var(--u) * 700);height:calc(var(--u) * 1030);box-shadow:inset calc(var(--u) * -26) 0 0 0 #c3c7cc;background:#d9dce0;position:absolute;transform:translate(-50%)}.dv-neck{z-index:1;left:50%;top:calc(var(--u) * 640);width:calc(var(--u) * 250);height:calc(var(--u) * 170);border-radius:calc(var(--u) * 28);background:#cfd2d7;position:absolute;transform:translate(-50%)}.dv-foot{z-index:2;left:50%;bottom:calc(var(--u) * 14);width:calc(var(--u) * 760);height:calc(var(--u) * 140);position:absolute;transform:translate(-50%)}.dv-foot svg{width:100%;height:100%;display:block}.dv-tilt{z-index:3;width:100%;height:calc(var(--bh) * var(--u));transform-origin:50% 70%;transform:rotateX(calc(var(--tilt) * 1deg));position:absolute;top:0;left:0}.dv-thick{border-radius:calc(var(--rt) * var(--u));width:100%;height:100%;transform:translateY(calc(var(--u) * 16));background:#6a6e75;position:absolute;top:0;left:0}@media (prefers-reduced-motion:no-preference){.dv-tilt{transition:transform .5s cubic-bezier(.2,.7,.2,1)}}