:root{--size-divisor:1.7}.marvel-device{display:inline-block;position:relative;box-sizing:content-box!important}.marvel-device .screen{width:100%;position:relative;height:100%;z-index:3;background:#fff;overflow:hidden;display:block;border-radius:calc(1px / var(--size-divisor));box-shadow:0 0 0 calc(3px / var(--size-divisor)) #111}.marvel-device .bottom-bar,.marvel-device .top-bar{height:calc(3px / var(--size-divisor));background:#000;width:100%;display:block}.marvel-device .middle-bar{width:calc(3px / var(--size-divisor));height:calc(4px / var(--size-divisor));top:calc(0px / var(--size-divisor));left:calc(90px / var(--size-divisor));background:#000;position:absolute}.marvel-device.iphone8{width:calc(375px / var(--size-divisor));height:calc(667px / var(--size-divisor));padding:calc(105px / var(--size-divisor)) calc(24px / var(--size-divisor));background:#d9dbdc;border-radius:calc(56px / var(--size-divisor));box-shadow:inset 0 0 calc(3px / var(--size-divisor)) 0 rgba(0,0,0,.2)}.marvel-device.iphone8:before{width:calc(100% - calc(12px) / var(--size-divisor));height:calc(100% - calc(12px) / var(--size-divisor));position:absolute;top:calc(6px / var(--size-divisor));content:"";left:calc(6px / var(--size-divisor));border-radius:calc(50px / var(--size-divisor));background:#f8f8f8;z-index:1}.marvel-device.iphone8:after{width:calc(100% - calc(16px) / var(--size-divisor));height:calc(100% - calc(16px) / var(--size-divisor));position:absolute;top:calc(8px / var(--size-divisor));content:"";left:calc(8px / var(--size-divisor));border-radius:calc(48px / var(--size-divisor));box-shadow:inset 0 0 calc(3px / var(--size-divisor)) 0 rgba(0,0,0,.1),inset 0 0 calc(6px / var(--size-divisor)) calc(3px / var(--size-divisor)) #fff;z-index:2}.marvel-device.iphone8 .home{border-radius:100%;width:calc(68px / var(--size-divisor));height:calc(68px / var(--size-divisor));position:absolute;left:50%;margin-left:calc(-34px / var(--size-divisor));bottom:calc(22px / var(--size-divisor));z-index:3;background:#303233;background:linear-gradient(135deg,#303233,#b5b7b9 50%,#f0f2f2 69%,#303233)}.marvel-device.iphone8 .home:before{background:#f8f8f8;position:absolute;content:"";border-radius:100%;width:calc(100% - calc(8px) / var(--size-divisor));height:calc(100% - calc(8px) / var(--size-divisor));top:calc(4px / var(--size-divisor));left:calc(4px / var(--size-divisor))}.marvel-device.iphone8 .top-bar{top:calc(68px / var(--size-divisor))}.marvel-device.iphone8 .bottom-bar,.marvel-device.iphone8 .top-bar{height:calc(14px / var(--size-divisor));background:#bfbfc0;position:absolute;left:0}.marvel-device.iphone8 .bottom-bar{bottom:calc(68px / var(--size-divisor))}.marvel-device.iphone8 .sleep{top:calc(190px / var(--size-divisor));right:calc(-4px / var(--size-divisor));border-radius:calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor))}.marvel-device.iphone8 .sleep,.marvel-device.iphone8 .volume{position:absolute;width:calc(4px / var(--size-divisor));height:calc(66px / var(--size-divisor));background:#d9dbdc}.marvel-device.iphone8 .volume{left:calc(-4px / var(--size-divisor));top:calc(188px / var(--size-divisor));z-index:0;border-radius:calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor))}.marvel-device.iphone8 .volume:before{left:calc(2px / var(--size-divisor));top:calc(-78px / var(--size-divisor));height:calc(40px / var(--size-divisor));width:calc(2px / var(--size-divisor))}.marvel-device.iphone8 .volume:after,.marvel-device.iphone8 .volume:before{position:absolute;border-radius:calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor));background:inherit;content:"";display:block}.marvel-device.iphone8 .volume:after{left:calc(0px / var(--size-divisor));top:calc(82px / var(--size-divisor));height:calc(66px / var(--size-divisor));width:calc(4px / var(--size-divisor))}.marvel-device.iphone8 .camera{width:calc(12px / var(--size-divisor));height:calc(12px / var(--size-divisor));top:calc(24px / var(--size-divisor));left:50%;margin-left:calc(-6px / var(--size-divisor))}.marvel-device.iphone8 .camera,.marvel-device.iphone8 .sensor{background:#3c3d3d;position:absolute;border-radius:100%;z-index:3}.marvel-device.iphone8 .sensor{width:calc(16px / var(--size-divisor));height:calc(16px / var(--size-divisor));top:calc(49px / var(--size-divisor));left:calc(134px / var(--size-divisor))}.marvel-device.iphone8 .speaker{background:#292728;width:calc(70px / var(--size-divisor));height:calc(6px / var(--size-divisor));position:absolute;top:calc(54px / var(--size-divisor));left:50%;margin-left:calc(-35px / var(--size-divisor));border-radius:calc(6px / var(--size-divisor));z-index:3}.marvel-device.iphone8.gold{background:#f9e7d3}.marvel-device.iphone8.gold .bottom-bar,.marvel-device.iphone8.gold .top-bar{background:#fff}.marvel-device.iphone8.gold .sleep,.marvel-device.iphone8.gold .volume{background:#f9e7d3}.marvel-device.iphone8.gold .home{background:#cebba9;background:linear-gradient(135deg,#cebba9,#f9e7d3 50%,#cebba9)}.marvel-device.iphone8.black{background:#464646;box-shadow:inset 0 0 calc(3px / var(--size-divisor)) 0 rgba(0,0,0,.7)}.marvel-device.iphone8.black:before{background:#080808}.marvel-device.iphone8.black:after{box-shadow:inset 0 0 calc(3px / var(--size-divisor)) 0 rgba(0,0,0,.1),inset 0 0 calc(6px / var(--size-divisor)) calc(3px / var(--size-divisor)) #212121}.marvel-device.iphone8.black .bottom-bar,.marvel-device.iphone8.black .top-bar{background:#212121}.marvel-device.iphone8.black .sleep,.marvel-device.iphone8.black .volume{background:#464646}.marvel-device.iphone8.black .camera{background:#080808}.marvel-device.iphone8.black .home{background:#080808;background:linear-gradient(135deg,#080808,#464646 50%,#080808)}.marvel-device.iphone8.black .home:before{background:#080808}.marvel-device.iphone8.landscape{padding:calc(24px / var(--size-divisor)) calc(105px / var(--size-divisor));height:calc(375px / var(--size-divisor));width:calc(667px / var(--size-divisor))}.marvel-device.iphone8.landscape .sleep{top:100%;border-radius:calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor));right:calc(190px / var(--size-divisor));height:calc(4px / var(--size-divisor));width:calc(66px / var(--size-divisor))}.marvel-device.iphone8.landscape .volume{width:calc(66px / var(--size-divisor));height:calc(4px / var(--size-divisor));top:calc(-4px / var(--size-divisor));left:calc(100% - calc(188px / var(--size-divisor)) - calc(66px) / var(--size-divisor))}.marvel-device.iphone8.landscape .volume,.marvel-device.iphone8.landscape .volume:before{border-radius:calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor))}.marvel-device.iphone8.landscape .volume:before{width:calc(40px / var(--size-divisor));height:calc(2px / var(--size-divisor));top:calc(2px / var(--size-divisor));right:calc(-78px / var(--size-divisor));left:auto}.marvel-device.iphone8.landscape .volume:after{left:calc(-82px / var(--size-divisor));width:calc(66px / var(--size-divisor));height:calc(4px / var(--size-divisor));top:0;border-radius:calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor))}.marvel-device.iphone8.landscape .top-bar{width:calc(14px / var(--size-divisor));height:100%;left:calc(100% - calc(68px / var(--size-divisor)) - calc(14px) / var(--size-divisor));top:0}.marvel-device.iphone8.landscape .bottom-bar{width:calc(14px / var(--size-divisor));height:100%;left:calc(68px / var(--size-divisor));top:0}.marvel-device.iphone8.landscape .home{top:50%;margin-top:calc(-34px / var(--size-divisor));margin-left:0;left:calc(22px / var(--size-divisor))}.marvel-device.iphone8.landscape .sensor{top:calc(134px / var(--size-divisor));left:calc(100% - calc(49px / var(--size-divisor)) - calc(16px) / var(--size-divisor))}.marvel-device.iphone8.landscape .speaker{height:calc(70px / var(--size-divisor));width:calc(6px / var(--size-divisor));left:calc(100% - calc(54px / var(--size-divisor)) - calc(6px) / var(--size-divisor));top:50%;margin-left:calc(0px / var(--size-divisor));margin-top:calc(-35px / var(--size-divisor))}.marvel-device.iphone8.landscape .camera{left:calc(100% - calc(32px) / var(--size-divisor));top:50%;margin-left:calc(0px / var(--size-divisor));margin-top:calc(-5px / var(--size-divisor))}.marvel-device.iphone8plus{width:calc(414px / var(--size-divisor));height:calc(736px / var(--size-divisor));padding:calc(112px / var(--size-divisor)) calc(26px / var(--size-divisor));background:#d9dbdc;border-radius:calc(56px / var(--size-divisor));box-shadow:inset 0 0 calc(3px / var(--size-divisor)) 0 rgba(0,0,0,.2)}.marvel-device.iphone8plus:before{width:calc(100% - calc(12px) / var(--size-divisor));height:calc(100% - calc(12px) / var(--size-divisor));position:absolute;top:calc(6px / var(--size-divisor));content:"";left:calc(6px / var(--size-divisor));border-radius:calc(50px / var(--size-divisor));background:#f8f8f8;z-index:1}.marvel-device.iphone8plus:after{width:calc(100% - calc(16px) / var(--size-divisor));height:calc(100% - calc(16px) / var(--size-divisor));position:absolute;top:calc(8px / var(--size-divisor));content:"";left:calc(8px / var(--size-divisor));border-radius:calc(48px / var(--size-divisor));box-shadow:inset 0 0 calc(3px / var(--size-divisor)) 0 rgba(0,0,0,.1),inset 0 0 calc(6px / var(--size-divisor)) calc(3px / var(--size-divisor)) #fff;z-index:2}.marvel-device.iphone8plus .home{border-radius:100%;width:calc(68px / var(--size-divisor));height:calc(68px / var(--size-divisor));position:absolute;left:50%;margin-left:calc(-34px / var(--size-divisor));bottom:calc(24px / var(--size-divisor));z-index:3;background:#303233;background:linear-gradient(135deg,#303233,#b5b7b9 50%,#f0f2f2 69%,#303233)}.marvel-device.iphone8plus .home:before{background:#f8f8f8;position:absolute;content:"";border-radius:100%;width:calc(100% - calc(8px) / var(--size-divisor));height:calc(100% - calc(8px) / var(--size-divisor));top:calc(4px / var(--size-divisor));left:calc(4px / var(--size-divisor))}.marvel-device.iphone8plus .top-bar{top:calc(68px / var(--size-divisor))}.marvel-device.iphone8plus .bottom-bar,.marvel-device.iphone8plus .top-bar{height:calc(14px / var(--size-divisor));background:#bfbfc0;position:absolute;left:0}.marvel-device.iphone8plus .bottom-bar{bottom:calc(68px / var(--size-divisor))}.marvel-device.iphone8plus .sleep{top:calc(190px / var(--size-divisor));right:calc(-4px / var(--size-divisor));border-radius:calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor))}.marvel-device.iphone8plus .sleep,.marvel-device.iphone8plus .volume{position:absolute;width:calc(4px / var(--size-divisor));height:calc(66px / var(--size-divisor));background:#d9dbdc}.marvel-device.iphone8plus .volume{left:calc(-4px / var(--size-divisor));top:calc(188px / var(--size-divisor));z-index:0;border-radius:calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor))}.marvel-device.iphone8plus .volume:before{left:calc(2px / var(--size-divisor));top:calc(-78px / var(--size-divisor));height:calc(40px / var(--size-divisor));width:calc(2px / var(--size-divisor))}.marvel-device.iphone8plus .volume:after,.marvel-device.iphone8plus .volume:before{position:absolute;border-radius:calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor));background:inherit;content:"";display:block}.marvel-device.iphone8plus .volume:after{left:calc(0px / var(--size-divisor));top:calc(82px / var(--size-divisor));height:calc(66px / var(--size-divisor));width:calc(4px / var(--size-divisor))}.marvel-device.iphone8plus .camera{background:#3c3d3d;width:calc(12px / var(--size-divisor));height:calc(12px / var(--size-divisor));position:absolute;top:calc(29px / var(--size-divisor));left:50%;margin-left:calc(-6px / var(--size-divisor));border-radius:100%;z-index:3}.marvel-device.iphone8plus .sensor{background:#3c3d3d;width:calc(16px / var(--size-divisor));height:calc(16px / var(--size-divisor));position:absolute;top:calc(54px / var(--size-divisor));left:calc(154px / var(--size-divisor));z-index:3;border-radius:100%}.marvel-device.iphone8plus .speaker{background:#292728;width:calc(70px / var(--size-divisor));height:calc(6px / var(--size-divisor));position:absolute;top:calc(59px / var(--size-divisor));left:50%;margin-left:calc(-35px / var(--size-divisor));border-radius:calc(6px / var(--size-divisor));z-index:3}.marvel-device.iphone8plus.gold{background:#f9e7d3}.marvel-device.iphone8plus.gold .bottom-bar,.marvel-device.iphone8plus.gold .top-bar{background:#fff}.marvel-device.iphone8plus.gold .sleep,.marvel-device.iphone8plus.gold .volume{background:#f9e7d3}.marvel-device.iphone8plus.gold .home{background:#cebba9;background:linear-gradient(135deg,#cebba9,#f9e7d3 50%,#cebba9)}.marvel-device.iphone8plus.black{background:#464646;box-shadow:inset 0 0 calc(3px / var(--size-divisor)) 0 rgba(0,0,0,.7)}.marvel-device.iphone8plus.black:before{background:#080808}.marvel-device.iphone8plus.black:after{box-shadow:inset 0 0 calc(3px / var(--size-divisor)) 0 rgba(0,0,0,.1),inset 0 0 calc(6px / var(--size-divisor)) calc(3px / var(--size-divisor)) #212121}.marvel-device.iphone8plus.black .bottom-bar,.marvel-device.iphone8plus.black .top-bar{background:#212121}.marvel-device.iphone8plus.black .sleep,.marvel-device.iphone8plus.black .volume{background:#464646}.marvel-device.iphone8plus.black .camera{background:#080808}.marvel-device.iphone8plus.black .home{background:#080808;background:linear-gradient(135deg,#080808,#464646 50%,#080808)}.marvel-device.iphone8plus.black .home:before{background:#080808}.marvel-device.iphone8plus.landscape{padding:calc(26px / var(--size-divisor)) calc(112px / var(--size-divisor));height:calc(414px / var(--size-divisor));width:calc(736px / var(--size-divisor))}.marvel-device.iphone8plus.landscape .sleep{top:100%;border-radius:calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor));right:calc(190px / var(--size-divisor));height:calc(4px / var(--size-divisor));width:calc(66px / var(--size-divisor))}.marvel-device.iphone8plus.landscape .volume{width:calc(66px / var(--size-divisor));height:calc(4px / var(--size-divisor));top:calc(-4px / var(--size-divisor));left:calc(100% - calc(188px / var(--size-divisor)) - calc(66px) / var(--size-divisor))}.marvel-device.iphone8plus.landscape .volume,.marvel-device.iphone8plus.landscape .volume:before{border-radius:calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor))}.marvel-device.iphone8plus.landscape .volume:before{width:calc(40px / var(--size-divisor));height:calc(2px / var(--size-divisor));top:calc(2px / var(--size-divisor));right:calc(-78px / var(--size-divisor));left:auto}.marvel-device.iphone8plus.landscape .volume:after{left:calc(-82px / var(--size-divisor));width:calc(66px / var(--size-divisor));height:calc(4px / var(--size-divisor));top:0;border-radius:calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor))}.marvel-device.iphone8plus.landscape .top-bar{width:calc(14px / var(--size-divisor));height:100%;left:calc(100% - calc(68px / var(--size-divisor)) - calc(14px) / var(--size-divisor));top:0}.marvel-device.iphone8plus.landscape .bottom-bar{width:calc(14px / var(--size-divisor));height:100%;left:calc(68px / var(--size-divisor));top:0}.marvel-device.iphone8plus.landscape .home{top:50%;margin-top:calc(-34px / var(--size-divisor));margin-left:0;left:calc(24px / var(--size-divisor))}.marvel-device.iphone8plus.landscape .sensor{top:calc(154px / var(--size-divisor));left:calc(100% - calc(54px / var(--size-divisor)) - calc(16px) / var(--size-divisor))}.marvel-device.iphone8plus.landscape .speaker{height:calc(70px / var(--size-divisor));width:calc(6px / var(--size-divisor));left:calc(100% - calc(59px / var(--size-divisor)) - calc(6px) / var(--size-divisor));top:50%;margin-left:calc(0px / var(--size-divisor));margin-top:calc(-35px / var(--size-divisor))}.marvel-device.iphone8plus.landscape .camera{left:calc(100% - calc(29px) / var(--size-divisor));top:50%;margin-left:calc(0px / var(--size-divisor));margin-top:calc(-5px / var(--size-divisor))}.marvel-device.iphone5c,.marvel-device.iphone5s{padding:calc(105px / var(--size-divisor)) calc(22px / var(--size-divisor));background:#2c2b2c;width:calc(320px / var(--size-divisor));height:calc(568px / var(--size-divisor));border-radius:calc(50px / var(--size-divisor))}.marvel-device.iphone5c:before,.marvel-device.iphone5s:before{width:calc(100% - calc(8px) / var(--size-divisor));height:calc(100% - calc(8px) / var(--size-divisor));position:absolute;top:calc(4px / var(--size-divisor));content:"";left:calc(4px / var(--size-divisor));border-radius:calc(46px / var(--size-divisor));background:#1e1e1e;z-index:1}.marvel-device.iphone5c .sleep,.marvel-device.iphone5s .sleep{position:absolute;top:calc(-4px / var(--size-divisor));right:calc(60px / var(--size-divisor));width:calc(60px / var(--size-divisor));height:calc(4px / var(--size-divisor));border-radius:calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor));background:#282727}.marvel-device.iphone5c .volume,.marvel-device.iphone5s .volume{position:absolute;left:calc(-4px / var(--size-divisor));top:calc(180px / var(--size-divisor));z-index:0;height:calc(27px / var(--size-divisor));width:calc(4px / var(--size-divisor));border-radius:calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor));background:#282727}.marvel-device.iphone5c .volume:before,.marvel-device.iphone5s .volume:before{top:calc(-75px / var(--size-divisor));height:calc(35px / var(--size-divisor))}.marvel-device.iphone5c .volume:after,.marvel-device.iphone5c .volume:before,.marvel-device.iphone5s .volume:after,.marvel-device.iphone5s .volume:before{position:absolute;left:calc(0px / var(--size-divisor));width:calc(4px / var(--size-divisor));border-radius:calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor));background:inherit;content:"";display:block}.marvel-device.iphone5c .volume:after,.marvel-device.iphone5s .volume:after{bottom:calc(-64px / var(--size-divisor));height:calc(27px / var(--size-divisor))}.marvel-device.iphone5c .camera,.marvel-device.iphone5s .camera{top:calc(32px / var(--size-divisor));left:50%;margin-left:calc(-5px / var(--size-divisor))}.marvel-device.iphone5c .camera,.marvel-device.iphone5c .sensor,.marvel-device.iphone5s .camera,.marvel-device.iphone5s .sensor{background:#3c3d3d;width:calc(10px / var(--size-divisor));height:calc(10px / var(--size-divisor));position:absolute;border-radius:calc(5px / var(--size-divisor));z-index:3}.marvel-device.iphone5c .sensor,.marvel-device.iphone5s .sensor{top:calc(60px / var(--size-divisor));left:calc(160px / var(--size-divisor));margin-left:calc(-32px / var(--size-divisor))}.marvel-device.iphone5c .speaker,.marvel-device.iphone5s .speaker{background:#292728;width:calc(64px / var(--size-divisor));height:calc(10px / var(--size-divisor));position:absolute;top:calc(60px / var(--size-divisor));left:50%;margin-left:calc(-32px / var(--size-divisor));border-radius:calc(5px / var(--size-divisor));z-index:3}.marvel-device.iphone5c.landscape,.marvel-device.iphone5s.landscape{padding:calc(22px / var(--size-divisor)) calc(105px / var(--size-divisor));height:calc(320px / var(--size-divisor));width:calc(568px / var(--size-divisor))}.marvel-device.iphone5c.landscape .sleep,.marvel-device.iphone5s.landscape .sleep{right:calc(-4px / var(--size-divisor));top:calc(100% - calc(120px) / var(--size-divisor));height:calc(60px / var(--size-divisor));width:calc(4px / var(--size-divisor));border-radius:calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor))}.marvel-device.iphone5c.landscape .volume,.marvel-device.iphone5s.landscape .volume{width:calc(27px / var(--size-divisor));height:calc(4px / var(--size-divisor));top:calc(-4px / var(--size-divisor));left:calc(100% - calc(180px) / var(--size-divisor));border-radius:calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor))}.marvel-device.iphone5c.landscape .volume:before,.marvel-device.iphone5s.landscape .volume:before{width:calc(35px / var(--size-divisor));height:calc(4px / var(--size-divisor));top:calc(0px / var(--size-divisor));right:calc(-75px / var(--size-divisor));left:auto;border-radius:calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor))}.marvel-device.iphone5c.landscape .volume:after,.marvel-device.iphone5s.landscape .volume:after{bottom:calc(0px / var(--size-divisor));left:calc(-64px / var(--size-divisor));z-index:999;height:calc(4px / var(--size-divisor));width:calc(27px / var(--size-divisor));border-radius:calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor))}.marvel-device.iphone5c.landscape .sensor,.marvel-device.iphone5s.landscape .sensor{top:calc(160px / var(--size-divisor));left:calc(100% - calc(60px) / var(--size-divisor));margin-left:calc(0px / var(--size-divisor));margin-top:calc(-32px / var(--size-divisor))}.marvel-device.iphone5c.landscape .speaker,.marvel-device.iphone5s.landscape .speaker{height:calc(64px / var(--size-divisor));width:calc(10px / var(--size-divisor));left:calc(100% - calc(60px) / var(--size-divisor));top:50%;margin-left:calc(0px / var(--size-divisor));margin-top:calc(-32px / var(--size-divisor))}.marvel-device.iphone5c.landscape .camera,.marvel-device.iphone5s.landscape .camera{left:calc(100% - calc(32px) / var(--size-divisor));top:50%;margin-left:calc(0px / var(--size-divisor));margin-top:calc(-5px / var(--size-divisor))}.marvel-device.iphone5s .home{border-radius:calc(36px / var(--size-divisor));width:calc(68px / var(--size-divisor));box-shadow:inset 0 0 0 calc(4px / var(--size-divisor)) #2c2b2c;height:calc(68px / var(--size-divisor));position:absolute;left:50%;margin-left:calc(-34px / var(--size-divisor));bottom:calc(19px / var(--size-divisor));z-index:3}.marvel-device.iphone5s .top-bar{top:calc(70px / var(--size-divisor));position:absolute;left:0}.marvel-device.iphone5s .bottom-bar{bottom:calc(70px / var(--size-divisor));position:absolute;left:0}.marvel-device.iphone5s.landscape .home{left:calc(19px / var(--size-divisor));bottom:50%;margin-bottom:calc(-34px / var(--size-divisor));margin-left:calc(0px / var(--size-divisor))}.marvel-device.iphone5s.landscape .top-bar{left:calc(70px / var(--size-divisor));top:calc(0px / var(--size-divisor));width:calc(3px / var(--size-divisor));height:100%}.marvel-device.iphone5s.landscape .bottom-bar{right:calc(70px / var(--size-divisor));left:auto;bottom:calc(0px / var(--size-divisor));width:calc(3px / var(--size-divisor));height:100%}.marvel-device.iphone5s.silver{background:#bcbcbc}.marvel-device.iphone5s.silver:before{background:#fcfcfc}.marvel-device.iphone5s.silver .sleep,.marvel-device.iphone5s.silver .volume{background:#d6d6d6}.marvel-device.iphone5s.silver .bottom-bar,.marvel-device.iphone5s.silver .top-bar{background:#eaebec}.marvel-device.iphone5s.silver .home{box-shadow:inset 0 0 0 calc(4px / var(--size-divisor)) #bcbcbc}.marvel-device.iphone5s.gold{background:#f9e7d3}.marvel-device.iphone5s.gold:before{background:#fcfcfc}.marvel-device.iphone5s.gold .sleep,.marvel-device.iphone5s.gold .volume{background:#f9e7d3}.marvel-device.iphone5s.gold .bottom-bar,.marvel-device.iphone5s.gold .top-bar{background:#fff}.marvel-device.iphone5s.gold .home{box-shadow:inset 0 0 0 calc(4px / var(--size-divisor)) #f9e7d3}.marvel-device.iphone5c{background:#fff;box-shadow:0 calc(1px / var(--size-divisor)) calc(2px / var(--size-divisor)) 0 rgba(0,0,0,.2)}.marvel-device.iphone5c .bottom-bar,.marvel-device.iphone5c .top-bar{display:none}.marvel-device.iphone5c .home{background:#242324;border-radius:calc(36px / var(--size-divisor));width:calc(68px / var(--size-divisor));height:calc(68px / var(--size-divisor));z-index:3;position:absolute;left:50%;margin-left:calc(-34px / var(--size-divisor));bottom:calc(19px / var(--size-divisor))}.marvel-device.iphone5c .home:after{width:calc(20px / var(--size-divisor));height:calc(20px / var(--size-divisor));border:calc(1px / var(--size-divisor)) solid hsla(0,0%,100%,.1);border-radius:calc(4px / var(--size-divisor));position:absolute;display:block;content:"";top:50%;left:50%;margin-top:calc(-11px / var(--size-divisor));margin-left:calc(-11px / var(--size-divisor))}.marvel-device.iphone5c.landscape .home{left:calc(19px / var(--size-divisor));bottom:50%;margin-bottom:calc(-34px / var(--size-divisor));margin-left:calc(0px / var(--size-divisor))}.marvel-device.iphone5c .sleep,.marvel-device.iphone5c .volume{background:#ddd}.marvel-device.iphone5c.red{background:#f96b6c}.marvel-device.iphone5c.red .sleep,.marvel-device.iphone5c.red .volume{background:#ed5758}.marvel-device.iphone5c.yellow{background:#f2dc60}.marvel-device.iphone5c.yellow .sleep,.marvel-device.iphone5c.yellow .volume{background:#e5ce4c}.marvel-device.iphone5c.green{background:#97e563}.marvel-device.iphone5c.green .sleep,.marvel-device.iphone5c.green .volume{background:#85d94d}.marvel-device.iphone5c.blue{background:#33a2db}.marvel-device.iphone5c.blue .sleep,.marvel-device.iphone5c.blue .volume{background:#2694cd}.marvel-device.iphone4s{padding:calc(129px / var(--size-divisor)) calc(27px / var(--size-divisor));width:calc(320px / var(--size-divisor));height:calc(480px / var(--size-divisor));background:#686868;border-radius:calc(54px / var(--size-divisor))}.marvel-device.iphone4s:before{content:"";width:calc(100% - calc(8px) / var(--size-divisor));height:calc(100% - calc(8px) / var(--size-divisor));position:absolute;top:calc(4px / var(--size-divisor));left:calc(4px / var(--size-divisor));z-index:1;border-radius:calc(50px / var(--size-divisor));background:#1e1e1e}.marvel-device.iphone4s .top-bar{top:calc(60px / var(--size-divisor));position:absolute;left:0}.marvel-device.iphone4s .bottom-bar{bottom:calc(90px / var(--size-divisor));position:absolute;left:0}.marvel-device.iphone4s .camera{background:#3c3d3d;width:calc(10px / var(--size-divisor));left:calc(134px / var(--size-divisor));margin-left:calc(-5px / var(--size-divisor));border-radius:100%}.marvel-device.iphone4s .camera,.marvel-device.iphone4s .speaker{height:calc(10px / var(--size-divisor));position:absolute;top:calc(72px / var(--size-divisor));z-index:3}.marvel-device.iphone4s .speaker{width:calc(64px / var(--size-divisor));margin-left:calc(-32px / var(--size-divisor))}.marvel-device.iphone4s .sensor,.marvel-device.iphone4s .speaker{background:#292728;left:50%;border-radius:calc(5px / var(--size-divisor))}.marvel-device.iphone4s .sensor{width:calc(40px / var(--size-divisor));height:calc(10px / var(--size-divisor));position:absolute;top:calc(36px / var(--size-divisor));z-index:3;margin-left:calc(-20px / var(--size-divisor))}.marvel-device.iphone4s .home{background:#242324;border-radius:100%;width:calc(72px / var(--size-divisor));height:calc(72px / var(--size-divisor));z-index:3;position:absolute;left:50%;margin-left:calc(-36px / var(--size-divisor));bottom:calc(30px / var(--size-divisor))}.marvel-device.iphone4s .home:after{width:calc(20px / var(--size-divisor));height:calc(20px / var(--size-divisor));border:calc(1px / var(--size-divisor)) solid hsla(0,0%,100%,.1);border-radius:calc(4px / var(--size-divisor));position:absolute;display:block;content:"";top:50%;left:50%;margin-top:calc(-11px / var(--size-divisor));margin-left:calc(-11px / var(--size-divisor))}.marvel-device.iphone4s .sleep{position:absolute;top:calc(-4px / var(--size-divisor));right:calc(60px / var(--size-divisor));width:calc(60px / var(--size-divisor));height:calc(4px / var(--size-divisor));border-radius:calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor));background:#4d4d4d}.marvel-device.iphone4s .volume{position:absolute;left:calc(-4px / var(--size-divisor));top:calc(160px / var(--size-divisor));height:calc(27px / var(--size-divisor));width:calc(4px / var(--size-divisor));border-radius:calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor));background:#4d4d4d}.marvel-device.iphone4s .volume:before{top:calc(-70px / var(--size-divisor));height:calc(35px / var(--size-divisor))}.marvel-device.iphone4s .volume:after,.marvel-device.iphone4s .volume:before{position:absolute;left:calc(0px / var(--size-divisor));width:calc(4px / var(--size-divisor));border-radius:calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor));background:inherit;content:"";display:block}.marvel-device.iphone4s .volume:after{bottom:calc(-64px / var(--size-divisor));height:calc(27px / var(--size-divisor))}.marvel-device.iphone4s.landscape{padding:calc(27px / var(--size-divisor)) calc(129px / var(--size-divisor));height:calc(320px / var(--size-divisor));width:calc(480px / var(--size-divisor))}.marvel-device.iphone4s.landscape .bottom-bar{left:calc(90px / var(--size-divisor));bottom:calc(0px / var(--size-divisor));height:100%;width:calc(3px / var(--size-divisor))}.marvel-device.iphone4s.landscape .top-bar{left:calc(100% - calc(60px) / var(--size-divisor));top:calc(0px / var(--size-divisor));height:100%;width:calc(3px / var(--size-divisor))}.marvel-device.iphone4s.landscape .camera{top:calc(134px / var(--size-divisor));left:calc(100% - calc(72px) / var(--size-divisor));margin-left:0}.marvel-device.iphone4s.landscape .speaker{top:50%;margin-left:0;margin-top:calc(-32px / var(--size-divisor));left:calc(100% - calc(72px) / var(--size-divisor));width:calc(10px / var(--size-divisor));height:calc(64px / var(--size-divisor))}.marvel-device.iphone4s.landscape .sensor{height:calc(40px / var(--size-divisor));width:calc(10px / var(--size-divisor));left:calc(100% - calc(36px) / var(--size-divisor));top:50%;margin-left:0;margin-top:calc(-20px / var(--size-divisor))}.marvel-device.iphone4s.landscape .home{left:calc(30px / var(--size-divisor));bottom:50%;margin-left:0;margin-bottom:calc(-36px / var(--size-divisor))}.marvel-device.iphone4s.landscape .sleep{height:calc(60px / var(--size-divisor));width:calc(4px / var(--size-divisor));right:calc(-4px / var(--size-divisor));top:calc(100% - calc(120px) / var(--size-divisor));border-radius:calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor))}.marvel-device.iphone4s.landscape .volume{top:calc(-4px / var(--size-divisor));left:calc(100% - calc(187px) / var(--size-divisor));width:calc(27px / var(--size-divisor))}.marvel-device.iphone4s.landscape .volume,.marvel-device.iphone4s.landscape .volume:before{height:calc(4px / var(--size-divisor));border-radius:calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor))}.marvel-device.iphone4s.landscape .volume:before{right:calc(-70px / var(--size-divisor));left:auto;top:calc(0px / var(--size-divisor));width:calc(35px / var(--size-divisor))}.marvel-device.iphone4s.landscape .volume:after{width:calc(27px / var(--size-divisor));height:calc(4px / var(--size-divisor));bottom:calc(0px / var(--size-divisor));left:calc(-64px / var(--size-divisor));border-radius:calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor))}.marvel-device.iphone4s.silver{background:#bcbcbc}.marvel-device.iphone4s.silver:before{background:#fcfcfc}.marvel-device.iphone4s.silver .home{background:#fcfcfc;box-shadow:inset 0 0 0 calc(1px / var(--size-divisor)) #bcbcbc}.marvel-device.iphone4s.silver .home:after{border:calc(1px / var(--size-divisor)) solid rgba(0,0,0,.2)}.marvel-device.iphone4s.silver .sleep,.marvel-device.iphone4s.silver .volume{background:#d6d6d6}.marvel-device.nexus5{padding:calc(50px / var(--size-divisor)) calc(15px / var(--size-divisor)) calc(50px / var(--size-divisor)) calc(15px / var(--size-divisor));width:calc(320px / var(--size-divisor));height:calc(568px / var(--size-divisor));background:#1e1e1e;border-radius:calc(20px / var(--size-divisor))}.marvel-device.nexus5:before{border-radius:calc(600px / var(--size-divisor)) /calc(50px / var(--size-divisor));background:inherit;content:"";top:0;position:absolute;height:103.1%;width:calc(100% - calc(26px) / var(--size-divisor));top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.marvel-device.nexus5 .top-bar{width:calc(100% - calc(8px) / var(--size-divisor));height:calc(100% - calc(6px) / var(--size-divisor));position:absolute;top:calc(3px / var(--size-divisor));left:calc(4px / var(--size-divisor));border-radius:calc(20px / var(--size-divisor));background:#181818}.marvel-device.nexus5 .top-bar:before{border-radius:calc(600px / var(--size-divisor)) /calc(50px / var(--size-divisor));background:inherit;content:"";top:0;position:absolute;height:103%;width:calc(100% - calc(26px) / var(--size-divisor));top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.marvel-device.nexus5 .bottom-bar{display:none}.marvel-device.nexus5 .sleep{left:calc(-3px / var(--size-divisor));top:calc(110px / var(--size-divisor));height:calc(100px / var(--size-divisor));border-radius:calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor))}.marvel-device.nexus5 .sleep,.marvel-device.nexus5 .volume{width:calc(3px / var(--size-divisor));position:absolute;background:inherit}.marvel-device.nexus5 .volume{right:calc(-3px / var(--size-divisor));top:calc(70px / var(--size-divisor));height:calc(45px / var(--size-divisor));border-radius:calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor))}.marvel-device.nexus5 .camera{background:#3c3d3d;width:calc(10px / var(--size-divisor));height:calc(10px / var(--size-divisor));position:absolute;top:calc(18px / var(--size-divisor));left:50%;z-index:3;margin-left:calc(-5px / var(--size-divisor));border-radius:100%}.marvel-device.nexus5 .camera:before{background:#3c3d3d;width:calc(6px / var(--size-divisor));height:calc(6px / var(--size-divisor));content:"";display:block;position:absolute;top:calc(2px / var(--size-divisor));left:calc(-100px / var(--size-divisor));z-index:3;border-radius:100%}.marvel-device.nexus5.landscape{padding:calc(15px / var(--size-divisor)) calc(50px / var(--size-divisor)) calc(15px / var(--size-divisor)) calc(50px / var(--size-divisor));height:calc(320px / var(--size-divisor));width:calc(568px / var(--size-divisor))}.marvel-device.nexus5.landscape:before{width:103.1%;height:calc(100% - calc(26px) / var(--size-divisor));border-radius:calc(50px / var(--size-divisor)) /calc(600px / var(--size-divisor))}.marvel-device.nexus5.landscape .top-bar{left:calc(3px / var(--size-divisor));top:calc(4px / var(--size-divisor));height:calc(100% - calc(8px) / var(--size-divisor));width:calc(100% - calc(6px) / var(--size-divisor))}.marvel-device.nexus5.landscape .top-bar:before{width:103%;height:calc(100% - calc(26px) / var(--size-divisor));border-radius:calc(50px / var(--size-divisor)) /calc(600px / var(--size-divisor))}.marvel-device.nexus5.landscape .sleep{height:calc(3px / var(--size-divisor));width:calc(100px / var(--size-divisor));left:calc(100% - calc(210px) / var(--size-divisor));top:calc(-3px / var(--size-divisor));border-radius:calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor))}.marvel-device.nexus5.landscape .volume{height:calc(3px / var(--size-divisor));width:calc(45px / var(--size-divisor));right:calc(70px / var(--size-divisor));top:100%;border-radius:calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor))}.marvel-device.nexus5.landscape .camera{top:50%;left:calc(100% - calc(18px) / var(--size-divisor));margin-left:0;margin-top:calc(-5px / var(--size-divisor))}.marvel-device.nexus5.landscape .camera:before{top:calc(-100px / var(--size-divisor));left:calc(2px / var(--size-divisor))}.marvel-device.s5{padding:calc(60px / var(--size-divisor)) calc(18px / var(--size-divisor));border-radius:calc(42px / var(--size-divisor));width:calc(320px / var(--size-divisor));height:calc(568px / var(--size-divisor));background:#bcbcbc}.marvel-device.s5:after,.marvel-device.s5:before{width:calc(100% - calc(52px) / var(--size-divisor));content:"";display:block;height:calc(26px / var(--size-divisor));background:inherit;position:absolute;border-radius:calc(500px / var(--size-divisor)) /calc(40px / var(--size-divisor));left:50%;transform:translateX(-50%)}.marvel-device.s5:before{top:calc(-7px / var(--size-divisor))}.marvel-device.s5:after{bottom:calc(-7px / var(--size-divisor))}.marvel-device.s5 .bottom-bar{display:none}.marvel-device.s5 .top-bar{border-radius:calc(37px / var(--size-divisor));width:calc(100% - calc(10px) / var(--size-divisor));height:calc(100% - calc(10px) / var(--size-divisor));top:calc(5px / var(--size-divisor));left:calc(5px / var(--size-divisor));background:radial-gradient(rgba(0,0,0,.02) 20%,transparent 60%) 0 0,radial-gradient(rgba(0,0,0,.02) 20%,transparent 60%) calc(3px / var(--size-divisor)) calc(3px / var(--size-divisor));background-color:#fff;background-size:calc(4px / var(--size-divisor)) calc(4px / var(--size-divisor));background-position:50%;z-index:2;position:absolute}.marvel-device.s5 .top-bar:after,.marvel-device.s5 .top-bar:before{width:calc(100% - calc(48px) / var(--size-divisor));content:"";display:block;height:calc(26px / var(--size-divisor));background:inherit;position:absolute;border-radius:calc(500px / var(--size-divisor)) /calc(40px / var(--size-divisor));left:50%;transform:translateX(-50%)}.marvel-device.s5 .top-bar:before{top:calc(-7px / var(--size-divisor))}.marvel-device.s5 .top-bar:after{bottom:calc(-7px / var(--size-divisor))}.marvel-device.s5 .sleep{width:calc(3px / var(--size-divisor));position:absolute;left:calc(-3px / var(--size-divisor));top:calc(100px / var(--size-divisor));height:calc(100px / var(--size-divisor));background:#cecece;border-radius:calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor))}.marvel-device.s5 .speaker{width:calc(68px / var(--size-divisor));left:50%;margin-left:calc(-34px / var(--size-divisor));background-color:#bcbcbc;background-position:0 0;border-radius:calc(4px / var(--size-divisor))}.marvel-device.s5 .sensor,.marvel-device.s5 .speaker{height:calc(8px / var(--size-divisor));position:absolute;top:calc(20px / var(--size-divisor));display:block;z-index:3}.marvel-device.s5 .sensor{right:calc(110px / var(--size-divisor));background:#3c3d3d;border-radius:100%;width:calc(8px / var(--size-divisor))}.marvel-device.s5 .sensor:after{content:"";top:calc(0px / var(--size-divisor));right:calc(12px / var(--size-divisor));background:#3c3d3d;width:calc(8px / var(--size-divisor));height:calc(8px / var(--size-divisor))}.marvel-device.s5 .camera,.marvel-device.s5 .sensor:after{display:block;position:absolute;border-radius:100%;z-index:3}.marvel-device.s5 .camera{top:calc(24px / var(--size-divisor));right:calc(42px / var(--size-divisor));background:#000;width:calc(10px / var(--size-divisor));height:calc(10px / var(--size-divisor))}.marvel-device.s5 .camera:before{width:calc(4px / var(--size-divisor));height:calc(4px / var(--size-divisor));background:#3c3d3d;border-radius:100%;position:absolute;content:"";top:50%;left:50%;margin-top:calc(-2px / var(--size-divisor));margin-left:calc(-2px / var(--size-divisor))}.marvel-device.s5 .home{position:absolute;z-index:3;bottom:calc(17px / var(--size-divisor));left:50%;width:calc(70px / var(--size-divisor));height:calc(20px / var(--size-divisor));background:#fff;border-radius:calc(18px / var(--size-divisor));display:block;margin-left:calc(-35px / var(--size-divisor));border:calc(2px / var(--size-divisor)) solid #000}.marvel-device.s5.landscape{padding:calc(18px / var(--size-divisor)) calc(60px / var(--size-divisor));height:calc(320px / var(--size-divisor));width:calc(568px / var(--size-divisor))}.marvel-device.s5.landscape:after,.marvel-device.s5.landscape:before{height:calc(100% - calc(52px) / var(--size-divisor));width:calc(26px / var(--size-divisor));border-radius:calc(40px / var(--size-divisor)) /calc(500px / var(--size-divisor));transform:translateY(-50%)}.marvel-device.s5.landscape:before{top:50%;left:calc(-7px / var(--size-divisor))}.marvel-device.s5.landscape:after{top:50%;left:auto;right:calc(-7px / var(--size-divisor))}.marvel-device.s5.landscape .top-bar:after,.marvel-device.s5.landscape .top-bar:before{width:calc(26px / var(--size-divisor));height:calc(100% - calc(48px) / var(--size-divisor));border-radius:calc(40px / var(--size-divisor)) /calc(500px / var(--size-divisor));transform:translateY(-50%)}.marvel-device.s5.landscape .top-bar:before{right:calc(-7px / var(--size-divisor));top:50%;left:auto}.marvel-device.s5.landscape .top-bar:after{left:calc(-7px / var(--size-divisor));top:50%;right:auto}.marvel-device.s5.landscape .sleep{height:calc(3px / var(--size-divisor));width:calc(100px / var(--size-divisor));left:calc(100% - calc(200px) / var(--size-divisor));top:calc(-3px / var(--size-divisor));border-radius:calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor))}.marvel-device.s5.landscape .speaker{height:calc(68px / var(--size-divisor));width:calc(8px / var(--size-divisor));left:calc(100% - calc(20px) / var(--size-divisor));top:50%;margin-left:0;margin-top:calc(-34px / var(--size-divisor))}.marvel-device.s5.landscape .sensor{right:calc(20px / var(--size-divisor));top:calc(100% - calc(110px) / var(--size-divisor))}.marvel-device.s5.landscape .sensor:after{left:calc(-12px / var(--size-divisor));right:calc(0px / var(--size-divisor))}.marvel-device.s5.landscape .camera{top:calc(100% - calc(42px) / var(--size-divisor));right:calc(24px / var(--size-divisor))}.marvel-device.s5.landscape .home{width:calc(20px / var(--size-divisor));height:calc(70px / var(--size-divisor));bottom:50%;margin-bottom:calc(-35px / var(--size-divisor));margin-left:0;left:calc(17px / var(--size-divisor))}.marvel-device.s5.black{background:#1e1e1e}.marvel-device.s5.black .speaker{background:#000}.marvel-device.s5.black .sleep{background:#1e1e1e}.marvel-device.s5.black .top-bar{background:radial-gradient(rgba(0,0,0,.05) 20%,transparent 60%) 0 0,radial-gradient(rgba(0,0,0,.05) 20%,transparent 60%) calc(3px / var(--size-divisor)) calc(3px / var(--size-divisor));background-color:#2c2b2c;background-size:calc(4px / var(--size-divisor)) calc(4px / var(--size-divisor))}.marvel-device.s5.black .home{background:#2c2b2c}.marvel-device.lumia920{padding:calc(80px / var(--size-divisor)) calc(35px / var(--size-divisor)) calc(125px / var(--size-divisor)) calc(35px / var(--size-divisor));background:#fd0;width:calc(320px / var(--size-divisor));height:calc(533px / var(--size-divisor));border-radius:calc(40px / var(--size-divisor)) /calc(3px / var(--size-divisor))}.marvel-device.lumia920 .bottom-bar{display:none}.marvel-device.lumia920 .top-bar{width:calc(100% - calc(24px) / var(--size-divisor));height:calc(100% - calc(32px) / var(--size-divisor));position:absolute;top:calc(16px / var(--size-divisor));left:calc(12px / var(--size-divisor));border-radius:calc(24px / var(--size-divisor));background:#000;z-index:1}.marvel-device.lumia920 .top-bar:before{background:#1e1e1e;display:block;content:"";width:calc(100% - calc(4px) / var(--size-divisor));height:calc(100% - calc(4px) / var(--size-divisor));top:calc(2px / var(--size-divisor));left:calc(2px / var(--size-divisor));position:absolute;border-radius:calc(22px / var(--size-divisor))}.marvel-device.lumia920 .volume{width:calc(3px / var(--size-divisor));position:absolute;top:calc(130px / var(--size-divisor));height:calc(100px / var(--size-divisor));background:#1e1e1e;right:calc(-3px / var(--size-divisor));border-radius:calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor))}.marvel-device.lumia920 .volume:before{top:calc(190px / var(--size-divisor))}.marvel-device.lumia920 .volume:after,.marvel-device.lumia920 .volume:before{width:calc(3px / var(--size-divisor));position:absolute;content:"";display:block;height:calc(50px / var(--size-divisor));background:inherit;right:calc(0px / var(--size-divisor));border-radius:calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(0px / var(--size-divisor))}.marvel-device.lumia920 .volume:after{top:calc(460px / var(--size-divisor))}.marvel-device.lumia920 .camera{background:#3c3d3d;width:calc(10px / var(--size-divisor));top:calc(34px / var(--size-divisor));right:calc(130px / var(--size-divisor));z-index:5}.marvel-device.lumia920 .camera,.marvel-device.lumia920 .speaker{height:calc(10px / var(--size-divisor));position:absolute;border-radius:calc(5px / var(--size-divisor))}.marvel-device.lumia920 .speaker{background:#292728;width:calc(64px / var(--size-divisor));top:calc(38px / var(--size-divisor));left:50%;margin-left:calc(-32px / var(--size-divisor));z-index:3}.marvel-device.lumia920.landscape{padding:calc(35px / var(--size-divisor)) calc(80px / var(--size-divisor)) calc(35px / var(--size-divisor)) calc(125px / var(--size-divisor));height:calc(320px / var(--size-divisor));width:calc(568px / var(--size-divisor));border-radius:calc(2px / var(--size-divisor)) /calc(100px / var(--size-divisor))}.marvel-device.lumia920.landscape .top-bar{height:calc(100% - calc(24px) / var(--size-divisor));width:calc(100% - calc(32px) / var(--size-divisor));left:calc(16px / var(--size-divisor));top:calc(12px / var(--size-divisor))}.marvel-device.lumia920.landscape .volume{height:calc(3px / var(--size-divisor));right:calc(130px / var(--size-divisor));width:calc(100px / var(--size-divisor));top:100%;border-radius:calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor))}.marvel-device.lumia920.landscape .volume:before{right:calc(190px / var(--size-divisor))}.marvel-device.lumia920.landscape .volume:after,.marvel-device.lumia920.landscape .volume:before{height:calc(3px / var(--size-divisor));top:calc(0px / var(--size-divisor));width:calc(50px / var(--size-divisor));border-radius:calc(0px / var(--size-divisor)) calc(0px / var(--size-divisor)) calc(2px / var(--size-divisor)) calc(2px / var(--size-divisor))}.marvel-device.lumia920.landscape .volume:after{right:calc(430px / var(--size-divisor))}.marvel-device.lumia920.landscape .camera{right:calc(30px / var(--size-divisor));top:calc(100% - calc(140px) / var(--size-divisor))}.marvel-device.lumia920.landscape .speaker{width:calc(10px / var(--size-divisor));height:calc(64px / var(--size-divisor));top:50%;margin-left:0;margin-top:calc(-32px / var(--size-divisor));left:calc(100% - calc(48px) / var(--size-divisor))}.marvel-device.lumia920.black{background:#000}.marvel-device.lumia920.white{background:#fff;box-shadow:0 calc(1px / var(--size-divisor)) calc(2px / var(--size-divisor)) 0 rgba(0,0,0,.2)}.marvel-device.lumia920.blue{background:#00acdd}.marvel-device.lumia920.red{background:#cc3e32}.marvel-device.htc-one{padding:calc(72px / var(--size-divisor)) calc(25px / var(--size-divisor)) calc(100px / var(--size-divisor)) calc(25px / var(--size-divisor));width:calc(320px / var(--size-divisor));height:calc(568px / var(--size-divisor));background:#bebebe;border-radius:calc(34px / var(--size-divisor))}.marvel-device.htc-one:before{content:"";display:block;width:calc(100% - calc(4px) / var(--size-divisor));height:calc(100% - calc(4px) / var(--size-divisor));position:absolute;top:calc(2px / var(--size-divisor));left:calc(2px / var(--size-divisor));background:#adadad;border-radius:calc(32px / var(--size-divisor))}.marvel-device.htc-one:after{content:"";display:block;width:calc(100% - calc(8px) / var(--size-divisor));height:calc(100% - calc(8px) / var(--size-divisor));position:absolute;top:calc(4px / var(--size-divisor));left:calc(4px / var(--size-divisor));background:#eee;border-radius:calc(30px / var(--size-divisor))}.marvel-device.htc-one .top-bar{height:calc(635px / var(--size-divisor));background:#424242;top:calc(50px / var(--size-divisor))}.marvel-device.htc-one .top-bar,.marvel-device.htc-one .top-bar:before{width:calc(100% - calc(4px) / var(--size-divisor));position:absolute;z-index:1;left:calc(2px / var(--size-divisor))}.marvel-device.htc-one .top-bar:before{content:"";height:100%;background:#000;top:calc(0px / var(--size-divisor))}.marvel-device.htc-one .bottom-bar{display:none}.marvel-device.htc-one .speaker{top:calc(22px / var(--size-divisor));background:radial-gradient(#343434 25%,transparent 50%) 0 0,radial-gradient(#343434 25%,transparent 50%) calc(4px / var(--size-divisor)) calc(4px / var(--size-divisor));background-size:calc(4px / var(--size-divisor)) calc(4px / var(--size-divisor));background-position:0 0}.marvel-device.htc-one .speaker,.marvel-device.htc-one .speaker:after{height:calc(16px / var(--size-divisor));width:calc(216px / var(--size-divisor));display:block;position:absolute;z-index:2;left:50%;margin-left:calc(-108px / var(--size-divisor))}.marvel-device.htc-one .speaker:after{content:"";top:calc(676px / var(--size-divisor));background:inherit}.marvel-device.htc-one .camera{display:block;position:absolute;top:calc(18px / var(--size-divisor));right:calc(38px / var(--size-divisor));background:#3c3d3d;border-radius:100%;width:calc(24px / var(--size-divisor));height:calc(24px / var(--size-divisor));z-index:3}.marvel-device.htc-one .camera:before{background:#000;content:"";top:50%;left:50%;margin-top:calc(-4px / var(--size-divisor));margin-left:calc(-4px / var(--size-divisor))}.marvel-device.htc-one .camera:before,.marvel-device.htc-one .sensor{width:calc(8px / var(--size-divisor));height:calc(8px / var(--size-divisor));border-radius:100%;position:absolute}.marvel-device.htc-one .sensor{display:block;top:calc(29px / var(--size-divisor));left:calc(60px / var(--size-divisor));background:#3c3d3d;z-index:3}.marvel-device.htc-one .sensor:after{display:block;content:"";position:absolute;top:calc(0px / var(--size-divisor));right:calc(12px / var(--size-divisor));background:#3c3d3d;border-radius:100%;width:calc(8px / var(--size-divisor));height:calc(8px / var(--size-divisor));z-index:3}.marvel-device.htc-one.landscape{padding:calc(25px / var(--size-divisor)) calc(72px / var(--size-divisor)) calc(25px / var(--size-divisor)) calc(100px / var(--size-divisor));height:calc(320px / var(--size-divisor));width:calc(568px / var(--size-divisor))}.marvel-device.htc-one.landscape .top-bar{height:calc(100% - calc(4px) / var(--size-divisor));width:calc(635px / var(--size-divisor));left:calc(100% - calc(685px) / var(--size-divisor));top:calc(2px / var(--size-divisor))}.marvel-device.htc-one.landscape .speaker{left:calc(100% - calc(38px) / var(--size-divisor));margin-left:calc(0px / var(--size-divisor))}.marvel-device.htc-one.landscape .speaker,.marvel-device.htc-one.landscape .speaker:after{width:calc(16px / var(--size-divisor));height:calc(216px / var(--size-divisor));top:50%;margin-top:calc(-108px / var(--size-divisor))}.marvel-device.htc-one.landscape .speaker:after{left:calc(100% - calc(692px) / var(--size-divisor));margin-left:0}.marvel-device.htc-one.landscape .camera{right:calc(18px / var(--size-divisor));top:calc(100% - calc(38px) / var(--size-divisor))}.marvel-device.htc-one.landscape .sensor{left:calc(100% - calc(29px) / var(--size-divisor));top:calc(60px / var(--size-divisor))}.marvel-device.htc-one.landscape .sensor :after{right:0;top:calc(-12px / var(--size-divisor))}.marvel-device.ipad{width:calc(576px / var(--size-divisor));height:calc(768px / var(--size-divisor));padding:calc(90px / var(--size-divisor)) calc(25px / var(--size-divisor));background:#242324;border-radius:calc(44px / var(--size-divisor))}.marvel-device.ipad:before{width:calc(100% - calc(8px) / var(--size-divisor));height:calc(100% - calc(8px) / var(--size-divisor));position:absolute;content:"";display:block;top:calc(4px / var(--size-divisor));left:calc(4px / var(--size-divisor));border-radius:calc(40px / var(--size-divisor));background:#1e1e1e}.marvel-device.ipad .camera{background:#3c3d3d;width:calc(10px / var(--size-divisor));height:calc(10px / var(--size-divisor));position:absolute;top:calc(44px / var(--size-divisor));left:50%;margin-left:calc(-5px / var(--size-divisor));border-radius:100%}.marvel-device.ipad .bottom-bar,.marvel-device.ipad .top-bar{display:none}.marvel-device.ipad .home{background:#242324;border-radius:calc(36px / var(--size-divisor));width:calc(50px / var(--size-divisor));height:calc(50px / var(--size-divisor));position:absolute;left:50%;margin-left:calc(-25px / var(--size-divisor));bottom:calc(22px / var(--size-divisor))}.marvel-device.ipad .home:after{width:calc(15px / var(--size-divisor));height:calc(15px / var(--size-divisor));margin-top:calc(-8px / var(--size-divisor));margin-left:calc(-8px / var(--size-divisor));border:calc(1px / var(--size-divisor)) solid hsla(0,0%,100%,.1);border-radius:calc(4px / var(--size-divisor));position:absolute;display:block;content:"";top:50%;left:50%}.marvel-device.ipad.landscape{height:calc(576px / var(--size-divisor));width:calc(768px / var(--size-divisor));padding:calc(25px / var(--size-divisor)) calc(90px / var(--size-divisor))}.marvel-device.ipad.landscape .camera{left:calc(100% - calc(44px) / var(--size-divisor));top:50%;margin-left:0;margin-top:calc(-5px / var(--size-divisor))}.marvel-device.ipad.landscape .home{top:50%;left:calc(22px / var(--size-divisor));margin-left:0;margin-top:calc(-25px / var(--size-divisor))}.marvel-device.ipad.silver{background:#bcbcbc}.marvel-device.ipad.silver:before{background:#fcfcfc}.marvel-device.ipad.silver .home{background:#fcfcfc;box-shadow:inset 0 0 0 calc(1px / var(--size-divisor)) #bcbcbc}.marvel-device.ipad.silver .home:after{border:calc(1px / var(--size-divisor)) solid rgba(0,0,0,.2)}.marvel-device.macbook{width:calc(960px / var(--size-divisor));height:calc(600px / var(--size-divisor));padding:calc(44px / var(--size-divisor)) calc(44px / var(--size-divisor)) calc(76px / var(--size-divisor));margin:0 auto;background:#bebebe;border-radius:calc(34px / var(--size-divisor))}.marvel-device.macbook:before{width:calc(100% - calc(8px) / var(--size-divisor));height:calc(100% - calc(8px) / var(--size-divisor));position:absolute;content:"";display:block;top:calc(4px / var(--size-divisor));left:calc(4px / var(--size-divisor));border-radius:calc(30px / var(--size-divisor));background:#1e1e1e}.marvel-device.macbook .top-bar{width:calc(100% + 2 * calc(70px) / var(--size-divisor));height:calc(40px / var(--size-divisor));position:absolute;content:"";display:block;top:calc(680px / var(--size-divisor));left:calc(-70px / var(--size-divisor));border-bottom-left-radius:calc(90px / var(--size-divisor)) calc(18px / var(--size-divisor));border-bottom-right-radius:calc(90px / var(--size-divisor)) calc(18px / var(--size-divisor));background:#bebebe;box-shadow:inset calc(0px / var(--size-divisor)) calc(-4px / var(--size-divisor)) calc(13px / var(--size-divisor)) calc(3px / var(--size-divisor)) rgba(34,34,34,.6)}.marvel-device.macbook .top-bar:before{width:100%;height:calc(24px / var(--size-divisor));content:"";display:block;top:0;left:0;background:#f0f0f0;border-bottom:calc(2px / var(--size-divisor)) solid #aaa;border-radius:calc(5px / var(--size-divisor));position:relative}.marvel-device.macbook .top-bar:after{width:16%;height:calc(14px / var(--size-divisor));content:"";display:block;top:0;background:#ddd;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;border-radius:0 0 calc(20px / var(--size-divisor)) calc(20px / var(--size-divisor));box-shadow:inset calc(0px / var(--size-divisor)) calc(-3px / var(--size-divisor)) calc(10px / var(--size-divisor)) #999}.marvel-device.macbook .bottom-bar{background:transparent;width:calc(100% + 2 * calc(70px) / var(--size-divisor));height:calc(26px / var(--size-divisor));position:absolute;content:"";display:block;top:calc(680px / var(--size-divisor));left:calc(-70px / var(--size-divisor))}.marvel-device.macbook .bottom-bar:after,.marvel-device.macbook .bottom-bar:before{height:calc(100% - calc(2px) / var(--size-divisor));width:calc(80px / var(--size-divisor));content:"";display:block;top:0;position:absolute}.marvel-device.macbook .bottom-bar:before{left:0;background:#f0f0f0;background:linear-gradient(90deg,#747474 0,#c3c3c3 5%,#ebebeb 14%,#979797 41%,#f0f0f0 80%,#f0f0f0 100%,#f0f0f0 0)}.marvel-device.macbook .bottom-bar:after{right:0;background:#f0f0f0;background:linear-gradient(90deg,#f0f0f0 0,#f0f0f0 0,#f0f0f0 20%,#979797 59%,#ebebeb 86%,#c3c3c3 95%,#747474)}.marvel-device.macbook .camera{background:#3c3d3d;width:calc(10px / var(--size-divisor));height:calc(10px / var(--size-divisor));position:absolute;top:calc(20px / var(--size-divisor));left:50%;margin-left:calc(-5px / var(--size-divisor));border-radius:100%}.marvel-device.macbook .home{display:none}.marvel-device.iphone-x{width:calc(375px / var(--size-divisor));height:calc(812px / var(--size-divisor));padding:calc(26px / var(--size-divisor));background:#fdfdfd;box-shadow:inset 0 0 calc(11px / var(--size-divisor)) 0 #000;border-radius:calc(66px / var(--size-divisor))}.marvel-device.iphone-x .overflow{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:calc(66px / var(--size-divisor));overflow:hidden}.marvel-device.iphone-x .shadow{border-radius:100%;width:calc(90px / var(--size-divisor));height:calc(90px / var(--size-divisor));position:absolute;background:radial-gradient(ellipse at center,rgba(0,0,0,.6) 0,hsla(0,0%,100%,0) 60%)}.marvel-device.iphone-x .shadow--tl{top:calc(-20px / var(--size-divisor));left:calc(-20px / var(--size-divisor))}.marvel-device.iphone-x .shadow--tr{top:calc(-20px / var(--size-divisor));right:calc(-20px / var(--size-divisor))}.marvel-device.iphone-x .shadow--bl{bottom:calc(-20px / var(--size-divisor));left:calc(-20px / var(--size-divisor))}.marvel-device.iphone-x .shadow--br{bottom:calc(-20px / var(--size-divisor));right:calc(-20px / var(--size-divisor))}.marvel-device.iphone-x:before{width:calc(100% - calc(10px) / var(--size-divisor));height:calc(100% - calc(10px) / var(--size-divisor));position:absolute;top:calc(5px / var(--size-divisor));content:"";left:calc(5px / var(--size-divisor));border-radius:calc(61px / var(--size-divisor));background:#000;z-index:1}.marvel-device.iphone-x .inner-shadow{width:calc(100% - calc(20px) / var(--size-divisor));height:calc(100% - calc(20px) / var(--size-divisor));position:absolute;top:calc(10px / var(--size-divisor));overflow:hidden;left:calc(10px / var(--size-divisor));border-radius:calc(56px / var(--size-divisor));box-shadow:inset 0 0 calc(15px / var(--size-divisor)) 0 hsla(0,0%,100%,.66);z-index:1}.marvel-device.iphone-x .inner-shadow:before{box-shadow:inset 0 0 calc(20px / var(--size-divisor)) 0 #fff;width:100%;height:116%;position:absolute;top:-8%;content:"";left:0;border-radius:calc(200px / var(--size-divisor)) /calc(112px / var(--size-divisor));z-index:2}.marvel-device.iphone-x .screen{border-radius:calc(40px / var(--size-divisor));box-shadow:none}.marvel-device.iphone-x .bottom-bar,.marvel-device.iphone-x .top-bar{width:100%;position:absolute;height:calc(8px / var(--size-divisor));background:rgba(0,0,0,.1);left:0}.marvel-device.iphone-x .top-bar{top:calc(80px / var(--size-divisor))}.marvel-device.iphone-x .bottom-bar{bottom:calc(80px / var(--size-divisor))}.marvel-device.iphone-x .sleep,.marvel-device.iphone-x .volume,.marvel-device.iphone-x .volume:after,.marvel-device.iphone-x .volume:before{width:calc(3px / var(--size-divisor));background:#b5b5b5;position:absolute}.marvel-device.iphone-x .volume{left:calc(-3px / var(--size-divisor));top:calc(116px / var(--size-divisor));height:calc(32px / var(--size-divisor))}.marvel-device.iphone-x .volume:before{height:calc(62px / var(--size-divisor));top:calc(62px / var(--size-divisor));content:"";left:0}.marvel-device.iphone-x .volume:after{height:calc(62px / var(--size-divisor));top:calc(140px / var(--size-divisor));content:"";left:0}.marvel-device.iphone-x .sleep{height:calc(96px / var(--size-divisor));top:calc(200px / var(--size-divisor));right:calc(-3px / var(--size-divisor))}.marvel-device.iphone-x .camera{width:calc(6px / var(--size-divisor));border-radius:100%;left:calc(154px / var(--size-divisor));background:#0d4d71}.marvel-device.iphone-x .camera,.marvel-device.iphone-x .speaker{height:calc(6px / var(--size-divisor));top:calc(9px / var(--size-divisor));position:absolute}.marvel-device.iphone-x .speaker{width:calc(60px / var(--size-divisor));left:50%;margin-left:calc(-30px / var(--size-divisor));background:#171818;border-radius:calc(6px / var(--size-divisor))}.marvel-device.iphone-x .notch{position:absolute;width:calc(210px / var(--size-divisor));height:calc(30px / var(--size-divisor));top:calc(26px / var(--size-divisor));left:calc(108px / var(--size-divisor));z-index:4;background:#000;border-bottom-left-radius:calc(24px / var(--size-divisor));border-bottom-right-radius:calc(24px / var(--size-divisor))}.marvel-device.iphone-x .notch:after,.marvel-device.iphone-x .notch:before{content:"";height:calc(8px / var(--size-divisor));position:absolute;top:0;width:calc(8px / var(--size-divisor))}.marvel-device.iphone-x .notch:after{background:radial-gradient(circle at bottom left,transparent 0,transparent 70%,#000 0,#000 100%);left:calc(-8px / var(--size-divisor))}.marvel-device.iphone-x .notch:before{background:radial-gradient(circle at bottom right,transparent 0,transparent 70%,#000 0,#000 100%);right:calc(-8px / var(--size-divisor))}.marvel-device.iphone-x.landscape{height:calc(375px / var(--size-divisor));width:calc(812px / var(--size-divisor))}.marvel-device.iphone-x.landscape .bottom-bar,.marvel-device.iphone-x.landscape .top-bar{width:calc(8px / var(--size-divisor));height:100%;top:0}.marvel-device.iphone-x.landscape .top-bar{left:calc(80px / var(--size-divisor))}.marvel-device.iphone-x.landscape .bottom-bar{right:calc(80px / var(--size-divisor));bottom:auto;left:auto}.marvel-device.iphone-x.landscape .sleep,.marvel-device.iphone-x.landscape .volume,.marvel-device.iphone-x.landscape .volume:after,.marvel-device.iphone-x.landscape .volume:before{height:calc(3px / var(--size-divisor))}.marvel-device.iphone-x.landscape .inner-shadow:before{height:100%;width:116%;left:-8%;top:0;border-radius:calc(112px / var(--size-divisor)) /calc(200px / var(--size-divisor))}.marvel-device.iphone-x.landscape .volume{bottom:calc(-3px / var(--size-divisor));top:auto;left:calc(116px / var(--size-divisor));width:calc(32px / var(--size-divisor))}.marvel-device.iphone-x.landscape .volume:before{width:calc(62px / var(--size-divisor));left:calc(62px / var(--size-divisor));top:0}.marvel-device.iphone-x.landscape .volume:after{width:calc(62px / var(--size-divisor));left:calc(140px / var(--size-divisor));top:0}.marvel-device.iphone-x.landscape .sleep{width:calc(96px / var(--size-divisor));left:calc(200px / var(--size-divisor));top:calc(-3px / var(--size-divisor));right:auto}.marvel-device.iphone-x.landscape .camera{left:calc(9px / var(--size-divisor));bottom:calc(154px / var(--size-divisor));top:auto}.marvel-device.iphone-x.landscape .speaker{width:calc(6px / var(--size-divisor));height:calc(60px / var(--size-divisor));left:calc(9px / var(--size-divisor));top:50%;margin-top:calc(-30px / var(--size-divisor));margin-left:0}.marvel-device.iphone-x.landscape .notch{height:calc(210px / var(--size-divisor));width:calc(30px / var(--size-divisor));left:calc(26px / var(--size-divisor));bottom:calc(108px / var(--size-divisor));top:auto;border-top-right-radius:calc(24px / var(--size-divisor));border-bottom-right-radius:calc(24px / var(--size-divisor));border-bottom-left-radius:0}.marvel-device.iphone-x.landscape .notch:after,.marvel-device.iphone-x.landscape .notch:before{left:0}.marvel-device.iphone-x.landscape .notch:after{background:radial-gradient(circle at bottom right,transparent 0,transparent 70%,#000 0,#000 100%);bottom:calc(-8px / var(--size-divisor));top:auto}.marvel-device.iphone-x.landscape .notch:before{background:radial-gradient(circle at top right,transparent 0,transparent 70%,#000 0,#000 100%);top:calc(-8px / var(--size-divisor))}.marvel-device.note8{width:calc(400px / var(--size-divisor));height:calc(822px / var(--size-divisor));background:#000;border-radius:calc(34px / var(--size-divisor));padding:calc(45px / var(--size-divisor)) calc(10px / var(--size-divisor))}.marvel-device.note8 .overflow{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:calc(34px / var(--size-divisor));overflow:hidden}.marvel-device.note8 .speaker{height:calc(8px / var(--size-divisor));width:calc(56px / var(--size-divisor));left:50%;position:absolute;top:calc(25px / var(--size-divisor));margin-left:calc(-28px / var(--size-divisor));background:#171818;z-index:1;border-radius:calc(8px / var(--size-divisor))}.marvel-device.note8 .camera{height:calc(18px / var(--size-divisor));width:calc(18px / var(--size-divisor));left:calc(86px / var(--size-divisor));top:calc(18px / var(--size-divisor))}.marvel-device.note8 .camera,.marvel-device.note8 .camera:before{position:absolute;background:#212b36;z-index:1;border-radius:100%}.marvel-device.note8 .camera:before{content:"";height:calc(8px / var(--size-divisor));width:calc(8px / var(--size-divisor));left:calc(-22px / var(--size-divisor));top:calc(5px / var(--size-divisor))}.marvel-device.note8 .sensors{left:calc(120px / var(--size-divisor));top:calc(22px / var(--size-divisor))}.marvel-device.note8 .sensors,.marvel-device.note8 .sensors:before{height:calc(10px / var(--size-divisor));width:calc(10px / var(--size-divisor));position:absolute;background:#1d233b;z-index:1;border-radius:100%}.marvel-device.note8 .sensors:before{content:"";left:calc(18px / var(--size-divisor));top:0}.marvel-device.note8 .more-sensors{height:calc(16px / var(--size-divisor));width:calc(16px / var(--size-divisor));left:calc(285px / var(--size-divisor));position:absolute;top:calc(18px / var(--size-divisor));background:#33244a;box-shadow:0 0 0 calc(2px / var(--size-divisor)) hsla(0,0%,100%,.1);z-index:1;border-radius:100%}.marvel-device.note8 .more-sensors:before{content:"";height:calc(11px / var(--size-divisor));width:calc(11px / var(--size-divisor));left:calc(40px / var(--size-divisor));position:absolute;top:calc(4px / var(--size-divisor));background:#214a61;z-index:1;border-radius:100%}.marvel-device.note8 .sleep{height:calc(56px / var(--size-divisor));top:calc(288px / var(--size-divisor));right:calc(-2px / var(--size-divisor))}.marvel-device.note8 .sleep,.marvel-device.note8 .volume{width:calc(2px / var(--size-divisor));background:#000;position:absolute}.marvel-device.note8 .volume{height:calc(120px / var(--size-divisor));top:calc(168px / var(--size-divisor));left:calc(-2px / var(--size-divisor))}.marvel-device.note8 .volume:before{content:"";top:calc(168px / var(--size-divisor));width:calc(2px / var(--size-divisor));position:absolute;left:0;background:#000;height:calc(56px / var(--size-divisor))}.marvel-device.note8 .inner{width:100%;height:calc(100% - calc(8px) / var(--size-divisor));position:absolute;top:calc(2px / var(--size-divisor));content:"";left:calc(0px / var(--size-divisor));border-radius:calc(34px / var(--size-divisor));border-top:calc(2px / var(--size-divisor)) solid #9fa0a2;border-bottom:calc(2px / var(--size-divisor)) solid #9fa0a2;background:#000;z-index:1;box-shadow:inset 0 0 calc(6px / var(--size-divisor)) 0 hsla(0,0%,100%,.5)}.marvel-device.note8 .shadow{box-shadow:inset 0 0 calc(60px / var(--size-divisor)) 0 #fff,inset 0 0 calc(30px / var(--size-divisor)) 0 hsla(0,0%,100%,.5),0 0 calc(20px / var(--size-divisor)) 0 #fff,0 0 calc(20px / var(--size-divisor)) 0 hsla(0,0%,100%,.5);height:101%;position:absolute;top:-.5%;content:"";width:calc(100% - calc(20px) / var(--size-divisor));left:calc(10px / var(--size-divisor));border-radius:calc(38px / var(--size-divisor));z-index:5;pointer-events:none}.marvel-device.note8 .screen{border-radius:calc(14px / var(--size-divisor));box-shadow:none}.marvel-device.note8.landscape{height:calc(400px / var(--size-divisor));width:calc(822px / var(--size-divisor));padding:calc(10px / var(--size-divisor)) calc(45px / var(--size-divisor))}.marvel-device.note8.landscape .speaker{height:calc(56px / var(--size-divisor));width:calc(8px / var(--size-divisor));top:50%;margin-top:calc(-28px / var(--size-divisor));margin-left:0;right:calc(25px / var(--size-divisor));left:auto}.marvel-device.note8.landscape .camera{top:calc(86px / var(--size-divisor));right:calc(18px / var(--size-divisor));left:auto}.marvel-device.note8.landscape .camera:before{top:calc(-22px / var(--size-divisor));left:calc(5px / var(--size-divisor))}.marvel-device.note8.landscape .sensors{top:calc(120px / var(--size-divisor));right:calc(22px / var(--size-divisor));left:auto}.marvel-device.note8.landscape .sensors:before{top:calc(18px / var(--size-divisor));left:0}.marvel-device.note8.landscape .more-sensors{top:calc(285px / var(--size-divisor));right:calc(18px / var(--size-divisor));left:auto}.marvel-device.note8.landscape .more-sensors:before{top:calc(40px / var(--size-divisor));left:calc(4px / var(--size-divisor))}.marvel-device.note8.landscape .sleep{bottom:calc(-2px / var(--size-divisor));top:auto;right:calc(288px / var(--size-divisor));width:calc(56px / var(--size-divisor));height:calc(2px / var(--size-divisor))}.marvel-device.note8.landscape .volume{width:calc(120px / var(--size-divisor));top:calc(-2px / var(--size-divisor))}.marvel-device.note8.landscape .volume,.marvel-device.note8.landscape .volume:before{height:calc(2px / var(--size-divisor));right:calc(168px / var(--size-divisor));left:auto}.marvel-device.note8.landscape .volume:before{top:0;width:calc(56px / var(--size-divisor))}.marvel-device.note8.landscape .inner{height:100%;width:calc(100% - calc(8px) / var(--size-divisor));left:calc(2px / var(--size-divisor));top:0;border-top:0;border-bottom:0;border-left:calc(2px / var(--size-divisor)) solid #9fa0a2;border-right:calc(2px / var(--size-divisor)) solid #9fa0a2}.marvel-device.note8.landscape .shadow{width:101%;height:calc(100% - calc(20px) / var(--size-divisor));left:-.5%;top:calc(10px / var(--size-divisor))}#helpPage{color:#172b4d;& h1{font-size:1.714em;font-weight:500;&:not(:first-of-type){margin-top:1.4em}}& h2{font-size:1.43em;font-weight:500;margin-top:.75em}& h3{font-size:1.142em}& h4,& h5,& h6{font-size:1em}& p{font-weight:400}& p,ol,ul{margin-top:.5em}ol,ul{padding-left:1.1em;& p{margin-top:0}}ul li{list-style-type:disc}ol li{list-style-type:decimal}}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/034d78ad42e9620c-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fe0777f1195381cb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:__Poppins_6bee3b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/eafabf029ad39a43-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/db911767852bc875-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/f10b8e9d91f3edcb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:__Poppins_6bee3b;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8888a3826f4a3af4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/29e7bbdce9332268-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c3bc380753a8436c-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:__Poppins_6bee3b;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/0484562807a97172-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/29a4aea02fdee119-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a1386beebedccca4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:__Poppins_6bee3b;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b957ea75a84b6ea7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_Fallback_6bee3b;src:local("Arial");ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.__className_6bee3b{font-family:__Poppins_6bee3b,__Poppins_Fallback_6bee3b;font-style:normal}