:root{--size-divisor:10}.marvel-device{display:inline-block;position:relative;box-sizing:content-box!important}.marvel-device .screen{z-index:3;border-radius:calc(1px/var(--size-divisor));box-shadow:0 0 0 calc(3px/var(--size-divisor))#111;background:#fff;width:100%;height:100%;display:block;position:relative;overflow:hidden}.marvel-device .top-bar,.marvel-device .bottom-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));border-radius:calc(56px/var(--size-divisor));box-shadow:inset 0 0 calc(3px/var(--size-divisor))0 #0003;background:#d9dbdc}.marvel-device.iphone8:before{width:calc(100% - calc(12px)/var(--size-divisor));height:calc(100% - calc(12px)/var(--size-divisor));top:calc(6px/var(--size-divisor));content:"";left:calc(6px/var(--size-divisor));border-radius:calc(50px/var(--size-divisor));z-index:1;background:#f8f8f8;position:absolute}.marvel-device.iphone8:after{width:calc(100% - calc(16px)/var(--size-divisor));height:calc(100% - calc(16px)/var(--size-divisor));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 #0000001a,inset 0 0 calc(6px/var(--size-divisor))calc(3px/var(--size-divisor))#fff;z-index:2;position:absolute}.marvel-device.iphone8 .home{width:calc(68px/var(--size-divisor));height:calc(68px/var(--size-divisor));margin-left:calc(-34px/var(--size-divisor));left:50%;bottom:calc(22px/var(--size-divisor));z-index:3;background:linear-gradient(135deg,#303233 0%,#b5b7b9 50%,#f0f2f2 69%,#303233 100%);border-radius:100%;position:absolute}.marvel-device.iphone8 .home:before{content:"";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));background:#f8f8f8;border-radius:100%;position:absolute}.marvel-device.iphone8 .top-bar{height:calc(14px/var(--size-divisor));top:calc(68px/var(--size-divisor));background:#bfbfc0;position:absolute;left:0}.marvel-device.iphone8 .bottom-bar{height:calc(14px/var(--size-divisor));bottom:calc(68px/var(--size-divisor));background:#bfbfc0;position:absolute;left:0}.marvel-device.iphone8 .sleep{top:calc(190px/var(--size-divisor));right:calc(-4px/var(--size-divisor));width:calc(4px/var(--size-divisor));height:calc(66px/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));background:#d9dbdc;position:absolute}.marvel-device.iphone8 .volume{left:calc(-4px/var(--size-divisor));top:calc(188px/var(--size-divisor));z-index:0;height:calc(66px/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:#d9dbdc;position:absolute}.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));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;position:absolute}.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));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;position:absolute}.marvel-device.iphone8 .camera{width:calc(12px/var(--size-divisor));height:calc(12px/var(--size-divisor));top:calc(24px/var(--size-divisor));margin-left:calc(-6px/var(--size-divisor));z-index:3;background:#3c3d3d;border-radius:100%;position:absolute;left:50%}.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));z-index:3;background:#3c3d3d;border-radius:100%;position:absolute}.marvel-device.iphone8 .speaker{width:calc(70px/var(--size-divisor));height:calc(6px/var(--size-divisor));top:calc(54px/var(--size-divisor));margin-left:calc(-35px/var(--size-divisor));border-radius:calc(6px/var(--size-divisor));z-index:3;background:#292728;position:absolute;left:50%}.marvel-device.iphone8.gold{background:#f9e7d3}.marvel-device.iphone8.gold .top-bar,.marvel-device.iphone8.gold .bottom-bar{background:#fff}.marvel-device.iphone8.gold .sleep,.marvel-device.iphone8.gold .volume{background:#f9e7d3}.marvel-device.iphone8.gold .home{background:linear-gradient(135deg,#cebba9 0%,#f9e7d3 50%,#cebba9 100%)}.marvel-device.iphone8.black{box-shadow:inset 0 0 calc(3px/var(--size-divisor))0 #000000b3;background:#464646}.marvel-device.iphone8.black:before{background:#080808}.marvel-device.iphone8.black:after{box-shadow:inset 0 0 calc(3px/var(--size-divisor))0 #0000001a,inset 0 0 calc(6px/var(--size-divisor))calc(3px/var(--size-divisor))#212121}.marvel-device.iphone8.black .top-bar,.marvel-device.iphone8.black .bottom-bar{background:#212121}.marvel-device.iphone8.black .volume,.marvel-device.iphone8.black .sleep{background:#464646}.marvel-device.iphone8.black .camera{background:#080808}.marvel-device.iphone8.black .home{background:linear-gradient(135deg,#080808 0%,#464646 50%,#080808 100%)}.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{border-radius:calc(0px/var(--size-divisor))calc(0px/var(--size-divisor))calc(2px/var(--size-divisor))calc(2px/var(--size-divisor));top:100%;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));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));border-radius:calc(2px/var(--size-divisor))calc(2px/var(--size-divisor))calc(0px/var(--size-divisor))calc(0px/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));border-radius:calc(2px/var(--size-divisor))calc(2px/var(--size-divisor))calc(0px/var(--size-divisor))calc(0px/var(--size-divisor));top:0}.marvel-device.iphone8.landscape .top-bar{width:calc(14px/var(--size-divisor));left:calc(100% - calc(68px/var(--size-divisor)) - calc(14px)/var(--size-divisor));height:100%;top:0}.marvel-device.iphone8.landscape .bottom-bar{width:calc(14px/var(--size-divisor));left:calc(68px/var(--size-divisor));height:100%;top:0}.marvel-device.iphone8.landscape .home{margin-top:calc(-34px/var(--size-divisor));top:50%;left:calc(22px/var(--size-divisor));margin-left:0}.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));margin-left:calc(0px/var(--size-divisor));margin-top:calc(-35px/var(--size-divisor));top:50%}.marvel-device.iphone8.landscape .camera{left:calc(100% - calc(32px)/var(--size-divisor));margin-left:calc(0px/var(--size-divisor));margin-top:calc(-5px/var(--size-divisor));top:50%}.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));border-radius:calc(56px/var(--size-divisor));box-shadow:inset 0 0 calc(3px/var(--size-divisor))0 #0003;background:#d9dbdc}.marvel-device.iphone8plus:before{width:calc(100% - calc(12px)/var(--size-divisor));height:calc(100% - calc(12px)/var(--size-divisor));top:calc(6px/var(--size-divisor));content:"";left:calc(6px/var(--size-divisor));border-radius:calc(50px/var(--size-divisor));z-index:1;background:#f8f8f8;position:absolute}.marvel-device.iphone8plus:after{width:calc(100% - calc(16px)/var(--size-divisor));height:calc(100% - calc(16px)/var(--size-divisor));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 #0000001a,inset 0 0 calc(6px/var(--size-divisor))calc(3px/var(--size-divisor))#fff;z-index:2;position:absolute}.marvel-device.iphone8plus .home{width:calc(68px/var(--size-divisor));height:calc(68px/var(--size-divisor));margin-left:calc(-34px/var(--size-divisor));left:50%;bottom:calc(24px/var(--size-divisor));z-index:3;background:linear-gradient(135deg,#303233 0%,#b5b7b9 50%,#f0f2f2 69%,#303233 100%);border-radius:100%;position:absolute}.marvel-device.iphone8plus .home:before{content:"";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));background:#f8f8f8;border-radius:100%;position:absolute}.marvel-device.iphone8plus .top-bar{height:calc(14px/var(--size-divisor));top:calc(68px/var(--size-divisor));background:#bfbfc0;position:absolute;left:0}.marvel-device.iphone8plus .bottom-bar{height:calc(14px/var(--size-divisor));bottom:calc(68px/var(--size-divisor));background:#bfbfc0;position:absolute;left:0}.marvel-device.iphone8plus .sleep{top:calc(190px/var(--size-divisor));right:calc(-4px/var(--size-divisor));width:calc(4px/var(--size-divisor));height:calc(66px/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));background:#d9dbdc;position:absolute}.marvel-device.iphone8plus .volume{left:calc(-4px/var(--size-divisor));top:calc(188px/var(--size-divisor));z-index:0;height:calc(66px/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:#d9dbdc;position:absolute}.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));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;position:absolute}.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));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;position:absolute}.marvel-device.iphone8plus .camera{width:calc(12px/var(--size-divisor));height:calc(12px/var(--size-divisor));top:calc(29px/var(--size-divisor));margin-left:calc(-6px/var(--size-divisor));z-index:3;background:#3c3d3d;border-radius:100%;position:absolute;left:50%}.marvel-device.iphone8plus .sensor{width:calc(16px/var(--size-divisor));height:calc(16px/var(--size-divisor));top:calc(54px/var(--size-divisor));left:calc(154px/var(--size-divisor));z-index:3;background:#3c3d3d;border-radius:100%;position:absolute}.marvel-device.iphone8plus .speaker{width:calc(70px/var(--size-divisor));height:calc(6px/var(--size-divisor));top:calc(59px/var(--size-divisor));margin-left:calc(-35px/var(--size-divisor));border-radius:calc(6px/var(--size-divisor));z-index:3;background:#292728;position:absolute;left:50%}.marvel-device.iphone8plus.gold{background:#f9e7d3}.marvel-device.iphone8plus.gold .top-bar,.marvel-device.iphone8plus.gold .bottom-bar{background:#fff}.marvel-device.iphone8plus.gold .sleep,.marvel-device.iphone8plus.gold .volume{background:#f9e7d3}.marvel-device.iphone8plus.gold .home{background:linear-gradient(135deg,#cebba9 0%,#f9e7d3 50%,#cebba9 100%)}.marvel-device.iphone8plus.black{box-shadow:inset 0 0 calc(3px/var(--size-divisor))0 #000000b3;background:#464646}.marvel-device.iphone8plus.black:before{background:#080808}.marvel-device.iphone8plus.black:after{box-shadow:inset 0 0 calc(3px/var(--size-divisor))0 #0000001a,inset 0 0 calc(6px/var(--size-divisor))calc(3px/var(--size-divisor))#212121}.marvel-device.iphone8plus.black .top-bar,.marvel-device.iphone8plus.black .bottom-bar{background:#212121}.marvel-device.iphone8plus.black .volume,.marvel-device.iphone8plus.black .sleep{background:#464646}.marvel-device.iphone8plus.black .camera{background:#080808}.marvel-device.iphone8plus.black .home{background:linear-gradient(135deg,#080808 0%,#464646 50%,#080808 100%)}.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{border-radius:calc(0px/var(--size-divisor))calc(0px/var(--size-divisor))calc(2px/var(--size-divisor))calc(2px/var(--size-divisor));top:100%;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));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));border-radius:calc(2px/var(--size-divisor))calc(2px/var(--size-divisor))calc(0px/var(--size-divisor))calc(0px/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));border-radius:calc(2px/var(--size-divisor))calc(2px/var(--size-divisor))calc(0px/var(--size-divisor))calc(0px/var(--size-divisor));top:0}.marvel-device.iphone8plus.landscape .top-bar{width:calc(14px/var(--size-divisor));left:calc(100% - calc(68px/var(--size-divisor)) - calc(14px)/var(--size-divisor));height:100%;top:0}.marvel-device.iphone8plus.landscape .bottom-bar{width:calc(14px/var(--size-divisor));left:calc(68px/var(--size-divisor));height:100%;top:0}.marvel-device.iphone8plus.landscape .home{margin-top:calc(-34px/var(--size-divisor));top:50%;left:calc(24px/var(--size-divisor));margin-left:0}.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));margin-left:calc(0px/var(--size-divisor));margin-top:calc(-35px/var(--size-divisor));top:50%}.marvel-device.iphone8plus.landscape .camera{left:calc(100% - calc(29px)/var(--size-divisor));margin-left:calc(0px/var(--size-divisor));margin-top:calc(-5px/var(--size-divisor));top:50%}.marvel-device.iphone5s,.marvel-device.iphone5c{padding:calc(105px/var(--size-divisor))calc(22px/var(--size-divisor));width:calc(320px/var(--size-divisor));height:calc(568px/var(--size-divisor));border-radius:calc(50px/var(--size-divisor));background:#2c2b2c}.marvel-device.iphone5s:before,.marvel-device.iphone5c:before{width:calc(100% - calc(8px)/var(--size-divisor));height:calc(100% - calc(8px)/var(--size-divisor));top:calc(4px/var(--size-divisor));content:"";left:calc(4px/var(--size-divisor));border-radius:calc(46px/var(--size-divisor));z-index:1;background:#1e1e1e;position:absolute}.marvel-device.iphone5s .sleep,.marvel-device.iphone5c .sleep{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;position:absolute}.marvel-device.iphone5s .volume,.marvel-device.iphone5c .volume{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;position:absolute}.marvel-device.iphone5s .volume:before,.marvel-device.iphone5c .volume:before{left:calc(0px/var(--size-divisor));top:calc(-75px/var(--size-divisor));height:calc(35px/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;position:absolute}.marvel-device.iphone5s .volume:after,.marvel-device.iphone5c .volume:after{left:calc(0px/var(--size-divisor));bottom:calc(-64px/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:inherit;content:"";display:block;position:absolute}.marvel-device.iphone5s .camera,.marvel-device.iphone5c .camera{width:calc(10px/var(--size-divisor));height:calc(10px/var(--size-divisor));top:calc(32px/var(--size-divisor));margin-left:calc(-5px/var(--size-divisor));border-radius:calc(5px/var(--size-divisor));z-index:3;background:#3c3d3d;position:absolute;left:50%}.marvel-device.iphone5s .sensor,.marvel-device.iphone5c .sensor{width:calc(10px/var(--size-divisor));height:calc(10px/var(--size-divisor));top:calc(60px/var(--size-divisor));left:calc(160px/var(--size-divisor));z-index:3;margin-left:calc(-32px/var(--size-divisor));border-radius:calc(5px/var(--size-divisor));background:#3c3d3d;position:absolute}.marvel-device.iphone5s .speaker,.marvel-device.iphone5c .speaker{width:calc(64px/var(--size-divisor));height:calc(10px/var(--size-divisor));top:calc(60px/var(--size-divisor));margin-left:calc(-32px/var(--size-divisor));border-radius:calc(5px/var(--size-divisor));z-index:3;background:#292728;position:absolute;left:50%}.marvel-device.iphone5s.landscape,.marvel-device.iphone5c.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.iphone5s.landscape .sleep,.marvel-device.iphone5c.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.iphone5s.landscape .volume,.marvel-device.iphone5c.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.iphone5s.landscape .volume:before,.marvel-device.iphone5c.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));border-radius:calc(2px/var(--size-divisor))calc(2px/var(--size-divisor))calc(0px/var(--size-divisor))calc(0px/var(--size-divisor));left:auto}.marvel-device.iphone5s.landscape .volume:after,.marvel-device.iphone5c.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.iphone5s.landscape .sensor,.marvel-device.iphone5c.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.iphone5s.landscape .speaker,.marvel-device.iphone5c.landscape .speaker{height:calc(64px/var(--size-divisor));width:calc(10px/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));top:50%}.marvel-device.iphone5s.landscape .camera,.marvel-device.iphone5c.landscape .camera{left:calc(100% - calc(32px)/var(--size-divisor));margin-left:calc(0px/var(--size-divisor));margin-top:calc(-5px/var(--size-divisor));top:50%}.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));margin-left:calc(-34px/var(--size-divisor));left:50%;bottom:calc(19px/var(--size-divisor));z-index:3;position:absolute}.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));margin-bottom:calc(-34px/var(--size-divisor));margin-left:calc(0px/var(--size-divisor));bottom:50%}.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 .volume,.marvel-device.iphone5s.silver .sleep{background:#d6d6d6}.marvel-device.iphone5s.silver .top-bar,.marvel-device.iphone5s.silver .bottom-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 .volume,.marvel-device.iphone5s.gold .sleep{background:#f9e7d3}.marvel-device.iphone5s.gold .top-bar,.marvel-device.iphone5s.gold .bottom-bar{background:#fff}.marvel-device.iphone5s.gold .home{box-shadow:inset 0 0 0 calc(4px/var(--size-divisor))#f9e7d3}.marvel-device.iphone5c{box-shadow:0 calc(1px/var(--size-divisor))calc(2px/var(--size-divisor))0 #0003;background:#fff}.marvel-device.iphone5c .top-bar,.marvel-device.iphone5c .bottom-bar{display:none}.marvel-device.iphone5c .home{border-radius:calc(36px/var(--size-divisor));width:calc(68px/var(--size-divisor));height:calc(68px/var(--size-divisor));z-index:3;margin-left:calc(-34px/var(--size-divisor));left:50%;bottom:calc(19px/var(--size-divisor));background:#242324;position:absolute}.marvel-device.iphone5c .home:after{width:calc(20px/var(--size-divisor));height:calc(20px/var(--size-divisor));border:calc(1px/var(--size-divisor))solid #ffffff1a;border-radius:calc(4px/var(--size-divisor));content:"";margin-top:calc(-11px/var(--size-divisor));margin-left:calc(-11px/var(--size-divisor));display:block;position:absolute;top:50%;left:50%}.marvel-device.iphone5c.landscape .home{left:calc(19px/var(--size-divisor));margin-bottom:calc(-34px/var(--size-divisor));margin-left:calc(0px/var(--size-divisor));bottom:50%}.marvel-device.iphone5c .volume,.marvel-device.iphone5c .sleep{background:#ddd}.marvel-device.iphone5c.red{background:#f96b6c}.marvel-device.iphone5c.red .volume,.marvel-device.iphone5c.red .sleep{background:#ed5758}.marvel-device.iphone5c.yellow{background:#f2dc60}.marvel-device.iphone5c.yellow .volume,.marvel-device.iphone5c.yellow .sleep{background:#e5ce4c}.marvel-device.iphone5c.green{background:#97e563}.marvel-device.iphone5c.green .volume,.marvel-device.iphone5c.green .sleep{background:#85d94d}.marvel-device.iphone5c.blue{background:#33a2db}.marvel-device.iphone5c.blue .volume,.marvel-device.iphone5c.blue .sleep{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));border-radius:calc(54px/var(--size-divisor));background:#686868}.marvel-device.iphone4s:before{content:"";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));z-index:1;border-radius:calc(50px/var(--size-divisor));background:#1e1e1e;position:absolute}.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{width:calc(10px/var(--size-divisor));height:calc(10px/var(--size-divisor));top:calc(72px/var(--size-divisor));left:calc(134px/var(--size-divisor));z-index:3;margin-left:calc(-5px/var(--size-divisor));background:#3c3d3d;border-radius:100%;position:absolute}.marvel-device.iphone4s .speaker{width:calc(64px/var(--size-divisor));height:calc(10px/var(--size-divisor));top:calc(72px/var(--size-divisor));z-index:3;margin-left:calc(-32px/var(--size-divisor));border-radius:calc(5px/var(--size-divisor));background:#292728;position:absolute;left:50%}.marvel-device.iphone4s .sensor{width:calc(40px/var(--size-divisor));height:calc(10px/var(--size-divisor));top:calc(36px/var(--size-divisor));z-index:3;margin-left:calc(-20px/var(--size-divisor));border-radius:calc(5px/var(--size-divisor));background:#292728;position:absolute;left:50%}.marvel-device.iphone4s .home{width:calc(72px/var(--size-divisor));height:calc(72px/var(--size-divisor));z-index:3;margin-left:calc(-36px/var(--size-divisor));left:50%;bottom:calc(30px/var(--size-divisor));background:#242324;border-radius:100%;position:absolute}.marvel-device.iphone4s .home:after{width:calc(20px/var(--size-divisor));height:calc(20px/var(--size-divisor));border:calc(1px/var(--size-divisor))solid #ffffff1a;border-radius:calc(4px/var(--size-divisor));content:"";margin-top:calc(-11px/var(--size-divisor));margin-left:calc(-11px/var(--size-divisor));display:block;position:absolute;top:50%;left:50%}.marvel-device.iphone4s .sleep{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;position:absolute}.marvel-device.iphone4s .volume{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;position:absolute}.marvel-device.iphone4s .volume:before{left:calc(0px/var(--size-divisor));top:calc(-70px/var(--size-divisor));height:calc(35px/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;position:absolute}.marvel-device.iphone4s .volume:after{left:calc(0px/var(--size-divisor));bottom:calc(-64px/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:inherit;content:"";display:block;position:absolute}.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));width:calc(3px/var(--size-divisor));height:100%}.marvel-device.iphone4s.landscape .top-bar{left:calc(100% - calc(60px)/var(--size-divisor));top:calc(0px/var(--size-divisor));width:calc(3px/var(--size-divisor));height:100%}.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{margin-left:0;margin-top:calc(-32px/var(--size-divisor));top:50%;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));margin-left:0;margin-top:calc(-20px/var(--size-divisor));top:50%}.marvel-device.iphone4s.landscape .home{left:calc(30px/var(--size-divisor));margin-left:0;margin-bottom:calc(-36px/var(--size-divisor));bottom:50%}.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));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.iphone4s.landscape .volume:before{right:calc(-70px/var(--size-divisor));left:auto;top:calc(0px/var(--size-divisor));width:calc(35px/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))}.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{box-shadow:inset 0 0 0 calc(1px/var(--size-divisor))#bcbcbc;background:#fcfcfc}.marvel-device.iphone4s.silver .home:after{border:calc(1px/var(--size-divisor))solid #0003}.marvel-device.iphone4s.silver .volume,.marvel-device.iphone4s.silver .sleep{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));border-radius:calc(20px/var(--size-divisor));background:#1e1e1e}.marvel-device.nexus5:before{border-radius:calc(600px/var(--size-divisor))/calc(50px/var(--size-divisor));background:inherit;content:"";width:calc(100% - calc(26px)/var(--size-divisor));height:103.1%;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.marvel-device.nexus5 .top-bar{width:calc(100% - calc(8px)/var(--size-divisor));height:calc(100% - calc(6px)/var(--size-divisor));top:calc(3px/var(--size-divisor));left:calc(4px/var(--size-divisor));border-radius:calc(20px/var(--size-divisor));background:#181818;position:absolute}.marvel-device.nexus5 .top-bar:before{border-radius:calc(600px/var(--size-divisor))/calc(50px/var(--size-divisor));background:inherit;content:"";width:calc(100% - calc(26px)/var(--size-divisor));height:103%;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.marvel-device.nexus5 .bottom-bar{display:none}.marvel-device.nexus5 .sleep{width:calc(3px/var(--size-divisor));left:calc(-3px/var(--size-divisor));top:calc(110px/var(--size-divisor));height:calc(100px/var(--size-divisor));background:inherit;border-radius:calc(2px/var(--size-divisor))calc(0px/var(--size-divisor))calc(0px/var(--size-divisor))calc(2px/var(--size-divisor));position:absolute}.marvel-device.nexus5 .volume{width:calc(3px/var(--size-divisor));right:calc(-3px/var(--size-divisor));top:calc(70px/var(--size-divisor));height:calc(45px/var(--size-divisor));background:inherit;border-radius:calc(0px/var(--size-divisor))calc(2px/var(--size-divisor))calc(2px/var(--size-divisor))calc(0px/var(--size-divisor));position:absolute}.marvel-device.nexus5 .camera{width:calc(10px/var(--size-divisor));height:calc(10px/var(--size-divisor));top:calc(18px/var(--size-divisor));z-index:3;margin-left:calc(-5px/var(--size-divisor));background:#3c3d3d;border-radius:100%;position:absolute;left:50%}.marvel-device.nexus5 .camera:before{width:calc(6px/var(--size-divisor));height:calc(6px/var(--size-divisor));content:"";top:calc(2px/var(--size-divisor));left:calc(-100px/var(--size-divisor));z-index:3;background:#3c3d3d;border-radius:100%;display:block;position:absolute}.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{height:calc(100% - calc(26px)/var(--size-divisor));border-radius:calc(50px/var(--size-divisor))/calc(600px/var(--size-divisor));width:103.1%}.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{height:calc(100% - calc(26px)/var(--size-divisor));border-radius:calc(50px/var(--size-divisor))/calc(600px/var(--size-divisor));width:103%}.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));border-radius:calc(0px/var(--size-divisor))calc(0px/var(--size-divisor))calc(2px/var(--size-divisor))calc(2px/var(--size-divisor));top:100%}.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:before,.marvel-device.s5:after{width:calc(100% - calc(52px)/var(--size-divisor));content:"";height:calc(26px/var(--size-divisor));background:inherit;border-radius:calc(500px/var(--size-divisor))/calc(40px/var(--size-divisor));display:block;position:absolute;left:50%;transform:translate(-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(#00000005 20%,transparent 60%)0 0,radial-gradient(#00000005 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));z-index:2;background-position:50%;position:absolute}.marvel-device.s5 .top-bar:before,.marvel-device.s5 .top-bar:after{width:calc(100% - calc(48px)/var(--size-divisor));content:"";height:calc(26px/var(--size-divisor));background:inherit;border-radius:calc(500px/var(--size-divisor))/calc(40px/var(--size-divisor));display:block;position:absolute;left:50%;transform:translate(-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));left:calc(-3px/var(--size-divisor));top:calc(100px/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));background:#cecece;position:absolute}.marvel-device.s5 .speaker{width:calc(68px/var(--size-divisor));height:calc(8px/var(--size-divisor));top:calc(20px/var(--size-divisor));z-index:3;margin-left:calc(-34px/var(--size-divisor));border-radius:calc(4px/var(--size-divisor));background-color:#bcbcbc;background-position:0 0;display:block;position:absolute;left:50%}.marvel-device.s5 .sensor{top:calc(20px/var(--size-divisor));right:calc(110px/var(--size-divisor));width:calc(8px/var(--size-divisor));height:calc(8px/var(--size-divisor));z-index:3;background:#3c3d3d;border-radius:100%;display:block;position:absolute}.marvel-device.s5 .sensor:after{content:"";top:calc(0px/var(--size-divisor));right:calc(12px/var(--size-divisor));width:calc(8px/var(--size-divisor));height:calc(8px/var(--size-divisor));z-index:3;background:#3c3d3d;border-radius:100%;display:block;position:absolute}.marvel-device.s5 .camera{top:calc(24px/var(--size-divisor));right:calc(42px/var(--size-divisor));width:calc(10px/var(--size-divisor));height:calc(10px/var(--size-divisor));z-index:3;background:#000;border-radius:100%;display:block;position:absolute}.marvel-device.s5 .camera:before{width:calc(4px/var(--size-divisor));height:calc(4px/var(--size-divisor));content:"";margin-top:calc(-2px/var(--size-divisor));margin-left:calc(-2px/var(--size-divisor));background:#3c3d3d;border-radius:100%;position:absolute;top:50%;left:50%}.marvel-device.s5 .home{z-index:3;bottom:calc(17px/var(--size-divisor));width:calc(70px/var(--size-divisor));height:calc(20px/var(--size-divisor));border-radius:calc(18px/var(--size-divisor));margin-left:calc(-35px/var(--size-divisor));border:calc(2px/var(--size-divisor))solid black;background:#fff;display:block;position:absolute;left:50%}.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:before,.marvel-device.s5.landscape:after{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:before,.marvel-device.s5.landscape .top-bar:after{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));margin-left:0;margin-top:calc(-34px/var(--size-divisor));top:50%}.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));margin-bottom:calc(-35px/var(--size-divisor));bottom:50%;left:calc(17px/var(--size-divisor));margin-left:0}.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(#0000000d 20%,transparent 60%)0 0,radial-gradient(#0000000d 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));width:calc(320px/var(--size-divisor));height:calc(533px/var(--size-divisor));border-radius:calc(40px/var(--size-divisor))/calc(3px/var(--size-divisor));background:#fd0}.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));top:calc(16px/var(--size-divisor));left:calc(12px/var(--size-divisor));border-radius:calc(24px/var(--size-divisor));z-index:1;background:#000;position:absolute}.marvel-device.lumia920 .top-bar:before{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));border-radius:calc(22px/var(--size-divisor));background:#1e1e1e;display:block;position:absolute}.marvel-device.lumia920 .volume{width:calc(3px/var(--size-divisor));top:calc(130px/var(--size-divisor));height:calc(100px/var(--size-divisor));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));background:#1e1e1e;position:absolute}.marvel-device.lumia920 .volume:before{width:calc(3px/var(--size-divisor));top:calc(190px/var(--size-divisor));content:"";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));display:block;position:absolute}.marvel-device.lumia920 .volume:after{width:calc(3px/var(--size-divisor));top:calc(460px/var(--size-divisor));content:"";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));display:block;position:absolute}.marvel-device.lumia920 .camera{width:calc(10px/var(--size-divisor));height:calc(10px/var(--size-divisor));top:calc(34px/var(--size-divisor));right:calc(130px/var(--size-divisor));z-index:5;border-radius:calc(5px/var(--size-divisor));background:#3c3d3d;position:absolute}.marvel-device.lumia920 .speaker{width:calc(64px/var(--size-divisor));height:calc(10px/var(--size-divisor));top:calc(38px/var(--size-divisor));margin-left:calc(-32px/var(--size-divisor));border-radius:calc(5px/var(--size-divisor));z-index:3;background:#292728;position:absolute;left:50%}.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));border-radius:calc(0px/var(--size-divisor))calc(0px/var(--size-divisor))calc(2px/var(--size-divisor))calc(2px/var(--size-divisor));top:100%}.marvel-device.lumia920.landscape .volume:before{height:calc(3px/var(--size-divisor));right:calc(190px/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{height:calc(3px/var(--size-divisor));right:calc(430px/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 .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));margin-left:0;margin-top:calc(-32px/var(--size-divisor));top:50%;left:calc(100% - calc(48px)/var(--size-divisor))}.marvel-device.lumia920.black{background:#000}.marvel-device.lumia920.white{box-shadow:0 calc(1px/var(--size-divisor))calc(2px/var(--size-divisor))0 #0003;background:#fff}.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));border-radius:calc(34px/var(--size-divisor));background:#bebebe}.marvel-device.htc-one:before{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));border-radius:calc(32px/var(--size-divisor));background:#adadad;display:block;position:absolute}.marvel-device.htc-one:after{content:"";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));border-radius:calc(30px/var(--size-divisor));background:#eee;display:block;position:absolute}.marvel-device.htc-one .top-bar{width:calc(100% - calc(4px)/var(--size-divisor));height:calc(635px/var(--size-divisor));top:calc(50px/var(--size-divisor));z-index:1;left:calc(2px/var(--size-divisor));background:#424242;position:absolute}.marvel-device.htc-one .top-bar:before{content:"";width:calc(100% - calc(4px)/var(--size-divisor));top:calc(0px/var(--size-divisor));z-index:1;left:calc(2px/var(--size-divisor));background:#000;height:100%;position:absolute}.marvel-device.htc-one .bottom-bar{display:none}.marvel-device.htc-one .speaker{height:calc(16px/var(--size-divisor));width:calc(216px/var(--size-divisor));top:calc(22px/var(--size-divisor));z-index:2;margin-left:calc(-108px/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;display:block;position:absolute;left:50%}.marvel-device.htc-one .speaker:after{content:"";height:calc(16px/var(--size-divisor));width:calc(216px/var(--size-divisor));top:calc(676px/var(--size-divisor));z-index:2;margin-left:calc(-108px/var(--size-divisor));background:inherit;display:block;position:absolute;left:50%}.marvel-device.htc-one .camera{top:calc(18px/var(--size-divisor));right:calc(38px/var(--size-divisor));width:calc(24px/var(--size-divisor));height:calc(24px/var(--size-divisor));z-index:3;background:#3c3d3d;border-radius:100%;display:block;position:absolute}.marvel-device.htc-one .camera:before{width:calc(8px/var(--size-divisor));height:calc(8px/var(--size-divisor));content:"";margin-top:calc(-4px/var(--size-divisor));margin-left:calc(-4px/var(--size-divisor));background:#000;border-radius:100%;position:absolute;top:50%;left:50%}.marvel-device.htc-one .sensor{top:calc(29px/var(--size-divisor));left:calc(60px/var(--size-divisor));width:calc(8px/var(--size-divisor));height:calc(8px/var(--size-divisor));z-index:3;background:#3c3d3d;border-radius:100%;display:block;position:absolute}.marvel-device.htc-one .sensor:after{content:"";top:calc(0px/var(--size-divisor));right:calc(12px/var(--size-divisor));width:calc(8px/var(--size-divisor));height:calc(8px/var(--size-divisor));z-index:3;background:#3c3d3d;border-radius:100%;display:block;position:absolute}.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{width:calc(16px/var(--size-divisor));height:calc(216px/var(--size-divisor));left:calc(100% - calc(38px)/var(--size-divisor));margin-left:calc(0px/var(--size-divisor));margin-top:calc(-108px/var(--size-divisor));top:50%}.marvel-device.htc-one.landscape .speaker:after{width:calc(16px/var(--size-divisor));height:calc(216px/var(--size-divisor));left:calc(100% - calc(692px)/var(--size-divisor));margin-left:0;margin-top:calc(-108px/var(--size-divisor));top:50%}.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));border-radius:calc(44px/var(--size-divisor));background:#242324}.marvel-device.ipad:before{width:calc(100% - calc(8px)/var(--size-divisor));height:calc(100% - calc(8px)/var(--size-divisor));content:"";top:calc(4px/var(--size-divisor));left:calc(4px/var(--size-divisor));border-radius:calc(40px/var(--size-divisor));background:#1e1e1e;display:block;position:absolute}.marvel-device.ipad .camera{width:calc(10px/var(--size-divisor));height:calc(10px/var(--size-divisor));top:calc(44px/var(--size-divisor));margin-left:calc(-5px/var(--size-divisor));background:#3c3d3d;border-radius:100%;position:absolute;left:50%}.marvel-device.ipad .top-bar,.marvel-device.ipad .bottom-bar{display:none}.marvel-device.ipad .home{border-radius:calc(36px/var(--size-divisor));width:calc(50px/var(--size-divisor));height:calc(50px/var(--size-divisor));margin-left:calc(-25px/var(--size-divisor));left:50%;bottom:calc(22px/var(--size-divisor));background:#242324;position:absolute}.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 #ffffff1a;border-radius:calc(4px/var(--size-divisor));content:"";display:block;position:absolute;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));margin-left:0;margin-top:calc(-5px/var(--size-divisor));top:50%}.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{box-shadow:inset 0 0 0 calc(1px/var(--size-divisor))#bcbcbc;background:#fcfcfc}.marvel-device.ipad.silver .home:after{border:calc(1px/var(--size-divisor))solid #0003}.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));border-radius:calc(34px/var(--size-divisor));background:#bebebe;margin:0 auto}.marvel-device.macbook:before{width:calc(100% - calc(8px)/var(--size-divisor));height:calc(100% - calc(8px)/var(--size-divisor));content:"";top:calc(4px/var(--size-divisor));left:calc(4px/var(--size-divisor));border-radius:calc(30px/var(--size-divisor));background:#1e1e1e;display:block;position:absolute}.marvel-device.macbook .top-bar{width:calc(100% + 2*calc(70px)/var(--size-divisor));height:calc(40px/var(--size-divisor));content:"";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));box-shadow:inset calc(0px/var(--size-divisor))calc(-4px/var(--size-divisor))calc(13px/var(--size-divisor))calc(3px/var(--size-divisor))#2229;background:#bebebe;display:block;position:absolute}.marvel-device.macbook .top-bar:before{height:calc(24px/var(--size-divisor));content:"";border-bottom:calc(2px/var(--size-divisor))solid #aaa;border-radius:calc(5px/var(--size-divisor));background:#f0f0f0;width:100%;display:block;position:relative;top:0;left:0}.marvel-device.macbook .top-bar:after{height:calc(14px/var(--size-divisor));content:"";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;background:#ddd;width:16%;margin-left:auto;margin-right:auto;display:block;position:absolute;top:0;left:0;right:0}.marvel-device.macbook .bottom-bar{width:calc(100% + 2*calc(70px)/var(--size-divisor));height:calc(26px/var(--size-divisor));content:"";top:calc(680px/var(--size-divisor));left:calc(-70px/var(--size-divisor));background:0 0;display:block;position:absolute}.marvel-device.macbook .bottom-bar:before,.marvel-device.macbook .bottom-bar:after{height:calc(100% - calc(2px)/var(--size-divisor));width:calc(80px/var(--size-divisor));content:"";display:block;position:absolute;top:0}.marvel-device.macbook .bottom-bar:before{background:linear-gradient(90deg,#747474 0%,#c3c3c3 5%,#ebebeb 14%,#979797 41%,#f0f0f0 80% 100%,#f0f0f0 100%);left:0}.marvel-device.macbook .bottom-bar:after{background:linear-gradient(90deg,#f0f0f0 0% 0%,#f0f0f0 20%,#979797 59%,#ebebeb 86%,#c3c3c3 95%,#747474 100%);right:0}.marvel-device.macbook .camera{width:calc(10px/var(--size-divisor));height:calc(10px/var(--size-divisor));top:calc(20px/var(--size-divisor));margin-left:calc(-5px/var(--size-divisor));background:#3c3d3d;border-radius:100%;position:absolute;left:50%}.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));box-shadow:inset 0 0 calc(11px/var(--size-divisor))0 black;border-radius:calc(66px/var(--size-divisor));background:#fdfdfd}.marvel-device.iphone-x .overflow{border-radius:calc(66px/var(--size-divisor));width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.marvel-device.iphone-x .shadow{width:calc(90px/var(--size-divisor));height:calc(90px/var(--size-divisor));background:radial-gradient(#0009 0%,#fff0 60%);border-radius:100%;position:absolute}.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));top:calc(5px/var(--size-divisor));content:"";left:calc(5px/var(--size-divisor));border-radius:calc(61px/var(--size-divisor));z-index:1;background:#000;position:absolute}.marvel-device.iphone-x .inner-shadow{width:calc(100% - calc(20px)/var(--size-divisor));height:calc(100% - calc(20px)/var(--size-divisor));top:calc(10px/var(--size-divisor));left:calc(10px/var(--size-divisor));border-radius:calc(56px/var(--size-divisor));box-shadow:inset 0 0 calc(15px/var(--size-divisor))0 #ffffffa8;z-index:1;position:absolute;overflow:hidden}.marvel-device.iphone-x .inner-shadow:before{box-shadow:inset 0 0 calc(20px/var(--size-divisor))0 #fff;content:"";border-radius:calc(200px/var(--size-divisor))/calc(112px/var(--size-divisor));z-index:2;width:100%;height:116%;position:absolute;top:-8%;left:0}.marvel-device.iphone-x .screen{border-radius:calc(40px/var(--size-divisor));box-shadow:none}.marvel-device.iphone-x .top-bar,.marvel-device.iphone-x .bottom-bar{height:calc(8px/var(--size-divisor));background:#0000001a;width:100%;position:absolute;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 .volume,.marvel-device.iphone-x .volume:before,.marvel-device.iphone-x .volume:after,.marvel-device.iphone-x .sleep{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));height:calc(6px/var(--size-divisor));top:calc(9px/var(--size-divisor));left:calc(154px/var(--size-divisor));background:#0d4d71;border-radius:100%;position:absolute}.marvel-device.iphone-x .speaker{height:calc(6px/var(--size-divisor));width:calc(60px/var(--size-divisor));left:50%;top:calc(9px/var(--size-divisor));margin-left:calc(-30px/var(--size-divisor));border-radius:calc(6px/var(--size-divisor));background:#171818;position:absolute}.marvel-device.iphone-x .notch{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;border-bottom-left-radius:calc(24px/var(--size-divisor));border-bottom-right-radius:calc(24px/var(--size-divisor));background:#000;position:absolute}.marvel-device.iphone-x .notch:before,.marvel-device.iphone-x .notch:after{content:"";height:calc(8px/var(--size-divisor));width:calc(8px/var(--size-divisor));position:absolute;top:0}.marvel-device.iphone-x .notch:after{left:calc(-8px/var(--size-divisor));background:radial-gradient(circle at 0 100%,#0000 0 70%,#000 70% 100%)}.marvel-device.iphone-x .notch:before{right:calc(-8px/var(--size-divisor));background:radial-gradient(circle at 100% 100%,#0000 0 70%,#000 70% 100%)}.marvel-device.iphone-x.landscape{height:calc(375px/var(--size-divisor));width:calc(812px/var(--size-divisor))}.marvel-device.iphone-x.landscape .top-bar,.marvel-device.iphone-x.landscape .bottom-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 .volume,.marvel-device.iphone-x.landscape .volume:before,.marvel-device.iphone-x.landscape .volume:after,.marvel-device.iphone-x.landscape .sleep{height:calc(3px/var(--size-divisor))}.marvel-device.iphone-x.landscape .inner-shadow:before{border-radius:calc(112px/var(--size-divisor))/calc(200px/var(--size-divisor));width:116%;height:100%;top:0;left:-8%}.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));margin-top:calc(-30px/var(--size-divisor));margin-left:0;top:50%}.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));border-top-right-radius:calc(24px/var(--size-divisor));border-bottom-right-radius:calc(24px/var(--size-divisor));border-bottom-left-radius:0;top:auto}.marvel-device.iphone-x.landscape .notch:before,.marvel-device.iphone-x.landscape .notch:after{left:0}.marvel-device.iphone-x.landscape .notch:after{bottom:calc(-8px/var(--size-divisor));background:radial-gradient(circle at 100% 100%,#0000 0 70%,#000 70% 100%);top:auto}.marvel-device.iphone-x.landscape .notch:before{top:calc(-8px/var(--size-divisor));background:radial-gradient(circle at 100% 0,#0000 0 70%,#000 70% 100%)}.marvel-device.note8{width:calc(400px/var(--size-divisor));height:calc(822px/var(--size-divisor));border-radius:calc(34px/var(--size-divisor));padding:calc(45px/var(--size-divisor))calc(10px/var(--size-divisor));background:#000}.marvel-device.note8 .overflow{border-radius:calc(34px/var(--size-divisor));width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.marvel-device.note8 .speaker{height:calc(8px/var(--size-divisor));width:calc(56px/var(--size-divisor));left:50%;top:calc(25px/var(--size-divisor));margin-left:calc(-28px/var(--size-divisor));z-index:1;border-radius:calc(8px/var(--size-divisor));background:#171818;position:absolute}.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));z-index:1;background:#212b36;border-radius:100%;position:absolute}.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));z-index:1;background:#212b36;border-radius:100%;position:absolute}.marvel-device.note8 .sensors{height:calc(10px/var(--size-divisor));width:calc(10px/var(--size-divisor));left:calc(120px/var(--size-divisor));top:calc(22px/var(--size-divisor));z-index:1;background:#1d233b;border-radius:100%;position:absolute}.marvel-device.note8 .sensors:before{content:"";height:calc(10px/var(--size-divisor));width:calc(10px/var(--size-divisor));left:calc(18px/var(--size-divisor));z-index:1;background:#1d233b;border-radius:100%;position:absolute;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));top:calc(18px/var(--size-divisor));box-shadow:0 0 0 calc(2px/var(--size-divisor))#ffffff1a;z-index:1;background:#33244a;border-radius:100%;position:absolute}.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));top:calc(4px/var(--size-divisor));z-index:1;background:#214a61;border-radius:100%;position:absolute}.marvel-device.note8 .sleep{width:calc(2px/var(--size-divisor));height:calc(56px/var(--size-divisor));top:calc(288px/var(--size-divisor));right:calc(-2px/var(--size-divisor));background:#000;position:absolute}.marvel-device.note8 .volume{width:calc(2px/var(--size-divisor));height:calc(120px/var(--size-divisor));top:calc(168px/var(--size-divisor));left:calc(-2px/var(--size-divisor));background:#000;position:absolute}.marvel-device.note8 .volume:before{content:"";top:calc(168px/var(--size-divisor));width:calc(2px/var(--size-divisor));height:calc(56px/var(--size-divisor));background:#000;position:absolute;left:0}.marvel-device.note8 .inner{height:calc(100% - calc(8px)/var(--size-divisor));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;z-index:1;box-shadow:inset 0 0 calc(6px/var(--size-divisor))0 #ffffff80;background:#000;width:100%;position:absolute}.marvel-device.note8 .shadow{box-shadow:inset 0 0 calc(60px/var(--size-divisor))0 white,inset 0 0 calc(30px/var(--size-divisor))0 #ffffff80,0 0 calc(20px/var(--size-divisor))0 white,0 0 calc(20px/var(--size-divisor))0 #ffffff80;content:"";width:calc(100% - calc(20px)/var(--size-divisor));top:-.5%;left:calc(10px/var(--size-divisor));border-radius:calc(38px/var(--size-divisor));z-index:5;pointer-events:none;height:101%;position:absolute}.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));margin-top:calc(-28px/var(--size-divisor));top:50%;right:calc(25px/var(--size-divisor));margin-left:0;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));height:calc(2px/var(--size-divisor));top:calc(-2px/var(--size-divisor));right:calc(168px/var(--size-divisor));left:auto}.marvel-device.note8.landscape .volume:before{right:calc(168px/var(--size-divisor));width:calc(56px/var(--size-divisor));height:calc(2px/var(--size-divisor));top:0;left:auto}.marvel-device.note8.landscape .inner{width:calc(100% - calc(8px)/var(--size-divisor));left:calc(2px/var(--size-divisor));border-top:0;border-bottom:0;border-left:calc(2px/var(--size-divisor))solid #9fa0a2;border-right:calc(2px/var(--size-divisor))solid #9fa0a2;height:100%;top:0}.marvel-device.note8.landscape .shadow{height:calc(100% - calc(20px)/var(--size-divisor));left:-.5%;top:calc(10px/var(--size-divisor));width:101%}@media (width>=576px){:root{--size-divisor:2}}@media (width>=768px){:root{--size-divisor:1.5}}@media (width>=992px){:root{--size-divisor:1}}@media (width>=1200px){:root{--size-divisor:.67}}