.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:#343434;overflow:hidden;display:block;border-radius:1px;box-shadow:0 0 0 3px #111}.marvel-device .bottom-bar,.marvel-device .top-bar{height:3px;background:#000;width:100%;display:block}.marvel-device .middle-bar{width:3px;height:4px;top:0;left:90px;background:#000;position:absolute}.marvel-device.iphone-x{aspect-ratio:375/812;height:812px;width:auto;position:relative;background:#fdfdfd;box-shadow:inset 0 0 11px 0 #000;border-radius:66px}.marvel-device.iphone-x .content{position:relative;padding:26px;width:100%;height:100%}.marvel-device.iphone-x .overflow{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:66px;overflow:hidden}.marvel-device.iphone-x .shadow{border-radius:100%;width:90px;height:90px;position:absolute;background:radial-gradient(ellipse at center,rgba(0,0,0,.6) 0,rgba(255,255,255,0) 60%)}.marvel-device.iphone-x .shadow--tl{top:-20px;left:-20px}.marvel-device.iphone-x .shadow--tr{top:-20px;right:-20px}.marvel-device.iphone-x .shadow--bl{bottom:-20px;left:-20px}.marvel-device.iphone-x .shadow--br{bottom:-20px;right:-20px}.marvel-device.iphone-x:before{width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;top:5px;content:"";left:5px;border-radius:61px;background:#000;z-index:1}.marvel-device.iphone-x .inner-shadow{width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;overflow:hidden;left:10px;border-radius:56px;box-shadow:inset 0 0 15px 0 hsla(0,0%,100%,.66);z-index:1}.marvel-device.iphone-x .inner-shadow:before{box-shadow:inset 0 0 20px 0 #fff;width:100%;height:116%;position:absolute;top:-8%;content:"";left:0;border-radius:200px/112px;z-index:2}.marvel-device.iphone-x .screen{border-radius:40px;box-shadow:none}.marvel-device.iphone-x .bottom-bar,.marvel-device.iphone-x .top-bar{width:100%;position:absolute;height:8px;background:rgba(0,0,0,.1);left:0}.marvel-device.iphone-x .top-bar{top:80px}.marvel-device.iphone-x .bottom-bar{bottom:80px}.marvel-device.iphone-x .sleep,.marvel-device.iphone-x .volume,.marvel-device.iphone-x .volume:after,.marvel-device.iphone-x .volume:before{width:3px;background:#b5b5b5;position:absolute}.marvel-device.iphone-x .volume{left:-3px;top:116px;height:32px}.marvel-device.iphone-x .volume:before{height:62px;top:62px;content:"";left:0}.marvel-device.iphone-x .volume:after{height:62px;top:140px;content:"";left:0}.marvel-device.iphone-x .sleep{height:96px;top:200px;right:-3px}.marvel-device.iphone-x .camera{width:6px;height:6px;top:9px;border-radius:100%;position:absolute;left:154px;background:#0d4d71}.marvel-device.iphone-x .speaker{height:6px;width:60px;left:50%;position:absolute;top:9px;margin-left:-30px;background:#171818;border-radius:6px}.marvel-device.iphone-x .notch{position:absolute;width:210px;height:30px;top:26px;left:50%;transform:translateX(-50%);z-index:4;background:#000;border-bottom-left-radius:24px;border-bottom-right-radius:24px}.marvel-device.iphone-x .notch:after,.marvel-device.iphone-x .notch:before{content:"";height:8px;position:absolute;top:0;width:8px}.marvel-device.iphone-x .notch:after{background:radial-gradient(circle at bottom left,transparent 0,transparent 70%,black 0,black 100%);left:-8px}.marvel-device.iphone-x .notch:before{background:radial-gradient(circle at bottom right,transparent 0,transparent 70%,black 0,black 100%);right:-8px}.marvel-device.iphone-x.landscape{height:375px;width:812px}.marvel-device.iphone-x.landscape .bottom-bar,.marvel-device.iphone-x.landscape .top-bar{width:8px;height:100%;top:0}.marvel-device.iphone-x.landscape .top-bar{left:80px}.marvel-device.iphone-x.landscape .bottom-bar{right:80px;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:3px}.marvel-device.iphone-x.landscape .inner-shadow:before{height:100%;width:116%;left:-8%;top:0;border-radius:112px/200px}.marvel-device.iphone-x.landscape .volume{bottom:-3px;top:auto;left:116px;width:32px}.marvel-device.iphone-x.landscape .volume:before{width:62px;left:62px;top:0}.marvel-device.iphone-x.landscape .volume:after{width:62px;left:140px;top:0}.marvel-device.iphone-x.landscape .sleep{width:96px;left:200px;top:-3px;right:auto}.marvel-device.iphone-x.landscape .camera{left:9px;bottom:154px;top:auto}.marvel-device.iphone-x.landscape .speaker{width:6px;height:60px;left:9px;top:50%;margin-top:-30px;margin-left:0}.marvel-device.iphone-x.landscape .notch{height:210px;width:30px;left:26px;bottom:108px;top:auto;border-top-right-radius:24px;border-bottom-right-radius:24px;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%,black 0,black 100%);bottom:-8px;top:auto}.marvel-device.iphone-x.landscape .notch:before{background:radial-gradient(circle at top right,transparent 0,transparent 70%,black 0,black 100%);top:-8px}