:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.marvel-device{transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:inline-block;position:relative;box-sizing:content-box!important}.marvel-device .screen{z-index:3;background:#fff;border-radius:1px;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 3px #111}.marvel-device .top-bar,.marvel-device .bottom-bar{background:#000;width:100%;height:3px;display:block}.marvel-device .middle-bar{background:#000;width:3px;height:4px;position:absolute;top:0;left:90px}.marvel-device.iphone8{background:#d9dbdc;border-radius:56px;width:375px;height:667px;padding:105px 24px;box-shadow:inset 0 0 3px #0003}.marvel-device.iphone8:before{content:"";z-index:1;background:#f8f8f8;border-radius:50px;width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;top:6px;left:6px}.marvel-device.iphone8:after{content:"";z-index:2;border-radius:48px;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;top:8px;left:8px;box-shadow:inset 0 0 3px #0000001a,inset 0 0 6px 3px #fff}.marvel-device.iphone8 .home{z-index:3;background:linear-gradient(135deg,#303233 0%,#b5b7b9 50%,#f0f2f2 69%,#303233 100%);border-radius:100%;width:68px;height:68px;margin-left:-34px;position:absolute;bottom:22px;left:50%}.marvel-device.iphone8 .home:before{content:"";background:#f8f8f8;border-radius:100%;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px}.marvel-device.iphone8 .top-bar{background:#bfbfc0;height:14px;position:absolute;top:68px;left:0}.marvel-device.iphone8 .bottom-bar{background:#bfbfc0;height:14px;position:absolute;bottom:68px;left:0}.marvel-device.iphone8 .sleep{background:#d9dbdc;border-radius:0 2px 2px 0;width:4px;height:66px;position:absolute;top:190px;right:-4px}.marvel-device.iphone8 .volume{z-index:0;background:#d9dbdc;border-radius:2px 0 0 2px;width:4px;height:66px;position:absolute;top:188px;left:-4px}.marvel-device.iphone8 .volume:before{background:inherit;content:"";border-radius:2px 0 0 2px;width:2px;height:40px;display:block;position:absolute;top:-78px;left:2px}.marvel-device.iphone8 .volume:after{background:inherit;content:"";border-radius:2px 0 0 2px;width:4px;height:66px;display:block;position:absolute;top:82px;left:0}.marvel-device.iphone8 .camera{z-index:3;background:#3c3d3d;border-radius:100%;width:12px;height:12px;margin-left:-6px;position:absolute;top:24px;left:50%}.marvel-device.iphone8 .sensor{z-index:3;background:#3c3d3d;border-radius:100%;width:16px;height:16px;position:absolute;top:49px;left:134px}.marvel-device.iphone8 .speaker{z-index:3;background:#292728;border-radius:6px;width:70px;height:6px;margin-left:-35px;position:absolute;top:54px;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{background:#464646;box-shadow:inset 0 0 3px #000000b3}.marvel-device.iphone8.black:before{background:#080808}.marvel-device.iphone8.black:after{box-shadow:inset 0 0 3px #0000001a,inset 0 0 6px 3px #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{width:667px;height:375px;padding:24px 105px}.marvel-device.iphone8.landscape .sleep{border-radius:0 0 2px 2px;width:66px;height:4px;top:100%;right:190px}.marvel-device.iphone8.landscape .volume{border-radius:2px 2px 0 0;width:66px;height:4px;top:-4px;left:calc(100% - 254px)}.marvel-device.iphone8.landscape .volume:before{border-radius:2px 2px 0 0;width:40px;height:2px;top:2px;left:auto;right:-78px}.marvel-device.iphone8.landscape .volume:after{border-radius:2px 2px 0 0;width:66px;height:4px;top:0;left:-82px}.marvel-device.iphone8.landscape .top-bar{width:14px;height:100%;top:0;left:calc(100% - 82px)}.marvel-device.iphone8.landscape .bottom-bar{width:14px;height:100%;top:0;left:68px}.marvel-device.iphone8.landscape .home{margin-top:-34px;margin-left:0;top:50%;left:22px}.marvel-device.iphone8.landscape .sensor{top:134px;left:calc(100% - 65px)}.marvel-device.iphone8.landscape .speaker{width:6px;height:70px;margin-top:-35px;margin-left:0;top:50%;left:calc(100% - 60px)}.marvel-device.iphone8.landscape .camera{margin-top:-5px;margin-left:0;top:50%;left:calc(100% - 32px)}.marvel-device.iphone8plus{background:#d9dbdc;border-radius:56px;width:414px;height:736px;padding:112px 26px;box-shadow:inset 0 0 3px #0003}.marvel-device.iphone8plus:before{content:"";z-index:1;background:#f8f8f8;border-radius:50px;width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;top:6px;left:6px}.marvel-device.iphone8plus:after{content:"";z-index:2;border-radius:48px;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;top:8px;left:8px;box-shadow:inset 0 0 3px #0000001a,inset 0 0 6px 3px #fff}.marvel-device.iphone8plus .home{z-index:3;background:linear-gradient(135deg,#303233 0%,#b5b7b9 50%,#f0f2f2 69%,#303233 100%);border-radius:100%;width:68px;height:68px;margin-left:-34px;position:absolute;bottom:24px;left:50%}.marvel-device.iphone8plus .home:before{content:"";background:#f8f8f8;border-radius:100%;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px}.marvel-device.iphone8plus .top-bar{background:#bfbfc0;height:14px;position:absolute;top:68px;left:0}.marvel-device.iphone8plus .bottom-bar{background:#bfbfc0;height:14px;position:absolute;bottom:68px;left:0}.marvel-device.iphone8plus .sleep{background:#d9dbdc;border-radius:0 2px 2px 0;width:4px;height:66px;position:absolute;top:190px;right:-4px}.marvel-device.iphone8plus .volume{z-index:0;background:#d9dbdc;border-radius:2px 0 0 2px;width:4px;height:66px;position:absolute;top:188px;left:-4px}.marvel-device.iphone8plus .volume:before{background:inherit;content:"";border-radius:2px 0 0 2px;width:2px;height:40px;display:block;position:absolute;top:-78px;left:2px}.marvel-device.iphone8plus .volume:after{background:inherit;content:"";border-radius:2px 0 0 2px;width:4px;height:66px;display:block;position:absolute;top:82px;left:0}.marvel-device.iphone8plus .camera{z-index:3;background:#3c3d3d;border-radius:100%;width:12px;height:12px;margin-left:-6px;position:absolute;top:29px;left:50%}.marvel-device.iphone8plus .sensor{z-index:3;background:#3c3d3d;border-radius:100%;width:16px;height:16px;position:absolute;top:54px;left:154px}.marvel-device.iphone8plus .speaker{z-index:3;background:#292728;border-radius:6px;width:70px;height:6px;margin-left:-35px;position:absolute;top:59px;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{background:#464646;box-shadow:inset 0 0 3px #000000b3}.marvel-device.iphone8plus.black:before{background:#080808}.marvel-device.iphone8plus.black:after{box-shadow:inset 0 0 3px #0000001a,inset 0 0 6px 3px #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{width:736px;height:414px;padding:26px 112px}.marvel-device.iphone8plus.landscape .sleep{border-radius:0 0 2px 2px;width:66px;height:4px;top:100%;right:190px}.marvel-device.iphone8plus.landscape .volume{border-radius:2px 2px 0 0;width:66px;height:4px;top:-4px;left:calc(100% - 254px)}.marvel-device.iphone8plus.landscape .volume:before{border-radius:2px 2px 0 0;width:40px;height:2px;top:2px;left:auto;right:-78px}.marvel-device.iphone8plus.landscape .volume:after{border-radius:2px 2px 0 0;width:66px;height:4px;top:0;left:-82px}.marvel-device.iphone8plus.landscape .top-bar{width:14px;height:100%;top:0;left:calc(100% - 82px)}.marvel-device.iphone8plus.landscape .bottom-bar{width:14px;height:100%;top:0;left:68px}.marvel-device.iphone8plus.landscape .home{margin-top:-34px;margin-left:0;top:50%;left:24px}.marvel-device.iphone8plus.landscape .sensor{top:154px;left:calc(100% - 70px)}.marvel-device.iphone8plus.landscape .speaker{width:6px;height:70px;margin-top:-35px;margin-left:0;top:50%;left:calc(100% - 65px)}.marvel-device.iphone8plus.landscape .camera{margin-top:-5px;margin-left:0;top:50%;left:calc(100% - 29px)}.marvel-device.iphone5s,.marvel-device.iphone5c{background:#2c2b2c;border-radius:50px;width:320px;height:568px;padding:105px 22px}.marvel-device.iphone5s:before,.marvel-device.iphone5c:before{content:"";z-index:1;background:#1e1e1e;border-radius:46px;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px}.marvel-device.iphone5s .sleep,.marvel-device.iphone5c .sleep{background:#282727;border-radius:2px 2px 0 0;width:60px;height:4px;position:absolute;top:-4px;right:60px}.marvel-device.iphone5s .volume,.marvel-device.iphone5c .volume{z-index:0;background:#282727;border-radius:2px 0 0 2px;width:4px;height:27px;position:absolute;top:180px;left:-4px}.marvel-device.iphone5s .volume:before,.marvel-device.iphone5c .volume:before{background:inherit;content:"";border-radius:2px 0 0 2px;width:4px;height:35px;display:block;position:absolute;top:-75px;left:0}.marvel-device.iphone5s .volume:after,.marvel-device.iphone5c .volume:after{background:inherit;content:"";border-radius:2px 0 0 2px;width:4px;height:27px;display:block;position:absolute;bottom:-64px;left:0}.marvel-device.iphone5s .camera,.marvel-device.iphone5c .camera{z-index:3;background:#3c3d3d;border-radius:5px;width:10px;height:10px;margin-left:-5px;position:absolute;top:32px;left:50%}.marvel-device.iphone5s .sensor,.marvel-device.iphone5c .sensor{z-index:3;background:#3c3d3d;border-radius:5px;width:10px;height:10px;margin-left:-32px;position:absolute;top:60px;left:160px}.marvel-device.iphone5s .speaker,.marvel-device.iphone5c .speaker{z-index:3;background:#292728;border-radius:5px;width:64px;height:10px;margin-left:-32px;position:absolute;top:60px;left:50%}.marvel-device.iphone5s.landscape,.marvel-device.iphone5c.landscape{width:568px;height:320px;padding:22px 105px}.marvel-device.iphone5s.landscape .sleep,.marvel-device.iphone5c.landscape .sleep{border-radius:0 2px 2px 0;width:4px;height:60px;top:calc(100% - 120px);right:-4px}.marvel-device.iphone5s.landscape .volume,.marvel-device.iphone5c.landscape .volume{border-radius:2px 2px 0 0;width:27px;height:4px;top:-4px;left:calc(100% - 180px)}.marvel-device.iphone5s.landscape .volume:before,.marvel-device.iphone5c.landscape .volume:before{border-radius:2px 2px 0 0;width:35px;height:4px;top:0;left:auto;right:-75px}.marvel-device.iphone5s.landscape .volume:after,.marvel-device.iphone5c.landscape .volume:after{z-index:999;border-radius:2px 2px 0 0;width:27px;height:4px;bottom:0;left:-64px}.marvel-device.iphone5s.landscape .sensor,.marvel-device.iphone5c.landscape .sensor{margin-top:-32px;margin-left:0;top:160px;left:calc(100% - 60px)}.marvel-device.iphone5s.landscape .speaker,.marvel-device.iphone5c.landscape .speaker{width:10px;height:64px;margin-top:-32px;margin-left:0;top:50%;left:calc(100% - 60px)}.marvel-device.iphone5s.landscape .camera,.marvel-device.iphone5c.landscape .camera{margin-top:-5px;margin-left:0;top:50%;left:calc(100% - 32px)}.marvel-device.iphone5s .home{z-index:3;border-radius:36px;width:68px;height:68px;margin-left:-34px;position:absolute;bottom:19px;left:50%;box-shadow:inset 0 0 0 4px #2c2b2c}.marvel-device.iphone5s .top-bar{position:absolute;top:70px;left:0}.marvel-device.iphone5s .bottom-bar{position:absolute;bottom:70px;left:0}.marvel-device.iphone5s.landscape .home{margin-bottom:-34px;margin-left:0;bottom:50%;left:19px}.marvel-device.iphone5s.landscape .top-bar{width:3px;height:100%;top:0;left:70px}.marvel-device.iphone5s.landscape .bottom-bar{width:3px;height:100%;bottom:0;left:auto;right:70px}.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 4px #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 4px #f9e7d3}.marvel-device.iphone5c{background:#fff;box-shadow:0 1px 2px #0003}.marvel-device.iphone5c .top-bar,.marvel-device.iphone5c .bottom-bar{display:none}.marvel-device.iphone5c .home{z-index:3;background:#242324;border-radius:36px;width:68px;height:68px;margin-left:-34px;position:absolute;bottom:19px;left:50%}.marvel-device.iphone5c .home:after{content:"";border:1px solid #ffffff1a;border-radius:4px;width:20px;height:20px;margin-top:-11px;margin-left:-11px;display:block;position:absolute;top:50%;left:50%}.marvel-device.iphone5c.landscape .home{margin-bottom:-34px;margin-left:0;bottom:50%;left:19px}.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{background:#686868;border-radius:54px;width:320px;height:480px;padding:129px 27px}.marvel-device.iphone4s:before{content:"";z-index:1;background:#1e1e1e;border-radius:50px;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px}.marvel-device.iphone4s .top-bar{position:absolute;top:60px;left:0}.marvel-device.iphone4s .bottom-bar{position:absolute;bottom:90px;left:0}.marvel-device.iphone4s .camera{z-index:3;background:#3c3d3d;border-radius:100%;width:10px;height:10px;margin-left:-5px;position:absolute;top:72px;left:134px}.marvel-device.iphone4s .speaker{z-index:3;background:#292728;border-radius:5px;width:64px;height:10px;margin-left:-32px;position:absolute;top:72px;left:50%}.marvel-device.iphone4s .sensor{z-index:3;background:#292728;border-radius:5px;width:40px;height:10px;margin-left:-20px;position:absolute;top:36px;left:50%}.marvel-device.iphone4s .home{z-index:3;background:#242324;border-radius:100%;width:72px;height:72px;margin-left:-36px;position:absolute;bottom:30px;left:50%}.marvel-device.iphone4s .home:after{content:"";border:1px solid #ffffff1a;border-radius:4px;width:20px;height:20px;margin-top:-11px;margin-left:-11px;display:block;position:absolute;top:50%;left:50%}.marvel-device.iphone4s .sleep{background:#4d4d4d;border-radius:2px 2px 0 0;width:60px;height:4px;position:absolute;top:-4px;right:60px}.marvel-device.iphone4s .volume{background:#4d4d4d;border-radius:2px 0 0 2px;width:4px;height:27px;position:absolute;top:160px;left:-4px}.marvel-device.iphone4s .volume:before{background:inherit;content:"";border-radius:2px 0 0 2px;width:4px;height:35px;display:block;position:absolute;top:-70px;left:0}.marvel-device.iphone4s .volume:after{background:inherit;content:"";border-radius:2px 0 0 2px;width:4px;height:27px;display:block;position:absolute;bottom:-64px;left:0}.marvel-device.iphone4s.landscape{width:480px;height:320px;padding:27px 129px}.marvel-device.iphone4s.landscape .bottom-bar{width:3px;height:100%;bottom:0;left:90px}.marvel-device.iphone4s.landscape .top-bar{width:3px;height:100%;top:0;left:calc(100% - 60px)}.marvel-device.iphone4s.landscape .camera{margin-left:0;top:134px;left:calc(100% - 72px)}.marvel-device.iphone4s.landscape .speaker{width:10px;height:64px;margin-top:-32px;margin-left:0;top:50%;left:calc(100% - 72px)}.marvel-device.iphone4s.landscape .sensor{width:10px;height:40px;margin-top:-20px;margin-left:0;top:50%;left:calc(100% - 36px)}.marvel-device.iphone4s.landscape .home{margin-bottom:-36px;margin-left:0;bottom:50%;left:30px}.marvel-device.iphone4s.landscape .sleep{border-radius:0 2px 2px 0;width:4px;height:60px;top:calc(100% - 120px);right:-4px}.marvel-device.iphone4s.landscape .volume{border-radius:2px 2px 0 0;width:27px;height:4px;top:-4px;left:calc(100% - 187px)}.marvel-device.iphone4s.landscape .volume:before{border-radius:2px 2px 0 0;width:35px;height:4px;top:0;left:auto;right:-70px}.marvel-device.iphone4s.landscape .volume:after{border-radius:2px 2px 0 0;width:27px;height:4px;bottom:0;left:-64px}.marvel-device.iphone4s.silver{background:#bcbcbc}.marvel-device.iphone4s.silver:before{background:#fcfcfc}.marvel-device.iphone4s.silver .home{background:#fcfcfc;box-shadow:inset 0 0 0 1px #bcbcbc}.marvel-device.iphone4s.silver .home:after{border:1px solid #0003}.marvel-device.iphone4s.silver .volume,.marvel-device.iphone4s.silver .sleep{background:#d6d6d6}.marvel-device.nexus5{background:#1e1e1e;border-radius:20px;width:320px;height:568px;padding:50px 15px}.marvel-device.nexus5:before{background:inherit;content:"";border-radius:600px/50px;width:calc(100% - 26px);height:103.1%;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.marvel-device.nexus5 .top-bar{background:#181818;border-radius:20px;width:calc(100% - 8px);height:calc(100% - 6px);position:absolute;top:3px;left:4px}.marvel-device.nexus5 .top-bar:before{background:inherit;content:"";border-radius:600px/50px;width:calc(100% - 26px);height:103%;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.marvel-device.nexus5 .bottom-bar{display:none}.marvel-device.nexus5 .sleep{background:inherit;border-radius:2px 0 0 2px;width:3px;height:100px;position:absolute;top:110px;left:-3px}.marvel-device.nexus5 .volume{background:inherit;border-radius:0 2px 2px 0;width:3px;height:45px;position:absolute;top:70px;right:-3px}.marvel-device.nexus5 .camera{z-index:3;background:#3c3d3d;border-radius:100%;width:10px;height:10px;margin-left:-5px;position:absolute;top:18px;left:50%}.marvel-device.nexus5 .camera:before{content:"";z-index:3;background:#3c3d3d;border-radius:100%;width:6px;height:6px;display:block;position:absolute;top:2px;left:-100px}.marvel-device.nexus5.landscape{width:568px;height:320px;padding:15px 50px}.marvel-device.nexus5.landscape:before{border-radius:50px/600px;width:103.1%;height:calc(100% - 26px)}.marvel-device.nexus5.landscape .top-bar{width:calc(100% - 6px);height:calc(100% - 8px);top:4px;left:3px}.marvel-device.nexus5.landscape .top-bar:before{border-radius:50px/600px;width:103%;height:calc(100% - 26px)}.marvel-device.nexus5.landscape .sleep{border-radius:2px 2px 0 0;width:100px;height:3px;top:-3px;left:calc(100% - 210px)}.marvel-device.nexus5.landscape .volume{border-radius:0 0 2px 2px;width:45px;height:3px;top:100%;right:70px}.marvel-device.nexus5.landscape .camera{margin-top:-5px;margin-left:0;top:50%;left:calc(100% - 18px)}.marvel-device.nexus5.landscape .camera:before{top:-100px;left:2px}.marvel-device.s5{background:#bcbcbc;border-radius:42px;width:320px;height:568px;padding:60px 18px}.marvel-device.s5:before,.marvel-device.s5:after{content:"";background:inherit;border-radius:500px/40px;width:calc(100% - 52px);height:26px;display:block;position:absolute;left:50%;transform:translate(-50%)}.marvel-device.s5:before{top:-7px}.marvel-device.s5:after{bottom:-7px}.marvel-device.s5 .bottom-bar{display:none}.marvel-device.s5 .top-bar{z-index:2;background-color:#fff;background-image:radial-gradient(#00000005 20%,#0000 60%),radial-gradient(#00000005 20%,#0000 60%);background-position:50%;background-repeat:repeat,repeat;background-size:4px 4px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:37px;width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;top:5px;left:5px}.marvel-device.s5 .top-bar:before,.marvel-device.s5 .top-bar:after{content:"";background:inherit;border-radius:500px/40px;width:calc(100% - 48px);height:26px;display:block;position:absolute;left:50%;transform:translate(-50%)}.marvel-device.s5 .top-bar:before{top:-7px}.marvel-device.s5 .top-bar:after{bottom:-7px}.marvel-device.s5 .sleep{background:#cecece;border-radius:2px 0 0 2px;width:3px;height:100px;position:absolute;top:100px;left:-3px}.marvel-device.s5 .speaker{z-index:3;background-color:#bcbcbc;background-position:0 0;border-radius:4px;width:68px;height:8px;margin-left:-34px;display:block;position:absolute;top:20px;left:50%}.marvel-device.s5 .sensor{z-index:3;background:#3c3d3d;border-radius:100%;width:8px;height:8px;display:block;position:absolute;top:20px;right:110px}.marvel-device.s5 .sensor:after{content:"";z-index:3;background:#3c3d3d;border-radius:100%;width:8px;height:8px;display:block;position:absolute;top:0;right:12px}.marvel-device.s5 .camera{z-index:3;background:#000;border-radius:100%;width:10px;height:10px;display:block;position:absolute;top:24px;right:42px}.marvel-device.s5 .camera:before{content:"";background:#3c3d3d;border-radius:100%;width:4px;height:4px;margin-top:-2px;margin-left:-2px;position:absolute;top:50%;left:50%}.marvel-device.s5 .home{z-index:3;background:#fff;border:2px solid #000;border-radius:18px;width:70px;height:20px;margin-left:-35px;display:block;position:absolute;bottom:17px;left:50%}.marvel-device.s5.landscape{width:568px;height:320px;padding:18px 60px}.marvel-device.s5.landscape:before,.marvel-device.s5.landscape:after{border-radius:40px/500px;width:26px;height:calc(100% - 52px);transform:translateY(-50%)}.marvel-device.s5.landscape:before{top:50%;left:-7px}.marvel-device.s5.landscape:after{top:50%;left:auto;right:-7px}.marvel-device.s5.landscape .top-bar:before,.marvel-device.s5.landscape .top-bar:after{border-radius:40px/500px;width:26px;height:calc(100% - 48px);transform:translateY(-50%)}.marvel-device.s5.landscape .top-bar:before{top:50%;left:auto;right:-7px}.marvel-device.s5.landscape .top-bar:after{top:50%;left:-7px;right:auto}.marvel-device.s5.landscape .sleep{border-radius:2px 2px 0 0;width:100px;height:3px;top:-3px;left:calc(100% - 200px)}.marvel-device.s5.landscape .speaker{width:8px;height:68px;margin-top:-34px;margin-left:0;top:50%;left:calc(100% - 20px)}.marvel-device.s5.landscape .sensor{top:calc(100% - 110px);right:20px}.marvel-device.s5.landscape .sensor:after{left:-12px;right:0}.marvel-device.s5.landscape .camera{top:calc(100% - 42px);right:24px}.marvel-device.s5.landscape .home{width:20px;height:70px;margin-bottom:-35px;margin-left:0;bottom:50%;left:17px}.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-color:#2c2b2c;background-image:radial-gradient(#0000000d 20%,#0000 60%),radial-gradient(#0000000d 20%,#0000 60%);background-position:0 0,3px 3px;background-repeat:repeat,repeat;background-size:4px 4px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.marvel-device.s5.black .home{background:#2c2b2c}.marvel-device.lumia920{background:#fd0;border-radius:40px/3px;width:320px;height:533px;padding:80px 35px 125px}.marvel-device.lumia920 .bottom-bar{display:none}.marvel-device.lumia920 .top-bar{z-index:1;background:#000;border-radius:24px;width:calc(100% - 24px);height:calc(100% - 32px);position:absolute;top:16px;left:12px}.marvel-device.lumia920 .top-bar:before{content:"";background:#1e1e1e;border-radius:22px;width:calc(100% - 4px);height:calc(100% - 4px);display:block;position:absolute;top:2px;left:2px}.marvel-device.lumia920 .volume{background:#1e1e1e;border-radius:0 2px 2px 0;width:3px;height:100px;position:absolute;top:130px;right:-3px}.marvel-device.lumia920 .volume:before{content:"";background:inherit;border-radius:0 2px 2px 0;width:3px;height:50px;display:block;position:absolute;top:190px;right:0}.marvel-device.lumia920 .volume:after{content:"";background:inherit;border-radius:0 2px 2px 0;width:3px;height:50px;display:block;position:absolute;top:460px;right:0}.marvel-device.lumia920 .camera{z-index:5;background:#3c3d3d;border-radius:5px;width:10px;height:10px;position:absolute;top:34px;right:130px}.marvel-device.lumia920 .speaker{z-index:3;background:#292728;border-radius:5px;width:64px;height:10px;margin-left:-32px;position:absolute;top:38px;left:50%}.marvel-device.lumia920.landscape{border-radius:2px/100px;width:568px;height:320px;padding:35px 80px 35px 125px}.marvel-device.lumia920.landscape .top-bar{width:calc(100% - 32px);height:calc(100% - 24px);top:12px;left:16px}.marvel-device.lumia920.landscape .volume{border-radius:0 0 2px 2px;width:100px;height:3px;top:100%;right:130px}.marvel-device.lumia920.landscape .volume:before{border-radius:0 0 2px 2px;width:50px;height:3px;top:0;right:190px}.marvel-device.lumia920.landscape .volume:after{border-radius:0 0 2px 2px;width:50px;height:3px;top:0;right:430px}.marvel-device.lumia920.landscape .camera{top:calc(100% - 140px);right:30px}.marvel-device.lumia920.landscape .speaker{width:10px;height:64px;margin-top:-32px;margin-left:0;top:50%;left:calc(100% - 48px)}.marvel-device.lumia920.black{background:#000}.marvel-device.lumia920.white{background:#fff;box-shadow:0 1px 2px #0003}.marvel-device.lumia920.blue{background:#00acdd}.marvel-device.lumia920.red{background:#cc3e32}.marvel-device.htc-one{background:#bebebe;border-radius:34px;width:320px;height:568px;padding:72px 25px 100px}.marvel-device.htc-one:before{content:"";background:#adadad;border-radius:32px;width:calc(100% - 4px);height:calc(100% - 4px);display:block;position:absolute;top:2px;left:2px}.marvel-device.htc-one:after{content:"";background:#eee;border-radius:30px;width:calc(100% - 8px);height:calc(100% - 8px);display:block;position:absolute;top:4px;left:4px}.marvel-device.htc-one .top-bar{z-index:1;background:#424242;width:calc(100% - 4px);height:635px;position:absolute;top:50px;left:2px}.marvel-device.htc-one .top-bar:before{content:"";z-index:1;background:#000;width:calc(100% - 4px);height:100%;position:absolute;top:0;left:2px}.marvel-device.htc-one .bottom-bar{display:none}.marvel-device.htc-one .speaker{z-index:2;background-color:#0000;background-image:radial-gradient(#343434 25%,#0000 50%),radial-gradient(#343434 25%,#0000 50%);background-position:0 0;background-repeat:repeat,repeat;background-size:4px 4px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:216px;height:16px;margin-left:-108px;display:block;position:absolute;top:22px;left:50%}.marvel-device.htc-one .speaker:after{content:"";z-index:2;background:inherit;width:216px;height:16px;margin-left:-108px;display:block;position:absolute;top:676px;left:50%}.marvel-device.htc-one .camera{z-index:3;background:#3c3d3d;border-radius:100%;width:24px;height:24px;display:block;position:absolute;top:18px;right:38px}.marvel-device.htc-one .camera:before{content:"";background:#000;border-radius:100%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;position:absolute;top:50%;left:50%}.marvel-device.htc-one .sensor{z-index:3;background:#3c3d3d;border-radius:100%;width:8px;height:8px;display:block;position:absolute;top:29px;left:60px}.marvel-device.htc-one .sensor:after{content:"";z-index:3;background:#3c3d3d;border-radius:100%;width:8px;height:8px;display:block;position:absolute;top:0;right:12px}.marvel-device.htc-one.landscape{width:568px;height:320px;padding:25px 72px 25px 100px}.marvel-device.htc-one.landscape .top-bar{width:635px;height:calc(100% - 4px);top:2px;left:calc(100% - 685px)}.marvel-device.htc-one.landscape .speaker{width:16px;height:216px;margin-top:-108px;margin-left:0;top:50%;left:calc(100% - 38px)}.marvel-device.htc-one.landscape .speaker:after{width:16px;height:216px;margin-top:-108px;margin-left:0;top:50%;left:calc(100% - 692px)}.marvel-device.htc-one.landscape .camera{top:calc(100% - 38px);right:18px}.marvel-device.htc-one.landscape .sensor{top:60px;left:calc(100% - 29px)}.marvel-device.htc-one.landscape .sensor :after{top:-12px;right:0}.marvel-device.ipad{background:#242324;border-radius:44px;width:576px;height:768px;padding:90px 25px}.marvel-device.ipad:before{content:"";background:#1e1e1e;border-radius:40px;width:calc(100% - 8px);height:calc(100% - 8px);display:block;position:absolute;top:4px;left:4px}.marvel-device.ipad .camera{background:#3c3d3d;border-radius:100%;width:10px;height:10px;margin-left:-5px;position:absolute;top:44px;left:50%}.marvel-device.ipad .top-bar,.marvel-device.ipad .bottom-bar{display:none}.marvel-device.ipad .home{background:#242324;border-radius:36px;width:50px;height:50px;margin-left:-25px;position:absolute;bottom:22px;left:50%}.marvel-device.ipad .home:after{content:"";border:1px solid #ffffff1a;border-radius:4px;width:15px;height:15px;margin-top:-8px;margin-left:-8px;display:block;position:absolute;top:50%;left:50%}.marvel-device.ipad.landscape{width:768px;height:576px;padding:25px 90px}.marvel-device.ipad.landscape .camera{margin-top:-5px;margin-left:0;top:50%;left:calc(100% - 44px)}.marvel-device.ipad.landscape .home{margin-top:-25px;margin-left:0;top:50%;left:22px}.marvel-device.ipad.silver{background:#bcbcbc}.marvel-device.ipad.silver:before{background:#fcfcfc}.marvel-device.ipad.silver .home{background:#fcfcfc;box-shadow:inset 0 0 0 1px #bcbcbc}.marvel-device.ipad.silver .home:after{border:1px solid #0003}.marvel-device.macbook{background:#bebebe;border-radius:34px;width:960px;height:600px;margin:0 auto;padding:44px 44px 76px}.marvel-device.macbook:before{content:"";background:#1e1e1e;border-radius:30px;width:calc(100% - 8px);height:calc(100% - 8px);display:block;position:absolute;top:4px;left:4px}.marvel-device.macbook .top-bar{content:"";background:#bebebe;border-bottom-right-radius:90px 18px;border-bottom-left-radius:90px 18px;width:calc(100% + 140px);height:40px;display:block;position:absolute;top:680px;left:-70px;box-shadow:inset 0 -4px 13px 3px #2229}.marvel-device.macbook .top-bar:before{content:"";background:#f0f0f0;border-bottom:2px solid #aaa;border-radius:5px;width:100%;height:24px;display:block;position:relative;top:0;left:0}.marvel-device.macbook .top-bar:after{content:"";background:#ddd;border-radius:0 0 20px 20px;width:16%;height:14px;margin-left:auto;margin-right:auto;display:block;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 -3px 10px #999}.marvel-device.macbook .bottom-bar{content:"";background:0 0;width:calc(100% + 140px);height:26px;display:block;position:absolute;top:680px;left:-70px}.marvel-device.macbook .bottom-bar:before,.marvel-device.macbook .bottom-bar:after{content:"";width:80px;height:calc(100% - 2px);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{background:#3c3d3d;border-radius:100%;width:10px;height:10px;margin-left:-5px;position:absolute;top:20px;left:50%}.marvel-device.macbook .home{display:none}.marvel-device.iphone-x{background:#fdfdfd;border-radius:66px;width:375px;height:812px;padding:26px;box-shadow:inset 0 0 11px #000}.marvel-device.iphone-x .overflow{border-radius:66px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.marvel-device.iphone-x .shadow{background:radial-gradient(#0009 0%,#fff0 60%);border-radius:100%;width:90px;height:90px;position:absolute}.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{content:"";z-index:1;background:#000;border-radius:61px;width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;top:5px;left:5px}.marvel-device.iphone-x .inner-shadow{z-index:1;border-radius:56px;width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;left:10px;overflow:hidden;box-shadow:inset 0 0 15px #ffffffa8}.marvel-device.iphone-x .inner-shadow:before{content:"";z-index:2;border-radius:200px/112px;width:100%;height:116%;position:absolute;top:-8%;left:0;box-shadow:inset 0 0 20px #fff}.marvel-device.iphone-x .screen{box-shadow:none;border-radius:40px}.marvel-device.iphone-x .top-bar,.marvel-device.iphone-x .bottom-bar{background:#0000001a;width:100%;height:8px;position:absolute;left:0}.marvel-device.iphone-x .top-bar{top:80px}.marvel-device.iphone-x .bottom-bar{bottom:80px}.marvel-device.iphone-x .volume,.marvel-device.iphone-x .volume:before,.marvel-device.iphone-x .volume:after,.marvel-device.iphone-x .sleep{background:#b5b5b5;width:3px;position:absolute}.marvel-device.iphone-x .volume{height:32px;top:116px;left:-3px}.marvel-device.iphone-x .volume:before{content:"";height:62px;top:62px;left:0}.marvel-device.iphone-x .volume:after{content:"";height:62px;top:140px;left:0}.marvel-device.iphone-x .sleep{height:96px;top:200px;right:-3px}.marvel-device.iphone-x .camera{background:#0d4d71;border-radius:100%;width:6px;height:6px;position:absolute;top:9px;left:154px}.marvel-device.iphone-x .speaker{background:#171818;border-radius:6px;width:60px;height:6px;margin-left:-30px;position:absolute;top:9px;left:50%}.marvel-device.iphone-x .notch{z-index:4;background:#000;border-bottom-right-radius:24px;border-bottom-left-radius:24px;width:210px;height:30px;position:absolute;top:26px;left:108px}.marvel-device.iphone-x .notch:before,.marvel-device.iphone-x .notch:after{content:"";width:8px;height:8px;position:absolute;top:0}.marvel-device.iphone-x .notch:after{background:radial-gradient(circle at 0 100%,#0000 0 70%,#000 70% 100%);left:-8px}.marvel-device.iphone-x .notch:before{background:radial-gradient(circle at 100% 100%,#0000 0 70%,#000 70% 100%);right:-8px}.marvel-device.iphone-x.landscape{width:812px;height:375px}.marvel-device.iphone-x.landscape .top-bar,.marvel-device.iphone-x.landscape .bottom-bar{width:8px;height:100%;top:0}.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 .volume,.marvel-device.iphone-x.landscape .volume:before,.marvel-device.iphone-x.landscape .volume:after,.marvel-device.iphone-x.landscape .sleep{height:3px}.marvel-device.iphone-x.landscape .inner-shadow:before{border-radius:112px/200px;width:116%;height:100%;top:0;left:-8%}.marvel-device.iphone-x.landscape .volume{width:32px;top:auto;bottom:-3px;left:116px}.marvel-device.iphone-x.landscape .volume:before{width:62px;top:0;left:62px}.marvel-device.iphone-x.landscape .volume:after{width:62px;top:0;left:140px}.marvel-device.iphone-x.landscape .sleep{width:96px;top:-3px;left:200px;right:auto}.marvel-device.iphone-x.landscape .camera{top:auto;bottom:154px;left:9px}.marvel-device.iphone-x.landscape .speaker{width:6px;height:60px;margin-top:-30px;margin-left:0;top:50%;left:9px}.marvel-device.iphone-x.landscape .notch{border-top-right-radius:24px;border-bottom-right-radius:24px;border-bottom-left-radius:0;width:30px;height:210px;top:auto;bottom:108px;left:26px}.marvel-device.iphone-x.landscape .notch:before,.marvel-device.iphone-x.landscape .notch:after{left:0}.marvel-device.iphone-x.landscape .notch:after{background:radial-gradient(circle at 100% 100%,#0000 0 70%,#000 70% 100%);top:auto;bottom:-8px}.marvel-device.iphone-x.landscape .notch:before{background:radial-gradient(circle at 100% 0,#0000 0 70%,#000 70% 100%);top:-8px}.marvel-device.note8{background:#000;border-radius:34px;width:400px;height:822px;padding:45px 10px}.marvel-device.note8 .overflow{border-radius:34px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.marvel-device.note8 .speaker{z-index:1;background:#171818;border-radius:8px;width:56px;height:8px;margin-left:-28px;position:absolute;top:25px;left:50%}.marvel-device.note8 .camera{z-index:1;background:#212b36;border-radius:100%;width:18px;height:18px;position:absolute;top:18px;left:86px}.marvel-device.note8 .camera:before{content:"";z-index:1;background:#212b36;border-radius:100%;width:8px;height:8px;position:absolute;top:5px;left:-22px}.marvel-device.note8 .sensors{z-index:1;background:#1d233b;border-radius:100%;width:10px;height:10px;position:absolute;top:22px;left:120px}.marvel-device.note8 .sensors:before{content:"";z-index:1;background:#1d233b;border-radius:100%;width:10px;height:10px;position:absolute;top:0;left:18px}.marvel-device.note8 .more-sensors{z-index:1;background:#33244a;border-radius:100%;width:16px;height:16px;position:absolute;top:18px;left:285px;box-shadow:0 0 0 2px #ffffff1a}.marvel-device.note8 .more-sensors:before{content:"";z-index:1;background:#214a61;border-radius:100%;width:11px;height:11px;position:absolute;top:4px;left:40px}.marvel-device.note8 .sleep{background:#000;width:2px;height:56px;position:absolute;top:288px;right:-2px}.marvel-device.note8 .volume{background:#000;width:2px;height:120px;position:absolute;top:168px;left:-2px}.marvel-device.note8 .volume:before{content:"";background:#000;width:2px;height:56px;position:absolute;top:168px;left:0}.marvel-device.note8 .inner{content:"";z-index:1;background:#000;border-top:2px solid #9fa0a2;border-bottom:2px solid #9fa0a2;border-radius:34px;width:100%;height:calc(100% - 8px);position:absolute;top:2px;left:0;box-shadow:inset 0 0 6px #ffffff80}.marvel-device.note8 .shadow{content:"";z-index:5;pointer-events:none;border-radius:38px;width:calc(100% - 20px);height:101%;position:absolute;top:-.5%;left:10px;box-shadow:inset 0 0 60px #fff,inset 0 0 30px #ffffff80,0 0 20px #fff,0 0 20px #ffffff80}.marvel-device.note8 .screen{box-shadow:none;border-radius:14px}.marvel-device.note8.landscape{width:822px;height:400px;padding:10px 45px}.marvel-device.note8.landscape .speaker{width:8px;height:56px;margin-top:-28px;margin-left:0;top:50%;left:auto;right:25px}.marvel-device.note8.landscape .camera{top:86px;left:auto;right:18px}.marvel-device.note8.landscape .camera:before{top:-22px;left:5px}.marvel-device.note8.landscape .sensors{top:120px;left:auto;right:22px}.marvel-device.note8.landscape .sensors:before{top:18px;left:0}.marvel-device.note8.landscape .more-sensors{top:285px;left:auto;right:18px}.marvel-device.note8.landscape .more-sensors:before{top:40px;left:4px}.marvel-device.note8.landscape .sleep{width:56px;height:2px;top:auto;bottom:-2px;right:288px}.marvel-device.note8.landscape .volume{width:120px;height:2px;top:-2px;left:auto;right:168px}.marvel-device.note8.landscape .volume:before{width:56px;height:2px;top:0;left:auto;right:168px}.marvel-device.note8.landscape .inner{border:0;border-left:2px solid #9fa0a2;border-right:2px solid #9fa0a2;width:calc(100% - 8px);height:100%;top:0;left:2px}.marvel-device.note8.landscape .shadow{width:101%;height:calc(100% - 20px);top:10px;left:-.5%}.wrapper{box-sizing:border-box;background:#f2f2f2;flex-direction:column;justify-content:flex-start;align-items:center;height:100vh;padding:22px 0 30px;display:flex}.wrapper .marvel-device{margin-top:12px}.toolbar{z-index:50;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex;position:relative}.screen-active{border-radius:0}.capture-actions{align-items:center;gap:8px;display:flex}.capture-actions button{color:#1f2b3d;cursor:pointer;background:#fff;border:1px solid #c7ccd6;border-radius:8px;padding:6px 10px;font-size:12px}.capture-actions .danger{color:#cf1322;background:#fff5f5;border-color:#ffb4b7}.mode-control{color:#333;align-items:center;gap:6px;font-size:13px;display:flex}.time-control{color:#333;align-items:center;gap:8px;font-size:13px;display:flex}.time-control input[type=time]{color:#1f2b3d;background:#fff;border:1px solid #cfd5df;border-radius:8px;width:96px;padding:3px 6px}.time-toggle{align-items:center;gap:4px;display:inline-flex}.battery-control{color:#333;align-items:center;gap:8px;font-size:13px;display:flex}.battery-control input{width:130px}.marvel-device .screen{position:relative;overflow:hidden}.marvel-device .screen.screen-active{box-shadow:none!important;clip-path:none!important;background-color:#0000!important;border:0!important;border-radius:0!important}.screen.screen-active .status-bar{z-index:40!important}.screen.screen-active .status-bar:before{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important}.status-bar .signal .bar,.status-bar .wifi svg path,.status-bar .wifi svg circle{opacity:1!important}.status-bar .signal{gap:1.2px!important}.status-bar .signal .bar{border-radius:1px!important;width:1.9px!important}.status-bar .signal .b1{height:2px!important}.status-bar .signal .b2{height:4px!important}.status-bar .signal .b3{height:6px!important}.status-bar .signal .b4{height:9px!important}.status-bar .wifi svg{filter:drop-shadow(0 0 .35px)!important;width:20px!important;height:14px!important}.status-bar .wifi svg path{stroke-width:1.4px!important}.status-bar .wifi svg circle{fill:currentColor!important;opacity:1!important}.webview{z-index:0;border:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.status-bar{color:#111;pointer-events:none;z-index:10;justify-content:space-between;align-items:center;padding:10px 14px 8px;font-size:11px;font-weight:700;display:flex;position:absolute;top:0;left:0;right:0}.left,.right{align-items:center;display:flex}.status-bar:before{content:"";-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:-1;background:linear-gradient(#f5f5f58c,#f5f5f500);position:absolute;inset:0}.status-bar.mode-clean:before{background:linear-gradient(#f5f5f5eb,#f5f5f533)}.status-bar.android:before{background:linear-gradient(#f5f5f566,#f5f5f500)}.status-bar.android{color:#111!important;z-index:20!important}.status-bar.android *{color:#111!important;opacity:1!important}.status-bar.android .icons{z-index:21!important}.status-bar.android .signal .bar,.status-bar.android .wifi svg,.status-bar.android .network{opacity:1!important;color:#111!important}.time{letter-spacing:.2px}.status-bar.ios-notch{padding:12px 18px 8px}.status-bar.ios-notch .left,.status-bar.ios-notch .right{flex:1 1 0;min-width:0}.status-bar.ios-notch .left{justify-content:flex-start}.status-bar.ios-notch .right{justify-content:flex-end}.status-bar.ios-notch .time{margin-left:6px}.status-bar.ios-notch .right{margin-right:6px}.status-bar.android{padding:8px 12px 6px;font-size:10px}.status-bar.android .right{gap:6px}.status-bar.android .battery{border-width:1px;width:18px;height:8px}.status-bar.android .battery .cap{height:4px;top:1px}.status-bar.android .icons{gap:4px}.status-bar.android .icons.pixel-5 .signal{height:11px;gap:1px!important}.status-bar.android .icons.pixel-5 .signal .b1{height:2px!important}.status-bar.android .icons.pixel-5 .signal .b2{height:5px!important}.status-bar.android .icons.pixel-5 .signal .b3{height:8px!important}.status-bar.android .icons.pixel-5 .signal .b4{height:11px!important}.status-bar.android .icons.pixel-5 .wifi svg{overflow:visible;width:20px!important;height:13px!important}.status-bar.android .icons.pixel-5 .wifi svg path{stroke-width:1.4px!important;opacity:1!important;stroke-linecap:round!important;stroke-linejoin:round!important}.status-bar.android .icons.pixel-5 .wifi svg circle{r:1.35!important;fill:currentColor!important}.status-bar.android .icons.pixel-5 .signal .bar{background:currentColor!important}.marvel-device.pixel5-frame{transform-origin:top;transform:scale(1.16)}.marvel-device.huawei-nova13pro{transform-origin:top;background:linear-gradient(165deg,#10131a 0%,#1b2130 65%,#0f1219 100%);border-radius:34px;transform:scale(1.2);box-shadow:inset 0 0 0 2px #2a3140,0 10px 20px #0000002e}.marvel-device.huawei-nova13pro .screen{border-radius:22px}.marvel-device.huawei-nova13pro .status-bar{padding:10px 14px 8px;top:0;z-index:30!important}.marvel-device.huawei-nova13pro .status-bar:before{background:linear-gradient(#fffffffa,#ffffff8c)!important}.marvel-device.huawei-nova13pro .screen.screen-active .status-bar{z-index:40!important}.status-bar.android .icons.huawei .signal{height:10px;gap:1.1px!important}.status-bar.android .icons.huawei .signal .b1{height:2px!important}.status-bar.android .icons.huawei .signal .b2{height:4px!important}.status-bar.android .icons.huawei .signal .b3{height:7px!important}.status-bar.android .icons.huawei .signal .b4{height:10px!important}.status-bar.android .icons.huawei .wifi svg path{stroke-width:1.45px!important}.status-bar.android .icons.huawei{gap:3px}.status-bar.android .network{letter-spacing:.15px;font-size:8.5px;font-weight:800}.network{letter-spacing:.2px;flex:none;font-size:9px;font-weight:700}.right{gap:8px;min-width:0}.battery{box-sizing:content-box;border:1.5px solid;border-radius:3px;flex:none;width:22px;height:10px;position:relative;overflow:hidden}.level{z-index:1;background:linear-gradient(90deg,#4cd964,#34c759);width:100%;height:100%;transition:width .3s linear,background .2s linear}.level.low{background:linear-gradient(90deg,#ff4d4f,#ff3b30)}.cap{background:currentColor;width:2px;height:5px;position:absolute;top:2px;right:-3px}.icons{flex:none;align-items:center;gap:5px;display:flex}.signal{align-items:flex-end;gap:1.4px;height:10px;margin-right:2px;display:inline-flex}.signal .bar{opacity:1;background:currentColor;border-radius:1px;width:2px;display:inline-block}.signal .b1{height:2px}.signal .b2{height:4px}.signal .b3{height:6px}.signal .b4{height:8px}.wifi svg{color:currentColor;opacity:1;filter:drop-shadow(0 0 .35px);width:20px;height:14px;display:block}.wifi svg path{stroke-width:1.35px}.wifi svg circle{fill:currentColor;opacity:1}.status-bar.ios-notch .icons{gap:4px}.status-bar.ios-notch .network{letter-spacing:.1px;margin-right:4px;font-size:10px}.status-bar.android .signal .bar,.status-bar.android .wifi svg path{opacity:.9}.battery-percent{color:currentColor;flex:none;margin-left:4px;font-size:10px;font-weight:600}.marvel-device.iphone-x .notch,.marvel-device.iphone-x .speaker,.marvel-device.iphone-x .sensor{display:none!important}