.marvel-device{position:relative;display:inline-block;box-sizing:content-box!important;background:#000;border-radius:66px;box-shadow:0 0 0 2px #1a1a1a}.device-scale{--device-scale:1;--device-width:0px;--device-height:0px;position:relative;width:min(calc(var(--device-width) * var(--device-scale)),100%);height:calc(var(--device-height) * var(--device-scale));display:flex;align-items:center;justify-content:center;flex:none;margin-inline:auto}.device-scale-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--device-scale));transform-origin:center}.device-scale--iphone{--device-width:427px;--device-height:864px}.device-scale--macbook{--device-width:1330px;--device-height:894px}.device-scale--desktop-home{--device-scale:0.22}.device-scale--desktop-carousel{--device-scale:0.2}.device-scale--mobile-home{--device-scale:0.65}.device-scale--mobile-carousel{--device-scale:0.55}@media (min-width:370px){.device-scale--desktop-home{--device-scale:0.25}}@media (min-width:640px){.device-scale--desktop-home{--device-scale:0.4}}@media (min-width:768px){.device-scale--desktop-home{--device-scale:0.55}.device-scale--desktop-carousel{--device-scale:0.4}.device-scale--mobile-home{--device-scale:0.85}.device-scale--mobile-carousel{--device-scale:0.75}}@media (min-width:1024px){.device-scale--desktop-home{--device-scale:0.7}.device-scale--desktop-carousel{--device-scale:0.6}.device-scale--mobile-carousel{--device-scale:0.85}}.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:106%;height:24px;background:#1a1a1a;left:-3%;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}