@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url(../fonts/mem8yags126mizpba-ufwj0bbck.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url(../fonts/mem8yags126mizpba-ufuz0bbck.woff2) format("woff2");
    unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url(../fonts/mem8yags126mizpba-ufwz0bbck.woff2) format("woff2");
    unicode-range: U+1f??
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url(../fonts/mem8yags126mizpba-ufvp0bbck.woff2) format("woff2");
    unicode-range: U+0370-03ff
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url(../fonts/mem8yags126mizpba-ufwp0bbck.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url(../fonts/mem8yags126mizpba-ufw50bbck.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url(../fonts/mem8yags126mizpba-ufvz0b.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(../fonts/mem5yags126mizpba-unirkox-hpoqc.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(../fonts/mem5yags126mizpba-unirkovuhpoqc.woff2) format("woff2");
    unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(../fonts/mem5yags126mizpba-unirkoxuhpoqc.woff2) format("woff2");
    unicode-range: U+1f??
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(../fonts/mem5yags126mizpba-unirkouehpoqc.woff2) format("woff2");
    unicode-range: U+0370-03ff
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(../fonts/mem5yags126mizpba-unirkoxehpoqc.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(../fonts/mem5yags126mizpba-unirkoxohpoqc.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(../fonts/mem5yags126mizpba-unirkouuhp.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url(../fonts/mem5yags126mizpba-un7rgox-hpoqc.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url(../fonts/mem5yags126mizpba-un7rgovuhpoqc.woff2) format("woff2");
    unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url(../fonts/mem5yags126mizpba-un7rgoxuhpoqc.woff2) format("woff2");
    unicode-range: U+1f??
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url(../fonts/mem5yags126mizpba-un7rgouehpoqc.woff2) format("woff2");
    unicode-range: U+0370-03ff
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url(../fonts/mem5yags126mizpba-un7rgoxehpoqc.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url(../fonts/mem5yags126mizpba-un7rgoxohpoqc.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url(../fonts/mem5yags126mizpba-un7rgouuhp.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

.s1 {
    font-family: Gotham Light, system, sans-serif;
    font-family: var(--tds-sans-font_stack--light);
    font-size: 20px;
    line-height: 1
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .s1 {
        font-size: 23px
    }
}

.s2 {
    font-family: Gotham Light, system, sans-serif;
    font-family: var(--tds-sans-font_stack--light);
    font-size: 17px;
    line-height: 17px
}

.s2-head {
    padding-bottom: 0;
    margin-bottom: -2px
}

@media (max-width: 639px) {
    .s2-head {
        font-size: 23px;
        font-weight: 400;
        line-height: 32px;
        padding-top: 0
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .s2-head.banner-subheader {
        font-size: 23px;
        font-weight: 400;
        line-height: 32px;
        padding-top: 0
    }
}

.fineprint {
    line-height: 18px
}

@media (max-width: 639px) {
    .fineprint {
        font-size: 11px;
        line-height: 1.5em
    }
}

.cmp-heading, .heading-swap {
    padding-bottom: 16px;
    padding-bottom: var(--tds-size--2x);
    padding-top: 0
}

.force-ltr {
    direction: ltr
}

label[for^=edit-settings-label] {
    font-size: 0 !important
}

label[for^=edit-settings-label]:before {
    content: "Block Title";
    font-size: 12px
}

label[for^=edit-settings-label-display] {
    font-size: 0 !important
}

label[for^=edit-settings-label-display]:before {
    content: "Display Block Title";
    font-size: 12px
}

.toolbar-oriented .toolbar-bar {
    z-index: 5001
}

main.site-content [id=block-tesla-frontend-page-title] {
    background-color: #333
}

main.site-content [id=block-tesla-frontend-page-title] h1 {
    color: #fff;
    color: var(--tds-color--white);
    font-family: Open Sans, sans-serif;
    font-size: 2.35em;
    font-weight: 300;
    line-height: 1.2em;
    padding: 15px 32.5px
}

.contextual-links a, .data-drupal-link-system-path {
    border: none
}

.node-preview-container {
    background-color: #fff;
    background-color: var(--tds-color--white);
    z-index: 5001
}

div[id=block-tesla-frontend-help] {
    clear: both;
    padding: 20px 2.5em 10px
}

div[id=block-tesla-frontend-local-tasks] {
    margin-bottom: 20px
}

.adminimal-admin-toolbar .toolbar a {
    box-shadow: none
}

.user-login-form {
    margin: 0 auto
}

.showcase-screen > .draggable + .new-block {
    display: none
}

div[id=block-system-main-block] {
    padding: 1em
}

.template-marketing-page div[id=block-system-main-block], .template-product-page div[id=block-system-main-block] {
    padding: 0
}

form[class$=layout-builder-form] .tds--hide_on_desk, form[class$=layout-builder-form] .tds--hide_on_mobile {
    display: block !important
}

.layout-builder-form button.focusable.visually-hidden {
    position: relative !important
}

.content-export-targeted-form {
    padding: 16px;
    padding: var(--tds-size--2x)
}

.content-export-targeted-form legend {
    padding: 16px 0;
    padding: var(--tds-size--2x) 0
}

.content-export-targeted-form .tds-checkbox-input {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    background: inherit;
    opacity: inherit
}

.content-export-targeted-form .js-form-type-checkbox label {
    float: right;
    margin: 0 0 0 var(--tds-size--1x);
    padding: 0
}

.content-export-targeted-form .button {
    margin: 16px 0;
    margin: var(--tds-size--2x) 0
}

.block-local-tasks-block > .tabs {
    max-height: none;
    overflow: visible;
    position: relative;
    width: 100%
}

.block-local-tasks-block > .tabs .tabs__tab {
    box-sizing: border-box;
    color: #0074bd;
    display: block;
    float: left;
    height: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto
}

.block-local-tasks-block > .tabs .tabs__tab a {
    color: #0074bd;
    display: block;
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    font-weight: 600
}

.block-local-tasks-block > .tabs .tabs__tab a:focus, .block-local-tasks-block > .tabs .tabs__tab a:hover {
    color: #008ee6;
    text-decoration: none
}

.block-local-tasks-block > .tabs.primary {
    background-color: #ebebeb;
    clear: both;
    margin: 0;
    padding-left: .5rem;
    padding-right: .5rem
}

.block-local-tasks-block > .tabs.primary .tabs__tab.is-active {
    background-color: #fff;
    background-color: var(--tds-color--white);
    color: #004f80;
    z-index: 15
}

.block-local-tasks-block > .tabs.primary .tabs__tab.is-active a:focus {
    background: none;
    text-decoration: underline
}

.block-local-tasks-block > .tabs.primary a {
    background: none;
    padding: 7px 2em
}

.block-local-tasks-block > .tabs.primary a:focus {
    color: #008ee6;
    text-decoration: underline
}

.block-local-tasks-block > .tabs.primary a:hover {
    text-decoration: underline
}

.block-local-tasks-block > .tabs .tabs__tab.is-active {
    background-color: #fff;
    background-color: var(--tds-color--white);
    border-color: #a6a6a6;
    color: #004f80
}

.block-local-tasks-block > .tabs.primary .tabs__tab.is-active, .block-local-tasks-block > .tabs .tabs__tab.is-active {
    border-bottom: 0;
    position: relative;
    top: 0;
    width: auto
}

.block-local-tasks-block > .tabs .tabs__trigger {
    display: none
}

.block-system-main-block .layout-builder-form .form-actions {
    margin: 15px 0 15px 32px
}

.block-system-main-block .layout-builder-form .form-actions .button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    color: #0074bd;
    cursor: pointer;
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 7px 13px 5px;
    text-decoration: none
}

.block-system-main-block .layout-builder-form .form-actions .button:focus, .block-system-main-block .layout-builder-form .form-actions .button:hover {
    color: #008ee6;
    text-decoration: underline
}

.block-system-main-block .layout-builder-form .form-actions [id=edit-preview-toggle] {
    display: none
}

div[role=contentinfo].tds-alert {
    display: block;
    position: relative
}

div[role=contentinfo].tds-alert ul {
    margin: 0;
    padding: 1em
}

div[role=contentinfo].tds-alert ul li {
    margin-bottom: 1em;
    max-width: 100%
}

div[role=contentinfo].tds-alert.tds-alert--warn {
    background-color: #fef6eb;
    border: 1px solid #fbb01b;
    border: 1px solid var(--tds-color--yellow)
}

div[role=contentinfo].tds-alert.tds-alert--error {
    background-color: #fcf2f3;
    border: 1px solid #b74134;
    border: 1px solid var(--tds-color--red10)
}

div[role=contentinfo].tds-alert.tds-alert--info {
    background-color: #f4f9ff;
    border: 1px solid #3e6ae1;
    border: 1px solid var(--tds-color--blue30)
}

div[role=contentinfo].tds-alert.tds-alert--success {
    background-color: #f4ffeb;
    border: 1px solid var(--tds-color--green)
}

div[role=contentinfo].tds-alert div.tds-alert-text {
    margin: 0 auto;
    padding: 0
}

div[role=contentinfo].tds-alert pre.backtrace {
    white-space: normal
}

@media (min-width: 840px) {
    .tds-o-content_container:not(.mktg-content_container) {
        width: 840px
    }
}

.mktg-content_container {
    overflow: hidden;
    padding: 32px
}

@media (min-width: 975px) {
    .mktg-content_container {
        padding: 32px calc(5% + 32px)
    }
}

.mktg-content_container p {
    max-width: 100%
}

.mktg-content_container h2 {
    padding-top: 0
}

.layout--one-col:not(.mktg-content_container) {
    padding: 32px 0
}

.layout--one-col:not(.mktg-content_container) ~ .mktg-content_container:not(.layout--one-col), .mktg-content_container ~ .mktg-content_container:not(.layout--one-col) {
    padding-top: 0
}

@media (max-width: 839px) {
    .layout__region[class*=tds-flex--col_] {
        width: 100%
    }
}

@media (min-width: 840px) {
    .layout__region.tds-flex-item:not(:first-child) {
        padding-left: 20px
    }
}

.drawer-container--840 {
    margin: 0 auto;
    width: 840px
}

@media (max-width: 839px) {
    .drawer-container--840 {
        width: 420px
    }
}

@media (max-width: 419px) {
    .drawer-container--840 {
        width: 100%
    }
}

.drawer-container--90pct {
    margin: 0 auto;
    padding: 32px 32px 0;
    padding: var(--tds-size--4x) var(--tds-size--4x) 0;
    width: 90%
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .drawer-container--90pct {
        width: 100%
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .drawer-container--90pct {
        padding: 24px 24px 0;
        padding: var(--tds-size--3x) var(--tds-size--3x) 0;
        width: 100%
    }
}

@media (min-width: 640px) {
    .cmp-spacing--small {
        padding-bottom: 20px
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .cmp-spacing--small {
        padding-bottom: 10px
    }
}

@media (min-width: 640px) {
    .cmp-spacing--medium {
        padding-bottom: 40px
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .cmp-spacing--medium {
        padding-bottom: 20px
    }
}

@media (min-width: 640px) {
    .cmp-spacing--large {
        padding-bottom: 60px
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .cmp-spacing--large {
        padding-bottom: 30px
    }
}

@media (min-width: 640px) {
    .cmp-spacing--extra-large {
        padding-bottom: 80px
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .cmp-spacing--extra-large {
        padding-bottom: 40px
    }
}

.page-404 article > h2 {
    display: none
}

.page-404 .error-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-top: 10%
}

.page-404 .error-container .error-image, .page-404 .error-container .error-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 57px
}

.page-404 .error-container .error-text {
    margin-left: 8%
}

.page-404 .error-text .error-code {
    font-size: 130px;
    line-height: 180px
}

.page-404 .error-container .error-image {
    -webkit-box-align: center;
    align-items: center
}

.page-404 .starman {
    background: url(../fonts/starman.svg) no-repeat 50%;
    background-size: contain;
    height: 100%;
    min-height: 500px;
    width: 100%
}

@media (max-width: 640px) {
    .page-404 .error-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin: 0
    }

    .page-404 .error-container .error-text {
        -webkit-box-align: center;
        align-items: center;
        margin: 0
    }

    .page-404 .error-text .error-message {
        font-size: 17px
    }

    .page-404 .error-text .error-action {
        text-align: center
    }

    .page-404 .starman {
        min-height: 375px
    }
}

@media (max-width: 800px) {
    .page-404 .error-text .error-code {
        font-size: 100px;
        line-height: normal
    }
}

@media (min-width: 1800px) {
    .page-404 .starman {
        margin-top: 4%;
        min-height: 750px
    }
}

html[dir=rtl] .tds-o-btn {
    left: auto;
    right: -8px;
    right: calc(var(--tds-size) * -1)
}

html[dir=rtl] .tds-header-nav--meta_info .tds-header-nav--account_links {
    text-align: right
}

html[dir=rtl] .hero.hero--with-banner .banner-content .banner-buttons .banner-button--learn-more .tds-icon-plus {
    margin-right: 0;
    margin-left: 10px
}

html[dir=rtl] .hero.hero--with-banner.hero--with-callouts .hero-callouts .callout:first-child {
    padding-left: 20px;
    padding-right: 0
}

html[dir=rtl] .hero-region--with-callouts:not(.hero-region--right):not(.hero-region--left) .hero-callouts .callout:last-child {
    padding-right: 20px;
    padding-left: 0
}

html[dir=rtl] .hero.hero--with-banner .banner.banner--bottom .banner-content > .tds-flex .tds-flex-item:first-of-type, html[dir=rtl] .hero.hero--with-banner .banner.banner--top .banner-content > .tds-flex .tds-flex-item:first-of-type {
    padding-left: 20px;
    padding-right: 0
}

html[dir=rtl] .pannable-carousel .asset-container, html[dir=rtl] .pannable-carousel .indicators--reveal {
    direction: ltr
}

html[dir=rtl] .hero-region--left .hero-callouts .callout--left {
    margin-left: 0;
    margin-right: 150px
}

html[dir=rtl] .hero-callouts .callout--left {
    text-align: right
}

html[dir=rtl] section.order.order--image img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

html[dir=rtl] section.order.order--image .tds-flex {
    margin: 0 15% 0 0
}

html[dir=rtl] section.specifications > .complex-specs .tds-o-tab-label {
    margin-right: 0;
    margin-left: var(--cmp-tabs-gutter)
}

html[dir=rtl] section.specifications > .complex-specs .tds-o-list-item span {
    padding-right: 0;
    padding-left: 20px
}

html[dir=rtl] section.specifications > .complex-specs .specs--expand-list .tds-icon.tds-icon-plus {
    margin-left: 12px;
    margin-right: 0
}

html[dir=rtl] .hero-callouts .callout--left.callout--divider:after {
    left: auto;
    right: 0
}

html[dir=rtl] .sticky-nav--logo {
    padding-right: 40px
}

html[dir=rtl] .tds-footer--centered {
    padding-right: 0;
    margin: 0 auto
}

@media (min-width: 769px) and (orientation: portrait),(min-width: 1025px) and (orientation: landscape) {
    html[dir=rtl] .side_nav-container {
        left: auto;
        right: 20px
    }

    html[dir=rtl] .side_nav-label {
        right: 0;
        left: auto;
        margin-right: 24px
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    html[dir=rtl] .hero-callouts .callout--left {
        text-align: center
    }

    html[dir=rtl] .hero-region--left .hero-callouts .callout--left {
        margin-right: 0
    }
}

@media (max-width: 839px) {
    html[dir=rtl] section.order.order--image .tds-flex {
        margin: 0 10% 0 0
    }
}

@media (max-width: 639px) {
    html[dir=rtl] .tds-o-btn {
        right: auto
    }

    html[dir=rtl] section.order.order--image .tds-flex {
        margin: 0 auto
    }
}

:root {
    --tds-border_width--hairline: .5px;
    --tds-border_width--small: 1px;
    --tds-border_width--medium: 3px;
    --tds-border_style--base: solid
}

body {
    overflow-x: hidden
}

.layout--one-col .layout__region, body {
    width: 100%
}

body.tds-prevent-scroll {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.tds-text--white {
    color: #fff !important
}

.tds-text--black {
    color: #000 !important
}

@media (min-width: 639px) {
    .adminimal-admin-toolbar.tds-header-semitransparent .tds-header-main, .adminimal-admin-toolbar[class*=header-transparent] .tds-header-main {
        position: static;
        -webkit-transition-property: all;
        transition-property: all
    }
}

.drawer-nav a, .drawer-nav a:hover, .hero a, .hero a:hover, footer a, footer a:hover, header a, header a:hover, nav[class^=sticky-nav--] a, nav[class^=sticky-nav--] a:hover {
    box-shadow: none
}

.tds-icon--bounce {
    -webkit-animation-name: tds-keyframe--bounce;
    animation-name: tds-keyframe--bounce
}

.tds-header-main--logo_container {
    padding: 0
}

u > a, u > a:hover {
    box-shadow: none;
    -webkit-transition: none;
    transition: none
}

@media (max-width: 839px) and (orientation: landscape) {
    .tds-btn {
        min-width: auto
    }
}

.tds-scrim--black .tds-select-arrow {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.cmp-rich-text h4 {
    padding-bottom: 16px;
    padding-bottom: var(--tds-size--2x);
    padding-top: 0
}

@media (max-width: 839px) {
    .cmp-rich-text {
        padding-bottom: 16px;
        padding-bottom: var(--tds-size--2x)
    }
}

.button--mobile-only {
    display: none
}

@media (max-width: 639px) {
    .button--mobile-only {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

.button--desktop-only {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media (max-width: 639px) {
    .button--desktop-only {
        display: none
    }
}

[id=locale-modal-trigger] .region-item {
    width: 100%
}

body[data-modal-status=open] {
    overflow: hidden
}

[id=locale-modal] {
    z-index: 9999
}

.modal-locale.hidden {
    height: 0
}

.modal-locale .tds-modal-content {
    background-color: #fff;
    background-color: var(--tds-color--white);
    border-radius: 10px;
    height: 100%;
    max-height: 100%;
    max-width: 428px;
    min-width: auto;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 64px 24px
}

.modal-locale .tds-modal-close {
    position: absolute;
    right: 24px;
    top: 24px
}

.modal-locale .tds-modal-close i {
    background-size: 14px
}

.modal-locale .locale-main-header {
    display: block;
    padding: 0 50px;
    position: static
}

.modal-locale .locale-main-header .locale-header {
    font-size: 28px;
    margin-bottom: 0
}

.modal-locale .tds-modal-body {
    display: block;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    justify-content: space-between;
    max-height: 100%;
    overflow: hidden;
    padding: 0 60px
}

.modal-locale .locale-list-container {
    display: block;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none
}

.modal-locale .locale-list-container::-webkit-scrollbar {
    display: none
}

.modal-locale .tds-modal--content {
    min-height: 450px
}

.modal-locale .tds-modal-body_content {
    height: 100%
}

.modal-locale [class*=is-sublang-] {
    margin-left: 10px
}

.modal-locale [class*=is-sublang-] .tds-icon {
    visibility: hidden
}

.modal-locale li.active a, .modal-locale li:hover a {
    font-weight: 700
}

.modal-locale .hidden {
    display: none
}

.region-list {
    margin: 0;
    max-height: 100%;
    overflow: visible;
    padding: 0 0 0 10px;
    width: 100%
}

.region-item {
    align-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 100%
}

.region-item i {
    background-size: cover;
    border: 1px solid #f4f4f4;
    border: 1px solid var(--tds-color--grey70);
    border-radius: 30px;
    height: 20px;
    margin-right: 15px;
    min-height: 20px;
    min-width: 20px;
    width: 20px
}

.region-item > a {
    border-bottom: 0
}

.region-link, .region-title {
    color: #000;
    color: var(--tds-color--black)
}

.region-title {
    font-family: Gotham Medium, system, sans-serif;
    font-family: var(--tds-sans-font_stack--medium)
}

.region-link {
    align-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    box-shadow: none;
    display: inline-block;
    font-family: Gotham Book, system, sans-serif;
    font-family: var(--tds-sans-font_stack);
    -webkit-box-pack: start;
    justify-content: flex-start;
    line-height: var(--tds-gutter);
    position: relative
}

li[class*=i18n-cs_] .region-link {
    font-family: var(--tds-sans-font_stack--gotham-override)
}

.tds-footer-list_link {
    cursor: pointer
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .modal-locale .region-item i {
        background-size: 150%
    }
}

@media (max-width: 639px) {
    [id=locale-modal-trigger] .region-item {
        width: calc(100% - 40px)
    }

    [id=locale-modal] {
        padding: 0
    }

    .region-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap;
        -webkit-box-pack: start;
        justify-content: flex-start
    }

    .modal-locale .locale-main-header {
        padding: 0 20px 20px
    }

    .modal-locale .region-title {
        margin-bottom: 10px
    }

    .modal-locale .tds-modal-body {
        height: calc(100% - 80px);
        padding: 0 40px
    }

    .modal-locale .tds-modal-body [class*=locale-region--] {
        width: 100%
    }

    .modal-locale .tds-modal-content {
        padding: 64px 24px 32px
    }

    .modal-locale .locale-list-container::-webkit-scrollbar {
        display: none
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    [id=locale-modal] {
        padding: 24px
    }

    .modal-locale .tds-modal-content {
        padding: 32px 24px 16px
    }

    .modal-locale .region-title {
        padding-top: 10px
    }
}

@media (min-width: 640px) {
    .modal-locale .tds-modal-body {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row nowrap;
        height: calc(100% - 80px);
        max-height: calc(100% - 80px)
    }

    .modal-locale [class*=locale-region--] {
        width: 100%
    }

    .region-item {
        margin-bottom: var(--tds-gutter);
        width: calc(100% - 10px)
    }
}

[id=user-lang-pref] {
    background: #fff;
    background: var(--tds-color--white);
    border-radius: 10px;
    box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px var(--tds-color--black);
    height: 60px;
    left: 50%;
    margin-left: -250px;
    overflow: hidden;
    position: fixed;
    top: 50px;
    -webkit-transition: height 1s;
    transition: height 1s;
    width: 500px;
    z-index: 140
}

@media (max-width: 639px) {
    [id=user-lang-pref] {
        margin-left: -50%;
        width: 100%
    }
}

[id=user-lang-pref].locale-valid {
    height: 0;
    overflow: hidden;
    padding: 0
}

[id=user-lang-pref] .selector-container .modal-link-locale, [id=user-lang-pref] .selector-container .sub-lang, [id=user-lang-pref] .selector-container .user-lang-changer {
    display: none
}

[id=user-lang-pref] [for=header-main--trigger] {
    position: absolute;
    right: 20px;
    top: 25px
}

@media (max-width: 639px) {
    [id=user-lang-pref] [for=header-main--trigger] {
        right: 5px
    }
}

[id=user-lang-pref] [for=header-main--trigger] .header-main--trigger_icon {
    cursor: pointer;
    display: block;
    height: 18px;
    opacity: 1;
    position: relative;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    width: 18px
}

[id=user-lang-pref] [for=header-main--trigger] .header-main--trigger_icon .header-main--cross_hatch_lang {
    background-color: #fff;
    background-color: var(--tds-color--white);
    color: #fff;
    color: var(--tds-color--white)
}

[id=user-lang-pref] [for=header-main--trigger] .header-main--trigger_icon .header-main--cross_hatch_lang:after, [id=user-lang-pref] [for=header-main--trigger] .header-main--trigger_icon .header-main--cross_hatch_lang:before {
    background-color: #000;
    background-color: var(--tds-color--black);
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 100%;
    z-index: 10
}

[id=user-lang-pref] [for=header-main--trigger] .header-main--trigger_icon .header-main--cross_hatch_lang:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

[id=user-lang-pref] [for=header-main--trigger] .header-main--trigger_icon .header-main--cross_hatch_lang:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

[id=user-lang-pref] .user-lang-content {
    height: 100%;
    margin-right: 38px
}

@media (max-width: 639px) {
    [id=user-lang-pref] .user-lang-content {
        margin-right: 18px
    }
}

[id=user-lang-pref] .user-lang-content .selector-container {
    -webkit-box-align: center;
    align-items: center;
    display: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    height: 100%;
    justify-content: space-around
}

[id=user-lang-pref] .user-lang-content .modal-link-locale {
    cursor: pointer;
    padding: 0
}

[id=user-lang-pref] .user-lang-content .modal-link-locale:before {
    background-position: 50%;
    background-size: cover;
    border-radius: 0;
    content: "";
    height: 23px;
    position: absolute;
    top: 18px;
    width: 30px
}

[id=user-lang-pref] .user-lang-content .modal-link-locale a {
    box-shadow: none;
    margin-left: 40px
}

[id=user-lang-pref].CA .region-CA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

[id=user-lang-pref].CA .region-CA .modal-link-locale, [id=user-lang-pref].CA .region-CA .sub-lang.default-language, [id=user-lang-pref].CA .region-CA .user-lang-changer {
    display: inline-block
}

[id=user-lang-pref].CA .modal-link-locale.locale:before {
    background-image: url("../fonts/2da69c60de0c4fa299d797a5fd52e9a8.woff")
}

[id=user-lang-pref].BE .region-BE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

[id=user-lang-pref].BE .region-BE .modal-link-locale, [id=user-lang-pref].BE .region-BE .sub-lang.default-language, [id=user-lang-pref].BE .region-BE .user-lang-changer {
    display: inline-block
}

[id=user-lang-pref].BE .modal-link-locale.locale:before {
    background-image: url("../fonts/8f7b54742cb04114b65a33d006c6ef86.woff")
}

[id=user-lang-pref].LU .region-LU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

[id=user-lang-pref].LU .region-LU .modal-link-locale, [id=user-lang-pref].LU .region-LU .sub-lang.default-language, [id=user-lang-pref].LU .region-LU .user-lang-changer {
    display: inline-block
}

[id=user-lang-pref].LU .modal-link-locale.locale:before {
    background-image: url("../fonts/24d1be0f02c74fedb4058e70185e251a.woff")
}

[id=user-lang-pref].CH .region-CH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

[id=user-lang-pref].CH .region-CH .modal-link-locale, [id=user-lang-pref].CH .region-CH .sub-lang.default-language, [id=user-lang-pref].CH .region-CH .user-lang-changer {
    display: inline-block
}

[id=user-lang-pref].CH .modal-link-locale.locale:before {
    background-image: url("../fonts/81444f22bbc44156afa84e1e6fe727d8.woff")
}

[id=user-lang-pref].HK .region-HK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

[id=user-lang-pref].HK .region-HK .modal-link-locale, [id=user-lang-pref].HK .region-HK .sub-lang.default-language, [id=user-lang-pref].HK .region-HK .user-lang-changer {
    display: inline-block
}

[id=user-lang-pref].HK .modal-link-locale.locale:before {
    background-image: url("../fonts/206d1899a8f74d53bdba31e126b1c8fb.woff")
}

[id=user-lang-pref].MO .region-MO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

[id=user-lang-pref].MO .region-MO .modal-link-locale, [id=user-lang-pref].MO .region-MO .sub-lang.default-language, [id=user-lang-pref].MO .region-MO .user-lang-changer {
    display: inline-block
}

[id=user-lang-pref].MO .modal-link-locale.locale:before {
    background-image: url("../fonts/c600538e2123477bb2c67a1fca773b47.woff")
}

.tesla-site-alert {
    padding: 1em;
    text-align: center;
    border-right: 5px dashed #000;
    border-right: 5px dashed var(--tds-color--black);
    border-left: 5px dashed #000;
    border-left: 5px dashed var(--tds-color--black);
    color: #fff;
    color: var(--tds-color--white)
}

.tesla-site-alert.alert-warning {
    background: #fbb01b;
    background: var(--tds-color--yellow);
    color: #333
}

.tesla-site-alert.alert-error {
    background: #b74134;
    background: var(--tds-color--red10)
}

.tesla-site-alert.alert-success {
    background: var(--tds-color--green)
}

.tesla-site-alert.alert-info {
    background: #3e6ae1;
    background: var(--tds-color--blue30)
}

.tesla-site-alert .close {
    position: absolute;
    font-size: 2.5rem;
    right: 20px;
    cursor: pointer;
    color: #000;
    color: var(--tds-color--black)
}

.tesla-site-alert .title {
    font-size: 1.5rem;
    font-weight: 700
}

.tesla-site-alert .message {
    font-style: italic;
    font-size: 1.25rem
}

.tesla-site-alert .message p {
    max-width: 100%
}

@media (max-width: 1080px) and (min-width: 640px) {
    .tds-o-header-nav .tds-header-nav--primary .tds-header-nav--list {
        margin-left: 50px;
        margin-right: 0
    }
}

@media (max-width: 1200px) and (min-width: 1081px) {
    .tds-o-header-nav .tds-header-nav--primary .tds-header-nav--list {
        margin-left: 180px;
        margin-right: 20px
    }
}

.tds-icon-flag--il {
    background-image: url("../fonts/b2dfa77361e2437486bd9f6b4ddbc1b9.woff")
}

.tds-header-transparent--light .tds-header-main--logo svg {
    -webkit-filter: invert(1);
    filter: invert(1)
}

@media (max-width: 639px) {
    .tds-header-transparent--light.tds-o-header--invert-on-mobile .tds-header-main--logo svg {
        -webkit-filter: invert(0);
        filter: invert(0)
    }
}

@media (max-width: 639px) {
    .tds-header-transparent--dark.tds-o-header--invert-on-mobile .tds-header-main--logo svg {
        -webkit-filter: invert(1);
        filter: invert(1)
    }
}

@media (max-width: 639px) {
    body .tds-o-header-main .tds-header-main--cross_hatch:after, body .tds-o-header-main .tds-header-main--cross_hatch:before, body .tds-o-header-main .tds-header-main--trigger_icon:after {
        background-color: #000;
        background-color: var(--tds-color--black)
    }

    body .tds-o-header-main .tds-header-main--logo_container {
        z-index: 1500
    }

    .tds-o-header-nav .tds-header-nav--primary {
        max-height: none
    }

    .tds-header-transparent--dark:not(.tds-o-header--invert-on-mobile) .tds-header-main--cross_hatch {
        background-color: #000;
        background-color: var(--tds-color--black)
    }

    body.tds-header-transparent--dark:not(.tds-o-header--invert-on-mobile) .tds-header-main--cross_hatch, body.tds-header-transparent--dark:not(.tds-o-header--invert-on-mobile) .tds-o-header-main .tds-header-main--cross_hatch:after, body.tds-header-transparent--dark:not(.tds-o-header--invert-on-mobile).tds-o-header-main .tds-header-main--cross_hatch:before, body.tds-header-transparent--light.tds-o-header--invert-on-mobile .tds-header-main--cross_hatch, body.tds-header-transparent--light.tds-o-header--invert-on-mobile .tds-o-header-main .tds-header-main--cross_hatch:after, body.tds-header-transparent--light.tds-o-header--invert-on-mobile .tds-o-header-main .tds-header-main--cross_hatch:before {
        background-color: #000;
        background-color: var(--tds-color--black)
    }

    body.tds-header-transparent--dark.tds-o-header--invert-on-mobile .tds-header-main--cross_hatch, body.tds-header-transparent--dark.tds-o-header--invert-on-mobile .tds-o-header-main .tds-header-main--cross_hatch:after, body.tds-header-transparent--dark.tds-o-header--invert-on-mobile .tds-o-header-main .tds-header-main--cross_hatch:before, body.tds-header-transparent--light:not(.tds-o-header--invert-on-mobile) .tds-header-main--cross_hatch, body.tds-header-transparent--light:not(.tds-o-header--invert-on-mobile) .tds-o-header-main .tds-header-main--cross_hatch:after, body.tds-header-transparent--light:not(.tds-o-header--invert-on-mobile) .tds-o-header-main .tds-header-main--cross_hatch:before {
        background-color: #fff;
        background-color: var(--tds-color--white)
    }

    .tds-header-transparent--dark:not(.tds-o-header--invert-on-mobile) .tds-header-main--cross_hatch:after, .tds-header-transparent--dark:not(.tds-o-header--invert-on-mobile) .tds-header-main--cross_hatch:before, .tds-header-transparent--light.tds-o-header--invert-on-mobile .tds-header-main--cross_hatch:after, .tds-header-transparent--light.tds-o-header--invert-on-mobile .tds-header-main--cross_hatch:before {
        background-color: #000;
        background-color: var(--tds-color--black)
    }

    .tds-header-transparent--dark .tds-header-nav--list_link, .tds-header-transparent--light .tds-header-nav--secondary .tds-header-nav--list_link {
        color: #000;
        color: var(--tds-color--black)
    }

    .tds-header-transparent--dark:not(.tds-o-header--invert-on-mobile) .tds-header-main--logo:before, .tds-header-transparent--light.tds-o-header--invert-on-mobile .tds-header-main--logo:before {
        -webkit-filter: invert(1);
        filter: invert(1)
    }

    .tds-header-semitransparent .tds-header-main .tds-header-main--logo_container, .tds-header-transparent--dark .tds-header-main .tds-header-main--logo_container, .tds-header-transparent--light .tds-header-main .tds-header-main--logo_container {
        z-index: 1500
    }

    .tds-header-semitransparent [id=tds-header-main--trigger]:checked ~ [for=tds-header-main--trigger] .tds-header-main--cross_hatch {
        background-color: transparent
    }

    .tds-header-alternate_mobile [id=tds-header-main--trigger]:checked ~ [for=tds-header-main--trigger] .tds-header-main--cross_hatch:after, .tds-header-alternate_mobile [id=tds-header-main--trigger]:checked ~ [for=tds-header-main--trigger] .tds-header-main--cross_hatch:before, .tds-header-semitransparent.tds-header-alternate_mobile.tds-header-drawer--enter_left [id=tds-header-main--trigger]:checked ~ [for=tds-header-main--trigger] .tds-header-main--cross_hatch:after, .tds-header-semitransparent.tds-header-alternate_mobile.tds-header-drawer--enter_left [id=tds-header-main--trigger]:checked ~ [for=tds-header-main--trigger] .tds-header-main--cross_hatch:before, .tds-header-transparent--dark [id=tds-header-main--trigger]:checked ~ [for=tds-header-main--trigger] .tds-header-main--cross_hatch:after, .tds-header-transparent--dark [id=tds-header-main--trigger]:checked ~ [for=tds-header-main--trigger] .tds-header-main--cross_hatch:before, .tds-header-transparent--light [id=tds-header-main--trigger]:checked ~ [for=tds-header-main--trigger] .tds-header-main--cross_hatch:after, .tds-header-transparent--light [id=tds-header-main--trigger]:checked ~ [for=tds-header-main--trigger] .tds-header-main--cross_hatch:before {
        background-color: #000 !important;
        background-color: var(--tds-color--black) !important
    }
}

html[dir=rtl] .region-item i {
    margin-right: 0;
    margin-left: 15px
}

@media (max-width: 639px) and (orientation: portrait) {
    .tds-o-header-nav {
        padding-bottom: 110px
    }
}

@media (max-width: 639px) {
    .tds-o-header-nav {
        max-width: 100%;
        width: 312px
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    .tds-header-main--container .tds--hide_on_desk {
        display: none
    }

    .tds-o-header-nav {
        padding-bottom: 0
    }
}

.tds-user_is--logged_in .tds-header-main--container .tds-link_for-login, .tds-user_is--logged_out .tds-header-main--container .tds-link_for-logout {
    display: none
}

.tds-header-nav--meta_info {
    padding: 0
}

.tds-header-nav--meta_info .tds-header-nav--account_links {
    border-bottom: var(--tds-border_width--small) solid var(--tds-color--grey50);
    margin: 0 var(--tds-header-spacer);
    padding: var(--tds-header-spacer) calc(var(--tds-header-spacer) / 2);
    text-align: left
}

.tds-header-nav--account_links .tds-link_for-login, .tds-header-nav--account_links .tds-link_for-logout:last-child {
    padding-bottom: 0
}

.tds-header-nav--secondary .tds-header-nav--shop, .tds-header-nav--secondary .tds-link_for-login, .tds-header-nav--secondary .tds-link_for-logout {
    display: none
}

.tds-o-trigger-input {
    width: 0
}

@media (max-width: 1080px) and (min-width: 640px) {
    .tds-header-nav--primary .tds-header-nav--list {
        -webkit-box-pack: center;
        justify-content: center;
        margin: 0
    }

    .tds-header-nav--primary .tds-header-nav--list.tds-header-nav--primary_right {
        display: none
    }

    .tds-header-nav--secondary .tds-header-nav--shop, .tds-header-nav--secondary .tds-link_for-login, .tds-header-nav--secondary .tds-link_for-logout {
        display: block
    }
}

@media (max-width: 870px) and (min-width: 640px) {
    .tds-header-nav--primary .tds-header-nav--roadster {
        display: none
    }

    .tds-header-nav--secondary .tds-header-nav--roadster {
        display: list-item
    }
}

.tds-header-main {
    border: none
}

.tds-header-main--cross_hatch {
    font-size: 0
}

.tds-footer-list_item:first-child .tds-footer-list_link, .tds-footer-list_item:last-child .tds-footer-list_link {
    padding-left: 10px;
    padding-right: 10px
}

@media (max-width: 839px) and (orientation: landscape) {
    .tds-footer-list_link {
        padding-left: 5px;
        padding-right: 5px;
        white-space: nowrap
    }
}

.tds-footer-list_link, .tds-footer-list_link:hover {
    border-bottom: 0;
    box-shadow: none;
    font-family: Gotham Book, system, sans-serif;
    font-family: var(--tds-sans-font_stack)
}

.tds-footer.tds-scrim--white .block {
    color: #000;
    color: var(--tds-color--black)
}

.tds-footer .block {
    color: #fff;
    color: var(--tds-color--white);
    font-family: Gotham Book, system, sans-serif;
    font-family: var(--tds-sans-font_stack);
    text-align: center
}

.tds-footer .block p {
    display: inline-block
}

.side_nav-container {
    display: none
}

@media (min-width: 769px) and (orientation: portrait),(min-width: 1025px) and (orientation: landscape) {
    .side_nav-container {
        display: block;
        left: 0;
        margin-top: -78px;
        position: fixed;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 5
    }

    .side_nav-item {
        cursor: pointer;
        margin: 0;
        position: relative;
        width: 60px;
        padding-bottom: 0
    }

    .page_has--drawer_open .side_nav-item {
        cursor: default
    }

    .side_nav-item:hover {
        opacity: 1
    }

    .side_nav-tab {
        background-color: #393c41;
        background-color: var(--tds-color--grey20);
        height: 23px;
        margin: 5px 0 0 14px;
        opacity: .25;
        position: relative;
        -webkit-transition: height .2s ease;
        transition: height .2s ease;
        width: 1px
    }

    @media (min-width: 768px) {
        .side_nav-tab {
            margin: 5px 0 0 14px
        }
    }.side_nav-item--selected .side_nav-tab {
         margin-left: 13px;
         opacity: 1;
         width: 3px
     }

    .page_has--dark_screen-in_viewport .side_nav-tab {
        background-color: #fff;
        background-color: var(--tds-color--white)
    }

    .page_has--drawer_open .side_nav-tab {
        height: 8px
    }

    .page_has--drawer_open .side_nav-item--selected .side_nav-tab {
        height: 70px
    }

    .side_nav-label {
        color: #393c41;
        color: var(--tds-color--grey20);
        float: left;
        font-family: Gotham Bold, system, sans-serif;
        font-family: var(--tds-sans-font_stack--bold);
        font-size: 10px;
        font-weight: 400;
        left: 0;
        letter-spacing: .02em;
        margin-left: 24px;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        text-transform: uppercase;
        top: 0;
        -webkit-transition: opacity .1s ease;
        transition: opacity .1s ease;
        width: 300px
    }

    .page_has--dark_screen-in_viewport .side_nav-label {
        color: #fff;
        color: var(--tds-color--white)
    }

    @-webkit-keyframes fadeout {
        0% {
            opacity: 1
        }
        75% {
            opacity: 1
        }
        to {
            opacity: 0
        }
    }@keyframes fadeout {
         0% {
             opacity: 1
         }
         75% {
             opacity: 1
         }
         to {
             opacity: 0
         }
     }.side_nav-item--selected .side_nav-label {
          -webkit-animation: fadeout 2s ease .2s;
          animation: fadeout 2s ease .2s
      }

    .side_nav-item:hover .side_nav-label {
        opacity: 1
    }

    .page_has--drawer_open .side_nav-item:hover .side_nav-label {
        opacity: 0
    }
}

.drawer {
    display: none;
    padding-left: 32px;
    padding-right: 32px
}

.drawer.drawer--open {
    display: block;
    padding-top: 74px
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .drawer.drawer--open {
        padding-top: 60px
    }
}

.drawer .rich-text p {
    color: #393c41;
    color: var(--tds-color--grey20)
}

.drawer.tds-scrim--black .rich-text p, .drawer .tds-scrim--black .rich-text p {
    color: #fff;
    color: var(--tds-color--white)
}

.drawer_front--open .drawer-open_button {
    opacity: .2;
    pointer-events: none
}

.page_has--last_drawer_open footer {
    display: none
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .page_has--drawer_open .block-region-content {
        overflow-y: hidden
    }
}

@supports (-ms-accelerator:true) or (-ms-ime-align:auto) {
    .page_has--drawer_open .block-region-content {
        overflow-y: hidden
    }
}

.page_has--drawer_open .drawer--open.drawer--padding {
    overflow: hidden
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 768px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(max-width: 1024px) and (orientation: landscape) {
    .page_has--drawer_open .drawer--open.drawer--padding {
        padding-bottom: 100px
    }
}

@media (min-width: 640px) and (max-width: 839px) and (orientation: portrait),(min-width: 840px) {
    .page_has--drawer_open .drawer--open.drawer--padding:after {
        content: "";
        background: inherit;
        background-size: 100% 900px;
        background-position-y: 100%;
        width: 100%;
        height: 100px;
        display: block;
        position: absolute;
        left: 0;
        bottom: -100px
    }
}

.page_has--drawer_open.page_has--scroll_locking .showcase-screen:not(.drawer_front--open), .page_has--drawer_open.page_has--scroll_locking .tds-header-main, .page_has--drawer_open.page_has--scroll_locking footer {
    display: none
}

.closing-drawer {
    display: block !important
}

@media (max-width: 639px) {
    .page_has--drawer_open.page_has--scroll_locking .showcase-screen:not(.drawer_front--open) {
        display: block
    }

    .page_has--drawer_open .marketing_overview_showcase .drawer-nav .drawer-nav--sticky_header {
        display: none
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-banner .hero-image > img, .hero.hero--with-banner .hero-video {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@media (max-width: 639px) {
    .tds-header-main {
        background-color: transparent;
        position: absolute
    }
}

@media (min-width: 840px) {
    .two-column-grid.tds-flex.attention-to-detail {
        width: 1048px
    }

    .two-column-grid.tds-flex[id=attention-to-detail-1] .two-column-grid__left-column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        justify-content: flex-end
    }

    .two-column-grid.tds-flex[id=attention-to-detail-1] .two-column-grid__left-column .cmp-rich-text {
        margin: 0 -40px 0 0;
        padding-top: 22px;
        width: 270px
    }

    .two-column-grid.tds-flex[id=attention-to-detail-2] .two-column-grid__left-column img {
        padding-right: 20px
    }

    .two-column-grid.tds-flex[id=attention-to-detail-3] .two-column-grid__left-column .cmp-rich-text, .two-column-grid.tds-flex[id=attention-to-detail-3x] .two-column-grid__right-column .cmp-rich-text, .two-column-grid.tds-flex[id=attention-to-detail-4] .two-column-grid__right-column .cmp-rich-text, .two-column-grid.tds-flex[id=attention-to-detail-4x] .two-column-grid__right-column .cmp-rich-text {
        margin: 0;
        width: 90%
    }

    .two-column-grid.tds-flex[id=attention-to-detail-3] .two-column-grid__right-column, .two-column-grid.tds-flex[id=attention-to-detail-4] .two-column-grid__right-column {
        padding-left: 20px
    }
}

@media (max-width: 839px) {
    .two-column-grid.tds-flex[id=attention-to-detail-2] .two-column-grid__right-column {
        -webkit-box-ordinal-group: 0;
        order: -1;
        padding-bottom: 30px
    }

    .two-column-grid.tds-flex[id=attention-to-detail-2] .two-column-grid__right-column img {
        margin-top: -1px
    }

    .two-column-grid.tds-flex.attention-to-detail .video, .two-column-grid.tds-flex.attention-to-detail img {
        margin: 0 auto;
        width: 550px
    }
}

@media (max-width: 639px) {
    .two-column-grid.tds-flex.attention-to-detail .video, .two-column-grid.tds-flex.attention-to-detail img {
        margin: 0 auto;
        width: 100%
    }

    .mktg-carousel--navigation_bottom .mktg-carousel-navigation--dotted {
        padding: 20px 32px 0;
        width: 100%
    }

    .drawer .two-column-grid.tds-flex.attention-to-detail {
        margin: 0;
        width: 100%
    }
}

@media (min-width: 840px) {
    section[id=exterior] .hero.hero--with-banner .banner-image {
        position: static
    }

    section[id=exterior] .hero.hero--with-banner .banner-image .hero-asset.hero-image img {
        -o-object-position: center 50%;
        object-position: center 50%
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    .page-model-x section[id=exterior] .hero.hero--with-banner .banner-image .hero-asset.hero-image img {
        -o-object-position: center -25px;
        object-position: center -25px;
        -webkit-transform-origin: top center;
        transform-origin: top center
    }

    .page-model-s section[id=exterior] .hero.hero--with-banner .banner-image .hero-asset.hero-image img {
        -o-object-position: center -50px;
        object-position: center -50px;
        -webkit-transform-origin: top center;
        transform-origin: top center
    }
}

@media only screen and (width: 667px) and (height: 375px) and (orientation: landscape) {
    .page-model-s section[id=exterior] .hero.hero--with-banner .banner-image .hero-asset.hero-image img, .page-model-x section[id=exterior] .hero.hero--with-banner .banner-image .hero-asset.hero-image img {
        -o-object-position: center 0;
        object-position: center 0;
        -webkit-transform-origin: top center;
        transform-origin: top center
    }
}

.ratings-item_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.ratings--simple .ratings-items_container .ratings-item_microcopy {
    margin-top: 4px
}

@media (max-width: 839px) and (orientation: landscape) {
    .hero:not(.hero--with-banner) .hero-image img {
        height: var(--media-height)
    }
}

@media (max-width: 1000px) {
    section.specifications > .complex-specs .tabs--inline .tds-tab-label, section.specifications > .complex-specs .tds-tabs.tabs--inline.tds-tabs--pill .tds-btn.tds-o-tab-pill {
        -webkit-box-flex: 1 !important;
        flex: 1 !important;
        max-width: 100% !important;
        min-width: 100% !important
    }
}

body.template-product-page[class*=i18n-de_] section.specifications > .complex-specs .tabs--inline .tds-tab-label, body.template-product-page[class*=i18n-de_] section.specifications > .complex-specs .tds-tabs.tabs--inline.tds-tabs--pill .tds-btn.tds-o-tab-pill, body.template-product-page[class*=i18n-es_es] section.specifications > .complex-specs .tabs--inline .tds-tab-label, body.template-product-page[class*=i18n-es_es] section.specifications > .complex-specs .tds-tabs.tabs--inline.tds-tabs--pill .tds-btn.tds-o-tab-pill, body.template-product-page[class*=i18n-fr_fr] section.specifications > .complex-specs .tabs--inline .tds-tab-label, body.template-product-page[class*=i18n-fr_fr] section.specifications > .complex-specs .tds-tabs.tabs--inline.tds-tabs--pill .tds-btn.tds-o-tab-pill, body.template-product-page[class*=i18n-zh_] section.specifications > .complex-specs .tabs--inline .tds-tab-label, body.template-product-page[class*=i18n-zh_] section.specifications > .complex-specs .tds-tabs.tabs--inline.tds-tabs--pill .tds-btn.tds-o-tab-pill {
    -webkit-box-flex: 0;
    flex: 0;
    min-width: calc(50% - 10px)
}

.tds-icon-flag--is {
    background-image: url("../fonts/4e275ef47f5a481490ab147bee801e24.woff")
}

@media (max-width: 839px) and (orientation: landscape) {
    .page-homepage.browser-is-ios-chrome section[id=modely] .hero .hero-image img {
        -o-object-position: center 30%;
        object-position: center 30%
    }
}

@media (max-width: 639px) and (orientation: portrait) {
    section[id=solar-panels] .hero .hero-image img {
        -o-object-position: center bottom;
        object-position: center bottom
    }

    section[id=solar-panels] .hero-callouts.hero-callouts--white .callout-description {
        white-space: nowrap
    }
}