.marvel-device{position:relative;display:inline-block;box-sizing:content-box!important;background:#000;border-radius:66px;box-shadow:0 0 0 2px #1a1a1a}.marvel-device .screen{width:100%;position:relative;height:100%;z-index:3;background:#000;overflow:hidden;display:block;border-radius:42px}.marvel-device.iphone-x{width:375px;height:812px;padding:26px;background:#000;border-radius:66px;margin:0 auto;box-shadow:inset 0 0 6px rgba(0,0,0,.5)}.marvel-device.iphone-x .inner-shadow{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;border-radius:56px;pointer-events:none}.marvel-device.iphone-x:before{display:none}.marvel-device.iphone-x .notch{position:absolute;width:210px;height:30px;top:0;left:50%;transform:translateX(-50%);z-index:4;background:#000;border-radius:0 0 24px 24px}.marvel-device.iphone-x .camera{background:#222;width:12px;height:12px;position:absolute;top:8px;left:50%;margin-left:-6px;border-radius:12px;z-index:5}.marvel-device.iphone-x .speaker{background:#222;width:70px;height:6px;position:absolute;top:12px;left:50%;margin-left:-35px;border-radius:6px;z-index:5}.marvel-device.iphone-x .sleep{right:-4px;border-radius:4px 0 0 4px}.marvel-device.iphone-x .sleep,.marvel-device.iphone-x .volume{position:absolute;top:170px;width:4px;height:58px;background:#222}.marvel-device.iphone-x .volume{left:-4px;border-radius:0 4px 4px 0}.marvel-device.iphone-x .volume:before{top:-68px}.marvel-device.iphone-x .volume:after,.marvel-device.iphone-x .volume:before{position:absolute;left:0;width:4px;height:40px;border-radius:0 4px 4px 0;background:inherit;content:""}.marvel-device.iphone-x .volume:after{bottom:-68px}.marvel-device.macbook{width:1280px;height:800px;padding:35px 25px;background:#1a1a1a;border-radius:20px;margin:0 auto;position:relative;box-shadow:0 0 0 2px hsla(0,0%,100%,.05)}.marvel-device.macbook .screen{border-radius:8px;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.05);background:transparent;overflow:hidden}.marvel-device.macbook:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#333;top:14px;left:50%;transform:translateX(-50%)}.marvel-device.macbook .bottom-bar{position:absolute;width:140%;height:24px;background:#1a1a1a;left:-20%;bottom:-24px;border-radius:0 0 20px 20px;z-index:1;box-shadow:0 2px 4px rgba(0,0,0,.2)}.marvel-device.macbook .bottom-bar:before{content:"";position:absolute;width:50%;height:3px;background:hsla(0,0%,100%,.05);left:50%;transform:translateX(-50%);top:0;border-radius:0 0 10px 10px}.marvel-device.macbook .camera{position:absolute;width:10px;height:10px;border-radius:50%;background:#333;top:14px;left:50%;transform:translateX(-50%);z-index:5}.dark .marvel-device.iphone-x{background:#535353;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.dark .marvel-device.iphone-x .notch{background:#535353}.dark .marvel-device.macbook{background:#535353;box-shadow:0 0 0 2px rgba(0,0,0,.1)}.dark .marvel-device.macbook .bottom-bar{background:#535353;box-shadow:none}