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