@font-face{font-family:UniversalSansRegular;src:url(/assets/Universal-Sans-Text-Regular-DWgQjsZl.woff2) format("woff2")}@font-face{font-family:UniversalSansMedium;src:url(/assets/Universal-Sans-Text-Medium-DY3cRBrd.woff2) format("woff2")}@font-face{font-family:UniversalSansBold;src:url(/assets/Universal-Sans-Text-Bold-BFgfQDXk.woff2) format("woff2")}section#section-banner{padding:16px 24px;position:fixed;z-index:99;background-color:#f4f4f4;display:flex}section#section-banner p{color:#393c41}section#section-banner p a{color:inherit;cursor:pointer;text-decoration:none;position:relative}section#section-banner p a:after{content:"";height:1px;width:100%;position:absolute;background-color:#000;left:0;transition:height .2s ease-in}section#section-banner p a:hover:after{height:2px}@media screen and (min-width: 320px){section#section-banner{width:100%;height:auto;justify-content:flex-start}section#section-banner p{font-size:12px;line-height:1.2rem}section#section-banner p a:after{bottom:0}}@media screen and (min-width: 375px){section#section-banner p a{display:block;font-size:12px;width:fit-content}section#section-banner p a:after{bottom:2px}}@media screen and (min-width: 768px){section#section-banner{height:72px}section#section-banner p{font-size:14px;line-height:100%}section#section-banner p a{font-size:12px;margin-top:8px}section#section-banner p a:after{bottom:0}}@media screen and (min-width: 1024px){section#section-banner{height:52px;justify-content:center}section#section-banner p a{display:inline;font-size:inherit}section#section-banner p a:after{bottom:-3px}}section#section-one{display:flex;flex-direction:column;position:relative;width:100%}section#section-one header{display:flex;height:56px;justify-content:space-between;align-items:center;background-color:#0000;width:100%;position:absolute;top:0}section#section-one header h1{height:auto;width:auto;margin-left:1rem}section#section-one header h1 a{width:100%;height:100%;display:flex;align-items:center;color:#000}section#section-one header h1 a svg{height:12px;fill:#fff}section#section-one header nav{width:auto}section#section-one header nav ul{list-style-type:none;display:flex;gap:4px;margin:0}section#section-one header nav ul li{padding:4px 16px;color:#fff;font-family:UniversalSansMedium;font-size:14px;cursor:pointer;border-radius:4px}section#section-one header nav ul li:hover{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}section#section-one header ul{list-style-type:none;gap:4px;margin-right:12px}section#section-one header ul li a{display:flex;justify-content:center;align-items:center;padding:4px;border-radius:8px}section#section-one header ul li a:hover{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}section#section-one header ul li a svg{height:24px}section#section-one header .mobile-menu-btn{background-color:#0000000d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-family:UniversalSansMedium,sans-serif;color:#fff;border:0;height:32px;width:69px;padding:4px 16px;border-radius:4px}section#section-one figure{height:100%;display:flex}section#section-one figure img{width:100%;height:100%;object-fit:cover;object-position:center}section#section-one div.hero-heading-one{display:flex;height:auto;flex-direction:column;justify-content:center;gap:1rem;position:absolute}section#section-one div.hero-heading-one h1{color:#fff;font-size:56px;align-self:center}section#section-one div.hero-heading-one div{display:flex;padding:0 1rem}section#section-one div.hero-heading-one div button{border:0;background:#f4f4f4;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px}section#section-one div.hero-heading-one div button a{font-family:UniversalSansMedium;text-align:center;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#393c41;width:100%;height:100%;padding:4px 24px}@media screen and (min-width: 320px){section#section-one{margin-top:89px;height:506px;max-width:100vw}section#section-one header{padding:0 8px}section#section-one header ul,section#section-one header nav{display:none}section#section-one header .mobile-menu-btn{display:block}section#section-one figure img.hero-desktop{display:none}section#section-one figure img.hero-mobile{display:block}section#section-one div.hero-heading-one{top:5.3rem;width:100%}section#section-one div.hero-heading-one h1{font-size:34px}section#section-one div.hero-heading-one div{gap:12px;align-self:center;width:19rem}section#section-one div.hero-heading-one div button{width:100%}}@media screen and (min-width: 375px){section#section-one div.hero-heading-one div{width:100%}}@media screen and (min-width: 768px){section#section-one{margin-top:72px;height:526px}section#section-one header{padding:0 20px}section#section-one div.hero-heading-one{top:5.2rem;width:100%}section#section-one div.hero-heading-one h1{font-size:34px}section#section-one div.hero-heading-one div{gap:12px;width:23rem}}@media screen and (min-width: 1024px){section#section-one{margin-top:52px;height:633px}section#section-one header{padding:0 32px}section#section-one header ul,section#section-one header nav{display:flex}section#section-one header .mobile-menu-btn{display:none}section#section-one figure img.hero-desktop{display:block}section#section-one figure img.hero-mobile{display:none}section#section-one div.hero-heading-one{top:6.5rem;left:30%;width:546px}section#section-one div.hero-heading-one h1{font-size:56px}section#section-one div.hero-heading-one div{gap:1.5rem;width:100%}}.model-section{width:100%;display:flex;position:relative}.model-section figure{display:flex;width:100%}.model-section figure img{width:100%;height:100%;object-fit:cover}.model-section video{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%)}.model-section .model-highlight-content{display:flex;color:#fff;flex-direction:column;justify-content:space-between;align-items:center;height:100%;width:auto;position:absolute;left:30%}.model-section .model-highlight-content.accessories{left:-1px}.model-section .model-highlight-content.video{gap:24px;height:auto;width:fit-content;align-items:flex-start}.model-section .model-highlight-content.video .model-highlight-heading h1{font-size:40px}.model-section .model-highlight-content .model-highlight-heading{display:flex;flex-direction:column;align-items:center;gap:8px;transform:translateY(8px)}.model-section .model-highlight-content .model-highlight-heading h1{font-size:56px;color:inherit}.model-section .model-highlight-content .model-highlight-heading div{display:flex;flex-direction:column;align-items:center;gap:4px}.model-section .model-highlight-content .model-highlight-heading div a{font-size:34px;text-decoration:underline;color:inherit;font-family:UniversalSansMedium,sans-serif}.model-section .model-highlight-content .model-highlight-heading div p{font-size:17px;color:inherit;font-family:UniversalSansMedium,sans-serif}.model-section .model-highlight-content .model-highlight-heading div h2.model-x-price,.model-section .model-highlight-content .model-highlight-heading div h2.model-s-description{font-size:34px}.model-section .model-highlight-content .model-highlight-heading div a.model-x-link{width:17rem;text-align:center;font-size:17px}.model-section .model-highlight-content .model-highlight-heading div p.model-s-price{font-size:17px}.model-section .model-highlight-content .model-highlight-heading div p.model-s-price a{font-size:inherit}.model-section .model-highlight-content .model-highlight-heading div h2.cybertruck-price{text-transform:uppercase;font-size:17px;letter-spacing:2px}.model-section .model-highlight-content .model-highlight-heading div a.solar-panel-link{font-size:34px;text-decoration:underline;letter-spacing:-1px}.model-section .model-highlight-content .model-highlight-heading div h2.solar-roof-tagline{font-size:34px;letter-spacing:-1px}.model-section .model-highlight-content .model-highlight-buttons{display:flex;gap:1rem;height:40px}.model-section .model-highlight-content .model-highlight-buttons button{height:100%;border:0;border-radius:4px;display:flex;justify-content:center;align-items:center}.model-section .model-highlight-content .model-highlight-buttons button:nth-of-type(1){background-color:#3e6ae1;color:#fff}.model-section .model-highlight-content .model-highlight-buttons button:nth-of-type(2){background-color:#fff;color:#393c41}.model-section .model-highlight-content .model-highlight-buttons button a{font-family:UniversalSansMedium,sans-serif;color:inherit;height:100%;display:flex;align-items:center;justify-content:center;width:100%;padding:4px 24px}.model-section .model-highlight-content .model-highlight-buttons button.cybertruck-button{border-radius:0;border:1px solid #393c41;padding:4px 0;background-color:#111;color:#a2a3a5;opacity:1;transition:opacity .2s ease-in-out}.model-section .model-highlight-content .model-highlight-buttons button.cybertruck-button:hover{opacity:.9}.model-section .model-highlight-content .model-highlight-buttons button.cybertruck-button:nth-of-type(1){align-self:flex-end;position:relative;height:90%}.model-section .model-highlight-content .model-highlight-buttons button.cybertruck-button:nth-of-type(1):after{position:absolute;background-color:#8e8e8e;content:"";height:3px;width:100%;top:-5px}.model-section .model-highlight-content .model-highlight-buttons button.cybertruck-button a{text-transform:uppercase;font-family:UniversalSansBold,sans-serif;letter-spacing:1px}.model-section .model-highlight-content .model-highlight-buttons button.video-button{background-color:#fff;color:#393c41;width:204px}@media screen and (min-width: 320px){.model-section{height:506px}.model-section figure img.img-desktop{display:none}.model-section figure img.img-mobile{display:block}.model-section .model-highlight-content{left:0;padding:24px;width:100%}.model-section .model-highlight-content.video{left:0;bottom:0;width:100%;padding:0 24px 24px}.model-section .model-highlight-content.video .model-highlight-heading h1{font-size:28px;width:fit-content}.model-section .model-highlight-content.video .model-highlight-buttons,.model-section .model-highlight-content.video .model-highlight-buttons button{width:100%}.model-section .model-highlight-content .model-highlight-heading h1{font-size:48px}.model-section .model-highlight-content .model-highlight-heading div a{font-size:34px;text-align:center}.model-section .model-highlight-content .model-highlight-heading div h2.model-s-description,.model-section .model-highlight-content .model-highlight-heading div p.model-s-price{text-align:center}.model-section .model-highlight-content .model-highlight-heading div h2.model-s-description{font-size:34px}.model-section .model-highlight-content .model-highlight-heading div h2.cybertruck-price{text-align:center;font-size:14px}.model-section .model-highlight-content .model-highlight-heading div h2.solar-roof-tagline{text-align:center}.model-section .model-highlight-content .model-highlight-buttons{width:100%;gap:8px}.model-section .model-highlight-content .model-highlight-buttons button{width:100%}}@media screen and (min-width: 768px){.model-section{height:526px}.model-section figure img.img-desktop{display:block}.model-section figure img.img-mobile{display:none}.model-section .model-highlight-content.video{margin-left:48px;margin-bottom:36px;padding:0;width:fit-content}.model-section .model-highlight-content.video .model-highlight-heading h1{font-size:28px;width:fit-content}.model-section .model-highlight-content.video .model-highlight-buttons{width:100%}.model-section .model-highlight-content.video .model-highlight-buttons button{width:8rem}.model-section .model-highlight-content .model-highlight-heading div h2.cybertruck-price{text-align:center;font-size:17px}.model-section .model-highlight-content .model-highlight-buttons{width:284px;gap:1.5rem}.model-section .model-highlight-content .model-highlight-buttons button{width:100%}}@media screen and (min-width: 1024px){.model-section{height:633px}.model-section .model-highlight-content{padding-top:4rem;padding-bottom:2rem}.model-section .model-highlight-content.video{left:4rem;bottom:10rem;margin:0;padding:0;width:fit-content}.model-section .model-highlight-content.video .model-highlight-heading h1{font-size:40px;width:fit-content}.model-section .model-highlight-content.video .model-highlight-buttons{width:100%}.model-section .model-highlight-content.video .model-highlight-buttons button{width:90%}.model-section .model-highlight-content .model-highlight-buttons{width:auto;gap:1.5rem}.model-section .model-highlight-content .model-highlight-buttons button{width:264px}}footer{margin-bottom:2rem;font-size:12px;color:#5c5e62;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:40px}footer#footer-fixed{background-color:#fff;box-shadow:0 1px 15px #00000070;position:fixed;bottom:-4rem;padding:1rem;height:auto;margin:0;width:100%;transition:bottom .1s ease-in-out}footer#footer-fixed.footer-fixed-active{bottom:0}footer#footer-fixed a{font-family:UniversalSansMedium,sans-serif;width:fit-content;color:#171a20;display:flex;gap:8px;align-items:center}footer#footer-fixed a span{display:flex;align-items:center}footer#footer-fixed a span svg{height:1.5rem}footer .footer-wrapper-one{display:flex;flex-direction:column;gap:1rem}footer .footer-wrapper-one .footer-description{text-align:center}footer .footer-wrapper-one .footer-description p{line-height:1.5}footer .footer-wrapper-one .footer-description p a{color:inherit;position:relative}footer .footer-wrapper-one .footer-description p a:after{content:"";background-color:#393c41;position:absolute;width:100%;height:1px;bottom:-1.3px;left:0;transition:height .3s ease-in-out}footer .footer-wrapper-one .footer-description p a:hover:after{height:2px;bottom:-1.5px}footer .footer-wrapper-two ul{display:flex;gap:1rem}footer .footer-wrapper-two ul li{font-family:UniversalSansMedium,sans-serif;list-style-type:none}footer .footer-wrapper-two ul li a{color:inherit}@media screen and (min-width: 320px){footer{padding:40px 12px}footer#footer-fixed a{font-size:14px}footer .footer-wrapper-one{width:100%;margin-bottom:120px}footer .footer-wrapper-two ul{flex-direction:column}footer .footer-wrapper-two ul li{text-align:center}}@media screen and (min-width: 768px){footer .footer-wrapper-one{width:80%;margin:0}footer#footer-fixed a{font-size:17px}footer .footer-wrapper-two ul{padding:1rem 0;flex-direction:row}footer .footer-wrapper-two ul li{text-align:start}}@media screen and (min-width: 1024px){footer{padding:48px}footer .footer-wrapper-one{width:38rem}footer .footer-wrapper-two ul{padding:0}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;text-decoration:none}body{font-family:UniversalSansRegular,sans-serif;height:100vh}body.popup-active{overflow:hidden;z-index:0}body.popup-inactive{overflow:auto;z-index:100}body #app{width:100%;height:100%}body #app main{display:flex;flex-direction:column}
