.dv{--dv-ink:#141414;--dv-rim:#2b2b2b;container-type:inline-size}.dv,.dv__frame{display:block;position:relative}.dv__frame{transition:transform .6s cubic-bezier(.4,0,.2,1)}.dv__body{background:#fff;box-shadow:0 1px 2px rgba(20,20,20,.08),0 12px 24px -8px rgba(20,20,20,.18),0 40px 80px -24px rgba(20,20,20,.28)}.dv__body,.dv__screen{display:block;position:relative;overflow:hidden}.dv__img{display:block;width:100%;height:auto}.dv--phone .dv__body{padding:2.6cqw;border-radius:14cqw;background:var(--dv-ink);box-shadow:inset 0 0 0 .5cqw var(--dv-rim),inset 0 0 0 .8cqw #000,0 1px 2px rgba(20,20,20,.1),0 16px 32px -10px rgba(20,20,20,.28),0 50px 90px -30px rgba(20,20,20,.32)}.dv--phone .dv__screen{border-radius:11.6cqw;background:#fff}.dv--phone .dv__screen:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.14),rgba(255,255,255,0) 38%);mix-blend-mode:screen}.dv__island{position:absolute;left:50%;top:2.4cqw;width:29cqw;height:8.4cqw;transform:translateX(-50%);border-radius:99px;background:#000}.dv--phone .dv__frame:after,.dv--phone .dv__frame:before{content:"";position:absolute;width:1cqw;border-radius:1cqw;background:linear-gradient(90deg,#1c1c1c,#3a3a3a)}.dv--phone .dv__frame:before{left:-.7cqw;top:22%;height:10%;box-shadow:0 14cqw 0 #2a2a2a}.dv--phone .dv__frame:after{right:-.7cqw;top:28%;height:16%}.dv--tablet .dv__body{padding:3cqw;border-radius:5.5cqw;background:var(--dv-ink);box-shadow:inset 0 0 0 .35cqw var(--dv-rim),0 16px 32px -10px rgba(20,20,20,.25),0 50px 90px -30px rgba(20,20,20,.3)}.dv--tablet .dv__screen{border-radius:2.6cqw}.dv--browser .dv__body{border-radius:1.4cqw;border:1px solid rgba(20,20,20,.08)}.dv__bar{display:flex;align-items:center;gap:2cqw;height:clamp(22px,3.4cqw,44px);padding:0 1.6cqw;background:#f3f3f3;border-bottom:1px solid #e8e8e8}.dv__dots{display:flex;gap:max(5px,.8cqw)}.dv__dots i{display:block;width:clamp(8px,1.05cqw,13px);aspect-ratio:1;border-radius:50%}.dv__dots i:first-child{background:#ff5f57}.dv__dots i:nth-child(2){background:#febc2e}.dv__dots i:nth-child(3){background:#28c840}.dv__url{flex:0 1 40%;margin:0 auto;padding:.35cqw 1.6cqw;border-radius:99px;background:#fff;color:#727272;font-size:clamp(9px,1.15cqw,14px);line-height:1.5;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateX(-3cqw)}.dv--raw .dv__body{border-radius:3cqw;background:none}.dv--tilt-left .dv__frame{transform:perspective(1800px) rotateY(16deg) rotateX(4deg) rotate(-2deg)}.dv--tilt-right .dv__frame{transform:perspective(1800px) rotateY(-16deg) rotateX(4deg) rotate(2deg)}.dv--tilt-float .dv__frame{transform:perspective(1800px) rotateX(10deg) rotate(-4deg)}@media (hover:hover){a:hover .dv--tilt-float .dv__frame,a:hover .dv--tilt-left .dv__frame,a:hover .dv--tilt-right .dv__frame{transform:perspective(1800px) rotateY(0) rotateX(0) rotate(0)}}@media (prefers-reduced-motion:reduce){.dv__frame{transition:none}}