@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_98a46f10-module__07vqTq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_98a46f10-module__07vqTq__variable{--inter:"Inter","Inter Fallback"}
.device,.device:before,.device:after,.device *,.device :before,.device :after{box-sizing:border-box;display:block}.device{z-index:1;position:relative;transform:scale(1)}.device .device-frame{z-index:1}.device .device-screen{object-fit:cover;background-color:#000;background-position:50%;background-size:cover;position:relative}.device-iphone-14-pro{--device-width:428;height:calc(868*1cqi/var(--device-width)*100);width:100cqi}.device-iphone-14-pro .device-frame{border:calc(1*1cqi/var(--device-width)*100)solid #1b1721;border-radius:calc(68*1cqi/var(--device-width)*100);box-shadow:inset 0 0 calc(4*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)#c0b7cd,inset 0 0 0 calc(6*1cqi/var(--device-width)*100)#342c3f;height:calc(868*1cqi/var(--device-width)*100);padding:calc(19*1cqi/var(--device-width)*100);width:calc(428*1cqi/var(--device-width)*100);background:#010101}.device-iphone-14-pro .device-screen{border-radius:calc(49*1cqi/var(--device-width)*100);height:calc(830*1cqi/var(--device-width)*100);width:calc(390*1cqi/var(--device-width)*100)}.device-iphone-14-pro .device-stripe:after,.device-iphone-14-pro .device-stripe:before{border:solid #01010140;border-width:0 calc(7*1cqi/var(--device-width)*100);content:"";height:calc(7*1cqi/var(--device-width)*100);z-index:9;width:100%;position:absolute;left:0}.device-iphone-14-pro .device-stripe:after{top:calc(85*1cqi/var(--device-width)*100)}.device-iphone-14-pro .device-stripe:before{bottom:calc(85*1cqi/var(--device-width)*100)}.device-iphone-14-pro .device-header{border-radius:calc(20*1cqi/var(--device-width)*100);height:calc(35*1cqi/var(--device-width)*100);margin-left:calc(-60*1cqi/var(--device-width)*100);left:50%;top:calc(29*1cqi/var(--device-width)*100);width:calc(120*1cqi/var(--device-width)*100);background:#010101;position:absolute}.device-iphone-14-pro .device-sensors:after,.device-iphone-14-pro .device-sensors:before{content:"";position:absolute}.device-iphone-14-pro .device-sensors:after{border-radius:calc(17*1cqi/var(--device-width)*100);height:calc(33*1cqi/var(--device-width)*100);margin-left:calc(-60*1cqi/var(--device-width)*100);left:50%;top:calc(30*1cqi/var(--device-width)*100);width:calc(74*1cqi/var(--device-width)*100);background:#010101}.device-iphone-14-pro .device-sensors:before{box-shadow:0 0 calc(1*1cqi/var(--device-width)*100)calc(1*1cqi/var(--device-width)*100)#ffffff0d;height:calc(9*1cqi/var(--device-width)*100);margin-left:calc(36*1cqi/var(--device-width)*100);left:50%;top:calc(42*1cqi/var(--device-width)*100);width:calc(9*1cqi/var(--device-width)*100);background:radial-gradient(at 20% 20%,#6074bf 0,#0000 40%),radial-gradient(at 80% 80%,#513785 0,#24555e 20%,#0000 50%);border-radius:50%}.device-iphone-14-pro .device-btns{border-radius:calc(2*1cqi/var(--device-width)*100);height:calc(32*1cqi/var(--device-width)*100);left:calc(-2*1cqi/var(--device-width)*100);top:calc(115*1cqi/var(--device-width)*100);width:calc(3*1cqi/var(--device-width)*100);background:#1b1721;position:absolute}.device-iphone-14-pro .device-btns:after,.device-iphone-14-pro .device-btns:before{border-radius:calc(2*1cqi/var(--device-width)*100);content:"";height:calc(62*1cqi/var(--device-width)*100);width:calc(3*1cqi/var(--device-width)*100);background:#1b1721;position:absolute;left:0}.device-iphone-14-pro .device-btns:after{top:calc(60*1cqi/var(--device-width)*100)}.device-iphone-14-pro .device-btns:before{top:calc(140*1cqi/var(--device-width)*100)}.device-iphone-14-pro .device-power{border-radius:calc(2*1cqi/var(--device-width)*100);height:calc(100*1cqi/var(--device-width)*100);right:calc(-2*1cqi/var(--device-width)*100);top:calc(200*1cqi/var(--device-width)*100);width:calc(3*1cqi/var(--device-width)*100);background:#1b1721;position:absolute}.device-iphone-14-pro .device-home:after,.device-iphone-14-pro .device-home:before{border:solid #01010140;border-width:calc(6*1cqi/var(--device-width)*100)0;content:"";height:calc(6*1cqi/var(--device-width)*100);width:calc(6*1cqi/var(--device-width)*100);z-index:9;position:absolute}.device-iphone-14-pro .device-home:after{right:calc(86*1cqi/var(--device-width)*100);top:0}.device-iphone-14-pro .device-home:before{bottom:0;left:calc(86*1cqi/var(--device-width)*100)}.device-iphone-14-pro.device-silver .device-frame{box-shadow:inset 0 0 calc(4*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)white,inset 0 0 0 calc(6*1cqi/var(--device-width)*100)#e2e3e4;border-color:#c8cacb}.device-iphone-14-pro.device-silver .device-btns,.device-iphone-14-pro.device-silver .device-btns:after,.device-iphone-14-pro.device-silver .device-btns:before,.device-iphone-14-pro.device-silver .device-power{background:#c8cacb}.device-iphone-14-pro.device-black .device-frame{box-shadow:inset 0 0 calc(4*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)white,inset 0 0 0 calc(6*1cqi/var(--device-width)*100)#76726f;border-color:#5c5956}.device-iphone-14-pro.device-black .device-btns,.device-iphone-14-pro.device-black .device-btns:after,.device-iphone-14-pro.device-black .device-btns:before,.device-iphone-14-pro.device-black .device-power{background:#5c5956}.device-iphone-14-pro.device-gold .device-frame{box-shadow:inset 0 0 calc(4*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)white,inset 0 0 0 calc(6*1cqi/var(--device-width)*100)#d2ab4c;border-color:#e7d19e}.device-iphone-14-pro.device-gold .device-btns,.device-iphone-14-pro.device-gold .device-btns:after,.device-iphone-14-pro.device-gold .device-btns:before,.device-iphone-14-pro.device-gold .device-power{background:#e7d19e}.device-iphone-14{--device-width:428;height:calc(868*1cqi/var(--device-width)*100);width:100cqi}.device-iphone-14 .device-frame{border:calc(1*1cqi/var(--device-width)*100)solid #101315;border-radius:calc(68*1cqi/var(--device-width)*100);box-shadow:inset 0 0 calc(4*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)#b0b8c0,inset 0 0 0 calc(6*1cqi/var(--device-width)*100)#272c31;height:calc(868*1cqi/var(--device-width)*100);padding:calc(19*1cqi/var(--device-width)*100);width:calc(428*1cqi/var(--device-width)*100);background:#010101}.device-iphone-14 .device-screen{border-radius:calc(49*1cqi/var(--device-width)*100);height:calc(830*1cqi/var(--device-width)*100);width:calc(390*1cqi/var(--device-width)*100)}.device-iphone-14 .device-stripe:after,.device-iphone-14 .device-stripe:before{border:solid #01010140;border-width:0 calc(7*1cqi/var(--device-width)*100);content:"";height:calc(7*1cqi/var(--device-width)*100);z-index:9;width:100%;position:absolute;left:0}.device-iphone-14 .device-stripe:after{top:calc(85*1cqi/var(--device-width)*100)}.device-iphone-14 .device-stripe:before{bottom:calc(85*1cqi/var(--device-width)*100)}.device-iphone-14 .device-header{border-bottom-left-radius:calc(20*1cqi/var(--device-width)*100);border-bottom-right-radius:calc(20*1cqi/var(--device-width)*100);height:calc(30*1cqi/var(--device-width)*100);margin-left:calc(-80*1cqi/var(--device-width)*100);left:50%;top:calc(20*1cqi/var(--device-width)*100);width:calc(160*1cqi/var(--device-width)*100);background:#010101;position:absolute}.device-iphone-14 .device-header:after,.device-iphone-14 .device-header:before{content:"";height:calc(10*1cqi/var(--device-width)*100);width:calc(10*1cqi/var(--device-width)*100);position:absolute;top:0}.device-iphone-14 .device-header:after{left:calc(-10*1cqi/var(--device-width)*100);background:radial-gradient(circle at 0 100%,#0000 0 75%,#010101 75% 100%)}.device-iphone-14 .device-header:before{right:calc(-10*1cqi/var(--device-width)*100);background:radial-gradient(circle at 100% 100%,#0000 0 75%,#010101 75% 100%)}.device-iphone-14 .device-sensors:after,.device-iphone-14 .device-sensors:before{content:"";position:absolute}.device-iphone-14 .device-sensors:after{border:calc(1*1cqi/var(--device-width)*100)solid #010101;border-radius:calc(4*1cqi/var(--device-width)*100);box-shadow:0 0 calc(4*1cqi/var(--device-width)*100)#151515;height:calc(7*1cqi/var(--device-width)*100);margin-left:calc(-35*1cqi/var(--device-width)*100);left:50%;top:calc(8*1cqi/var(--device-width)*100);width:calc(70*1cqi/var(--device-width)*100);background:#151515}.device-iphone-14 .device-sensors:before{box-shadow:0 0 calc(1*1cqi/var(--device-width)*100)calc(1*1cqi/var(--device-width)*100)#ffffff0d;height:calc(9*1cqi/var(--device-width)*100);margin-left:calc(-60*1cqi/var(--device-width)*100);left:50%;top:calc(26*1cqi/var(--device-width)*100);width:calc(9*1cqi/var(--device-width)*100);background:radial-gradient(at 20% 20%,#6074bf 0,#0000 40%),radial-gradient(at 80% 80%,#513785 0,#24555e 20%,#0000 50%);border-radius:50%}.device-iphone-14 .device-btns{border-radius:calc(2*1cqi/var(--device-width)*100);height:calc(32*1cqi/var(--device-width)*100);left:calc(-2*1cqi/var(--device-width)*100);top:calc(115*1cqi/var(--device-width)*100);width:calc(3*1cqi/var(--device-width)*100);background:#101315;position:absolute}.device-iphone-14 .device-btns:after,.device-iphone-14 .device-btns:before{border-radius:calc(2*1cqi/var(--device-width)*100);content:"";height:calc(62*1cqi/var(--device-width)*100);width:calc(3*1cqi/var(--device-width)*100);background:#101315;position:absolute;left:0}.device-iphone-14 .device-btns:after{top:calc(60*1cqi/var(--device-width)*100)}.device-iphone-14 .device-btns:before{top:calc(140*1cqi/var(--device-width)*100)}.device-iphone-14 .device-power{border-radius:calc(2*1cqi/var(--device-width)*100);height:calc(100*1cqi/var(--device-width)*100);right:calc(-2*1cqi/var(--device-width)*100);top:calc(200*1cqi/var(--device-width)*100);width:calc(3*1cqi/var(--device-width)*100);background:#101315;position:absolute}.device-iphone-14 .device-home:after,.device-iphone-14 .device-home:before{border:solid #01010140;border-width:calc(6*1cqi/var(--device-width)*100)0;content:"";height:calc(6*1cqi/var(--device-width)*100);width:calc(6*1cqi/var(--device-width)*100);z-index:9;position:absolute}.device-iphone-14 .device-home:after{right:calc(86*1cqi/var(--device-width)*100);top:0}.device-iphone-14 .device-home:before{bottom:0;left:calc(86*1cqi/var(--device-width)*100)}.device-iphone-14.device-purple .device-frame{box-shadow:inset 0 0 calc(4*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)white,inset 0 0 0 calc(6*1cqi/var(--device-width)*100)#c8bad3;border-color:#af9bbf}.device-iphone-14.device-purple .device-btns,.device-iphone-14.device-purple .device-btns:after,.device-iphone-14.device-purple .device-btns:before,.device-iphone-14.device-purple .device-power{background:#af9bbf}.device-iphone-14.device-starlight .device-frame{box-shadow:inset 0 0 calc(4*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)white,inset 0 0 0 calc(6*1cqi/var(--device-width)*100)#d3cdc7;border-color:#bdb4aa}.device-iphone-14.device-starlight .device-btns,.device-iphone-14.device-starlight .device-btns:after,.device-iphone-14.device-starlight .device-btns:before,.device-iphone-14.device-starlight .device-power{background:#bdb4aa}.device-iphone-14.device-red .device-frame{box-shadow:inset 0 0 calc(4*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)white,inset 0 0 0 calc(6*1cqi/var(--device-width)*100)#ec302b;border-color:#d11813}.device-iphone-14.device-red .device-btns,.device-iphone-14.device-red .device-btns:after,.device-iphone-14.device-red .device-btns:before,.device-iphone-14.device-red .device-power{background:#d11813}.device-iphone-14.device-blue .device-frame{box-shadow:inset 0 0 calc(4*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)white,inset 0 0 0 calc(6*1cqi/var(--device-width)*100)#98abbe;border-color:#7992aa}.device-iphone-14.device-blue .device-btns,.device-iphone-14.device-blue .device-btns:after,.device-iphone-14.device-blue .device-btns:before,.device-iphone-14.device-blue .device-power{background:#7992aa}.device-iphone-x{--device-width:428;height:calc(868*1cqi/var(--device-width)*100);width:100cqi}.device-iphone-x .device-frame{border-radius:calc(68*1cqi/var(--device-width)*100);box-shadow:inset 0 0 calc(2*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)#c8cacb,inset 0 0 0 calc(7*1cqi/var(--device-width)*100)#e2e3e4;height:calc(868*1cqi/var(--device-width)*100);padding:calc(28*1cqi/var(--device-width)*100);width:calc(428*1cqi/var(--device-width)*100);background:#222}.device-iphone-x .device-screen{border-radius:calc(40*1cqi/var(--device-width)*100);height:calc(812*1cqi/var(--device-width)*100);width:calc(375*1cqi/var(--device-width)*100)}.device-iphone-x .device-stripe:after,.device-iphone-x .device-stripe:before{border:solid #01010140;border-width:0 calc(7*1cqi/var(--device-width)*100);content:"";height:calc(7*1cqi/var(--device-width)*100);z-index:9;width:100%;position:absolute;left:0}.device-iphone-x .device-stripe:after{top:calc(85*1cqi/var(--device-width)*100)}.device-iphone-x .device-stripe:before{bottom:calc(85*1cqi/var(--device-width)*100)}.device-iphone-x .device-header{border-bottom-left-radius:calc(20*1cqi/var(--device-width)*100);border-bottom-right-radius:calc(20*1cqi/var(--device-width)*100);height:calc(30*1cqi/var(--device-width)*100);margin-left:calc(-102*1cqi/var(--device-width)*100);left:50%;top:calc(28*1cqi/var(--device-width)*100);width:calc(204*1cqi/var(--device-width)*100);background:#222;position:absolute}.device-iphone-x .device-header:after,.device-iphone-x .device-header:before{content:"";height:calc(10*1cqi/var(--device-width)*100);width:calc(10*1cqi/var(--device-width)*100);position:absolute;top:0}.device-iphone-x .device-header:after{left:calc(-10*1cqi/var(--device-width)*100);background:radial-gradient(circle at 0 100%,#0000 0 75%,#222 75% 100%)}.device-iphone-x .device-header:before{right:calc(-10*1cqi/var(--device-width)*100);background:radial-gradient(circle at 100% 100%,#0000 0 75%,#222 75% 100%)}.device-iphone-x .device-sensors:after,.device-iphone-x .device-sensors:before{content:"";position:absolute}.device-iphone-x .device-sensors:after{border-radius:calc(3*1cqi/var(--device-width)*100);height:calc(6*1cqi/var(--device-width)*100);margin-left:calc(-25*1cqi/var(--device-width)*100);left:50%;top:calc(32*1cqi/var(--device-width)*100);width:calc(50*1cqi/var(--device-width)*100);background:#333}.device-iphone-x .device-sensors:before{box-shadow:0 0 calc(1*1cqi/var(--device-width)*100)calc(1*1cqi/var(--device-width)*100)#ffffff0d;height:calc(10*1cqi/var(--device-width)*100);margin-left:calc(42*1cqi/var(--device-width)*100);left:50%;top:calc(30*1cqi/var(--device-width)*100);width:calc(10*1cqi/var(--device-width)*100);background:radial-gradient(at 20% 20%,#6074bf 0,#0000 40%),radial-gradient(at 80% 80%,#513785 0,#24555e 20%,#0000 50%);border-radius:50%}.device-iphone-x .device-btns{height:calc(32*1cqi/var(--device-width)*100);left:calc(-3*1cqi/var(--device-width)*100);top:calc(115*1cqi/var(--device-width)*100);width:calc(3*1cqi/var(--device-width)*100);background:#c8cacb;position:absolute}.device-iphone-x .device-btns:after,.device-iphone-x .device-btns:before{content:"";height:calc(62*1cqi/var(--device-width)*100);width:calc(3*1cqi/var(--device-width)*100);background:#c8cacb;position:absolute;left:0}.device-iphone-x .device-btns:after{top:calc(60*1cqi/var(--device-width)*100)}.device-iphone-x .device-btns:before{top:calc(140*1cqi/var(--device-width)*100)}.device-iphone-x .device-power{height:calc(100*1cqi/var(--device-width)*100);right:calc(-3*1cqi/var(--device-width)*100);top:calc(200*1cqi/var(--device-width)*100);width:calc(3*1cqi/var(--device-width)*100);background:#c8cacb;position:absolute}.device-iphone-8{--device-width:419;height:calc(871*1cqi/var(--device-width)*100);width:100cqi}.device-iphone-8 .device-frame{border-radius:calc(68*1cqi/var(--device-width)*100);box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#c8cacb,inset 0 0 0 calc(7*1cqi/var(--device-width)*100)#e2e3e4;height:calc(871*1cqi/var(--device-width)*100);padding:calc(102*1cqi/var(--device-width)*100)calc(22*1cqi/var(--device-width)*100);width:calc(419*1cqi/var(--device-width)*100);background:#fff}.device-iphone-8 .device-screen{border:calc(2*1cqi/var(--device-width)*100)solid #222;border-radius:calc(4*1cqi/var(--device-width)*100);height:calc(667*1cqi/var(--device-width)*100);width:calc(375*1cqi/var(--device-width)*100)}.device-iphone-8 .device-stripe:after,.device-iphone-8 .device-stripe:before{border:solid #33333326;border-width:0 calc(7*1cqi/var(--device-width)*100);content:"";height:calc(6*1cqi/var(--device-width)*100);z-index:9;width:100%;position:absolute;left:0}.device-iphone-8 .device-stripe:after{top:calc(68*1cqi/var(--device-width)*100)}.device-iphone-8 .device-stripe:before{bottom:calc(68*1cqi/var(--device-width)*100)}.device-iphone-8 .device-home{border:calc(2*1cqi/var(--device-width)*100)solid #c8cacb;bottom:calc(25*1cqi/var(--device-width)*100);height:calc(58*1cqi/var(--device-width)*100);margin-left:calc(-29*1cqi/var(--device-width)*100);width:calc(58*1cqi/var(--device-width)*100);border-radius:50%;position:absolute;left:50%}.device-iphone-8 .device-sensors{border-radius:calc(3*1cqi/var(--device-width)*100);height:calc(6*1cqi/var(--device-width)*100);margin-left:calc(-38*1cqi/var(--device-width)*100);left:50%;top:calc(52*1cqi/var(--device-width)*100);width:calc(76*1cqi/var(--device-width)*100);background:#666;position:absolute}.device-iphone-8 .device-sensors:after,.device-iphone-8 .device-sensors:before{content:"";background:#666;border-radius:50%;position:absolute}.device-iphone-8 .device-sensors:after{height:calc(10*1cqi/var(--device-width)*100);margin-left:calc(-5*1cqi/var(--device-width)*100);left:50%;top:calc(-25*1cqi/var(--device-width)*100);width:calc(10*1cqi/var(--device-width)*100)}.device-iphone-8 .device-sensors:before{height:calc(12*1cqi/var(--device-width)*100);left:calc(-42*1cqi/var(--device-width)*100);margin-top:calc(-6*1cqi/var(--device-width)*100);width:calc(12*1cqi/var(--device-width)*100);top:50%}.device-iphone-8 .device-btns{height:calc(30*1cqi/var(--device-width)*100);left:calc(-3*1cqi/var(--device-width)*100);top:calc(102*1cqi/var(--device-width)*100);width:calc(3*1cqi/var(--device-width)*100);background:#c8cacb;position:absolute}.device-iphone-8 .device-btns:after,.device-iphone-8 .device-btns:before{content:"";height:calc(56*1cqi/var(--device-width)*100);width:calc(3*1cqi/var(--device-width)*100);background:#c8cacb;position:absolute;left:0}.device-iphone-8 .device-btns:after{top:calc(62*1cqi/var(--device-width)*100)}.device-iphone-8 .device-btns:before{top:calc(132*1cqi/var(--device-width)*100)}.device-iphone-8 .device-power{height:calc(80*1cqi/var(--device-width)*100);right:calc(-2*1cqi/var(--device-width)*100);top:calc(160*1cqi/var(--device-width)*100);width:calc(3*1cqi/var(--device-width)*100);background:#c8cacb;position:absolute}.device-iphone-8.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#e4b08a,inset 0 0 0 calc(7*1cqi/var(--device-width)*100)#f7e8dd}.device-iphone-8.device-gold .device-home{border-color:#e4b08a}.device-iphone-8.device-gold .device-btns,.device-iphone-8.device-gold .device-btns:after,.device-iphone-8.device-gold .device-btns:before,.device-iphone-8.device-gold .device-power{background:#e4b08a}.device-iphone-8.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#74747a,inset 0 0 0 calc(7*1cqi/var(--device-width)*100)#9b9ba0;background:#222}.device-iphone-8.device-spacegray .device-stripe:after,.device-iphone-8.device-spacegray .device-stripe:before{border-color:#cccccc59}.device-iphone-8.device-spacegray .device-btns,.device-iphone-8.device-spacegray .device-btns:after,.device-iphone-8.device-spacegray .device-btns:before{background:#74747a}.device-the-iphone{--device-width:320;height:calc(610*1cqi/var(--device-width)*100);width:100cqi}.device-the-iphone .device-frame{border:calc(1*1cqi/var(--device-width)*100)solid darkgray;border-radius:calc(56*1cqi/var(--device-width)*100);box-shadow:inset 0 0 calc(4*1cqi/var(--device-width)*100)calc(3*1cqi/var(--device-width)*100)#010101,inset 0 0 calc(2*1cqi/var(--device-width)*100)calc(13*1cqi/var(--device-width)*100)#f5f5f5;height:calc(610*1cqi/var(--device-width)*100);padding:calc(100*1cqi/var(--device-width)*100)calc(22*1cqi/var(--device-width)*100);width:calc(320*1cqi/var(--device-width)*100);background:#010101}.device-the-iphone .device-frame:before{border:calc(8*1cqi/var(--device-width)*100)solid #010101;border-left-width:calc(2*1cqi/var(--device-width)*100);border-radius:calc(48*1cqi/var(--device-width)*100);border-right-width:calc(2*1cqi/var(--device-width)*100);box-shadow:inset 0 0 calc(8*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)#010101;content:"";height:calc(594*1cqi/var(--device-width)*100);left:calc(2*1cqi/var(--device-width)*100);top:calc(9*1cqi/var(--device-width)*100);width:calc(316*1cqi/var(--device-width)*100);position:absolute}.device-the-iphone .device-frame:after{border:calc(4*1cqi/var(--device-width)*100)solid gainsboro;border-radius:calc(38*1cqi/var(--device-width)*100);content:"";height:calc(590*1cqi/var(--device-width)*100);left:calc(13*1cqi/var(--device-width)*100);top:calc(11*1cqi/var(--device-width)*100);width:calc(294*1cqi/var(--device-width)*100);position:absolute}.device-the-iphone .device-screen{border:calc(2*1cqi/var(--device-width)*100)solid #272727;border-radius:calc(4*1cqi/var(--device-width)*100);height:calc(410*1cqi/var(--device-width)*100);width:calc(276*1cqi/var(--device-width)*100)}.device-the-iphone .device-sensors:before{border-radius:calc(5*1cqi/var(--device-width)*100);content:"";height:calc(10*1cqi/var(--device-width)*100);margin-left:calc(-28*1cqi/var(--device-width)*100);left:50%;top:calc(52*1cqi/var(--device-width)*100);width:calc(56*1cqi/var(--device-width)*100);background:linear-gradient(#272727 50%,#dcdcdc40 50%,#a9a9a9);position:absolute}.device-the-iphone .device-sensors:after{border:calc(1*1cqi/var(--device-width)*100)solid #010101;border-radius:calc(3*1cqi/var(--device-width)*100);content:"";height:calc(6*1cqi/var(--device-width)*100);margin-left:calc(-26*1cqi/var(--device-width)*100);left:50%;top:calc(54*1cqi/var(--device-width)*100);width:calc(52*1cqi/var(--device-width)*100);background:#272727;position:absolute}.device-the-iphone .device-btns{border-radius:calc(2*1cqi/var(--device-width)*100)0 0 calc(2*1cqi/var(--device-width)*100);height:calc(30*1cqi/var(--device-width)*100);left:calc(-2*1cqi/var(--device-width)*100);top:calc(60*1cqi/var(--device-width)*100);width:calc(2*1cqi/var(--device-width)*100);background:#696969;position:absolute}.device-the-iphone .device-btns:after,.device-the-iphone .device-btns:before{content:"";height:calc(56*1cqi/var(--device-width)*100);width:calc(2*1cqi/var(--device-width)*100);background:#696969;position:absolute;left:0}.device-the-iphone .device-btns:after{border-radius:calc(2*1cqi/var(--device-width)*100)0 0 50%;top:calc(50*1cqi/var(--device-width)*100)}.device-the-iphone .device-btns:before{border-radius:50% 0 0 calc(2*1cqi/var(--device-width)*100);top:calc(131*1cqi/var(--device-width)*100)}.device-the-iphone .device-home{border:calc(1*1cqi/var(--device-width)*100)solid #292929;bottom:calc(28*1cqi/var(--device-width)*100);height:calc(56*1cqi/var(--device-width)*100);margin-left:calc(-28*1cqi/var(--device-width)*100);width:calc(56*1cqi/var(--device-width)*100);background:radial-gradient(circle at top,#010101 70%,#dcdcdc40 70%,#a9a9a9);border-radius:50%;position:absolute;left:50%}.device-the-iphone .device-home:before{border:calc(1*1cqi/var(--device-width)*100)solid gainsboro;border-radius:calc(4*1cqi/var(--device-width)*100);content:"";height:calc(20*1cqi/var(--device-width)*100);left:calc(17*1cqi/var(--device-width)*100);top:calc(17*1cqi/var(--device-width)*100);width:calc(20*1cqi/var(--device-width)*100);position:absolute}.device-the-iphone .device-power{border-radius:calc(2*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)0 0;height:calc(2*1cqi/var(--device-width)*100);right:calc(52*1cqi/var(--device-width)*100);top:calc(-2*1cqi/var(--device-width)*100);width:calc(52*1cqi/var(--device-width)*100);background:#696969;position:absolute}.device-google-pixel-6-pro{--device-width:404;height:calc(862*1cqi/var(--device-width)*100);width:100cqi}.device-google-pixel-6-pro .device-frame{border-radius:calc(28*1cqi/var(--device-width)*100);box-shadow:inset 0 0 calc(12*1cqi/var(--device-width)*100)#8d8d86,inset 0 calc(7*1cqi/var(--device-width)*100)0 calc(3*1cqi/var(--device-width)*100)#fdfdfc,inset 0 calc(-6*1cqi/var(--device-width)*100)0 calc(3*1cqi/var(--device-width)*100)#fdfdfc;height:calc(862*1cqi/var(--device-width)*100);margin:0 calc(2*1cqi/var(--device-width)*100);padding:calc(20*1cqi/var(--device-width)*100)calc(12*1cqi/var(--device-width)*100)calc(26*1cqi/var(--device-width)*100)calc(12*1cqi/var(--device-width)*100);width:calc(400*1cqi/var(--device-width)*100);background:#121212}.device-google-pixel-6-pro .device-screen{border-radius:calc(27*1cqi/var(--device-width)*100);height:calc(816*1cqi/var(--device-width)*100);width:calc(376*1cqi/var(--device-width)*100)}.device-google-pixel-6-pro .device-header{height:calc(10*1cqi/var(--device-width)*100);margin-left:calc(-147*1cqi/var(--device-width)*100);width:calc(294*1cqi/var(--device-width)*100);background:linear-gradient(#8d8d86 0,#cbcbc8 30% 100%);position:absolute;top:0;left:50%}.device-google-pixel-6-pro .device-stripe:after{border-radius:calc(50*1cqi/var(--device-width)*100)calc(50*1cqi/var(--device-width)*100)0 0;content:"";height:calc(2*1cqi/var(--device-width)*100);margin-left:calc(-22*1cqi/var(--device-width)*100);width:calc(44*1cqi/var(--device-width)*100);background:linear-gradient(#666661,#121212);position:absolute;bottom:0;left:50%}.device-google-pixel-6-pro .device-stripe:before{content:"";height:calc(9*1cqi/var(--device-width)*100);margin-left:calc(40*1cqi/var(--device-width)*100);width:calc(11*1cqi/var(--device-width)*100);background:#cbcbc8;position:absolute;bottom:0;left:50%}.device-google-pixel-6-pro .device-sensors{height:calc(22*1cqi/var(--device-width)*100);margin-left:calc(-11*1cqi/var(--device-width)*100);margin-top:calc(-11*1cqi/var(--device-width)*100);left:50%;top:calc(39*1cqi/var(--device-width)*100);width:calc(22*1cqi/var(--device-width)*100);background:#121212;border-radius:50%;position:absolute}.device-google-pixel-6-pro .device-sensors:after,.device-google-pixel-6-pro .device-sensors:before{content:"";position:absolute}.device-google-pixel-6-pro .device-sensors:after{border-radius:0 0 calc(50*1cqi/var(--device-width)*100)calc(50*1cqi/var(--device-width)*100);height:calc(4*1cqi/var(--device-width)*100);margin-left:calc(-103*1cqi/var(--device-width)*100);left:50%;top:calc(-18*1cqi/var(--device-width)*100);width:calc(206*1cqi/var(--device-width)*100);background:linear-gradient(#121212,#666661)}.device-google-pixel-6-pro .device-sensors:before{box-shadow:0 0 calc(1*1cqi/var(--device-width)*100)calc(1*1cqi/var(--device-width)*100)#ffffff0d;height:calc(8*1cqi/var(--device-width)*100);left:calc(7*1cqi/var(--device-width)*100);top:calc(7*1cqi/var(--device-width)*100);width:calc(8*1cqi/var(--device-width)*100);background:radial-gradient(at 20% 20%,#6074bf 0,#0000 40%),radial-gradient(at 80% 80%,#513785 0,#24555e 20%,#0000 50%);border-radius:50%}.device-google-pixel-6-pro .device-btns{height:calc(102*1cqi/var(--device-width)*100);right:0;top:calc(306*1cqi/var(--device-width)*100);width:calc(3*1cqi/var(--device-width)*100);background:#b2b2ae;position:absolute}.device-google-pixel-6-pro .device-power{height:calc(58*1cqi/var(--device-width)*100);right:0;top:calc(194*1cqi/var(--device-width)*100);width:calc(3*1cqi/var(--device-width)*100);background:#b2b2ae;position:absolute}.device-google-pixel-6-pro.device-gold .device-frame{box-shadow:inset 0 0 calc(12*1cqi/var(--device-width)*100)#ff962e,inset 0 calc(7*1cqi/var(--device-width)*100)0 calc(3*1cqi/var(--device-width)*100)white,inset 0 calc(-6*1cqi/var(--device-width)*100)0 calc(3*1cqi/var(--device-width)*100)white}.device-google-pixel-6-pro.device-gold .device-header{background:linear-gradient(#ff962e 0,#ffd6ad 30% 100%)}.device-google-pixel-6-pro.device-gold .device-stripe:after{background:linear-gradient(#e07000,#121212)}.device-google-pixel-6-pro.device-gold .device-stripe:before{background:#ffd6ad}.device-google-pixel-6-pro.device-gold .device-btns,.device-google-pixel-6-pro.device-gold .device-power{background:#ffbd7a}.device-google-pixel-6-pro.device-black .device-frame{box-shadow:inset 0 0 calc(12*1cqi/var(--device-width)*100)black,inset 0 calc(7*1cqi/var(--device-width)*100)0 calc(3*1cqi/var(--device-width)*100)#646668,inset 0 calc(-6*1cqi/var(--device-width)*100)0 calc(3*1cqi/var(--device-width)*100)#646668}.device-google-pixel-6-pro.device-black .device-header{background:linear-gradient(#000 0,#323334 30% 100%)}.device-google-pixel-6-pro.device-black .device-stripe:after{background:linear-gradient(#000,#121212)}.device-google-pixel-6-pro.device-black .device-stripe:before{background:#323334}.device-google-pixel-6-pro.device-black .device-btns,.device-google-pixel-6-pro.device-black .device-power{background:#191a1a}.device-google-pixel-2-xl{--device-width:404;height:calc(832*1cqi/var(--device-width)*100);width:100cqi}.device-google-pixel-2-xl .device-frame{border-radius:calc(36*1cqi/var(--device-width)*100);box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#cfcfcf,inset 0 0 0 calc(7*1cqi/var(--device-width)*100)#9c9c9c;height:calc(832*1cqi/var(--device-width)*100);padding:calc(56*1cqi/var(--device-width)*100)calc(22*1cqi/var(--device-width)*100);width:calc(404*1cqi/var(--device-width)*100);background:#121212}.device-google-pixel-2-xl .device-screen{border-radius:calc(27*1cqi/var(--device-width)*100);height:calc(720*1cqi/var(--device-width)*100);width:calc(360*1cqi/var(--device-width)*100)}.device-google-pixel-2-xl .device-header{height:calc(832*1cqi/var(--device-width)*100);margin-left:calc(-150*1cqi/var(--device-width)*100);width:calc(300*1cqi/var(--device-width)*100);position:absolute;top:0;left:50%}.device-google-pixel-2-xl .device-header:after,.device-google-pixel-2-xl .device-header:before{border-radius:calc(3*1cqi/var(--device-width)*100);content:"";height:calc(6*1cqi/var(--device-width)*100);margin-left:calc(-73*1cqi/var(--device-width)*100);margin-top:calc(-3*1cqi/var(--device-width)*100);width:calc(146*1cqi/var(--device-width)*100);background:#333;position:absolute;left:50%}.device-google-pixel-2-xl .device-header:after{top:calc(24*1cqi/var(--device-width)*100)}.device-google-pixel-2-xl .device-header:before{bottom:calc(28*1cqi/var(--device-width)*100)}.device-google-pixel-2-xl .device-sensors{border-radius:calc(7*1cqi/var(--device-width)*100);height:calc(14*1cqi/var(--device-width)*100);left:calc(54*1cqi/var(--device-width)*100);margin-top:calc(-7*1cqi/var(--device-width)*100);top:calc(36*1cqi/var(--device-width)*100);width:calc(14*1cqi/var(--device-width)*100);background:#333;position:absolute}.device-google-pixel-2-xl .device-btns{height:calc(102*1cqi/var(--device-width)*100);right:calc(-3*1cqi/var(--device-width)*100);top:calc(306*1cqi/var(--device-width)*100);width:calc(3*1cqi/var(--device-width)*100);background:#cfcfcf;position:absolute}.device-google-pixel-2-xl .device-power{height:calc(58*1cqi/var(--device-width)*100);right:calc(-3*1cqi/var(--device-width)*100);top:calc(194*1cqi/var(--device-width)*100);width:calc(3*1cqi/var(--device-width)*100);background:#cfcfcf;position:absolute}.device-google-pixel{--device-width:360;height:calc(744*1cqi/var(--device-width)*100);width:100cqi}.device-google-pixel .device-frame{border-radius:calc(54*1cqi/var(--device-width)*100);box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#c8cacb,inset 0 0 0 calc(6*1cqi/var(--device-width)*100)#e2e3e4,inset 0 0 0 calc(10*1cqi/var(--device-width)*100)white;height:calc(744*1cqi/var(--device-width)*100);padding:calc(82*1cqi/var(--device-width)*100)calc(18*1cqi/var(--device-width)*100)calc(86*1cqi/var(--device-width)*100)calc(18*1cqi/var(--device-width)*100);width:calc(360*1cqi/var(--device-width)*100);background:#f7f7f8}.device-google-pixel .device-screen{border:calc(2*1cqi/var(--device-width)*100)solid #222;border-radius:calc(2*1cqi/var(--device-width)*100);height:calc(576*1cqi/var(--device-width)*100);width:calc(324*1cqi/var(--device-width)*100)}.device-google-pixel .device-stripe{border-top:calc(6*1cqi/var(--device-width)*100)solid #33333326;bottom:0;left:calc(254*1cqi/var(--device-width)*100);width:calc(8*1cqi/var(--device-width)*100);position:absolute;top:0}.device-google-pixel .device-stripe:after,.device-google-pixel .device-stripe:before{border:solid #33333326;border-width:0 calc(6*1cqi/var(--device-width)*100);content:"";height:calc(10*1cqi/var(--device-width)*100);left:calc(-254*1cqi/var(--device-width)*100);width:calc(360*1cqi/var(--device-width)*100);z-index:9;position:absolute}.device-google-pixel .device-stripe:after{top:calc(60*1cqi/var(--device-width)*100)}.device-google-pixel .device-stripe:before{bottom:calc(46*1cqi/var(--device-width)*100)}.device-google-pixel .device-sensors{border-radius:calc(2.5*1cqi/var(--device-width)*100);height:calc(5*1cqi/var(--device-width)*100);margin-left:calc(-39*1cqi/var(--device-width)*100);margin-top:calc(-2.5*1cqi/var(--device-width)*100);left:50%;top:calc(41*1cqi/var(--device-width)*100);width:calc(78*1cqi/var(--device-width)*100);background:#ddd;position:absolute}.device-google-pixel .device-sensors:after,.device-google-pixel .device-sensors:before{border-radius:calc(6*1cqi/var(--device-width)*100);content:"";background:#333;position:absolute}.device-google-pixel .device-sensors:after{height:calc(12*1cqi/var(--device-width)*100);margin-left:calc(-14*1cqi/var(--device-width)*100);left:50%;top:calc(21.5*1cqi/var(--device-width)*100);width:calc(28*1cqi/var(--device-width)*100)}.device-google-pixel .device-sensors:before{height:calc(10*1cqi/var(--device-width)*100);left:calc(-81*1cqi/var(--device-width)*100);margin-top:calc(-5*1cqi/var(--device-width)*100);width:calc(10*1cqi/var(--device-width)*100);top:50%}.device-google-pixel .device-btns{height:calc(102*1cqi/var(--device-width)*100);right:calc(-2*1cqi/var(--device-width)*100);top:calc(298*1cqi/var(--device-width)*100);width:calc(3*1cqi/var(--device-width)*100);background:#c8cacb;position:absolute}.device-google-pixel .device-power{height:calc(50*1cqi/var(--device-width)*100);right:calc(-2*1cqi/var(--device-width)*100);top:calc(184*1cqi/var(--device-width)*100);width:calc(3*1cqi/var(--device-width)*100);background:#c8cacb;position:absolute}.device-google-pixel.device-black .device-frame{box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#363635,inset 0 0 0 calc(6*1cqi/var(--device-width)*100)#6a6967,inset 0 0 0 calc(10*1cqi/var(--device-width)*100)#3d3533;background:#211d1c}.device-google-pixel.device-black .device-stripe,.device-google-pixel.device-black .device-stripe:after,.device-google-pixel.device-black .device-stripe:before{border-color:#0d0d0d59}.device-google-pixel.device-black .device-sensors{background:#444}.device-google-pixel.device-black .device-sensors:after{background:#0d0d0d}.device-google-pixel.device-black .device-btns,.device-google-pixel.device-black .device-btns:after,.device-google-pixel.device-black .device-btns:before,.device-google-pixel.device-black .device-power{background:#363635}.device-google-pixel.device-blue .device-frame{box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#2a5aff,inset 0 0 0 calc(6*1cqi/var(--device-width)*100)#7695ff,inset 0 0 0 calc(10*1cqi/var(--device-width)*100)white}.device-google-pixel.device-blue .device-btns,.device-google-pixel.device-blue .device-btns:after,.device-google-pixel.device-blue .device-btns:before,.device-google-pixel.device-blue .device-power{background:#2a5aff}.device-galaxy-s8{--device-width:380;height:calc(828*1cqi/var(--device-width)*100);width:100cqi}.device-galaxy-s8 .device-frame{border-radius:calc(55*1cqi/var(--device-width)*100);border:solid #cfcfcf;border-width:calc(5*1cqi/var(--device-width)*100)0;box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#9c9c9c;height:calc(828*1cqi/var(--device-width)*100);padding:calc(48*1cqi/var(--device-width)*100)calc(10*1cqi/var(--device-width)*100)calc(40*1cqi/var(--device-width)*100)calc(10*1cqi/var(--device-width)*100);width:calc(380*1cqi/var(--device-width)*100);background:#222}.device-galaxy-s8 .device-screen{border:calc(2*1cqi/var(--device-width)*100)solid #222;border-radius:calc(34*1cqi/var(--device-width)*100);height:calc(740*1cqi/var(--device-width)*100);width:calc(360*1cqi/var(--device-width)*100)}.device-galaxy-s8 .device-stripe:after,.device-galaxy-s8 .device-stripe:before{border:solid #33333326;border-width:calc(5*1cqi/var(--device-width)*100)0;content:"";height:calc(828*1cqi/var(--device-width)*100);width:calc(6*1cqi/var(--device-width)*100);z-index:9;position:absolute;top:0}.device-galaxy-s8 .device-stripe:after{left:calc(48*1cqi/var(--device-width)*100)}.device-galaxy-s8 .device-stripe:before{right:calc(48*1cqi/var(--device-width)*100)}.device-galaxy-s8 .device-sensors{border-radius:calc(3*1cqi/var(--device-width)*100);height:calc(6*1cqi/var(--device-width)*100);margin-left:calc(-24*1cqi/var(--device-width)*100);margin-top:calc(-3*1cqi/var(--device-width)*100);left:50%;top:calc(32*1cqi/var(--device-width)*100);width:calc(48*1cqi/var(--device-width)*100);background:#666;position:absolute}.device-galaxy-s8 .device-sensors:after,.device-galaxy-s8 .device-sensors:before{content:"";background:#666;border-radius:50%;position:absolute;top:50%}.device-galaxy-s8 .device-sensors:after{box-shadow:calc(-192*1cqi/var(--device-width)*100)0 #333,calc(-174*1cqi/var(--device-width)*100)0 #333,calc(-240*1cqi/var(--device-width)*100)0 #333;height:calc(8*1cqi/var(--device-width)*100);margin-top:calc(-4*1cqi/var(--device-width)*100);right:calc(-90*1cqi/var(--device-width)*100);width:calc(8*1cqi/var(--device-width)*100)}.device-galaxy-s8 .device-sensors:before{box-shadow:calc(186*1cqi/var(--device-width)*100)0 #666;height:calc(12*1cqi/var(--device-width)*100);left:calc(-90*1cqi/var(--device-width)*100);margin-top:calc(-6*1cqi/var(--device-width)*100);width:calc(12*1cqi/var(--device-width)*100)}.device-galaxy-s8 .device-btns{border-radius:calc(3*1cqi/var(--device-width)*100)0 0 calc(3*1cqi/var(--device-width)*100);height:calc(116*1cqi/var(--device-width)*100);left:calc(-3*1cqi/var(--device-width)*100);top:calc(144*1cqi/var(--device-width)*100);width:calc(3*1cqi/var(--device-width)*100);background:#9c9c9c;position:absolute}.device-galaxy-s8 .device-btns:after{border-radius:calc(3*1cqi/var(--device-width)*100)0 0 calc(3*1cqi/var(--device-width)*100);content:"";height:calc(54*1cqi/var(--device-width)*100);left:0;top:calc(164*1cqi/var(--device-width)*100);width:calc(3*1cqi/var(--device-width)*100);background:#9c9c9c;position:absolute}.device-galaxy-s8 .device-power{border-radius:0 calc(3*1cqi/var(--device-width)*100)calc(3*1cqi/var(--device-width)*100)0;height:calc(54*1cqi/var(--device-width)*100);right:calc(-3*1cqi/var(--device-width)*100);top:calc(260*1cqi/var(--device-width)*100);width:calc(3*1cqi/var(--device-width)*100);background:#9c9c9c;position:absolute}.device-galaxy-s8.device-blue .device-frame{box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#5192d4;border-color:#a3c5e8}.device-galaxy-s8.device-blue .device-stripe:after,.device-galaxy-s8.device-blue .device-stripe:before{border-color:#ffffff59}.device-galaxy-s8.device-blue .device-btns,.device-galaxy-s8.device-blue .device-btns:after,.device-galaxy-s8.device-blue .device-power{background:#5192d4}.device-macbook-pro{--device-width:740;height:calc(434*1cqi/var(--device-width)*100);width:100cqi}.device-macbook-pro .device-frame{border-radius:calc(20*1cqi/var(--device-width)*100);box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#c8cacb;height:calc(418*1cqi/var(--device-width)*100);padding:calc(9*1cqi/var(--device-width)*100)calc(9*1cqi/var(--device-width)*100)calc(23*1cqi/var(--device-width)*100)calc(9*1cqi/var(--device-width)*100);width:calc(618*1cqi/var(--device-width)*100);background:#0d0d0d;margin:0 auto;position:relative}.device-macbook-pro .device-frame:after{border-radius:0 0 calc(20*1cqi/var(--device-width)*100)calc(20*1cqi/var(--device-width)*100);bottom:calc(2*1cqi/var(--device-width)*100);content:"";height:calc(24*1cqi/var(--device-width)*100);left:calc(2*1cqi/var(--device-width)*100);width:calc(614*1cqi/var(--device-width)*100);background:linear-gradient(#272727,#0d0d0d);position:absolute}.device-macbook-pro .device-header{border-bottom-left-radius:calc(4*1cqi/var(--device-width)*100);border-bottom-right-radius:calc(4*1cqi/var(--device-width)*100);height:calc(12*1cqi/var(--device-width)*100);margin-left:calc(-32*1cqi/var(--device-width)*100);left:50%;top:calc(11*1cqi/var(--device-width)*100);width:calc(64*1cqi/var(--device-width)*100);z-index:2;background:#0d0d0d;position:absolute}.device-macbook-pro .device-header:after,.device-macbook-pro .device-header:before{content:"";height:calc(4*1cqi/var(--device-width)*100);width:calc(4*1cqi/var(--device-width)*100);position:absolute;top:0}.device-macbook-pro .device-header:after{left:calc(-4*1cqi/var(--device-width)*100);background:radial-gradient(circle at 0 100%,#0000 0 75%,#0d0d0d 75% 100%)}.device-macbook-pro .device-header:before{right:calc(-4*1cqi/var(--device-width)*100);background:radial-gradient(circle at 100% 100%,#0000 0 75%,#0d0d0d 75% 100%)}.device-macbook-pro .device-screen{border:calc(2*1cqi/var(--device-width)*100)solid #121212;border-radius:calc(10*1cqi/var(--device-width)*100)calc(10*1cqi/var(--device-width)*100)0 0;height:calc(375*1cqi/var(--device-width)*100);width:calc(600*1cqi/var(--device-width)*100)}.device-macbook-pro .device-power{border-radius:calc(2*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)calc(12*1cqi/var(--device-width)*100)calc(12*1cqi/var(--device-width)*100);border:solid #a0a3a7;border-width:calc(1*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)0 calc(2*1cqi/var(--device-width)*100);box-shadow:inset 0 calc(-2*1cqi/var(--device-width)*100)calc(8*1cqi/var(--device-width)*100)0 #6c7074;height:calc(24*1cqi/var(--device-width)*100);margin-top:calc(-10*1cqi/var(--device-width)*100);width:calc(740*1cqi/var(--device-width)*100);z-index:9;background:radial-gradient(circle,#e2e3e4 85%,#c8cacb 100%);position:relative}.device-macbook-pro .device-power:after{border-radius:0 0 calc(10*1cqi/var(--device-width)*100)calc(10*1cqi/var(--device-width)*100);box-shadow:inset 0 0 calc(4*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)#babdbf;content:"";height:calc(10*1cqi/var(--device-width)*100);margin-left:calc(-60*1cqi/var(--device-width)*100);width:calc(120*1cqi/var(--device-width)*100);background:#e2e3e4;position:absolute;top:0;left:50%}.device-macbook-pro .device-power:before{border-radius:0 0 calc(3*1cqi/var(--device-width)*100)calc(3*1cqi/var(--device-width)*100);bottom:calc(-2*1cqi/var(--device-width)*100);box-shadow:calc(-300*1cqi/var(--device-width)*100)0 #272727,calc(300*1cqi/var(--device-width)*100)0 #272727;content:"";height:calc(2*1cqi/var(--device-width)*100);margin-left:calc(-20*1cqi/var(--device-width)*100);width:calc(40*1cqi/var(--device-width)*100);background:0 0;position:absolute;left:50%}.device-macbook-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#767a7d}.device-macbook-pro.device-spacegray .device-power{box-shadow:inset 0 calc(-2*1cqi/var(--device-width)*100)calc(8*1cqi/var(--device-width)*100)0 #202121;background:radial-gradient(circle,#83878a 85%,#767a7d 100%);border-color:#454749}.device-macbook-pro.device-spacegray .device-power:after{box-shadow:inset 0 0 calc(4*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)#6a6d70;background:#b7babc}.device-macbook-pro-2018{--device-width:740;height:calc(444*1cqi/var(--device-width)*100);width:100cqi}.device-macbook-pro-2018 .device-frame{border-radius:calc(20*1cqi/var(--device-width)*100);box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#c8cacb;height:calc(428*1cqi/var(--device-width)*100);padding:calc(29*1cqi/var(--device-width)*100)calc(19*1cqi/var(--device-width)*100)calc(39*1cqi/var(--device-width)*100)calc(19*1cqi/var(--device-width)*100);width:calc(614*1cqi/var(--device-width)*100);background:#0d0d0d;margin:0 auto;position:relative}.device-macbook-pro-2018 .device-frame:after{border-radius:0 0 calc(20*1cqi/var(--device-width)*100)calc(20*1cqi/var(--device-width)*100);bottom:calc(2*1cqi/var(--device-width)*100);content:"";height:calc(26*1cqi/var(--device-width)*100);left:calc(2*1cqi/var(--device-width)*100);width:calc(610*1cqi/var(--device-width)*100);background:#272727;position:absolute}.device-macbook-pro-2018 .device-frame:before{bottom:calc(10*1cqi/var(--device-width)*100);color:#c8cacb;content:"MacBook Pro";font-size:calc(12*1cqi/var(--device-width)*100);height:calc(16*1cqi/var(--device-width)*100);line-height:calc(16*1cqi/var(--device-width)*100);margin-left:calc(-100*1cqi/var(--device-width)*100);text-align:center;width:calc(200*1cqi/var(--device-width)*100);z-index:1;position:absolute;left:50%}.device-macbook-pro-2018 .device-screen{border:calc(2*1cqi/var(--device-width)*100)solid #121212;border-radius:calc(2*1cqi/var(--device-width)*100);height:calc(360*1cqi/var(--device-width)*100);width:calc(576*1cqi/var(--device-width)*100)}.device-macbook-pro-2018 .device-power{border-radius:calc(2*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)0 0;border:solid #d5d6d8;border-width:calc(2*1cqi/var(--device-width)*100)calc(4*1cqi/var(--device-width)*100)0 calc(4*1cqi/var(--device-width)*100);height:calc(14*1cqi/var(--device-width)*100);margin-top:calc(-10*1cqi/var(--device-width)*100);width:calc(740*1cqi/var(--device-width)*100);z-index:9;background:#e2e3e4;position:relative}.device-macbook-pro-2018 .device-power:after,.device-macbook-pro-2018 .device-power:before{content:"";position:absolute}.device-macbook-pro-2018 .device-power:after{border-radius:0 0 calc(10*1cqi/var(--device-width)*100)calc(10*1cqi/var(--device-width)*100);box-shadow:inset 0 0 calc(4*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)#babdbf;height:calc(10*1cqi/var(--device-width)*100);margin-left:calc(-60*1cqi/var(--device-width)*100);left:50%;top:calc(-2*1cqi/var(--device-width)*100);width:calc(120*1cqi/var(--device-width)*100);background:#d5d6d8}.device-macbook-pro-2018 .device-power:before{border-radius:0 0 calc(180*1cqi/var(--device-width)*100)calc(180*1cqi/var(--device-width)*100)/0 0 calc(12*1cqi/var(--device-width)*100)calc(12*1cqi/var(--device-width)*100);box-shadow:inset 0 calc(-2*1cqi/var(--device-width)*100)calc(6*1cqi/var(--device-width)*100)0 #474a4d;height:calc(12*1cqi/var(--device-width)*100);left:calc(-4*1cqi/var(--device-width)*100);top:calc(10*1cqi/var(--device-width)*100);width:calc(740*1cqi/var(--device-width)*100);background:#a0a3a7;margin:0 auto}.device-macbook-pro-2018.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#767a7d}.device-macbook-pro-2018.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook-pro-2018.device-spacegray .device-power:after{box-shadow:inset 0 0 calc(4*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)#6a6d70;background:#83878a}.device-macbook-pro-2018.device-spacegray .device-power:before{box-shadow:inset 0 calc(-2*1cqi/var(--device-width)*100)calc(6*1cqi/var(--device-width)*100)0 black;background:#515456}.device-macbook{--device-width:740;height:calc(432*1cqi/var(--device-width)*100);width:100cqi}.device-macbook .device-frame{border-radius:calc(20*1cqi/var(--device-width)*100);box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#c8cacb;height:calc(428*1cqi/var(--device-width)*100);padding:calc(29*1cqi/var(--device-width)*100)calc(19*1cqi/var(--device-width)*100)calc(39*1cqi/var(--device-width)*100)calc(19*1cqi/var(--device-width)*100);width:calc(614*1cqi/var(--device-width)*100);background:#0d0d0d;margin:0 auto;position:relative}.device-macbook .device-frame:after{border-radius:0 0 calc(20*1cqi/var(--device-width)*100)calc(20*1cqi/var(--device-width)*100);bottom:calc(2*1cqi/var(--device-width)*100);content:"";height:calc(26*1cqi/var(--device-width)*100);left:calc(2*1cqi/var(--device-width)*100);width:calc(610*1cqi/var(--device-width)*100);background:#272727;position:absolute}.device-macbook .device-frame:before{bottom:calc(10*1cqi/var(--device-width)*100);color:#c8cacb;content:"MacBook";font-size:calc(12*1cqi/var(--device-width)*100);height:calc(16*1cqi/var(--device-width)*100);line-height:calc(16*1cqi/var(--device-width)*100);margin-left:calc(-100*1cqi/var(--device-width)*100);text-align:center;width:calc(200*1cqi/var(--device-width)*100);z-index:1;position:absolute;left:50%}.device-macbook .device-screen{border:calc(2*1cqi/var(--device-width)*100)solid #121212;border-radius:calc(2*1cqi/var(--device-width)*100);height:calc(360*1cqi/var(--device-width)*100);width:calc(576*1cqi/var(--device-width)*100)}.device-macbook .device-power{border-radius:calc(2*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)0 0;border:solid #d5d6d8;border-width:0 calc(4*1cqi/var(--device-width)*100);height:calc(4*1cqi/var(--device-width)*100);margin-top:calc(-10*1cqi/var(--device-width)*100);width:calc(740*1cqi/var(--device-width)*100);z-index:9;background:#e2e3e4;position:relative}.device-macbook .device-power:after,.device-macbook .device-power:before{content:"";position:absolute}.device-macbook .device-power:after{border:solid #adb0b3;border-width:0 calc(2*1cqi/var(--device-width)*100);height:calc(4*1cqi/var(--device-width)*100);margin-left:calc(-60*1cqi/var(--device-width)*100);width:calc(120*1cqi/var(--device-width)*100);background:radial-gradient(circle,#e2e3e4 0 85%,#a0a3a7 100%);left:50%}.device-macbook .device-power:before{border-radius:0 0 calc(180*1cqi/var(--device-width)*100)calc(180*1cqi/var(--device-width)*100)/0 0 calc(10*1cqi/var(--device-width)*100)calc(10*1cqi/var(--device-width)*100);box-shadow:inset 0 calc(-2*1cqi/var(--device-width)*100)calc(6*1cqi/var(--device-width)*100)0 #474a4d;height:calc(10*1cqi/var(--device-width)*100);left:calc(-4*1cqi/var(--device-width)*100);top:calc(4*1cqi/var(--device-width)*100);width:calc(740*1cqi/var(--device-width)*100);background:#a0a3a7;margin:0 auto}.device-macbook.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#edccb4}.device-macbook.device-gold .device-power{background:#f7e8dd;border-color:#edccb4}.device-macbook.device-gold .device-power:after{background:radial-gradient(circle,#f7e8dd 0 85%,#dfa276 100%);border-color:#e4b08a}.device-macbook.device-gold .device-power:before{box-shadow:inset 0 calc(-2*1cqi/var(--device-width)*100)calc(6*1cqi/var(--device-width)*100)0 #83491f;background:#edccb4}.device-macbook.device-rosegold .device-frame{box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#f6a69a}.device-macbook.device-rosegold .device-power{background:#facfc9;border-color:#f6a69a}.device-macbook.device-rosegold .device-power:after{background:radial-gradient(circle,#facfc9 0 85%,#ef6754 100%);border-color:#f6a69a}.device-macbook.device-rosegold .device-power:before{box-shadow:inset 0 calc(-2*1cqi/var(--device-width)*100)calc(6*1cqi/var(--device-width)*100)0 #851b0c;background:#f6a69a}.device-macbook.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#767a7d}.device-macbook.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook.device-spacegray .device-power:after{background:radial-gradient(circle,#909496 0 85%,#515456 100%);border-color:#5d6163}.device-macbook.device-spacegray .device-power:before{box-shadow:inset 0 calc(-2*1cqi/var(--device-width)*100)calc(6*1cqi/var(--device-width)*100)0 black;background:#515456}.device-imac{--device-width:640;height:calc(540*1cqi/var(--device-width)*100);width:100cqi}.device-imac .device-frame{border-radius:calc(18*1cqi/var(--device-width)*100);box-shadow:inset 0 0 0 calc(1*1cqi/var(--device-width)*100)#d4d5d7;height:calc(440*1cqi/var(--device-width)*100);padding:calc(16*1cqi/var(--device-width)*100)calc(16*1cqi/var(--device-width)*100)calc(80*1cqi/var(--device-width)*100)calc(16*1cqi/var(--device-width)*100);width:calc(640*1cqi/var(--device-width)*100);background:#edeef0;position:relative}.device-imac .device-frame:after{border-radius:0 0 calc(18*1cqi/var(--device-width)*100)calc(18*1cqi/var(--device-width)*100);bottom:calc(1*1cqi/var(--device-width)*100);box-shadow:inset 0 0 calc(18*1cqi/var(--device-width)*100)0 #c7c8cb;content:"";height:calc(63*1cqi/var(--device-width)*100);left:calc(1*1cqi/var(--device-width)*100);width:calc(638*1cqi/var(--device-width)*100);background:#d4d5d7;position:absolute}.device-imac .device-frame:before{content:"";height:calc(6*1cqi/var(--device-width)*100);margin-left:calc(-3*1cqi/var(--device-width)*100);text-align:center;left:50%;top:calc(6*1cqi/var(--device-width)*100);width:calc(6*1cqi/var(--device-width)*100);z-index:9;background:#050505;border-radius:50%;position:absolute}.device-imac .device-screen{border:calc(2*1cqi/var(--device-width)*100)solid #121212;border-radius:calc(2*1cqi/var(--device-width)*100);height:calc(342*1cqi/var(--device-width)*100);width:calc(608*1cqi/var(--device-width)*100)}.device-imac .device-power:after{border-top:calc(1*1cqi/var(--device-width)*100)solid #d4d5d7;content:"";height:calc(6*1cqi/var(--device-width)*100);width:calc(152*1cqi/var(--device-width)*100);background:radial-gradient(circle,#d4d5d7 85%,#9fa1a6 100%);margin:0 auto;position:relative}.device-imac .device-power:before{content:"";height:calc(92*1cqi/var(--device-width)*100);width:calc(152*1cqi/var(--device-width)*100);background:linear-gradient(#9fa1a6 0,#c7c8cb 40% 85%,#fff 90%,#6b6e74 100%);margin:0 auto;position:relative}.device-imac .device-home{border-radius:0 0 calc(3*1cqi/var(--device-width)*100)calc(3*1cqi/var(--device-width)*100);box-shadow:calc(-61*1cqi/var(--device-width)*100)0 #d4d5d7,calc(61*1cqi/var(--device-width)*100)0 #d4d5d7;height:calc(2*1cqi/var(--device-width)*100);margin-left:calc(-15*1cqi/var(--device-width)*100);width:calc(30*1cqi/var(--device-width)*100);background:0 0;position:absolute;bottom:0;left:50%}.device-imac.device-blue .device-frame{box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#b4c7da}.device-imac.device-blue .device-frame:after{box-shadow:inset 0 0 calc(18*1cqi/var(--device-width)*100)0 #a3bad2;background:#b4c7da}.device-imac.device-blue .device-power:after{background:radial-gradient(circle,#b4c7da 85%,#7094b8 100%);border-top-color:#b4c7da}.device-imac.device-blue .device-power:before{background:linear-gradient(#7094b8 0,#a3bad2 40% 85%,#fff 90%,#406182 100%)}.device-imac.device-blue .device-home{box-shadow:calc(-61*1cqi/var(--device-width)*100)0 #b4c7da,calc(61*1cqi/var(--device-width)*100)0 #b4c7da}.device-imac.device-green .device-frame{box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#bbd0c8}.device-imac.device-green .device-frame:after{box-shadow:inset 0 0 calc(18*1cqi/var(--device-width)*100)0 #acc6bc;background:#bbd0c8}.device-imac.device-green .device-power:after{background:radial-gradient(circle,#bbd0c8 85%,#7fa697 100%);border-top-color:#bbd0c8}.device-imac.device-green .device-power:before{background:linear-gradient(#7fa697 0,#acc6bc 40% 85%,#fff 90%,#4e7164 100%)}.device-imac.device-green .device-home{box-shadow:calc(-61*1cqi/var(--device-width)*100)0 #bbd0c8,calc(61*1cqi/var(--device-width)*100)0 #bbd0c8}.device-imac.device-pink .device-frame{box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#edccc6}.device-imac.device-pink .device-frame:after{box-shadow:inset 0 0 calc(18*1cqi/var(--device-width)*100)0 #e7bbb3;background:#edccc6}.device-imac.device-pink .device-power:after{background:radial-gradient(circle,#edccc6 85%,#d58778 100%);border-top-color:#edccc6}.device-imac.device-pink .device-power:before{background:linear-gradient(#d58778 0,#e7bbb3 40% 85%,#fff 90%,#b04a37 100%)}.device-imac.device-pink .device-home{box-shadow:calc(-61*1cqi/var(--device-width)*100)0 #edccc6,calc(61*1cqi/var(--device-width)*100)0 #edccc6}.device-imac.device-yellow .device-frame{box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#f4d595}.device-imac.device-yellow .device-frame:after{box-shadow:inset 0 0 calc(18*1cqi/var(--device-width)*100)0 #f2cc7e;background:#f4d595}.device-imac.device-yellow .device-power:after{background:radial-gradient(circle,#f4d595 85%,#eab039 100%);border-top-color:#f4d595}.device-imac.device-yellow .device-power:before{background:linear-gradient(#eab039 0,#f2cc7e 40% 85%,#fff 90%,#ab7912 100%)}.device-imac.device-yellow .device-home{box-shadow:calc(-61*1cqi/var(--device-width)*100)0 #f4d595,calc(61*1cqi/var(--device-width)*100)0 #f4d595}.device-imac.device-orange .device-frame{box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#e9b5a0}.device-imac.device-orange .device-frame:after{box-shadow:inset 0 0 calc(18*1cqi/var(--device-width)*100)0 #e4a58b;background:#e9b5a0}.device-imac.device-orange .device-power:after{background:radial-gradient(circle,#e9b5a0 85%,#d6744d 100%);border-top-color:#e9b5a0}.device-imac.device-orange .device-power:before{background:linear-gradient(#d6744d 0,#e4a58b 40% 85%,#fff 90%,#994524 100%)}.device-imac.device-orange .device-home{box-shadow:calc(-61*1cqi/var(--device-width)*100)0 #e9b5a0,calc(61*1cqi/var(--device-width)*100)0 #e9b5a0}.device-imac.device-purple .device-frame{box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#c4c4e5}.device-imac.device-purple .device-frame:after{box-shadow:inset 0 0 calc(18*1cqi/var(--device-width)*100)0 #b2b2dd;background:#c4c4e5}.device-imac.device-purple .device-power:after{background:radial-gradient(circle,#c4c4e5 85%,#7d7dc6 100%);border-top-color:#c4c4e5}.device-imac.device-purple .device-power:before{background:linear-gradient(#7d7dc6 0,#b2b2dd 40% 85%,#fff 90%,#449 100%)}.device-imac.device-purple .device-home{box-shadow:calc(-61*1cqi/var(--device-width)*100)0 #c4c4e5,calc(61*1cqi/var(--device-width)*100)0 #c4c4e5}.device-imac-pro{width:624px;height:484px}.device-imac-pro .device-frame{background:#0d0d0d;border-radius:18px;width:624px;height:428px;padding:24px 24px 80px;position:relative;box-shadow:inset 0 0 0 2px #080808}.device-imac-pro .device-frame:after{content:"";background:#2f2e33;border-radius:0 0 18px 18px;width:620px;height:54px;position:absolute;bottom:2px;left:2px}.device-imac-pro .device-frame:before{color:#0d0d0d;content:"";text-align:center;z-index:9;width:200px;height:24px;margin-left:-100px;font-size:24px;line-height:24px;position:absolute;bottom:15px;left:50%}.device-imac-pro .device-screen{border:2px solid #121212;border-radius:2px;width:576px;height:324px}.device-imac-pro .device-power:after,.device-imac-pro .device-power:before{content:""}.device-imac-pro .device-power:after{background:#222225;border-radius:2px;width:180px;height:6px;margin:0 auto;position:relative}.device-imac-pro .device-power:before{border:8px solid #0000;border-top-width:0;border-bottom:50px solid #333;width:130px;height:50px;margin:0 auto;position:relative}.device-surface-book{--device-width:728;height:calc(424*1cqi/var(--device-width)*100);width:100cqi}.device-surface-book .device-frame{border-radius:calc(12*1cqi/var(--device-width)*100);box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#c8c8c8;height:calc(408*1cqi/var(--device-width)*100);padding:calc(24*1cqi/var(--device-width)*100)calc(22*1cqi/var(--device-width)*100);width:calc(584*1cqi/var(--device-width)*100);background:#0d0d0d;margin:0 auto;position:relative}.device-surface-book .device-screen{border:calc(2*1cqi/var(--device-width)*100)solid #121212;border-radius:calc(2*1cqi/var(--device-width)*100);height:calc(360*1cqi/var(--device-width)*100);width:calc(540*1cqi/var(--device-width)*100)}.device-surface-book .device-btns:after,.device-surface-book .device-btns:before{content:"";height:calc(2*1cqi/var(--device-width)*100);top:calc(-2*1cqi/var(--device-width)*100);background:#c8c8c8;position:absolute}.device-surface-book .device-btns:after{left:calc(122*1cqi/var(--device-width)*100);width:calc(20*1cqi/var(--device-width)*100)}.device-surface-book .device-btns:before{left:calc(168*1cqi/var(--device-width)*100);width:calc(44*1cqi/var(--device-width)*100)}.device-surface-book .device-power{border-radius:calc(2*1cqi/var(--device-width)*100);border:solid #c8c8c8;border-width:0 calc(2*1cqi/var(--device-width)*100);height:calc(16*1cqi/var(--device-width)*100);margin-top:calc(4*1cqi/var(--device-width)*100);width:calc(728*1cqi/var(--device-width)*100);background:linear-gradient(#eee,#c8c8c8);position:relative}.device-surface-book .device-power:after,.device-surface-book .device-power:before{content:"";position:absolute}.device-surface-book .device-power:after{border-radius:0 0 calc(6*1cqi/var(--device-width)*100)calc(6*1cqi/var(--device-width)*100);height:calc(8*1cqi/var(--device-width)*100);margin-left:calc(-125*1cqi/var(--device-width)*100);width:calc(250*1cqi/var(--device-width)*100);z-index:1;background:radial-gradient(circle,#eee 0 95%,#a2a2a2 100%);top:0;left:50%}.device-surface-book .device-power:before{border-radius:calc(2*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)0 0;bottom:calc(16*1cqi/var(--device-width)*100);height:calc(8*1cqi/var(--device-width)*100);margin-left:calc(-292*1cqi/var(--device-width)*100);width:calc(584*1cqi/var(--device-width)*100);background:linear-gradient(#eee,#c8c8c8);left:50%}.device-surface-studio{--device-width:640;height:calc(506*1cqi/var(--device-width)*100);width:100cqi}.device-surface-studio .device-frame{border-radius:calc(10*1cqi/var(--device-width)*100);box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)black;height:calc(440*1cqi/var(--device-width)*100);padding:calc(20*1cqi/var(--device-width)*100);width:calc(640*1cqi/var(--device-width)*100);background:#0d0d0d}.device-surface-studio .device-screen{border:calc(2*1cqi/var(--device-width)*100)solid #121212;border-radius:calc(2*1cqi/var(--device-width)*100);height:calc(400*1cqi/var(--device-width)*100);width:calc(600*1cqi/var(--device-width)*100)}.device-surface-studio .device-stripe{border-radius:0 0 calc(2*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100);height:calc(4*1cqi/var(--device-width)*100);margin-left:calc(-117*1cqi/var(--device-width)*100);width:calc(234*1cqi/var(--device-width)*100);background:#444;position:absolute;bottom:0;left:50%}.device-surface-studio .device-stripe:after,.device-surface-studio .device-stripe:before{content:"";left:50%;top:calc(-75*1cqi/var(--device-width)*100);position:absolute}.device-surface-studio .device-stripe:after{border:calc(1*1cqi/var(--device-width)*100)solid #e2e3e4;border-radius:0 0 calc(18*1cqi/var(--device-width)*100)calc(18*1cqi/var(--device-width)*100);box-shadow:inset 0 0 calc(4*1cqi/var(--device-width)*100)calc(1*1cqi/var(--device-width)*100)#c8cacb,inset 0 0 calc(4*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)#e2e3e4,inset 0 0 0 calc(8*1cqi/var(--device-width)*100)#c8cacb;height:calc(60*1cqi/var(--device-width)*100);margin-left:calc(-140*1cqi/var(--device-width)*100);width:calc(280*1cqi/var(--device-width)*100);z-index:-1;border-top:0}.device-surface-studio .device-stripe:before{border:calc(15*1cqi/var(--device-width)*100)solid #e2e3e4;border-radius:0 0 calc(8*1cqi/var(--device-width)*100)calc(8*1cqi/var(--device-width)*100);height:calc(70*1cqi/var(--device-width)*100);margin-left:calc(-150*1cqi/var(--device-width)*100);width:calc(300*1cqi/var(--device-width)*100);z-index:-2;border-top:0}.device-surface-studio .device-power{border-radius:0 0 calc(2*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100);height:calc(32*1cqi/var(--device-width)*100);margin:calc(30*1cqi/var(--device-width)*100)auto 0 auto;width:calc(250*1cqi/var(--device-width)*100);background:radial-gradient(circle,#e2e3e4 85%,#c8cacb 100%);position:relative}.device-surface-studio .device-power:after{content:"";height:calc(1*1cqi/var(--device-width)*100);left:0;top:calc(4*1cqi/var(--device-width)*100);width:calc(250*1cqi/var(--device-width)*100);background:#babdbf;position:absolute}.device-ipad-pro{--device-width:560;height:calc(778*1cqi/var(--device-width)*100);width:100cqi}.device-ipad-pro .device-frame{border-radius:calc(36*1cqi/var(--device-width)*100);box-shadow:inset 0 0 0 calc(1*1cqi/var(--device-width)*100)#babdbf,inset 0 0 calc(1*1cqi/var(--device-width)*100)calc(3*1cqi/var(--device-width)*100)#e2e3e4;height:calc(778*1cqi/var(--device-width)*100);padding:calc(27*1cqi/var(--device-width)*100);width:calc(560*1cqi/var(--device-width)*100);background:#0d0d0d}.device-ipad-pro .device-screen{border:calc(2*1cqi/var(--device-width)*100)solid #121212;border-radius:calc(11*1cqi/var(--device-width)*100);height:calc(724*1cqi/var(--device-width)*100);width:calc(506*1cqi/var(--device-width)*100)}.device-ipad-pro .device-btns:after,.device-ipad-pro .device-btns:before{content:"";background:#babdbf;position:absolute}.device-ipad-pro .device-btns:after{height:calc(2*1cqi/var(--device-width)*100);right:calc(40*1cqi/var(--device-width)*100);top:calc(-2*1cqi/var(--device-width)*100);width:calc(36*1cqi/var(--device-width)*100)}.device-ipad-pro .device-btns:before{box-shadow:0 calc(37*1cqi/var(--device-width)*100)#babdbf;height:calc(32*1cqi/var(--device-width)*100);right:calc(-2*1cqi/var(--device-width)*100);top:calc(63*1cqi/var(--device-width)*100);width:calc(2*1cqi/var(--device-width)*100)}.device-ipad-pro .device-sensors:after,.device-ipad-pro .device-sensors:before{content:"";position:absolute}.device-ipad-pro .device-sensors:after{border-radius:calc(17*1cqi/var(--device-width)*100);box-shadow:calc(-20*1cqi/var(--device-width)*100)0 #1a1a1a,calc(70*1cqi/var(--device-width)*100)0 #1a1a1a;height:calc(10*1cqi/var(--device-width)*100);margin-left:calc(-30*1cqi/var(--device-width)*100);left:50%;top:calc(12*1cqi/var(--device-width)*100);width:calc(10*1cqi/var(--device-width)*100);background:#1a1a1a}.device-ipad-pro .device-sensors:before{box-shadow:0 0 calc(1*1cqi/var(--device-width)*100)calc(1*1cqi/var(--device-width)*100)#ffffff0d;height:calc(6*1cqi/var(--device-width)*100);margin-left:calc(-3*1cqi/var(--device-width)*100);left:50%;top:calc(14*1cqi/var(--device-width)*100);width:calc(6*1cqi/var(--device-width)*100);background:radial-gradient(at 20% 20%,#6074bf 0,#0000 40%),radial-gradient(at 80% 80%,#513785 0,#24555e 20%,#0000 50%);border-radius:50%}.device-ipad-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(1*1cqi/var(--device-width)*100)#6a6d70,inset 0 0 calc(1*1cqi/var(--device-width)*100)calc(3*1cqi/var(--device-width)*100)#83878a}.device-ipad-pro.device-spacegray .device-btns:after,.device-ipad-pro.device-spacegray .device-btns:before{background:#6a6d70}.device-ipad-pro.device-spacegray .device-btns:before{box-shadow:0 calc(37*1cqi/var(--device-width)*100)#6a6d70}.device-ipad-pro-2017{--device-width:560;height:calc(804*1cqi/var(--device-width)*100);width:100cqi}.device-ipad-pro-2017 .device-frame{border-radius:calc(38*1cqi/var(--device-width)*100);box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#c8cacb,inset 0 0 0 calc(6*1cqi/var(--device-width)*100)#e2e3e4;height:calc(804*1cqi/var(--device-width)*100);padding:calc(62*1cqi/var(--device-width)*100)calc(25*1cqi/var(--device-width)*100);width:calc(560*1cqi/var(--device-width)*100);background:#fff}.device-ipad-pro-2017 .device-screen{border:calc(2*1cqi/var(--device-width)*100)solid #222;border-radius:calc(2*1cqi/var(--device-width)*100);height:calc(680*1cqi/var(--device-width)*100);width:calc(510*1cqi/var(--device-width)*100)}.device-ipad-pro-2017 .device-home{border:calc(2*1cqi/var(--device-width)*100)solid #c8cacb;bottom:calc(17*1cqi/var(--device-width)*100);height:calc(34*1cqi/var(--device-width)*100);margin-left:calc(-17*1cqi/var(--device-width)*100);width:calc(34*1cqi/var(--device-width)*100);border-radius:50%;position:absolute;left:50%}.device-ipad-pro-2017 .device-sensors{height:calc(10*1cqi/var(--device-width)*100);margin-left:calc(-5*1cqi/var(--device-width)*100);margin-top:calc(-5*1cqi/var(--device-width)*100);left:50%;top:calc(34*1cqi/var(--device-width)*100);width:calc(10*1cqi/var(--device-width)*100);background:#666;border-radius:50%;position:absolute}.device-ipad-pro-2017.device-gold .device-frame{box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#e4b08a,inset 0 0 0 calc(6*1cqi/var(--device-width)*100)#f7e8dd}.device-ipad-pro-2017.device-gold .device-header{border-color:#e4b08a}.device-ipad-pro-2017.device-rosegold .device-frame{box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#f6a69a,inset 0 0 0 calc(6*1cqi/var(--device-width)*100)#facfc9}.device-ipad-pro-2017.device-rosegold .device-home{border-color:#f6a69a}.device-ipad-pro-2017.device-spacegray .device-frame{box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#818187,inset 0 0 0 calc(6*1cqi/var(--device-width)*100)#9b9ba0;background:#222}.device-ipad-pro-2017.device-spacegray .device-home{border-color:#818187}.device-surface-pro-2017{--device-width:561;height:calc(394*1cqi/var(--device-width)*100);width:100cqi}.device-surface-pro-2017 .device-frame{border-radius:calc(10*1cqi/var(--device-width)*100);box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#c8c8c8;height:calc(394*1cqi/var(--device-width)*100);padding:calc(26*1cqi/var(--device-width)*100)calc(24*1cqi/var(--device-width)*100);width:calc(561*1cqi/var(--device-width)*100);background:#0d0d0d;margin:0 auto}.device-surface-pro-2017 .device-screen{border:calc(2*1cqi/var(--device-width)*100)solid #121212;border-radius:calc(2*1cqi/var(--device-width)*100);height:calc(342*1cqi/var(--device-width)*100);width:calc(513*1cqi/var(--device-width)*100)}.device-surface-pro-2017 .device-btns:after,.device-surface-pro-2017 .device-btns:before{content:"";height:calc(2*1cqi/var(--device-width)*100);top:calc(-2*1cqi/var(--device-width)*100);background:#c8c8c8;position:absolute}.device-surface-pro-2017 .device-btns:after{left:calc(48*1cqi/var(--device-width)*100);width:calc(26*1cqi/var(--device-width)*100)}.device-surface-pro-2017 .device-btns:before{left:calc(94*1cqi/var(--device-width)*100);width:calc(48*1cqi/var(--device-width)*100)}.device-surface-pro-2017 .device-sensors{height:calc(6*1cqi/var(--device-width)*100);margin-left:calc(-3*1cqi/var(--device-width)*100);margin-top:calc(-3*1cqi/var(--device-width)*100);left:50%;top:calc(14*1cqi/var(--device-width)*100);width:calc(6*1cqi/var(--device-width)*100);background:#333;border-radius:50%;position:absolute}.device-apple-watch-ultra{--device-width:360;height:calc(380*1cqi/var(--device-width)*100);width:100cqi}.device-apple-watch-ultra .device-frame{border-radius:calc(92*1cqi/var(--device-width)*100);box-shadow:inset 0 0 calc(12*1cqi/var(--device-width)*100)calc(1*1cqi/var(--device-width)*100)#0d0d0dbf,inset 0 0 0 calc(6*1cqi/var(--device-width)*100)#d6ccc2,inset 0 0 0 calc(12*1cqi/var(--device-width)*100)#d6ccc2;height:calc(380*1cqi/var(--device-width)*100);margin:0 calc(20*1cqi/var(--device-width)*100);padding:calc(38*1cqi/var(--device-width)*100);width:calc(320*1cqi/var(--device-width)*100);background:#0d0d0d;position:relative}.device-apple-watch-ultra .device-frame:before{border:calc(1*1cqi/var(--device-width)*100)solid #f5f2f0;border-radius:calc(80*1cqi/var(--device-width)*100);box-shadow:0 0 calc(6*1cqi/var(--device-width)*100)#0d0d0d33,inset 0 0 calc(4*1cqi/var(--device-width)*100)calc(1*1cqi/var(--device-width)*100)#f5f2f0,inset 0 0 0 calc(10*1cqi/var(--device-width)*100)#d6ccc2;content:"";height:calc(356*1cqi/var(--device-width)*100);left:calc(12*1cqi/var(--device-width)*100);top:calc(12*1cqi/var(--device-width)*100);width:calc(296*1cqi/var(--device-width)*100);position:absolute}.device-apple-watch-ultra .device-screen{border:calc(2*1cqi/var(--device-width)*100)solid #121212;border-radius:calc(62*1cqi/var(--device-width)*100);height:calc(304*1cqi/var(--device-width)*100);width:calc(244*1cqi/var(--device-width)*100)}.device-apple-watch-ultra .device-header{border-radius:calc(4*1cqi/var(--device-width)*100)calc(4*1cqi/var(--device-width)*100)calc(4*1cqi/var(--device-width)*100)calc(4*1cqi/var(--device-width)*100)/calc(8*1cqi/var(--device-width)*100)calc(4*1cqi/var(--device-width)*100)calc(4*1cqi/var(--device-width)*100)calc(8*1cqi/var(--device-width)*100);box-shadow:inset 0 0 calc(16*1cqi/var(--device-width)*100)calc(1*1cqi/var(--device-width)*100)#0d0d0d80,calc(-8*1cqi/var(--device-width)*100)0 calc(4*1cqi/var(--device-width)*100)#0d0d0d33,inset calc(4*1cqi/var(--device-width)*100)0 calc(4*1cqi/var(--device-width)*100)#0d0d0d33;height:calc(214*1cqi/var(--device-width)*100);margin-top:calc(-107*1cqi/var(--device-width)*100);right:calc(4*1cqi/var(--device-width)*100);width:calc(18*1cqi/var(--device-width)*100);z-index:1;background:radial-gradient(circle,#d6ccc2 50%,#ebe6e1 85%,#a38c76 100%);position:absolute;top:50%}.device-apple-watch-ultra .device-header:before{border-radius:calc(8*1cqi/var(--device-width)*100)calc(4*1cqi/var(--device-width)*100)calc(4*1cqi/var(--device-width)*100)calc(8*1cqi/var(--device-width)*100)/calc(32*1cqi/var(--device-width)*100)calc(4*1cqi/var(--device-width)*100)calc(4*1cqi/var(--device-width)*100)calc(32*1cqi/var(--device-width)*100);box-shadow:calc(-10*1cqi/var(--device-width)*100)0 calc(8*1cqi/var(--device-width)*100)#0d0d0d33;content:"";height:calc(194*1cqi/var(--device-width)*100);margin-top:calc(-97*1cqi/var(--device-width)*100);right:calc(8*1cqi/var(--device-width)*100);width:calc(12*1cqi/var(--device-width)*100);position:absolute;top:50%}.device-apple-watch-ultra .device-btns{border-left:calc(1*1cqi/var(--device-width)*100)solid #4c4033;border-radius:calc(8*1cqi/var(--device-width)*100)calc(6*1cqi/var(--device-width)*100)calc(6*1cqi/var(--device-width)*100)calc(8*1cqi/var(--device-width)*100)/calc(20*1cqi/var(--device-width)*100)calc(6*1cqi/var(--device-width)*100)calc(6*1cqi/var(--device-width)*100)calc(20*1cqi/var(--device-width)*100);box-shadow:inset calc(8*1cqi/var(--device-width)*100)0 calc(8*1cqi/var(--device-width)*100)0 #5c4d3e,inset calc(-2*1cqi/var(--device-width)*100)0 calc(6*1cqi/var(--device-width)*100)#a38c76;height:calc(72*1cqi/var(--device-width)*100);right:calc(1*1cqi/var(--device-width)*100);top:calc(108*1cqi/var(--device-width)*100);width:calc(24*1cqi/var(--device-width)*100);z-index:9;background:#d6ccc2;position:absolute}.device-apple-watch-ultra .device-btns:after{border-radius:calc(2*1cqi/var(--device-width)*100)calc(4*1cqi/var(--device-width)*100)calc(4*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)/calc(20*1cqi/var(--device-width)*100)calc(8*1cqi/var(--device-width)*100)calc(8*1cqi/var(--device-width)*100)calc(20*1cqi/var(--device-width)*100);box-shadow:inset calc(-2*1cqi/var(--device-width)*100)0 calc(2*1cqi/var(--device-width)*100)0 #6b5948,inset calc(-6*1cqi/var(--device-width)*100)0 calc(18*1cqi/var(--device-width)*100)#a38c76;content:"";height:calc(78*1cqi/var(--device-width)*100);right:0;top:calc(-4*1cqi/var(--device-width)*100);width:calc(6*1cqi/var(--device-width)*100);background:#d6ccc2;position:absolute}.device-apple-watch-ultra .device-btns:before{box-shadow:0 calc(-30*1cqi/var(--device-width)*100)#a38c7680,0 calc(-27*1cqi/var(--device-width)*100)#d6ccc2,0 calc(-25*1cqi/var(--device-width)*100)#89735c,0 calc(-21*1cqi/var(--device-width)*100)#a38c7680,0 calc(-18*1cqi/var(--device-width)*100)#d6ccc2,0 calc(-16*1cqi/var(--device-width)*100)#89735c,0 calc(-12*1cqi/var(--device-width)*100)#a38c7680,0 calc(-9*1cqi/var(--device-width)*100)#d6ccc2,0 calc(-7*1cqi/var(--device-width)*100)#89735c,0 calc(-3*1cqi/var(--device-width)*100)#a38c7680,0 0 #d6ccc2,0 calc(2*1cqi/var(--device-width)*100)#89735c,0 calc(6*1cqi/var(--device-width)*100)#a38c7680,0 calc(9*1cqi/var(--device-width)*100)#d6ccc2,0 calc(11*1cqi/var(--device-width)*100)#89735c,0 calc(15*1cqi/var(--device-width)*100)#a38c7680,0 calc(18*1cqi/var(--device-width)*100)#d6ccc2,0 calc(20*1cqi/var(--device-width)*100)#89735c,0 calc(24*1cqi/var(--device-width)*100)#a38c7680,0 calc(27*1cqi/var(--device-width)*100)#d6ccc2,0 calc(29*1cqi/var(--device-width)*100)#89735c;content:"";height:calc(3*1cqi/var(--device-width)*100);margin-top:calc(-2*1cqi/var(--device-width)*100);right:calc(2*1cqi/var(--device-width)*100);width:calc(16*1cqi/var(--device-width)*100);z-index:9;background:#d6ccc2;border-radius:20%;position:absolute;top:50%}.device-apple-watch-ultra .device-stripe{border-radius:calc(2*1cqi/var(--device-width)*100)calc(8*1cqi/var(--device-width)*100)calc(8*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100);box-shadow:0 calc(14*1cqi/var(--device-width)*100)0 #d6ccc2,0 calc(28*1cqi/var(--device-width)*100)0 #d6ccc2;height:calc(10*1cqi/var(--device-width)*100);left:calc(19*1cqi/var(--device-width)*100);top:calc(98*1cqi/var(--device-width)*100);width:calc(4*1cqi/var(--device-width)*100);z-index:1;background:#e0d9d1;position:absolute}.device-apple-watch-ultra .device-power{border-radius:calc(2*1cqi/var(--device-width)*100)calc(4*1cqi/var(--device-width)*100)calc(4*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)/calc(2*1cqi/var(--device-width)*100)calc(8*1cqi/var(--device-width)*100)calc(8*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100);box-shadow:inset 0 0 calc(2*1cqi/var(--device-width)*100)calc(1*1cqi/var(--device-width)*100)#a38c76;height:calc(72*1cqi/var(--device-width)*100);right:calc(1*1cqi/var(--device-width)*100);top:calc(212*1cqi/var(--device-width)*100);width:calc(4*1cqi/var(--device-width)*100);background:#d6ccc2;position:absolute}.device-apple-watch-ultra .device-home{border:calc(1*1cqi/var(--device-width)*100)solid #a7500c;border-radius:calc(2*1cqi/var(--device-width)*100)calc(4*1cqi/var(--device-width)*100)calc(4*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)/calc(2*1cqi/var(--device-width)*100)calc(8*1cqi/var(--device-width)*100)calc(8*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100);box-shadow:inset 0 0 calc(1*1cqi/var(--device-width)*100)calc(1*1cqi/var(--device-width)*100)#ef812a;height:calc(106*1cqi/var(--device-width)*100);left:calc(19*1cqi/var(--device-width)*100);top:calc(162*1cqi/var(--device-width)*100);width:calc(4*1cqi/var(--device-width)*100);z-index:1;background:#f18f42;position:absolute}.device-apple-watch-s8{--device-width:360;height:calc(380*1cqi/var(--device-width)*100);width:100cqi}.device-apple-watch-s8 .device-frame{border-radius:calc(92*1cqi/var(--device-width)*100);box-shadow:inset 0 0 calc(24*1cqi/var(--device-width)*100)calc(1*1cqi/var(--device-width)*100)#0d0d0d,inset 0 0 0 calc(12*1cqi/var(--device-width)*100)#606c78;height:calc(380*1cqi/var(--device-width)*100);margin:0 calc(20*1cqi/var(--device-width)*100);padding:calc(28*1cqi/var(--device-width)*100)calc(26*1cqi/var(--device-width)*100);width:calc(320*1cqi/var(--device-width)*100);background:#0d0d0d;position:relative}.device-apple-watch-s8 .device-frame:before{border:calc(1*1cqi/var(--device-width)*100)solid #0d0d0d;border-radius:calc(80*1cqi/var(--device-width)*100);box-shadow:0 0 calc(12*1cqi/var(--device-width)*100)#ffffff80,inset 0 0 calc(12*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)#ffffffbf;content:"";height:calc(356*1cqi/var(--device-width)*100);left:calc(12*1cqi/var(--device-width)*100);top:calc(12*1cqi/var(--device-width)*100);width:calc(298*1cqi/var(--device-width)*100);position:absolute}.device-apple-watch-s8 .device-screen{border:calc(2*1cqi/var(--device-width)*100)solid #121212;border-radius:calc(62*1cqi/var(--device-width)*100);height:calc(324*1cqi/var(--device-width)*100);width:calc(268*1cqi/var(--device-width)*100)}.device-apple-watch-s8 .device-btns{border-left:calc(1*1cqi/var(--device-width)*100)solid black;border-radius:calc(8*1cqi/var(--device-width)*100)calc(6*1cqi/var(--device-width)*100)calc(6*1cqi/var(--device-width)*100)calc(8*1cqi/var(--device-width)*100)/calc(20*1cqi/var(--device-width)*100)calc(6*1cqi/var(--device-width)*100)calc(6*1cqi/var(--device-width)*100)calc(20*1cqi/var(--device-width)*100);box-shadow:inset calc(8*1cqi/var(--device-width)*100)0 calc(8*1cqi/var(--device-width)*100)0 #1c1f23,inset calc(-2*1cqi/var(--device-width)*100)0 calc(6*1cqi/var(--device-width)*100)#272c31,calc(-4*1cqi/var(--device-width)*100)0 calc(8*1cqi/var(--device-width)*100)#0d0d0d40;height:calc(72*1cqi/var(--device-width)*100);right:calc(10*1cqi/var(--device-width)*100);top:calc(108*1cqi/var(--device-width)*100);width:calc(18*1cqi/var(--device-width)*100);z-index:9;background:#606c78;position:absolute}.device-apple-watch-s8 .device-btns:after{border-radius:calc(2*1cqi/var(--device-width)*100)calc(4*1cqi/var(--device-width)*100)calc(4*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)/calc(20*1cqi/var(--device-width)*100)calc(8*1cqi/var(--device-width)*100)calc(8*1cqi/var(--device-width)*100)calc(20*1cqi/var(--device-width)*100);box-shadow:inset calc(-2*1cqi/var(--device-width)*100)0 calc(2*1cqi/var(--device-width)*100)0 black,inset calc(-6*1cqi/var(--device-width)*100)0 calc(18*1cqi/var(--device-width)*100)#272c31;content:"";height:calc(72*1cqi/var(--device-width)*100);width:calc(6*1cqi/var(--device-width)*100);background:#272c31;position:absolute;top:0;right:0}.device-apple-watch-s8 .device-btns:before{box-shadow:0 calc(-30*1cqi/var(--device-width)*100)#3e464dbf,0 calc(-27*1cqi/var(--device-width)*100)#272c31,0 calc(-25*1cqi/var(--device-width)*100)black,0 calc(-21*1cqi/var(--device-width)*100)#3e464dbf,0 calc(-18*1cqi/var(--device-width)*100)#272c31,0 calc(-16*1cqi/var(--device-width)*100)black,0 calc(-12*1cqi/var(--device-width)*100)#3e464dbf,0 calc(-9*1cqi/var(--device-width)*100)#272c31,0 calc(-7*1cqi/var(--device-width)*100)black,0 calc(-3*1cqi/var(--device-width)*100)#3e464dbf,0 0 #272c31,0 calc(2*1cqi/var(--device-width)*100)black,0 calc(6*1cqi/var(--device-width)*100)#3e464dbf,0 calc(9*1cqi/var(--device-width)*100)#272c31,0 calc(11*1cqi/var(--device-width)*100)black,0 calc(15*1cqi/var(--device-width)*100)#3e464dbf,0 calc(18*1cqi/var(--device-width)*100)#272c31,0 calc(20*1cqi/var(--device-width)*100)black,0 calc(24*1cqi/var(--device-width)*100)#3e464dbf,0 calc(27*1cqi/var(--device-width)*100)#272c31,0 calc(29*1cqi/var(--device-width)*100)black;content:"";height:calc(3*1cqi/var(--device-width)*100);margin-top:calc(-2*1cqi/var(--device-width)*100);right:calc(2*1cqi/var(--device-width)*100);width:calc(10*1cqi/var(--device-width)*100);z-index:9;background:#272c31;border-radius:20%;position:absolute;top:50%}.device-apple-watch-s8 .device-power{border-radius:calc(2*1cqi/var(--device-width)*100)calc(4*1cqi/var(--device-width)*100)calc(4*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100)/calc(2*1cqi/var(--device-width)*100)calc(8*1cqi/var(--device-width)*100)calc(8*1cqi/var(--device-width)*100)calc(2*1cqi/var(--device-width)*100);box-shadow:inset 0 0 calc(2*1cqi/var(--device-width)*100)calc(1*1cqi/var(--device-width)*100)#101315;height:calc(72*1cqi/var(--device-width)*100);right:calc(18*1cqi/var(--device-width)*100);top:calc(212*1cqi/var(--device-width)*100);width:calc(4*1cqi/var(--device-width)*100);background:#272c31;position:absolute}.device-homepod{--device-width:320;height:calc(395*1cqi/var(--device-width)*100);width:100cqi;display:flex}.device-homepod .device-frame{border-radius:calc(80*1cqi/var(--device-width)*100);box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#36373a,inset 0 0 calc(40*1cqi/var(--device-width)*100)calc(1*1cqi/var(--device-width)*100)#1d1e20,inset 0 calc(12*1cqi/var(--device-width)*100)calc(40*1cqi/var(--device-width)*100)calc(1*1cqi/var(--device-width)*100)white,inset 0 calc(-24*1cqi/var(--device-width)*100)calc(40*1cqi/var(--device-width)*100)calc(1*1cqi/var(--device-width)*100)black;height:calc(385*1cqi/var(--device-width)*100);margin:calc(5*1cqi/var(--device-width)*100)auto;width:calc(320*1cqi/var(--device-width)*100);background:linear-gradient(90deg,#36373a 0,#8d8f95 25%,#1d1e20 60%,#111112 90%,#1d1e20 100%);position:relative;overflow:hidden}.device-homepod .device-stripe{background:repeating-linear-gradient(45deg,#8d8f9559 0,#8d8f9559 calc(2*1cqi/var(--device-width)*100),transparent calc(2*1cqi/var(--device-width)*100),transparent calc(6*1cqi/var(--device-width)*100)),repeating-linear-gradient(135deg,#8d8f9559 0,#8d8f9559 calc(2*1cqi/var(--device-width)*100),transparent calc(2*1cqi/var(--device-width)*100),transparent calc(6*1cqi/var(--device-width)*100)),repeating-linear-gradient(45deg,transparent 0,transparent calc(2*1cqi/var(--device-width)*100),#1d1e2059 calc(2*1cqi/var(--device-width)*100),#1d1e2059 calc(4*1cqi/var(--device-width)*100),transparent calc(4*1cqi/var(--device-width)*100),transparent calc(6*1cqi/var(--device-width)*100)),repeating-linear-gradient(135deg,transparent 0,transparent calc(2*1cqi/var(--device-width)*100),#1d1e2059 calc(2*1cqi/var(--device-width)*100),#1d1e2059 calc(4*1cqi/var(--device-width)*100),transparent calc(4*1cqi/var(--device-width)*100),transparent calc(6*1cqi/var(--device-width)*100));border-radius:calc(80*1cqi/var(--device-width)*100);box-shadow:inset 0 0 0 calc(2*1cqi/var(--device-width)*100)#36373a,inset 0 0 calc(40*1cqi/var(--device-width)*100)calc(1*1cqi/var(--device-width)*100)#1d1e20,inset 0 calc(12*1cqi/var(--device-width)*100)calc(24*1cqi/var(--device-width)*100)calc(1*1cqi/var(--device-width)*100)#9b9ca1,inset 0 calc(-12*1cqi/var(--device-width)*100)calc(24*1cqi/var(--device-width)*100)calc(1*1cqi/var(--device-width)*100)#050505;height:calc(385*1cqi/var(--device-width)*100);left:0;top:calc(5*1cqi/var(--device-width)*100);width:calc(320*1cqi/var(--device-width)*100);z-index:9;position:absolute;overflow:hidden}.device-homepod .device-stripe:before{top:0;transform:translateY(-34%)perspective(500px)rotateX(51deg)}.device-homepod .device-stripe:after{bottom:0;transform:translateY(34%)perspective(500px)rotateX(-51deg)}.device-homepod .device-home:before,.device-homepod .device-home:after{content:"";background:#36373a;position:absolute;left:50%}.device-homepod .device-home:before{border-radius:50% 50% calc(8*1cqi/var(--device-width)*100)calc(8*1cqi/var(--device-width)*100);height:calc(10*1cqi/var(--device-width)*100);margin-left:calc(-85*1cqi/var(--device-width)*100);width:calc(170*1cqi/var(--device-width)*100);top:0}.device-homepod .device-home:after{border-radius:0 0 10% 10%/0 0 calc(8*1cqi/var(--device-width)*100)calc(8*1cqi/var(--device-width)*100);box-shadow:inset 0 0 calc(4*1cqi/var(--device-width)*100)0 #111112;height:calc(5*1cqi/var(--device-width)*100);margin-left:calc(-85*1cqi/var(--device-width)*100);width:calc(170*1cqi/var(--device-width)*100);bottom:0}.device-pro-display-xdr{--device-width:640;height:calc(475*1cqi/var(--device-width)*100);width:100cqi}.device-pro-display-xdr .device-frame{border-radius:calc(4*1cqi/var(--device-width)*100);box-shadow:inset 0 0 calc(2*1cqi/var(--device-width)*100)#d4d5d7;height:calc(368*1cqi/var(--device-width)*100);padding:calc(8*1cqi/var(--device-width)*100);width:calc(640*1cqi/var(--device-width)*100);background:#151515;position:relative}.device-pro-display-xdr .device-frame:before{content:"";height:calc(6*1cqi/var(--device-width)*100);margin-left:calc(-3*1cqi/var(--device-width)*100);text-align:center;left:50%;top:calc(6*1cqi/var(--device-width)*100);width:calc(6*1cqi/var(--device-width)*100);z-index:9;background:#050505;border-radius:50%;position:absolute}.device-pro-display-xdr .device-screen{border:calc(2*1cqi/var(--device-width)*100)solid #121212;border-radius:calc(2*1cqi/var(--device-width)*100);height:calc(352*1cqi/var(--device-width)*100);width:calc(624*1cqi/var(--device-width)*100)}.device-pro-display-xdr .device-power:after{border-top:calc(1*1cqi/var(--device-width)*100)solid #d4d5d7;content:"";height:calc(6*1cqi/var(--device-width)*100);width:calc(152*1cqi/var(--device-width)*100);background:radial-gradient(circle,#d4d5d7 85%,#9fa1a6 100%);margin:0 auto;position:relative}.device-pro-display-xdr .device-power:before{content:"";height:calc(102*1cqi/var(--device-width)*100);width:calc(152*1cqi/var(--device-width)*100);background:linear-gradient(#9fa1a6 0,#c7c8cb 40% 85%,#fff 90%,#6b6e74 100%);margin:0 auto;position:relative}.device-pro-display-xdr .device-home{border-radius:0 0 calc(3*1cqi/var(--device-width)*100)calc(3*1cqi/var(--device-width)*100);bottom:calc(-2*1cqi/var(--device-width)*100);box-shadow:calc(-61*1cqi/var(--device-width)*100)0 #6b6e74,calc(61*1cqi/var(--device-width)*100)0 #6b6e74;height:calc(1*1cqi/var(--device-width)*100);margin-left:calc(-15*1cqi/var(--device-width)*100);width:calc(30*1cqi/var(--device-width)*100);background:0 0;position:absolute;left:50%}