.dhpv[data-astro-cid-2sqlbtzx]{--dhpv-w:clamp(12rem, 20vw, 16.5rem);justify-content:center;width:100%;padding-block:3.5rem 5.5rem;display:flex;position:relative}.dhpv-stage[data-astro-cid-2sqlbtzx]{width:var(--dhpv-w);--dhpv-t-front:translate3d(var(--dhpv-shift-front-x,0px), var(--dhpv-shift-front,0px), 0) rotate(var(--dhpv-tilt,7deg));--dhpv-f-front:blur(0px) brightness(1) saturate(1);--dhpv-t-back:translate(-31%, -5.5%) translate3d(var(--dhpv-shift-back-x,0px), var(--dhpv-shift-back,0px), 0) rotate(-6deg) scale(.93);--dhpv-f-back:blur(1.9px) brightness(.72) saturate(.8);position:relative}.dhpv-phone[data-astro-cid-2sqlbtzx]{width:var(--dhpv-w);position:relative}.dhpv-phone--front[data-astro-cid-2sqlbtzx]{z-index:2;transform:var(--dhpv-t-front);filter:var(--dhpv-f-front)}.dhpv-phone--back[data-astro-cid-2sqlbtzx]{z-index:1;transform:var(--dhpv-t-back);filter:var(--dhpv-f-back);position:absolute;top:0;left:0}.dhpv[data-astro-cid-2sqlbtzx].is-clear-back .dhpv-stage[data-astro-cid-2sqlbtzx]{--dhpv-t-back:translate(-44%, -4%) translate3d(var(--dhpv-shift-back-x,0px), var(--dhpv-shift-back,0px), 0) rotate(-7deg) scale(.95);--dhpv-f-back:blur(.5px) brightness(.95) saturate(1)}.dhpv[data-astro-cid-2sqlbtzx].is-swapped .dhpv-phone--front[data-astro-cid-2sqlbtzx]{z-index:1;transform:var(--dhpv-t-back);filter:var(--dhpv-f-back)}.dhpv[data-astro-cid-2sqlbtzx].is-swapped .dhpv-phone--back[data-astro-cid-2sqlbtzx]{z-index:2;transform:var(--dhpv-t-front);filter:var(--dhpv-f-front)}.dhpv[data-astro-cid-2sqlbtzx].is-swapping .dhpv-phone[data-astro-cid-2sqlbtzx]{transition:transform .7s cubic-bezier(.65,0,.35,1),filter .7s cubic-bezier(.65,0,.35,1),z-index .7s linear}.dhpv-rail[data-astro-cid-2sqlbtzx]{z-index:2;padding:calc(var(--dhpv-w) * .011);border-radius:calc(var(--dhpv-w) * .175);background:linear-gradient(114deg,#9aa3a9 0%,#2b3135 11%,#6d767c 29%,#202528 52%,#737c82 72%,#272c30 86%,#9aa3a9 100%);position:relative;box-shadow:0 2px 6px #0003,0 20px 34px -8px #00000057,0 54px 86px -22px #00000075}.dhpv-body[data-astro-cid-2sqlbtzx]{padding:calc(var(--dhpv-w) * .029);border-radius:calc(var(--dhpv-w) * .164);background:#050708;position:relative}.dhpv-screen[data-astro-cid-2sqlbtzx]{aspect-ratio:9/19.5;border-radius:calc(var(--dhpv-w) * .135);background:#000;width:100%;position:relative;overflow:clip}.dhpv-screen[data-astro-cid-2sqlbtzx].is-idle{background:linear-gradient(158deg,#ffffff24 0%,#ffffff0a 28%,#0000 56%),#0d1114}.dhpv[data-astro-cid-2sqlbtzx].has-screen-bg .dhpv-screen[data-astro-cid-2sqlbtzx],.dhpv[data-astro-cid-2sqlbtzx].has-screen-bg .dhpv-screen[data-astro-cid-2sqlbtzx].is-idle{background:var(--dhpv-screen-bg)}.dhpv-poster[data-astro-cid-2sqlbtzx]{object-fit:contain;width:100%;height:100%;transition:opacity var(--pl-dur-slow) var(--pl-ease-out-quart);position:absolute;inset:0}.dhpv[data-astro-cid-2sqlbtzx].is-playing .dhpv-poster[data-astro-cid-2sqlbtzx]{opacity:0}.dhpv-phone--front[data-astro-cid-2sqlbtzx] .dhpv-poster[data-astro-cid-2sqlbtzx]{transform:scale(var(--dhpv-zoom,1.02))}.dhpv-glare[data-astro-cid-2sqlbtzx]{z-index:2;pointer-events:none;background:linear-gradient(146deg,#ffffff21 0%,#ffffff0b 15%,#0000 36%);position:absolute;inset:0}.dhpv-slot[data-astro-cid-2sqlbtzx]{position:absolute;inset:0}.dhpv-slot[data-astro-cid-2sqlbtzx] iframe{aspect-ratio:9/16;pointer-events:none;border:0;width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.02)}.dhpv-phone--front[data-astro-cid-2sqlbtzx] .dhpv-slot[data-astro-cid-2sqlbtzx] iframe{transform:translate(-50%, -50%) scale(var(--dhpv-zoom,1.02))}.dhpv-island[data-astro-cid-2sqlbtzx]{top:calc(var(--dhpv-w) * .052);width:calc(var(--dhpv-w) * .3);height:calc(var(--dhpv-w) * .082);z-index:3;background:#000;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.dhpv-island[data-astro-cid-2sqlbtzx]:after{content:"";width:calc(var(--dhpv-w) * .026);height:calc(var(--dhpv-w) * .026);background:radial-gradient(circle at 32% 28%,#2c3b45 0%,#0b0f12 62%);border-radius:50%;position:absolute;top:50%;right:17%;transform:translateY(-50%)}.dhpv-btn[data-astro-cid-2sqlbtzx]{z-index:1;width:calc(var(--dhpv-w) * .012);border-radius:calc(var(--dhpv-w) * .006);background:linear-gradient(#4d5358 0%,#23282c 100%);position:absolute}.dhpv-btn[data-astro-cid-2sqlbtzx].is-action{left:calc(var(--dhpv-w) * -.007);height:4%;top:14%}.dhpv-btn[data-astro-cid-2sqlbtzx].is-volup{left:calc(var(--dhpv-w) * -.008);height:6.5%;top:20.5%}.dhpv-btn[data-astro-cid-2sqlbtzx].is-voldown{left:calc(var(--dhpv-w) * -.008);height:6.5%;top:29%}.dhpv-btn[data-astro-cid-2sqlbtzx].is-power{right:calc(var(--dhpv-w) * -.008);height:9.5%;top:22%}.dhpv-pause[data-astro-cid-2sqlbtzx]{z-index:4;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}@media (width>=768px) and (width<=1099px){.dhpv[data-astro-cid-2sqlbtzx].is-clear-back .dhpv-stage[data-astro-cid-2sqlbtzx]{--dhpv-t-back:translate(-20%, -4%) translate3d(var(--dhpv-shift-back-x,0px), var(--dhpv-shift-back,0px), 0) rotate(-6deg) scale(.93)}}@media (width<=767px){.dhpv[data-astro-cid-2sqlbtzx]{--dhpv-w:min(56vw, 15rem);padding-block:3rem 5rem}.dhpv[data-astro-cid-2sqlbtzx].is-clear-back .dhpv-stage[data-astro-cid-2sqlbtzx]{--dhpv-t-back:translate(-24%, -3%) translate3d(0, var(--dhpv-shift-back,0px), 0) rotate(-5deg) scale(.95)}.dhpv-stage[data-astro-cid-2sqlbtzx]{--dhpv-t-back:translate(-21%, -4%) translate3d(0, var(--dhpv-shift-back,0px), 0) rotate(-4deg) scale(.94)}}