.pg-iphone{display:inline-block;--phone-width:390;--u:calc(var(--phone-width) / 390 * 1px);width:calc(var(--phone-width) * 1px);filter:drop-shadow(0 calc(24 * var(--u)) calc(34 * var(--u)) rgba(15,23,42,.22)) drop-shadow(0 calc(9 * var(--u)) calc(16 * var(--u)) rgba(15,23,42,.22));--screen-bg:#ffffff;--sb-fg:#000000;--sb-outline:rgba(0,0,0,.38);--sb-nub:rgba(0,0,0,.42);--indicator:rgba(0,0,0,.85);--island-ring:transparent}.pg-iphone.pg-theme-dark{--screen-bg:#000000;--sb-fg:#ffffff;--sb-outline:rgba(255,255,255,.40);--sb-nub:rgba(255,255,255,.45);--indicator:rgba(255,255,255,.85);--island-ring:rgba(255,255,255,.07)}@media (prefers-color-scheme:dark){.pg-iphone.pg-theme-auto{--screen-bg:#000000;--sb-fg:#ffffff;--sb-outline:rgba(255,255,255,.40);--sb-nub:rgba(255,255,255,.45);--indicator:rgba(255,255,255,.85);--island-ring:rgba(255,255,255,.07)}}.pg-iphone.pg-size-xs{--phone-width:140}.pg-iphone.pg-size-sm{--phone-width:160}.pg-iphone.pg-size-md{--phone-width:180}.pg-iphone.pg-size-lg{--phone-width:200}.pg-iphone.pg-size-xl{--phone-width:220}.pg-iphone.pg-size-hero{--phone-width:210}@media (min-width:640px){.pg-iphone.pg-size-xs{--phone-width:160}.pg-iphone.pg-size-sm{--phone-width:180}.pg-iphone.pg-size-md{--phone-width:200}.pg-iphone.pg-size-lg{--phone-width:220}.pg-iphone.pg-size-xl{--phone-width:260}.pg-iphone.pg-size-hero{--phone-width:200}}@media (min-width:1024px){.pg-iphone.pg-size-lg{--phone-width:260}.pg-iphone.pg-size-xl{--phone-width:300}.pg-iphone.pg-size-hero{--phone-width:260}}.pg-iphone,.pg-iphone *,.pg-iphone :after,.pg-iphone :before{box-sizing:border-box;margin:0;padding:0}.pg-iphone .pg-frame{position:relative;border-radius:calc(67 * var(--u));padding:calc(3.6 * var(--u));background:linear-gradient(135deg,#6a6c72,#34353b 10%,#1c1d21 48%,#2b2c31 85%,#606268);box-shadow:inset 0 0 0 calc(1.1 * var(--u)) rgba(255,255,255,.14)}.pg-iphone .pg-bezel{border-radius:calc(63.4 * var(--u));padding:calc(8.4 * var(--u));background:#060607}.pg-iphone .pg-screen{position:relative;border-radius:calc(55 * var(--u));overflow:hidden;background:var(--screen-bg);display:flex;flex-direction:column;transition:background .25s ease}.pg-iphone .pg-top-safe{position:relative;height:calc(58 * var(--u));flex:none}.pg-iphone .pg-status-bar{position:absolute;inset:0;display:block;width:100%;height:100%}.pg-iphone .pg-battery-fill,.pg-iphone .pg-sb-bar,.pg-iphone .pg-sb-dot,.pg-iphone .pg-sb-text{fill:var(--sb-fg)}.pg-iphone .pg-sb-wifi{stroke:var(--sb-fg)}.pg-iphone .pg-battery-outline{stroke:var(--sb-outline)}.pg-iphone .pg-battery-nub{fill:var(--sb-nub)}.pg-iphone .pg-island{position:absolute;top:calc(13.5 * var(--u));left:50%;transform:translateX(-50%);width:calc(95 * var(--u));height:calc(27 * var(--u));border-radius:calc(18.5 * var(--u));background:#000;box-shadow:inset 0 0 0 calc(1 * var(--u)) var(--island-ring)}.pg-iphone .pg-island:after{content:"";position:absolute;top:50%;right:calc(13 * var(--u));width:calc(11 * var(--u));height:calc(11 * var(--u));transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 36% 36%,rgba(110,125,175,.45) 0,rgba(110,125,175,0) 22%),radial-gradient(circle,#05060a 0 46%,#101116 47% 100%)}.pg-iphone .pg-screen-img{display:block;width:100%;aspect-ratio:9/17;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;flex:none}.pg-iphone .pg-bottom-safe{position:relative;height:calc(23 * var(--u));flex:none}.pg-iphone .pg-home-indicator{position:absolute;bottom:calc(7 * var(--u));left:50%;transform:translateX(-50%);width:calc(134 * var(--u));height:calc(5 * var(--u));border-radius:calc(2.5 * var(--u));background:var(--indicator)}.pg-iphone .pg-btn{position:absolute;width:calc(3 * var(--u));border-radius:calc(2 * var(--u));background:linear-gradient(180deg,#46474c,#222226 12%,#121215 50%,#222226 88%,#404145);box-shadow:inset 0 0 0 calc(.6 * var(--u)) rgba(255,255,255,.08);z-index:-1}.pg-iphone .pg-btn.pg-left{left:calc(-3 * var(--u))}.pg-iphone .pg-btn.pg-right{right:calc(-3 * var(--u))}.pg-iphone .pg-btn.pg-action{top:calc(172 * var(--u));height:calc(26 * var(--u))}.pg-iphone .pg-btn.pg-vol-up{top:calc(220 * var(--u));height:calc(56 * var(--u))}.pg-iphone .pg-btn.pg-vol-down{top:calc(290 * var(--u));height:calc(56 * var(--u))}.pg-iphone .pg-btn.pg-power{top:calc(248 * var(--u));height:calc(92 * var(--u))}.pg-laptop{display:inline-block;--laptop-width:820;--u:calc(var(--laptop-width) / 1000 * 1px);width:calc(var(--laptop-width) * 1px);filter:drop-shadow(0 calc(26 * var(--u)) calc(36 * var(--u)) rgba(10,14,22,.3)) drop-shadow(0 calc(8 * var(--u)) calc(14 * var(--u)) rgba(10,14,22,.22));--screen-bg:#0b0c0e;--ph-fg:#6f7681}.pg-laptop,.pg-laptop *{box-sizing:border-box}.pg-laptop.pg-laptop-sm{--laptop-width:280}.pg-laptop.pg-laptop-md{--laptop-width:320}.pg-laptop.pg-laptop-lg{--laptop-width:400}@media (min-width:640px){.pg-laptop.pg-laptop-sm{--laptop-width:340}.pg-laptop.pg-laptop-md{--laptop-width:420}.pg-laptop.pg-laptop-lg{--laptop-width:550}}@media (min-width:1024px){.pg-laptop.pg-laptop-lg{--laptop-width:700}}.pg-laptop .pg-laptop-lid{position:relative;width:calc(872 * var(--u));margin:0 auto;border-radius:calc(22 * var(--u)) calc(22 * var(--u)) 0 0;padding:calc(15 * var(--u));padding-top:calc(17 * var(--u));padding-bottom:calc(20 * var(--u));background:linear-gradient(180deg,#36373c,#1c1d21 6%,#121316 55%,#1a1b1f);box-shadow:inset 0 0 0 calc(1.2 * var(--u)) rgba(255,255,255,.1),inset 0 calc(-2 * var(--u)) calc(4 * var(--u)) rgba(0,0,0,.5)}.pg-laptop .pg-laptop-lid:before{content:"";position:absolute;top:calc(7 * var(--u));left:50%;transform:translateX(-50%);width:calc(6 * var(--u));height:calc(6 * var(--u));border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(120,140,185,.6) 0,rgba(120,140,185,0) 30%),radial-gradient(circle,#060a12 0 55%,#1b1d22 56% 100%)}.pg-laptop .pg-laptop-screen{position:relative;border-radius:calc(6 * var(--u));overflow:hidden;background:var(--screen-bg);min-height:calc(300 * var(--u));box-shadow:inset 0 0 0 calc(1 * var(--u)) rgba(0,0,0,.6)}.pg-laptop .pg-laptop-img{display:block;width:100%;height:auto}.pg-laptop.pg-img-loaded .pg-laptop-screen{min-height:0}.pg-laptop .pg-laptop-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.05),rgba(255,255,255,.015) 30%,rgba(255,255,255,0) 48%)}.pg-laptop .pg-laptop-base{display:block;width:100%;height:calc(26 * var(--u))}.pg-tv{display:inline-block;--tv-width:760;--u:calc(var(--tv-width) / 1000 * 1px);width:calc(var(--tv-width) * 1px);filter:drop-shadow(0 calc(26 * var(--u)) calc(36 * var(--u)) rgba(15,23,42,.22)) drop-shadow(0 calc(8 * var(--u)) calc(14 * var(--u)) rgba(15,23,42,.18));--screen-bg:#0b0c0e;--ph-fg:#6f7681}.pg-tv,.pg-tv *{box-sizing:border-box}.pg-tv.pg-tv-sm{--tv-width:200}.pg-tv.pg-tv-md{--tv-width:240}.pg-tv.pg-tv-lg{--tv-width:300}@media (min-width:640px){.pg-tv.pg-tv-sm{--tv-width:240}.pg-tv.pg-tv-md{--tv-width:300}.pg-tv.pg-tv-lg{--tv-width:400}}@media (min-width:1024px){.pg-tv.pg-tv-lg{--tv-width:500}}.pg-tv .pg-tv-frame{position:relative;border-radius:calc(7 * var(--u));padding:calc(9 * var(--u));padding-bottom:calc(14 * var(--u));background:linear-gradient(180deg,#2c2d31,#1a1b1e 8%,#141518 70%,#232428);box-shadow:inset 0 0 0 calc(1 * var(--u)) rgba(255,255,255,.1),inset 0 calc(-2 * var(--u)) calc(3 * var(--u)) rgba(0,0,0,.45)}.pg-tv .pg-tv-frame:after{content:"";position:absolute;left:50%;bottom:calc(5 * var(--u));width:calc(8 * var(--u));height:calc(3 * var(--u));transform:translateX(-50%);border-radius:calc(2 * var(--u));background:rgba(255,255,255,.18);box-shadow:0 0 calc(4 * var(--u)) rgba(160,200,255,.25)}.pg-tv .pg-tv-screen{position:relative;border-radius:calc(2.5 * var(--u));overflow:hidden;background:var(--screen-bg);box-shadow:inset 0 0 0 calc(1 * var(--u)) rgba(0,0,0,.6)}.pg-tv .pg-tv-img{display:block;width:100%;height:auto}.pg-tv.pg-img-loaded .pg-tv-screen{min-height:0}.pg-tv .pg-tv-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.06),rgba(255,255,255,.02) 28%,rgba(255,255,255,0) 45%)}.pg-tv .pg-tv-stand{display:block;width:calc(560 * var(--u));height:calc(64 * var(--u));margin:0 auto;margin-top:calc(-1 * var(--u))}.pg-tv.pg-tv-nostand .pg-tv-stand{display:none}