.ajax-progress {
    display: inline-block;
    padding: 1px 5px 2px 5px
}

[dir="rtl"] .ajax-progress {
    float: right
}

.ajax-progress-throbber .throbber {
    display: inline;
    padding: 1px 5px 2px;
    background: transparent url(../images/throbber-active.gif) no-repeat 0 center
}

.ajax-progress-throbber .message {
    display: inline;
    padding: 1px 5px 2px
}

tr .ajax-progress-throbber .throbber {
    margin: 0 2px
}

.ajax-progress-bar {
    width: 16em
}

.ajax-progress-fullscreen {
    position: fixed;
    z-index: 1000;
    top: 48.5%;
    left: 49%;
    width: 24px;
    height: 24px;
    padding: 4px;
    opacity: .9;
    border-radius: 7px;
    background-color: #232323;
    background-image: url(../images/loading-small.gif);
    background-repeat: no-repeat;
    background-position: center center
}

[dir="rtl"] .ajax-progress-fullscreen {
    right: 49%;
    left: auto
}

.text-align-left {
    text-align: left
}

.text-align-right {
    text-align: right
}

.text-align-center {
    text-align: center
}

.text-align-justify {
    text-align: justify
}

.align-left {
    float: left
}

.align-right {
    float: right
}

.align-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.js input.form-autocomplete {
    background-image: url(../images/throbber-inactive.png);
    background-repeat: no-repeat;
    background-position: 100% center
}

.js[dir="rtl"] input.form-autocomplete {
    background-position: 0 center
}

.js input.form-autocomplete.ui-autocomplete-loading {
    background-image: url(../images/throbber-active.gif);
    background-position: 100% center
}

.js[dir="rtl"] input.form-autocomplete.ui-autocomplete-loading {
    background-position: 0 center
}

.fieldgroup {
    padding: 0;
    border-width: 0
}

.container-inline div, .container-inline label {
    display: inline
}

.container-inline .details-wrapper {
    display: block
}

.clearfix:after {
    display: table;
    clear: both;
    content: ""
}

.js details:not([open]) .details-wrapper {
    display: none
}

.hidden {
    display: none
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal
}

.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
    position: static !important;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto
}

.invisible {
    visibility: hidden
}

.item-list__comma-list, .item-list__comma-list li {
    display: inline
}

.item-list__comma-list {
    margin: 0;
    padding: 0
}

.item-list__comma-list li:after {
    content: ", "
}

.item-list__comma-list li:last-child:after {
    content: ""
}

.js .js-hide {
    display: none
}

.js-show {
    display: none
}

.js .js-show {
    display: block
}

.nowrap {
    white-space: nowrap
}

.position-container {
    position: relative
}

.progress {
    position: relative
}

.progress__track {
    min-width: 100px;
    max-width: 100%;
    height: 16px;
    margin-top: 5px;
    border: 1px solid;
    background-color: #fff
}

.progress__bar {
    width: 3%;
    min-width: 3%;
    max-width: 100%;
    height: 1.5em;
    background-color: #000
}

.progress__description, .progress__percentage {
    overflow: hidden;
    margin-top: .2em;
    color: #555;
    font-size: .875em
}

.progress__description {
    float: left
}

[dir="rtl"] .progress__description {
    float: right
}

.progress__percentage {
    float: right
}

[dir="rtl"] .progress__percentage {
    float: left
}

.progress--small .progress__track {
    height: 7px
}

.progress--small .progress__bar {
    height: 7px;
    background-size: 20px 20px
}

.reset-appearance {
    margin: 0;
    padding: 0;
    border: 0 none;
    background: transparent;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.resize-none {
    resize: none
}

.resize-vertical {
    min-height: 2em;
    resize: vertical
}

.resize-horizontal {
    max-width: 100%;
    resize: horizontal
}

.resize-both {
    max-width: 100%;
    min-height: 2em;
    resize: both
}

table.sticky-header {
    z-index: 500;
    top: 0;
    margin-top: 0;
    background-color: #fff
}

.system-status-counter__status-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle
}

.system-status-counter__status-icon:before {
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-position: center 2px;
    background-size: 20px
}

.system-status-counter__status-icon--error:before {
    background-image: url(../images/error.svg)
}

.system-status-counter__status-icon--warning:before {
    background-image: url(../fonts/warning.svg)
}

.system-status-counter__status-icon--checked:before {
    background-image: url(../fonts/check.svg)
}

.system-status-report-counters__item {
    width: 100%;
    margin-bottom: .5em;
    padding: .5em 0;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, .063)
}

@media screen and (min-width: 60em) {
    .system-status-report-counters {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .system-status-report-counters__item--half-width {
        width: 49%
    }

    .system-status-report-counters__item--third-width {
        width: 33%
    }
}

.system-status-general-info__item {
    margin-top: 1em;
    padding: 0 1em 1em;
    border: 1px solid #ccc
}

.system-status-general-info__item-title {
    border-bottom: 1px solid #ccc
}

body.drag {
    cursor: move
}

tr.region-title {
    font-weight: bold
}

tr.region-message {
    color: #999
}

tr.region-populated {
    display: none
}

tr.add-new .tabledrag-changed {
    display: none
}

.draggable a.tabledrag-handle {
    float: left;
    overflow: hidden;
    height: 1.7em;
    margin-left: -1em;
    cursor: move;
    text-decoration: none
}

[dir="rtl"] .draggable a.tabledrag-handle {
    float: right;
    margin-right: -1em;
    margin-left: 0
}

a.tabledrag-handle:hover {
    text-decoration: none
}

a.tabledrag-handle .handle {
    width: 14px;
    height: 14px;
    margin: -.4em .5em 0;
    padding: .42em .5em;
    background: url(../fonts/move.svg) no-repeat 6px 7px
}

a.tabledrag-handle:hover .handle, a.tabledrag-handle:focus .handle {
    background-image: url(../fonts/move.svg)
}

.touchevents .draggable td {
    padding: 0 10px
}

.touchevents .draggable .menu-item__link {
    display: inline-block;
    padding: 10px 0
}

.touchevents a.tabledrag-handle {
    width: 40px;
    height: 44px
}

.touchevents a.tabledrag-handle .handle {
    height: 21px;
    background-position: 40% 19px
}

[dir="rtl"] .touch a.tabledrag-handle .handle {
    background-position: right 40% top 19px
}

.touchevents .draggable.drag a.tabledrag-handle .handle {
    background-position: 50% -32px
}

.tabledrag-toggle-weight-wrapper {
    text-align: right
}

[dir="rtl"] .tabledrag-toggle-weight-wrapper {
    text-align: left
}

.indentation {
    float: left;
    width: 20px;
    height: 1.7em;
    margin: -.4em .2em -.4em -.4em;
    padding: .42em 0 .42em .6em
}

[dir="rtl"] .indentation {
    float: right;
    margin: -.4em -.4em -.4em .2em;
    padding: .42em .6em .42em 0
}

.tablesort {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 100%
}

.tablesort--asc {
    background-image: url(../fonts/twistie-down.svg)
}

.tablesort--desc {
    background-image: url(../fonts/twistie-up.svg)
}

div.tree-child {
    background: url(../images/tree.png) no-repeat 11px center
}

div.tree-child-last {
    background: url(../images/tree-bottom.png) no-repeat 11px center
}

[dir="rtl"] div.tree-child, [dir="rtl"] div.tree-child-last {
    background-position: -65px center
}

div.tree-child-horizontal {
    background: url(../images/tree.png) no-repeat -11px center
}

body:not(.scroll_locking--enabled) .sticky-nav--desktop, body:not(.scroll_locking--enabled) .sticky-nav--mobile {
    background-color: rgba(34, 34, 34, .9);
    height: 62px;
    opacity: 0;
    position: fixed;
    -webkit-transform: translateY(-62px);
    transform: translateY(-62px);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

body:not(.scroll_locking--enabled) .sticky-nav--desktop a, body:not(.scroll_locking--enabled) .sticky-nav--mobile a {
    /**-webkit-filter: invert(100%);
    filter: invert(100%)**/
}

body:not(.scroll_locking--enabled) .sticky-nav--desktop.show, body:not(.scroll_locking--enabled) .sticky-nav--mobile.show {
    -webkit-transform: translate(0) !important;
    transform: translate(0) !important
}

body:not(.scroll_locking--enabled) .sticky-nav--mobile {
    justify-content: space-around;
    left: 0;
    width: 100%
}

body:not(.scroll_locking--enabled) .sticky-nav--mobile > .sticky-nav--buttons {
    padding: 0 20px
}

@media (min-width: 640px) {
    body:not(.scroll_locking--enabled) .sticky-nav--mobile {
        display: none !important
    }
}

@media (max-width: 639px) {
    body:not(.scroll_locking--enabled) .sticky-nav--desktop {
        display: none !important
    }
}

@media (max-width: 639px) {
    body.scroll_locking--enabled .sticky-nav--mobile {
        background-color: #fff;
        background-color: var(--tds-color--white);
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -1%;
        width: 102%;
        z-index: 999
    }

    body.scroll_locking--enabled .sticky-nav--desktop {
        display: none
    }

    body.scroll_locking--enabled .sticky-nav--buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        justify-content: center;
        white-space: nowrap;
        width: 100%
    }

    body.scroll_locking--enabled .sticky-nav--buttons .tds-btn {
        -webkit-box-pack: center;
        justify-content: center;
        margin: 4px
    }

    body.scroll_locking--enabled .sticky-nav--buttons .tds-btn.tds-o-btn {
        font-size: 10px;
        font-size: var(--tds-font_size--xsmall);
        height: 28px;
        max-width: none;
        min-height: 0;
        min-width: 80px;
        padding: 0 24px;
        width: auto
    }
}

@media (max-width: 639px) {
    .sticky-nav--mobile {
        -webkit-box-align: stretch;
        align-items: stretch;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap;
        justify-content: space-around;
        position: fixed;
        top: 0;
        z-index: 999
    }
}

@media (min-width: 640px) {
    .sticky-nav--mobile {
        display: none
    }

    .sticky-nav--desktop {
        -webkit-box-align: stretch;
        align-items: stretch;
        display: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap;
        justify-content: space-around;
        left: 0;
        position: fixed;
        top: 0;
        width: 100vw;
        z-index: 999
    }
}

.sticky-nav--edit-mode {
    display: none
}

.drawer-nav--sticky_header .tds-list a.tds-btn.tds-btn:not(.tds-btn--outline):hover {
    background-color: #fff;
    background-color: var(--tds-color--white);
    border-color: #393c41;
    border-color: var(--tds-color--grey20);
    color: #000;
    color: var(--tds-color--black)
}

.sticky-nav--logo_container {
    align-content: stretch;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    width: 100%
}

.sticky-nav--logo_container, .sticky-nav--logo_container .sticky-nav--buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.sticky-nav--logo_container .sticky-nav--buttons {
    -webkit-box-orient: vertical;
    flex-flow: column nowrap
}

.animate_scrolltop--to_reveal {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all
}

.animate_scrolltop--revealed {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.sticky-nav--logo {
    box-shadow: none;
    padding: 15px 20px
}

.sticky-nav--arrow {
    padding: 15px 24px
}

.sticky-nav--arrow .tds-icon {
    width: 20px
}

@media (max-width: 639px) {
    .sticky-nav--arrow {
        padding: 15px
    }
}

.sticky-nav--arrow, .sticky-nav--logo {
    box-shadow: none;
    display: inline-block
}

.sticky-nav--arrow .tds-icon, .sticky-nav--logo .tds-icon {
    height: 20px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media (min-width: 640px) {
    body:not(.page_has--drawer_open):not(.page_has--first_screen-in_viewport) .sticky-nav--desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    body:not(.page_has--drawer_open).page_has--default_with_invert_caret_static_nav .sticky-nav--arrow, body:not(.page_has--drawer_open).page_has--inverted_static_nav .sticky-nav--desktop, body:not(.page_has--drawer_open).page_has--inverted_with_default_caret_static_nav .sticky-nav--logo {
        /**-webkit-filter: invert(100%);
        filter: invert(100%)**/
    }
}

.adminimal-admin-toolbar .sticky-nav--desktop {
    top: 80px
}

.adminimal-admin-toolbar .sticky-nav--edit-mode {
    display: block
}

.layout-builder__section .block-inline-blocksticky-navigation.tds--is_hidden, .layout-builder__section .block-inline-blocksticky-navigation .tds--is_hidden, .layout-builder__section [data-block-id="tesla_product:sticky_navigation"].tds--is_hidden, .layout-builder__section [data-block-id="tesla_product:sticky_navigation"] .tds--is_hidden {
    display: block !important
}

.layout-builder__section .sticky-nav--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-transform: none;
    transform: none
}

.layout-builder__section .js-layout-builder-block.layout-builder-block.contextual-region.ui-sortable-handle {
    border-bottom: 1px dashed #d6d6d6
}

:root {
    --callouts-width: 100%;
    --mobile-callouts-width: 33%;
    --cmp-banner-item: 1;
    --cmp-banner-transition-delay: .15s;
    --cmp-banner-transition-property: all;
    --cmp-banner-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    --iphone-media-height: calc(100vh - 30px);
    --iphone-x-media-height: calc(100vh - 69px);
    --iphone-xr-media-height: calc(100vh - 69px);
    --iphone-xs-max-media-height: calc(100vh - 69px);
    --media-height: 100vh
}

.hero {
    min-height: 100vh;
    min-height: var(--media-height);
    overflow: hidden;
    position: relative
}

@media (min-width: 640px) {
    .hero.hero--default .button-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row nowrap;
        -webkit-box-pack: center;
        justify-content: center
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero {
        max-height: none;
        min-height: 100vh;
        min-height: var(--media-height)
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    .hero {
        height: 100vh;
        height: var(--media-height);
        min-height: 100vh;
        min-height: var(--media-height)
    }
}

@supports (-webkit-overflow-scrolling:touch) {
    @media (max-width: 639px) and (orientation: portrait) {
        .hero {
            min-height: calc(100vh - 30px);
            min-height: var(--iphone-media-height)
        }
    }@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (min-resolution: 3dppx) and (orientation: portrait) {
    .hero {
        min-height: calc(100vh - 69px);
        min-height: var(--iphone-x-media-height)
    }
}@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (min-resolution: 3dppx) and (orientation: portrait) {
    .hero {
        min-height: calc(100vh - 69px);
        min-height: var(--iphone-xs-max-media-height)
    }
}@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (min-resolution: 2dppx) and (orientation: portrait) {
    .hero {
        min-height: calc(100vh - 69px);
        min-height: var(--iphone-xr-media-height)
    }
}
}

@media (min-width: 769px) and (orientation: portrait),(min-width: 1025px) and (orientation: landscape) {
    .hero .hero-asset, .hero .hero-regions {
        -webkit-transform: none !important;
        transform: none !important
    }
}

.hero.is-iphone-Chrome {
    height: 100vh
}

.hero.is-iphone-Chrome .hero-image img {
    height: 100vh;
    min-height: 100vh
}

.hero .hero-image img, .hero .hero-video {
    display: block;
    height: 100vh;
    height: var(--media-height);
    max-height: 100vh;
    max-height: var(--media-height);
    max-width: none;
    min-height: 100vh;
    min-height: var(--media-height);
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero .hero-image img {
        -o-object-position: center 35%;
        object-position: center 35%
    }

    .hero .hero-image img, .hero .hero-video {
        height: 100vh;
        height: var(--media-height);
        max-height: 100vh;
        max-height: var(--media-height);
        min-height: 0
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    .hero .hero-image img {
        height: 100vh;
        height: var(--media-height);
        min-height: 100vh;
        min-height: var(--media-height)
    }
}

@media (max-width: 639px) and (orientation: portrait) {
    .hero {
        -o-object-position: initial;
        object-position: initial
    }
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .hero .hero-video {
        max-height: none
    }
}

@supports (-ms-accelerator:true) or (-ms-ime-align:auto) {
    .hero .hero-video {
        max-height: none
    }
}

.hero .hero-regions--wrapper {
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    height: 100%;
    -webkit-box-pack: stretch;
    justify-content: stretch;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    display:none;
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero .hero-regions--wrapper {
        padding-bottom: 5vh
    }
}

.hero .hero-regions {
    -webkit-box-orient: horizontal;
    flex-flow: row nowrap;
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: 100%
}

.hero .hero-regions, .hero .hero-regions .hero-region--center {
    align-content: stretch;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    height: 100%;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.hero .hero-regions .hero-region--center {
    -webkit-box-orient: vertical;
    flex-flow: column nowrap;
    text-align: center
}

.hero .hero-regions .hero-region--center.hero-region--with-callouts {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    width: 100%
}

.hero .hero-regions .hero-region--center .hero-region--center-top .tds-o-btn {
    left: 0;
    min-width: 250px
}

.hero .hero-regions .hero-region--center .hero-region--center-bottom, .hero .hero-regions .hero-region--center .hero-region--center-top {
    min-width: 100%
}

.hero .hero-regions .hero-region--center .hero-region--center-bottom {
    position: relative
}

.hero .hero-regions > div[class^=hero-region--] {
    -webkit-box-flex: 1;
    flex: 1 0 33%;
    width: 33%
}

.hero .hero-regions > div[class^=hero-region--] header {
    padding-top: 9vh
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero .hero-regions > div[class^=hero-region--] header {
        padding-top: 6vh;
        width: 100%
    }
}

@media (max-width: 419px) {
    .hero .hero-regions > div[class^=hero-region--] header {
        padding-top: 3vh
    }
}

.hero .hero-regions > div[class^=hero-region--] header .header--white {
    color: #fff;
    color: var(--tds-color--white)
}

.hero .hero-regions > div[class^=hero-region--] header .header-upper {
    display: block;
    margin-top: 4px;
    -webkit-transition-delay: .33s;
    transition-delay: .33s
}

.hero .hero-regions > div[class^=hero-region--] header .header-lower {
    display: block;
    margin-top: 5px;
    -webkit-transition-delay: .46s;
    transition-delay: .46s
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero .hero-regions > div[class^=hero-region--] header .header-lower {
        font-size: 36px;
        margin-top: 0
    }
}

.hero .hero-regions .hero-copy {
    margin: 25px auto;
    width: 100%
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero .hero-regions .hero-copy {
        margin: 20px auto;
        padding: 0 20px
    }
}

.hero .hero-regions .hero-copy.hero-copy--desktop {
    display: block
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero .hero-regions .hero-copy.hero-copy--desktop {
        display: none
    }
}

.hero .hero-regions .hero-copy.hero-copy--mobile {
    display: none;
    line-height: 19px
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero .hero-regions .hero-copy.hero-copy--mobile {
        display: block
    }
}

@media only screen and (max-device-width: 320px) and (orientation: portrait) {
    .hero .hero-regions .hero-copy.hero-copy--mobile {
        display: none
    }
}

.hero .hero-regions .hero-copy.hero-copy--white {
    color: #fff;
    color: var(--tds-color--white)
}

.hero:not(.hero--with-banner) .hero-regions .hero-region--center {
    padding-top: 3vh
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero:not(.hero--with-banner) .hero-regions .hero-region--center {
        padding-top: calc(6vh - 24px)
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    .hero:not(.hero--with-banner) .hero-regions .hero-region--center {
        padding-top: 56px
    }
}

@media (max-width: 639px) {
    .hero:not(.hero--with-banner) .hero-regions .hero-region--center {
        padding-top: 6vh
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    .hero:not(.hero--with-banner) .tds-icon-arrow_down {
        display: none
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero:not(.hero--with-banner) picture {
        display: block;
        min-height: 100vh;
        min-height: var(--media-height)
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    .hero:not(.hero--with-banner) .hero-image img, .hero:not(.hero--with-banner) .hero-video, .hero:not(.hero--with-banner) picture {
        min-height: 700px
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero .hero-regions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .hero .hero-regions .hero-region--center {
        -webkit-box-align: stretch;
        align-items: stretch;
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .hero .hero-regions .hero-region--center .hero-region--center-bottom, .hero .hero-regions .hero-region--center .hero-region--center-top {
        min-height: auto
    }

    .hero .hero-regions > div[class^=hero-region--] {
        -webkit-box-flex: 0;
        flex: 0 1 auto;
        height: auto;
        margin: 0;
        width: 100%
    }

    .hero .hero-regions > div[class^=hero-region--].hero-region--with-callouts {
        -webkit-box-ordinal-group: 4;
        order: 3
    }
}

.hero .disclaimer-button {
    margin-bottom: 3vh
}

@media (max-width: 639px) {
    .hero .disclaimer-button, .hero .header-button {
        -webkit-box-flex: 1;
        flex: 1 1 auto;
        margin: 0;
        padding: 0 24px;
        width: 100%
    }
}

.hero .hero--disclaimer-and-arrow {
    text-align: center
}

.hero .hero-disclaimer {
    margin: 0 auto 3vh;
    padding: 0;
    text-align: center;
    text-transform: none;
    width: 100%
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .hero .hero-disclaimer {
        min-width: 100%
    }
}

.hero .hero-disclaimer.hero-disclaimer--desktop {
    display: block
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero .hero-disclaimer.hero-disclaimer--desktop {
        display: none
    }
}

.hero .hero-disclaimer.hero-disclaimer--mobile {
    display: none;
    padding: 0 30px
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero .hero-disclaimer.hero-disclaimer--mobile {
        display: block
    }
}

@media only screen and (max-device-width: 320px) and (orientation: portrait) {
    .hero .hero-disclaimer.hero-disclaimer--mobile {
        display: none
    }
}

.hero .hero-disclaimer.hero-disclaimer--white {
    color: #fff;
    color: var(--tds-color--white)
}

.hero .tds-icon.tds-icon--bounce.hero-arrow_down {
    border: none;
    cursor: pointer;
    height: 20px;
    margin: 1vh auto 3vh;
    opacity: 1;
    position: static;
    width: 20px;
    z-index: 100
}

.hero .tds-icon.tds-icon--bounce.hero-arrow_down.hero-arrow_down--white {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.hero .cmp-video-replay {
    display: none
}

.hero.hero--with-banner {
    overflow: visible
}

@media (max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-banner {
        height: auto;
        min-height: -webkit-fit-content;
        min-height: -moz-fit-content;
        min-height: fit-content
    }
}

@supports (-webkit-overflow-scrolling:touch) {
    @media (max-width: 639px) and (orientation: portrait) {
        .hero.hero--with-banner {
            min-height: 100%
        }
    }@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (min-resolution: 3dppx) and (orientation: portrait) {
    .hero.hero--with-banner {
        min-height: 100%
    }
}@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (min-resolution: 3dppx) and (orientation: portrait) {
    .hero.hero--with-banner {
        min-height: 100%
    }
}@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (min-resolution: 2dppx) and (orientation: portrait) {
    .hero.hero--with-banner {
        min-height: 100%
    }
}
}

.hero.hero--with-banner .banner {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    height: var(--media-height);
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 639px) {
    .hero.hero--with-banner .banner {
        display: block;
        height: auto;
        position: static
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-banner .banner {
        display: block;
        height: auto;
        position: relative
    }
}

@media (max-width: 1200px) {
    .hero.hero--with-banner .banner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column nowrap
    }
}

.hero.hero--with-banner .banner.tds-scrim--black .banner-content .banner-button--learn-more, .hero.hero--with-banner .banner.tds-scrim--black .banner-copy, .hero.hero--with-banner .banner.tds-scrim--black .banner-header, .hero.hero--with-banner .banner.tds-scrim--black .banner-subheader {
    color: #fff;
    color: var(--tds-color--white)
}

.hero.hero--with-banner .banner.tds-scrim--black .banner-content .banner-button--learn-more .tds-icon-plus {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.hero.hero--with-banner .banner.tds-scrim--black .banner-content .banner-button--learn-more:hover .tds-icon-plus {
    border: 3px solid #fff;
    border: 3px solid var(--tds-color--white);
    -webkit-filter: unset;
    filter: unset
}

.hero.hero--with-banner .banner:not([class*=tds-scrim]) .banner-content {
    background-color: #fff;
    background-color: var(--tds-color--white)
}

.hero.hero--with-banner .banner-image {
    background-color: #f4f4f4;
    background-color: var(--tds-color--grey70);
    -webkit-box-flex: 1;
    flex: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media (max-width: 1200px) {
    .hero.hero--with-banner .banner-image {
        height: 100vh
    }
}

@media (max-width: 639px) {
    .hero.hero--with-banner .banner-image {
        max-height: 425px
    }
}

@media (max-width: 1200px) {
    .hero.hero--with-banner .banner-image {
        display: block
    }
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .hero.hero--with-banner .banner-image .hero-video {
        max-height: none
    }
}

@supports (-ms-accelerator:true) or (-ms-ime-align:auto) {
    .hero.hero--with-banner .banner-image .hero-video {
        max-height: none
    }
}

.hero.hero--with-banner .banner-image .hero-asset, .hero.hero--with-banner .banner-image .hero-asset.hero-image img {
    height: 100%;
    max-height: 100%;
    min-height: 100%;
    position: absolute;
    width: 100%
}

@media (max-width: 1200px) {
    .hero.hero--with-banner .banner-image .hero-asset.hero-image img {
        height: 100%
    }
}

.hero.hero--with-banner .banner-content {
    display: block;
    width: 100%
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-banner .banner-content {
        -webkit-box-ordinal-group: 2;
        order: 1;
        padding: 32px 24px;
        z-index: 2
    }
}

@media (min-width: 975px) {
    .hero.hero--with-banner .banner-content > .tds-flex {
        width: 975px;
        margin: 0 auto
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-banner .banner-content > .tds-flex {
        min-width: 100%;
        width: 100%
    }
}

.hero.hero--with-banner .banner-content > .tds-flex .tds-flex-item:first-of-type {
    min-width: 351px
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-banner .banner-content > .tds-flex .tds-flex-item:first-of-type {
        min-width: 311px
    }
}

@media (max-width: 360px) {
    .hero.hero--with-banner .banner-content > .tds-flex .tds-flex-item:first-of-type {
        min-width: 0
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-banner .banner-content > .tds-flex .tds-flex-item:first-of-type {
        min-width: 100%
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .hero.hero--with-banner .banner-content > .tds-flex .tds-flex-item:first-of-type {
        width: auto;
        max-width: 50%
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-banner .banner-content > .tds-flex .tds-flex-item:first-of-type .banner-buttons, .hero.hero--with-banner .banner-content > .tds-flex .tds-flex-item:first-of-type .banner-buttons--preferred {
        display: none !important
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-banner .banner-content > .tds-flex .tds-flex-item:nth-of-type(2) .banner-buttons, .hero.hero--with-banner .banner-content > .tds-flex .tds-flex-item:nth-of-type(2) .banner-buttons--preferred {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.hero.hero--with-banner .banner-content > .tds-flex .tds-flex-item {
    padding-bottom: 48px;
    padding-top: 48px
}

.hero--long_copy.hero.hero--with-banner .banner-content > .tds-flex .tds-flex-item {
    padding-bottom: 15px;
    padding-top: 30px
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-banner .banner-content > .tds-flex .tds-flex-item {
        padding-bottom: 0;
        padding-top: 0;
        -webkit-box-flex: 0;
        flex: 0 0 100%
    }
}

@media (max-width: 639px) {
    .hero.hero--with-banner .banner-content > .tds-flex .tds-flex-item:last-child {
        padding-top: 12px
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-banner .banner-content > .tds-flex .tds-flex-item:last-child {
        padding-top: 20px
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-banner .banner-content > .tds-flex [class*=tds-flex--col_] {
        -webkit-box-flex: 0;
        flex: none
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-banner .banner-content .header {
        margin: 0
    }
}

.hero.hero--with-banner .banner-content .banner-header, .hero.hero--with-banner .banner-content .banner-subheader {
    color: #393c41;
    color: var(--tds-color--grey20);
    padding: 0
}

.hero.hero--with-banner .banner-content .banner-copy {
    color: #393c41;
    color: var(--tds-color--grey20)
}

.hero.hero--with-banner .banner-content .banner-copy--desktop {
    display: block
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero.hero--with-banner .banner-content .banner-copy--desktop {
        display: none
    }
}

.hero.hero--with-banner .banner-content .banner-copy--mobile {
    display: none
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero.hero--with-banner .banner-content .banner-copy--mobile {
        display: block
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-banner .banner-content .banner-copy--mobile {
        margin-bottom: 0
    }
}

.hero.hero--with-banner .banner-content .banner-buttons {
    clear: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    float: left;
    margin-top: 16px;
    width: 100%
}

.hero.hero--with-banner .banner-content .banner-buttons .tds-o-btn {
    height: 40px;
    min-width: auto;
    padding: 10px 32px;
    white-space: nowrap;
    width: auto;
    margin-right: 0
}

@media (max-width: 360px) {
    .hero.hero--with-banner .banner-content .banner-buttons .tds-o-btn {
        -webkit-box-ordinal-group: 0;
        order: -1
    }
}

.hero.hero--with-banner .banner-content .banner-buttons .tds-o-trigger-input {
    display: none
}

.hero.hero--with-banner .banner-content .banner-buttons > a:first-child {
    margin-left: 0
}

.hero.hero--with-banner .banner-content .banner-buttons .drawer-open_button {
    box-shadow: none;
    cursor: pointer
}

.hero.hero--with-banner .banner-content .banner-buttons .banner-button--learn-more {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border-color: #171a20;
    border-color: var(--tds-color--grey10);
    color: #171a20;
    color: var(--tds-color--grey10);
    cursor: pointer;
    display: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    font-size: 12px;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-right: 12px;
    text-transform: uppercase;
    white-space: nowrap
}

.hero.hero--with-banner .banner-content .banner-buttons .banner-button--learn-more .tds-icon-plus {
    background-color: transparent;
    border: 3px solid #000;
    border: 3px solid var(--tds-color--black);
    border-radius: 20px;
    margin-right: 10px;
    -webkit-transition: background-color .15s ease-in-out, color .15s ease-in-out;
    transition: background-color .15s ease-in-out, color .15s ease-in-out
}

.hero.hero--with-banner .banner-content .banner-buttons .banner-button--learn-more .tds-icon-plus.tds-o-icon--medium {
    height: 30px;
    width: 30px
}

.hero.hero--with-banner .banner-content .banner-buttons .banner-button--learn-more:hover .tds-icon-plus {
    background-color: #fff;
    background-color: var(--tds-color--white);
    border: 3px solid #fff;
    border: 3px solid var(--tds-color--white);
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-banner .banner-content .banner-buttons.banner-buttons--preferred {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-banner .banner-content .banner-buttons:not(.banner-buttons--preferred) {
        display: block
    }
}

.hero.hero--with-banner .banner-content .cmp-animate--to_reveal {
    opacity: 0;
    -webkit-transform: translateY(40px) translateZ(0);
    transform: translateY(40px) translateZ(0);
    -webkit-transition: all var(--cmp-transition-duration--short) cubic-bezier(.455, .03, .515, .955);
    -webkit-transition: var(--cmp-banner-transition-property) var(--cmp-transition-duration--short) var(--cmp-banner-transition-timing-function);
    transition: all var(--cmp-transition-duration--short) cubic-bezier(.455, .03, .515, .955);
    transition: var(--cmp-banner-transition-property) var(--cmp-transition-duration--short) var(--cmp-banner-transition-timing-function)
}

.hero.hero--with-banner .banner-content .cmp-animate--to_reveal.cmp-animate--revealed {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-banner .banner-content .cmp-animate--to_reveal {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media (max-width: 1200px) {
    .hero.hero--with-banner .banner-content .banner-component {
        display: none
    }
}

.hero.hero--with-banner .banner-content .banner-component img {
    width: 100%
}

.hero.hero--with-banner .banner.banner--left .banner-content, .hero.hero--with-banner .banner.banner--top .banner-content {
    -webkit-box-ordinal-group: 0;
    order: -1
}

@media (max-width: 1200px) {
    .hero.hero--with-banner .banner.banner--left .banner-content, .hero.hero--with-banner .banner.banner--top .banner-content {
        -webkit-box-ordinal-group: 1;
        order: 0
    }
}

.hero.hero--with-banner .banner.banner--bottom, .hero.hero--with-banner .banner.banner--top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap
}

.hero.hero--with-banner .banner.banner--bottom .banner-content > .tds-flex .tds-flex-item, .hero.hero--with-banner .banner.banner--top .banner-content > .tds-flex .tds-flex-item {
    padding-left: 0
}

.hero.hero--with-banner .banner.banner--bottom .banner-content > .tds-flex .tds-flex-item:first-of-type, .hero.hero--with-banner .banner.banner--top .banner-content > .tds-flex .tds-flex-item:first-of-type {
    padding-right: 20px
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-banner .banner.banner--bottom .banner-content > .tds-flex .tds-flex-item:first-of-type, .hero.hero--with-banner .banner.banner--top .banner-content > .tds-flex .tds-flex-item:first-of-type {
        padding-top: 0
    }
}

.hero.hero--with-banner .banner.banner--bottom .banner-content .banner-copy, .hero.hero--with-banner .banner.banner--top .banner-content .banner-copy {
    margin: 0
}

.hero.hero--with-banner .banner.banner--bottom .banner-component, .hero.hero--with-banner .banner.banner--bottom .banner-content .banner-buttons:not(.banner-buttons--preferred), .hero.hero--with-banner .banner.banner--top .banner-component, .hero.hero--with-banner .banner.banner--top .banner-content .banner-buttons:not(.banner-buttons--preferred) {
    display: none
}

@media (min-width: 975px) {
    .hero.hero--with-banner .banner.banner--bottom .hero-callouts--wide, .hero.hero--with-banner .banner.banner--top .hero-callouts--wide {
        width: 920px
    }
}

@media (min-width: 1024px) {
    .hero.hero--with-banner .banner.banner--bottom .hero-callouts--wide, .hero.hero--with-banner .banner.banner--top .hero-callouts--wide {
        width: 968px
    }
}

@media (min-width: 1201px) {
    .hero.hero--with-banner .banner.banner--bottom .hero-callouts--wide, .hero.hero--with-banner .banner.banner--top .hero-callouts--wide {
        width: 1024px
    }
}

@media (min-width: 1201px) {
    .hero.hero--with-banner .banner.banner--left, .hero.hero--with-banner .banner.banner--right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row nowrap
    }
}

@media (min-width: 1201px) {
    .hero.hero--with-banner .banner.banner--left .banner-content, .hero.hero--with-banner .banner.banner--right .banner-content {
        align-self: flex-start;
        height: 100%;
        min-width: 400px;
        padding: 0 40px 0 24px;
        width: 400px
    }
}

.hero.hero--with-banner .banner.banner--left .banner-content > .tds-flex, .hero.hero--with-banner .banner.banner--right .banner-content > .tds-flex {
    width: 100%
}

@media (min-width: 1201px) {
    .hero.hero--with-banner .banner.banner--left .banner-content > .tds-flex, .hero.hero--with-banner .banner.banner--right .banner-content > .tds-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column nowrap;
        height: 100%
    }
}

@media (min-width: 1201px) {
    .hero.hero--with-banner .banner.banner--left .banner-content > .tds-flex .tds-flex-item, .hero.hero--with-banner .banner.banner--right .banner-content > .tds-flex .tds-flex-item {
        -webkit-box-flex: 1;
        flex: 1;
        padding: 16px 0 0
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    > .tds-flex .tds-flex-item .hero.hero--with-banner .banner.banner--left .banner-content:first-child, > .tds-flex .tds-flex-item .hero.hero--with-banner .banner.banner--right .banner-content:first-child {
        padding: 0
    }
}

@media (max-width: 1200px) {
    .hero.hero--with-banner .banner.banner--left .banner-content > .tds-flex .tds-flex-item .banner-buttons:not(.banner-buttons--preferred), .hero.hero--with-banner .banner.banner--right .banner-content > .tds-flex .tds-flex-item .banner-buttons:not(.banner-buttons--preferred) {
        display: none
    }
}

@media (min-width: 1201px) {
    .hero.hero--with-banner .banner.banner--left .banner-content > .tds-flex .tds-flex-item:first-of-type, .hero.hero--with-banner .banner.banner--right .banner-content > .tds-flex .tds-flex-item:first-of-type {
        -webkit-box-flex: 0;
        flex: 0 1 auto;
        width: 100%
    }
}

.hero.hero--with-banner .banner.banner--left .banner-content > .tds-flex .tds-flex-item:first-of-type .banner-buttons, .hero.hero--with-banner .banner.banner--right .banner-content > .tds-flex .tds-flex-item:first-of-type .banner-buttons {
    display: none
}

@media (max-width: 1200px) {
    .hero.hero--with-banner .banner.banner--left .banner-content > .tds-flex .tds-flex-item:first-of-type .banner-buttons, .hero.hero--with-banner .banner.banner--right .banner-content > .tds-flex .tds-flex-item:first-of-type .banner-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 1201px) {
    .hero.hero--with-banner .banner.banner--left .banner-content header, .hero.hero--with-banner .banner.banner--right .banner-content header {
        margin-top: 34px
    }
}

@media (max-width: 1200px) {
    .hero.hero--with-banner .banner.banner--left .banner-content .banner-copy, .hero.hero--with-banner .banner.banner--right .banner-content .banner-copy {
        margin: 0
    }
}

@media (min-width: 1201px) {
    .hero.hero--with-banner .banner.banner--left .banner-content .banner-buttons, .hero.hero--with-banner .banner.banner--right .banner-content .banner-buttons {
        bottom: 50px;
        position: absolute
    }
}

@media (min-width: 975px) {
    .hero.hero--with-banner .banner.banner--left .hero-callouts--wide, .hero.hero--with-banner .banner.banner--right .hero-callouts--wide {
        width: 790px
    }
}

@media (min-width: 1024px) {
    .hero.hero--with-banner .banner.banner--left .hero-callouts--wide, .hero.hero--with-banner .banner.banner--right .hero-callouts--wide {
        width: 920px
    }
}

@media (min-width: 1201px) {
    .hero.hero--with-banner .banner.banner--left .hero-callouts--wide, .hero.hero--with-banner .banner.banner--right .hero-callouts--wide {
        width: 820px
    }
}

.hero.hero--with-banner.hero--with-callouts .hero-callouts {
    margin: 6vh auto 72px;
    padding-left: 30px;
    padding-left: var(--tds-content-container-gutter, 30px);
    padding-right: 30px;
    padding-right: var(--tds-content-container-gutter, 30px)
}

@media (max-width: 974px) {
    .hero.hero--with-banner.hero--with-callouts .hero-callouts {
        width: 100vw
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero.hero--with-banner.hero--with-callouts .hero-callouts {
        margin-bottom: 42px;
        padding-left: 0;
        padding-right: 0;
        width: 600px
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-banner.hero--with-callouts .hero-callouts {
        margin-bottom: 0;
        margin-top: calc(80px - 3vh);
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-banner.hero--with-callouts .hero-callouts {
        margin-top: 24px
    }
}

@media (max-width: 639px) {
    .hero.hero--with-banner.hero--with-callouts .hero-callouts {
        width: 100%
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero.hero--with-banner.hero--with-callouts .hero-callouts .callout {
        min-height: 60px
    }
}

.hero.hero--with-banner.hero--with-callouts .hero-callouts .callout:first-child {
    padding-left: 0
}

.hero.hero--with-banner.hero--with-callouts .hero-callouts .callout:last-child {
    padding-right: 0
}

.hero.hero--with-banner.hero--with-callouts .hero-callouts .callout--divider-line.cmp-animate--to_reveal, .hero.hero--with-banner.hero--with-callouts .hero-callouts .callout.cmp-animate--to_reveal {
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0)
}

.hero.hero--with-banner.hero--with-callouts .hero-callouts .callout--divider-line.cmp-animate--to_reveal.cmp-animate--revealed, .hero.hero--with-banner.hero--with-callouts .hero-callouts .callout.cmp-animate--to_reveal.cmp-animate--revealed {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-property: all;
    -webkit-transition-property: var(--cmp-banner-transition-property);
    transition-property: all;
    transition-property: var(--cmp-banner-transition-property)
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-banner.hero--with-callouts .hero-callouts .callout--divider-line.cmp-animate--to_reveal, .hero.hero--with-banner.hero--with-callouts .hero-callouts .callout.cmp-animate--to_reveal {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero.hero--with-banner.hero--with-callouts .hero-region--left .hero-callouts, .hero.hero--with-banner.hero--with-callouts .hero-region--right .hero-callouts {
        margin: 25px auto 36px
    }

    .hero--long_copy.hero.hero--with-banner.hero--with-callouts .hero-region--left .hero-callouts, .hero--long_copy.hero.hero--with-banner.hero--with-callouts .hero-region--right .hero-callouts {
        margin-bottom: 32px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .hero.hero--with-banner.hero--with-callouts .hero-region--center-bottom .hero-callouts {
        margin-bottom: 30px
    }
}

.showcase-screen--with-drawer .hero.hero--with-banner .banner-content .banner-buttons .banner-button--learn-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hero.hero--with-callouts .hero-region--left .hero-callouts, .hero.hero--with-callouts .hero-region--right .hero-callouts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    margin: 25px 0;
    padding: 0
}

@media (min-width: 1201px) {
    .hero.hero--with-callouts .hero-region--left .hero-callouts.hero-callouts--narrow, .hero.hero--with-callouts .hero-region--right .hero-callouts.hero-callouts--narrow {
        width: 270px
    }
}

@media (max-width: 1200px) {
    .hero.hero--with-callouts .hero-region--left .hero-callouts.hero-callouts--narrow, .hero.hero--with-callouts .hero-region--right .hero-callouts.hero-callouts--narrow {
        width: 270px
    }
}

@media (max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero.hero--with-callouts .hero-region--left .hero-callouts.hero-callouts--narrow, .hero.hero--with-callouts .hero-region--right .hero-callouts.hero-callouts--narrow {
        width: 600px
    }
}

@media (max-width: 639px) {
    .hero.hero--with-callouts .hero-region--left .hero-callouts.hero-callouts--narrow, .hero.hero--with-callouts .hero-region--right .hero-callouts.hero-callouts--narrow {
        width: 100%
    }
}

@media (min-width: 1201px) {
    .hero.hero--with-callouts .hero-region--left .hero-callouts.hero-callouts--medium, .hero.hero--with-callouts .hero-region--left .hero-callouts.hero-callouts--wide, .hero.hero--with-callouts .hero-region--right .hero-callouts.hero-callouts--medium, .hero.hero--with-callouts .hero-region--right .hero-callouts.hero-callouts--wide {
        width: 320px
    }
}

@media (max-width: 1200px) {
    .hero.hero--with-callouts .hero-region--left .hero-callouts.hero-callouts--medium, .hero.hero--with-callouts .hero-region--left .hero-callouts.hero-callouts--wide, .hero.hero--with-callouts .hero-region--right .hero-callouts.hero-callouts--medium, .hero.hero--with-callouts .hero-region--right .hero-callouts.hero-callouts--wide {
        width: 320px
    }
}

@media (max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero.hero--with-callouts .hero-region--left .hero-callouts.hero-callouts--medium, .hero.hero--with-callouts .hero-region--left .hero-callouts.hero-callouts--wide, .hero.hero--with-callouts .hero-region--right .hero-callouts.hero-callouts--medium, .hero.hero--with-callouts .hero-region--right .hero-callouts.hero-callouts--wide {
        width: 600px
    }
}

@media (max-width: 639px) {
    .hero.hero--with-callouts .hero-region--left .hero-callouts.hero-callouts--medium, .hero.hero--with-callouts .hero-region--left .hero-callouts.hero-callouts--wide, .hero.hero--with-callouts .hero-region--right .hero-callouts.hero-callouts--medium, .hero.hero--with-callouts .hero-region--right .hero-callouts.hero-callouts--wide {
        width: 100%
    }
}

.hero.hero--with-callouts .hero-region--left .hero-callouts .callout, .hero.hero--with-callouts .hero-region--right .hero-callouts .callout {
    padding: 40px 0;
    position: relative;
    width: 100%
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero.hero--with-callouts .hero-region--left .hero-callouts .callout, .hero.hero--with-callouts .hero-region--right .hero-callouts .callout {
        padding: 0;
        width: 100%;
        width: var(--callouts-width)
    }
}

@media (max-width: 639px) and (orientation: portrait) {
    .hero.hero--with-callouts .hero-region--left .hero-callouts .callout, .hero.hero--with-callouts .hero-region--right .hero-callouts .callout {
        width: 33%;
        width: var(--mobile-callouts-width)
    }
}

.hero.hero--with-callouts .hero-region--left .hero-callouts .callout--divider:after, .hero.hero--with-callouts .hero-region--right .hero-callouts .callout--divider:after {
    content: ""
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero.hero--with-callouts .hero-region--left .hero-callouts, .hero.hero--with-callouts .hero-region--right .hero-callouts {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap;
        margin: 20px auto 0;
        width: 100%
    }

    .hero.hero--with-callouts .hero-region--left .hero-callouts .callout--divider:after, .hero.hero--with-callouts .hero-region--right .hero-callouts .callout--divider:after {
        content: normal
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-callouts .hero-region--left .hero-callouts, .hero.hero--with-callouts .hero-region--right .hero-callouts {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row nowrap
    }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero.hero--with-callouts .hero-region--left .hero-callouts, .hero.hero--with-callouts .hero-region--right .hero-callouts {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row nowrap
    }
}

.hero.hero--with-callouts .hero-region--right .hero-callouts {
    margin-left: auto;
    margin-right: 35px
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero.hero--with-callouts .hero-region--right .hero-callouts {
        margin-right: auto
    }
}

.hero.hero--with-callouts .hero-region--right .hero-callouts .callout--right {
    margin-right: 150px
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero.hero--with-callouts .hero-region--right .hero-callouts .callout--right {
        margin-right: 0
    }
}

.hero.hero--with-callouts .hero-region--right .hero-callouts .callout--left, .hero.hero--with-callouts .hero-region--right .hero-callouts .callout--right {
    width: 100%
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero.hero--with-callouts .hero-region--right .hero-callouts .callout--left, .hero.hero--with-callouts .hero-region--right .hero-callouts .callout--right {
        width: 100%;
        width: var(--callouts-width)
    }
}

@media (max-width: 639px) and (orientation: portrait) {
    .hero.hero--with-callouts .hero-region--right .hero-callouts .callout--left, .hero.hero--with-callouts .hero-region--right .hero-callouts .callout--right {
        width: 33%;
        width: var(--mobile-callouts-width)
    }
}

.hero.hero--with-callouts .hero-region--left .hero-callouts .callout--left {
    margin-left: 150px
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero.hero--with-callouts .hero-region--left .hero-callouts .callout--left {
        margin-left: 0
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .hero.hero--with-callouts .hero-region--left .hero-callouts .callout--left {
        margin-left: 90px
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    .hero.hero--with-callouts .hero-region--left .hero-callouts .callout--left {
        margin-left: 0
    }
}

.hero.hero--with-callouts .hero-region--center .hero-callouts .callout--center .callout-container {
    -ms-grid-row-align: center;
    align-self: center;
    margin: 0 auto auto
}

.hero.hero--with-callouts .hero-region--center-bottom .hero-callouts .callout-title--asset.callout-title--asset-image_with_label, .hero.hero--with-callouts .hero-region--center-top .hero-callouts .callout-title--asset.callout-title--asset-image_with_label {
    margin-bottom: 0
}

[id=page-model-3] .hero .hero-copy {
    width: 310px
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    [id=page-model-3] .hero .hero--with-callouts.hero-callouts.hero-callouts--with-button .callout--medium:first-child, [id=page-model-3] .hero .hero--with-callouts.hero-callouts.hero-callouts--with-button .callout--narrow:first-child {
        padding-left: 10px
    }
}

[id=page-model-3] .hero .hero--with-callouts.hero-callouts.hero-callouts--with-button .hero-callouts--button {
    padding-right: 0
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    [id=page-model-3] .hero .hero--with-callouts.hero-callouts.hero-callouts--with-button .hero-callouts--button .tds-btn--outline {
        background-color: #f4f4f4;
        background-color: var(--tds-color--grey70);
        color: #171a20;
        color: var(--tds-color--grey10)
    }

    [id=page-model-3] .hero .hero--with-callouts.hero-callouts.hero-callouts--with-button .hero-callouts--button .tds-btn--outline:active, [id=page-model-3] .hero .hero--with-callouts.hero-callouts.hero-callouts--with-button .hero-callouts--button .tds-btn--outline:focus, [id=page-model-3] .hero .hero--with-callouts.hero-callouts.hero-callouts--with-button .hero-callouts--button .tds-btn--outline:hover {
        color: #fff;
        color: var(--tds-color--white);
        background-color: transparent;
        border-color: #fff;
        border-color: var(--tds-color--white)
    }
}

@media (max-width: 639px) and (orientation: portrait) {
    [id=page-model-3] .hero .hero-copy {
        width: 310px;
        left: 50%;
        margin-left: -155px
    }
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    [id=page-model-3] .not-ie-11 {
        display: none
    }

    [id=page-model-3] .hero .hero-callouts > span {
        width: 800px !important
    }
}

.cmp-button-group .tds-btn {
    left: 0
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .cmp-button-group .tds-btn {
        padding: 10px 0
    }
}

.cmp-button-group .cmp-btn_group--center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.cmp-button-group .cmp-btn_group--right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.cmp-button-group .tds-btn_group--stacked.cmp-btn_group--stacked_center {
    -webkit-box-align: center;
    align-items: center
}

.cmp-button-group .tds-btn_group--stacked.cmp-btn_group--stacked_right {
    -webkit-box-align: end;
    align-items: flex-end
}

:root {
    --asset-order: -1;
    --callouts-width: 100%;
    --mobile-callouts-width: 33%;
    --cmp-callout-item: 1;
    --cmp-callouts-transition-delay: .2s;
    --cmp-speedometer-duration: 1.733s;
    --cmp-speedometer-time-increment: 0;
    --cmp-speedometer-transition-property: transform;
    --cmp-speedometer-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    --cmp-speedometer-numbers-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    --cmp-speedometer-numbers-height-desktop: 390px;
    --cmp-speedometer-numbers-height-mobile: 310px;
    --cmp-speedometer-number-offset-desktop: -39px;
    --cmp-speedometer-number-offset-mobile: -31px;
    --cmp-transition-duration--short: .5s;
    --cmp-transition-property: opacity;
    --cmp-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    --cmp-speedometer-integer-translation: 0%;
    --cmp-speedometer-fractional-translation: 0%
}

.hero-callouts {
    align-content: center;
    -webkit-box-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    margin: 25px auto;
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 640px) {
    .hero-callouts.hero-callouts--narrow {
        width: 640px
    }
}

@media (min-width: 840px) {
    .hero-callouts.hero-callouts--medium {
        width: 840px
    }
}

@media (min-width: 1800px) {
    .hero-callouts.hero-callouts--wide {
        width: 1200px
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero-callouts {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap;
        margin-bottom: 20px;
        margin-top: 20px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    .hero-callouts {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row nowrap
    }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero-callouts {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row nowrap
    }
}

.hero-callouts .callout--divider-line {
    border-left: 1px solid #000;
    border-left: 1px solid var(--tds-color--black)
}

.hero-callouts .callout--divider-line.cmp-animate--to_reveal {
    opacity: 0
}

.hero-callouts .callout--divider-line.cmp-animate--to_reveal.cmp-animate--revealed {
    opacity: 1;
    -webkit-transition: opacity .5s cubic-bezier(.23, 1, .32, 1);
    -webkit-transition: var(--cmp-transition-property) var(--cmp-transition-duration--short) var(--cmp-transition-timing-function);
    transition: opacity .5s cubic-bezier(.23, 1, .32, 1);
    transition: var(--cmp-transition-property) var(--cmp-transition-duration--short) var(--cmp-transition-timing-function)
}

.hero-callouts .callout--divider:after {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    content: normal;
    height: 1px;
    position: absolute;
    width: 60px
}

.hero-callouts .callout {
    -webkit-box-align: center;
    align-items: center;
    align-self: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    padding: 0 20px;
    position: relative;
    width: 33%;
    width: var(--callout-width)
}

.hero-callouts .callout.callout--left, .hero-callouts .callout.callout--right {
    padding: 0 20px
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero-callouts .callout.callout--center, .hero-callouts .callout.callout--left, .hero-callouts .callout.callout--right {
        padding: 0 10px
    }
}

.hero-callouts .callout .callout-container {
    width: 100%
}

.hero-callouts .callout.cmp-animate--to_reveal {
    opacity: 0
}

.hero-callouts .callout.cmp-animate--to_reveal.cmp-animate--revealed {
    opacity: 1;
    -webkit-transition: opacity .5s cubic-bezier(.23, 1, .32, 1);
    -webkit-transition: var(--cmp-transition-property) var(--cmp-transition-duration--short) var(--cmp-transition-timing-function);
    transition: opacity .5s cubic-bezier(.23, 1, .32, 1);
    transition: var(--cmp-transition-property) var(--cmp-transition-duration--short) var(--cmp-transition-timing-function)
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero-callouts .callout {
        pointer-events: auto;
        position: relative
    }

    .hero-callouts .callout[data-modal-open] {
        cursor: pointer
    }
}

@media (max-width: 639px) {
    .hero-callouts .callout {
        width: 33%;
        width: var(--mobile-callouts-width)
    }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero-callouts .callout {
        width: 100%
    }
}

.hero-callouts .callout-title {
    align-content: stretch;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    min-height: 48px;
    white-space: nowrap
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero-callouts .callout-title {
        min-height: 40px
    }
}

.hero-callouts .callout-title .callout-title--text {
    -webkit-box-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hero-callouts .callout-title .callout-title--text > span {
    display: inline;
    padding: 0
}

.hero-callouts .callout-title .callout-title--text > span.callout-title--micro.callout-title--micro-with-space {
    padding-left: 3px
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero-callouts .callout-title .callout-title--text > span.callout-title--micro.callout-title--micro-with-space {
        padding-left: 2.5px
    }
}

.hero-callouts .callout-title .callout-title--micro {
    color: #000;
    color: var(--tds-color--black)
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero-callouts .callout-title .callout-title--micro {
        margin-bottom: 2px
    }
}

.hero-callouts .callout-title .callout-title--asset {
    -webkit-box-ordinal-group: 1;
    order: 0;
    -webkit-box-ordinal-group: -1;
    -webkit-box-ordinal-group: var(--asset-order);
    -webkit-box-ordinal-group: 0;
    order: -1;
    order: var(--asset-order);
    padding: 0 5px
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero-callouts .callout-title .callout-title--asset {
        padding: 0
    }
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .hero-callouts .callout-title .callout-title--asset {
        -webkit-box-ordinal-group: 1;
        order: 0
    }
}

.hero-callouts .callout-title .callout-title--asset.callout-title--asset-image_with_label.callout-title--asset-desktop {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero-callouts .callout-title .callout-title--asset.callout-title--asset-image_with_label.callout-title--asset-desktop {
        display: none
    }
}

.hero-callouts .callout-title .callout-title--asset.callout-title--asset-image_with_label {
    margin-bottom: 8px
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero-callouts .callout-title .callout-title--asset.callout-title--asset-image_with_label {
        margin-bottom: 0
    }
}

.hero-callouts .callout-title .callout-title--asset.callout-title--asset-image_with_label .callout-title--asset-image-label {
    -webkit-box-flex: 1;
    flex: 1;
    padding: 0 5px;
    text-align: left
}

.hero-callouts .callout-title .callout-title--asset-image {
    display: block;
    height: 40px;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: text-bottom;
    width: auto
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .hero-callouts .callout-title .callout-title--asset-image {
        background-position-x: 0 !important;
        background-size: contain !important;
        -webkit-box-flex: .2;
        flex: .2;
        width: 40px
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero-callouts .callout-title .callout-title--asset-image {
        -webkit-transform: scale(.82);
        transform: scale(.82)
    }
}

.hero-callouts .callout-title .callout-rich-ui--star {
    font-size: larger
}

.hero-callouts .callout-title .callout-rich-ui--speedometer {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    white-space: nowrap
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero-callouts .callout-title .callout-rich-ui--speedometer {
        height: 20px
    }
}

.hero-callouts .callout-title .callout-rich-ui--speedometer .speedometer {
    -webkit-box-align: end;
    align-items: flex-end;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NSIgaGVpZ2h0PSI1MSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOTQuOTkyIDQ4LjExNGE0Ny4wNTEgNDcuMDUxIDAgMDAtMTIuMTU3LTMxLjU3OGwtMS42ODItMS44NzJDNjIuNzA5LTMuODg5IDMyLjY4LTQuMDEyIDE0LjA4NSAxNC4zOUE0Ny4yNTUgNDcuMjU1IDAgMDAuMDU3IDQ4LjE5N3YyLjc5Nmg5LjI3MXYtMi43OTZoLTMuNjRBNDEuNTEyIDQxLjUxMiAwIDAxMTYuMzYgMjAuNDIxbDIuODAzIDIuNTQyIDEuODQ3LTIuMDk2LTIuODAxLTIuNDg4QTQxLjcwMiA0MS43MDIgMCAwMTQ2LjIyMiA2LjQ3NXY1LjMzN2gyLjgwMlY2LjM2M2E0MS43NDYgNDEuNzQ2IDAgMDEyOC4wMTEgMTEuOTg5bC0yLjc5OSAyLjM3NSAxLjg0NyAyLjA5NiAyLjgwMS0yLjQzYTQxLjQ5OCA0MS40OTggMCAwMTEwLjU5IDI3LjY2NmgtMy43NTV2Mi43OTRoOS4yNzN2LTIuNzM5eiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    height: 27px;
    margin-right: 2.5px;
    position: relative;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    width: 44px
}

@media (max-width: 639px) {
    .hero-callouts .callout-title .callout-rich-ui--speedometer .speedometer {
        bottom: 0;
        margin-left: -5px;
        margin-right: 0;
        -webkit-transform: scale(.74);
        transform: scale(.74)
    }
}

.hero-callouts .callout-title .callout-rich-ui--speedometer .speedometer .speedometer-circle {
    bottom: 3.5px;
    height: 15.5px;
    left: 7px;
    overflow: hidden;
    position: absolute;
    width: 30px
}

.hero-callouts .callout-title .callout-rich-ui--speedometer .speedometer .speedometer-circle-inner {
    background-image: url("../fonts/d4ef96a1c17345ef9a9b18dd773711a4.woff");
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: 0;
    height: 15.5px;
    left: 0;
    position: absolute;
    width: 30px
}

.hero-callouts .callout-title .callout-rich-ui--speedometer .speedometer .speedometer-circle-inner.cmp-animate--to_reveal {
    -webkit-transform: translateZ(0) rotate(-180deg);
    transform: translateZ(0) rotate(-180deg);
    -webkit-transform-origin: 50% 95% 0;
    transform-origin: 50% 95% 0;
    -webkit-transition: transform 1.733s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition: var(--cmp-speedometer-transition-property) var(--cmp-speedometer-duration) var(--cmp-speedometer-transition-timing-function);
    -webkit-transition: -webkit-transform 1.733s cubic-bezier(.77, 0, .175, 1);
    transition: -webkit-transform 1.733s cubic-bezier(.77, 0, .175, 1);
    transition: transform 1.733s cubic-bezier(.77, 0, .175, 1), -webkit-transform 1.733s cubic-bezier(.77, 0, .175, 1);
    transition: transform 1.733s cubic-bezier(.77, 0, .175, 1);
    transition: var(--cmp-speedometer-transition-property) var(--cmp-speedometer-duration) var(--cmp-speedometer-transition-timing-function)
}

.hero-callouts .callout-title .callout-rich-ui--speedometer .speedometer .speedometer-circle-inner.cmp-animate--to_reveal.cmp-animate--revealed {
    -webkit-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0)
}

.hero-callouts .callout-title .callout-rich-ui--speedometer .speedometer .speedometer-needle {
    background-image: url("../fonts/b3f6daf15c254c87abdd8c93aa0f5d62.woff");
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: 2px;
    height: 17px;
    left: 20px;
    position: absolute;
    width: 4.5px
}

.hero-callouts .callout-title .callout-rich-ui--speedometer .speedometer .speedometer-needle.cmp-animate--to_reveal {
    -webkit-transform: translateZ(0) rotate(-90deg);
    transform: translateZ(0) rotate(-90deg);
    -webkit-transform-origin: 50% 15px 0;
    transform-origin: 50% 15px 0;
    -webkit-transition: transform 1.733s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition: var(--cmp-speedometer-transition-property) var(--cmp-speedometer-duration) var(--cmp-speedometer-transition-timing-function);
    -webkit-transition: -webkit-transform 1.733s cubic-bezier(.77, 0, .175, 1);
    transition: -webkit-transform 1.733s cubic-bezier(.77, 0, .175, 1);
    transition: transform 1.733s cubic-bezier(.77, 0, .175, 1), -webkit-transform 1.733s cubic-bezier(.77, 0, .175, 1);
    transition: transform 1.733s cubic-bezier(.77, 0, .175, 1);
    transition: var(--cmp-speedometer-transition-property) var(--cmp-speedometer-duration) var(--cmp-speedometer-transition-timing-function)
}

.hero-callouts .callout-title .callout-rich-ui--speedometer .speedometer .speedometer-needle.cmp-animate--to_reveal.cmp-animate--revealed {
    -webkit-transform: translateZ(0) rotate(90deg);
    transform: translateZ(0) rotate(90deg)
}

.hero-callouts .callout-title .callout-rich-ui--speedometer .number-digits, .hero-callouts .callout-title .callout-rich-ui--speedometer .numbers {
    -webkit-box-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    overflow: hidden
}

.hero-callouts .callout-title .callout-rich-ui--speedometer .number-digits span, .hero-callouts .callout-title .callout-rich-ui--speedometer .numbers span {
    padding-top: 0
}

.hero-callouts .callout-title .callout-rich-ui--speedometer .numbers .number {
    display: inline-block;
    height: 36px;
    height: var(--tds-line_height--large);
    overflow: hidden
}

@media (max-width: 639px) {
    .hero-callouts .callout-title .callout-rich-ui--speedometer .numbers .number {
        height: 32px
    }
}

.hero-callouts .callout-title .callout-rich-ui--speedometer .numbers .number .number-inner {
    color: #222;
    color: var(--tds-text-headline_color, #222);
    display: block
}

@media (max-width: 639px) {
    .hero-callouts .callout-title .callout-rich-ui--speedometer .numbers .number .number-inner {
        width: 16px
    }
}

.hero-callouts .callout-title .callout-rich-ui--speedometer .numbers .number .number-inner.cmp-animate--to_reveal {
    -webkit-transition: transform 1.733s cubic-bezier(1, 0, 0, 1);
    -webkit-transition: var(--cmp-speedometer-transition-property) var(--cmp-speedometer-duration) var(--cmp-speedometer-numbers-transition-timing-function);
    -webkit-transition: -webkit-transform 1.733s cubic-bezier(1, 0, 0, 1);
    transition: -webkit-transform 1.733s cubic-bezier(1, 0, 0, 1);
    transition: transform 1.733s cubic-bezier(1, 0, 0, 1), -webkit-transform 1.733s cubic-bezier(1, 0, 0, 1);
    transition: transform 1.733s cubic-bezier(1, 0, 0, 1);
    transition: var(--cmp-speedometer-transition-property) var(--cmp-speedometer-duration) var(--cmp-speedometer-numbers-transition-timing-function)
}

.hero-callouts .callout-title .callout-rich-ui--speedometer .numbers .number .number-inner.cmp-animate--to_reveal.cmp-animate--revealed {
    -webkit-transform: translateY(0) translateZ(0);
    -webkit-transform: translateY(var(--cmp-speedometer-integer-translation)) translateZ(0);
    transform: translateY(0) translateZ(0);
    transform: translateY(var(--cmp-speedometer-integer-translation)) translateZ(0)
}

.hero-callouts .callout-title .callout-rich-ui--speedometer .numbers .number .number-inner.number-inner--fractional.cmp-animate--to_reveal.cmp-animate--revealed {
    -webkit-transform: translateY(0) translateZ(0);
    -webkit-transform: translateY(var(--cmp-speedometer-fractional-translation)) translateZ(0);
    transform: translateY(0) translateZ(0);
    transform: translateY(var(--cmp-speedometer-fractional-translation)) translateZ(0)
}

.hero-callouts .callout-title .ie-11 {
    display: none
}

.hero-callouts .callout--center {
    text-align: center
}

.hero-callouts .callout--center .callout-title {
    -webkit-box-pack: center;
    justify-content: center
}

.hero-callouts .callout--center.callout--divider:after {
    left: calc(50% - 30px)
}

.hero-callouts .callout--left {
    align-self: flex-start;
    text-align: left
}

.hero-callouts .callout--left .callout-title {
    -webkit-box-pack: start;
    justify-content: flex-start
}

.hero-callouts .callout--left .callout-title .callout-title--asset {
    padding-left: 0
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .hero-callouts .callout--left .callout-title .callout-title--asset {
        -webkit-box-flex: .25;
        flex: .25
    }
}

.hero-callouts .callout--left.callout--divider:after {
    left: 0
}

.hero-callouts .callout--right {
    align-self: flex-end;
    text-align: right
}

.hero-callouts .callout--right .callout-title {
    -webkit-box-pack: end;
    justify-content: flex-end
}

.hero-callouts .callout--right .callout-title .callout-title--asset {
    padding-right: 0
}

.hero-callouts .callout--right.callout--divider:after {
    right: 0
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero-callouts .callout--left, .hero-callouts .callout--right {
        -ms-grid-row-align: center;
        align-self: center;
        text-align: center
    }

    .hero-callouts .callout--left .callout-title, .hero-callouts .callout--right .callout-title {
        -webkit-box-pack: center;
        justify-content: center
    }

    .hero-callouts .callout--left .callout-title .callout-title--asset, .hero-callouts .callout--right .callout-title .callout-title--asset {
        padding-left: 0
    }
}

.hero-callouts .callout-description {
    margin: 0;
    padding: 0
}

.hero-callouts .callout-description--desktop {
    display: block
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero-callouts .callout-description--desktop {
        display: none
    }
}

.hero-callouts .callout-description--mobile {
    display: none
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero-callouts .callout-description--mobile {
        display: block
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .hero-callouts .callout-description--mobile {
        min-height: 32px
    }
}

.hero-callouts .callout-title--asset-desktop {
    display: block
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero-callouts .callout-title--asset-desktop {
        display: none
    }
}

.hero-callouts .callout-title--asset-mobile {
    display: none
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero-callouts .callout-title--asset-mobile {
        display: block
    }
}

.hero-callouts .hero-callouts--button {
    -ms-grid-row-align: center;
    align-self: center;
    width: var(--callout-width)
}

.hero-callouts .hero-callouts--button.cmp-animate--to_reveal {
    opacity: 0
}

.hero-callouts .hero-callouts--button.cmp-animate--to_reveal.cmp-animate--revealed {
    opacity: 1;
    -webkit-transition: opacity .5s cubic-bezier(.23, 1, .32, 1);
    -webkit-transition: var(--cmp-transition-property) var(--cmp-transition-duration--short) var(--cmp-transition-timing-function);
    transition: opacity .5s cubic-bezier(.23, 1, .32, 1);
    transition: var(--cmp-transition-property) var(--cmp-transition-duration--short) var(--cmp-transition-timing-function)
}

.hero-callouts .hero-callouts--button .tds-btn {
    left: 0;
    margin: 0;
    min-width: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    white-space: nowrap;
    width: 100%
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero-callouts .hero-callouts--button .tds-btn {
        margin: 20px 0 15px;
        width: 100%
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    .hero-callouts .hero-callouts--button .tds-btn {
        margin: 0
    }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .hero-callouts .hero-callouts--button .tds-btn {
        margin: 0
    }
}

@media (max-width: 639px) {
    .hero-callouts .hero-callouts--button {
        width: 100%
    }
}

.hero-callouts.hero-callouts--white .callout-description, .hero-callouts.hero-callouts--white .callout-rich-ui--star, .hero-callouts.hero-callouts--white .callout-title--micro, .hero-callouts.hero-callouts--white .callout-title--text > span, .hero-callouts.hero-callouts--white .number-separator {
    color: #fff;
    color: var(--tds-color--white)
}

.hero-callouts.hero-callouts--white .callout--divider-line {
    border-left: 1px solid #fff;
    border-left: 1px solid var(--tds-color--white)
}

.hero-callouts.hero-callouts--white .callout--divider:after {
    background-color: #fff;
    background-color: var(--tds-color--white)
}

.hero-callouts.hero-callouts--white .callout-title .speedometer {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.hero-callouts.hero-callouts--white .callout-title .numbers .number .number-inner {
    color: #fff;
    color: var(--tds-color--white)
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .hero-callouts .not-ie-11 {
        display: none !important
    }

    .hero-callouts .callout-title .ie-11 {
        display: block !important
    }
}

:root {
    --cmp-carousel-large-screen: 840px;
    --mktg-carousel-item-border_color: var(--tds-color--grey20);
    --mktg-carousel-item-border_style: solid;
    --mktg-carousel-item-border_width: 3px;
    --mktg-carousel-item-dot_border: 2px;
    --mktg-carousel-item-dot_size: 8px;
    --mktg-carousel-spacing: 24px;
    --mktg-carousel-item-margin_left: var(--mktg-carousel-spacing);
    --mktg-carousel-item_width--large_screen: 186px;
    --mktg-carousel-item_width--small_screen: 152px;
    --mktg-carousel-transition_duration: 500ms;
    --mktg-carousel-transition_function: ease;
    --mktg-carousel-transition_property: all;
    --mktg-carousel_width: 1260px
}

.mktg-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    margin: 0 auto;
    max-width: 1260px;
    max-width: var(--mktg-carousel_width);
    position: relative
}

.mktg-carousel, .mktg-carousel--navigation_bottom {
    -webkit-box-pack: center;
    justify-content: center
}

@media (min-width: 840px) {
    .mktg-carousel--navigation_bottom .mktg-carousel-items, .mktg-carousel--navigation_bottom .mktg-carousel-navigation {
        width: 100%
    }
}

.mktg-carousel-arrow--previous {
    background-color: hsla(0, 0%, 100%, .25);
    left: 20px;
    z-index: 5
}

.mktg-carousel-arrow--next {
    background-color: hsla(0, 0%, 100%, .25);
    right: 20px;
    z-index: 5
}

.mktg-carousel-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 16px;
    max-width: 395px;
    -webkit-box-ordinal-group: 2;
    order: 1;
    padding-left: 24px;
    padding-left: var(--mktg-carousel-spacing);
    padding-right: 24px;
    padding-right: var(--mktg-carousel-spacing);
    width: 100%
}

.mktg-carousel--navigation_bottom .mktg-carousel-header {
    max-width: none;
    min-width: 550px;
    -webkit-box-ordinal-group: 2;
    order: 1;
    padding-left: 32px;
    padding-right: 32px
}

@media (max-width: 839px) {
    .mktg-carousel--navigation_bottom .mktg-carousel-header {
        min-width: 0;
        padding-left: 32px;
        padding-right: 32px;
        width: 550px
    }
}

@media (min-width: 420px) {
    .mktg-carousel--navigation_bottom .mktg-carousel-header {
        min-width: 0;
        padding-left: 0;
        padding-right: 0;
        width: 420px
    }
}

@media (min-width: 840px) {
    .mktg-carousel--navigation_bottom .mktg-carousel-header {
        min-width: 0;
        min-width: 840px;
        min-width: var(--cmp-carousel-large-screen);
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 419px) {
    .mktg-carousel--navigation_bottom .mktg-carousel-header {
        min-width: 0;
        padding-left: 32px;
        padding-right: 32px;
        width: 100%
    }
}

@media (min-width: 840px) {
    .mktg-carousel-header {
        -webkit-box-ordinal-group: initial;
        order: 0;
        padding-right: 40px;
        padding-right: var(--tds-size--5x);
        width: calc(49% - 8px);
        width: calc(49% - var(--tds-size))
    }
}

@media (min-width: 1440px) {
    .mktg-carousel-header {
        padding-left: 0
    }
}

.mktg-carousel-headline {
    color: #393c41;
    color: var(--tds-color--grey20);
    margin-bottom: 0
}

.carousel-copy--desktop, .tds-text--body.carousel-copy--desktop {
    display: block
}

@media (max-width: 839px) {
    .carousel-copy--desktop, .tds-text--body.carousel-copy--desktop {
        display: none
    }
}

.carousel-copy--mobile, .tds-text--body.carousel-copy--mobile {
    display: none
}

@media (max-width: 839px) {
    .carousel-copy--mobile, .tds-text--body.carousel-copy--mobile {
        display: block
    }
}

.mktg_carousel.carousel--arrow-white .mktg-carousel-controls button {
    border-color: #fff;
    border-color: var(--tds-color--white)
}

.mktg_carousel.carousel--arrow-white .mktg-carousel-controls svg {
    fill: #fff;
    fill: var(--tds-color--white)
}

.mktg-carousel-navigation {
    -webkit-box-ordinal-group: 4;
    order: 3;
    overflow-x: visible;
    padding: 24px 0;
    padding: var(--mktg-carousel-spacing) 0;
    position: relative;
    width: 100%
}

@media (min-width: 840px) {
    .mktg-carousel-navigation {
        overflow-x: hidden
    }
}

.mktg-carousel--navigation_bottom .mktg-carousel-navigation {
    margin-bottom: 8px;
    max-width: none;
    -webkit-box-ordinal-group: 4;
    order: 3
}

@media (min-width: 840px) {
    .mktg-carousel--navigation_bottom .mktg-carousel-navigation {
        width: 840px
    }
}

@media (min-width: 840px) {
    .mktg-carousel-navigation.carousel-navigation--shift-right {
        padding-left: 170px
    }

    .mktg-carousel-navigation.carousel-navigation--shift-right .mktg-carousel-item_highlight {
        left: 190px;
        left: calc(var(--mktg-carousel-items_offset, 20px) + 170px)
    }
}

@media (min-width: 923px) {
    .mktg-carousel-navigation {
        max-width: 445px;
        -webkit-box-ordinal-group: 1;
        order: 0;
        padding-right: 0;
        width: auto
    }
}

@media (min-width: 975px) and (max-width: 1319px) {
    .tds-content_container--medium .mktg-carousel-navigation {
        -webkit-box-ordinal-group: 4;
        order: 3
    }
}

@media (min-width: 975px) and (max-width: 1847px) {
    .tds-content_container--small .mktg-carousel-navigation {
        -webkit-box-ordinal-group: 4;
        order: 3
    }
}

.mktg-carousel-navigation button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    text-align: left
}

.mktg-carousel-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    margin-top: 0;
    -ms-overflow-style: none;
    overflow-x: scroll;
    padding: 0;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .5s ease;
    -webkit-transition: -webkit-transform var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease);
    transition: -webkit-transform .5s ease;
    transition: -webkit-transform var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease);
    transition: transform .5s ease;
    transition: transform var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease);
    transition: transform .5s ease, -webkit-transform .5s ease;
    transition: transform var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease), -webkit-transform var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease);
    white-space: nowrap;
    width: 840px
}

@media (min-width: 840px) {
    .mktg-carousel-items {
        width: auto
    }
}

.mktg-carousel-items::-webkit-scrollbar {
    background: transparent;
    height: 0;
    width: 0
}

.mktg-carousel-item_highlight {
    display: none
}

.mktg-carousel-item {
    border: 3px solid transparent;
    border: var(--mktg-carousel-item-border_width) var(--mktg-carousel-item-border_style) transparent;
    color: var(--tds-text-headline_color);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 24px;
    margin-left: var(--mktg-carousel-item-margin_left);
    max-width: 152px;
    max-width: var(--mktg-carousel-item_width--small_screen);
    min-width: 152px;
    min-width: var(--mktg-carousel-item_width--small_screen);
    opacity: .5;
    opacity: var(--tds-opacity--medium);
    padding: 16px;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    white-space: normal;
    width: 152px;
    width: var(--mktg-carousel-item_width--small_screen)
}

@media (min-width: 840px) {
    .mktg-carousel-item {
        max-width: 186px;
        max-width: var(--mktg-carousel-item_width--large_screen);
        min-width: 186px;
        min-width: var(--mktg-carousel-item_width--large_screen);
        width: 186px;
        width: var(--mktg-carousel-item_width--large_screen)
    }
}

.mktg-carousel-item:first-child {
    left: 0;
    margin-left: 0
}

.mktg-carousel-item button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    max-width: 100%;
    width: 100%
}

.mktg-carousel-navigation button:active, .mktg-carousel-navigation button:focus {
    color: #000;
    color: var(--tds-color--black);
    outline: none
}

.mktg-carousel-item--active, .mktg-carousel-item:hover, .mktg-carousel-slide--active, .mktg-carousel-slide.mktg-carousel-slide--active {
    cursor: default;
    opacity: 1 !important;
    opacity: var(--tds-opacity--opaque) !important;
    position: relative;
    -webkit-transition: opacity .5s ease;
    -webkit-transition: opacity var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease);
    transition: opacity .5s ease;
    transition: opacity var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease);
    z-index: 1
}

.mktg-carousel-item-headline, .tds-text--item_headline.mktg-carousel-item-headline, h3.mktg-carousel-item-headline {
    font-size: 14px;
    line-height: 1.25;
    margin-bottom: 16px;
    margin-top: 0;
    overflow-wrap: break-word;
    padding: 0;
    word-break: break-word
}

.mktg-carousel-item-caption {
    font-size: 10px;
    margin-bottom: 0;
    padding: 0
}

@media (min-width: 840px) {
    .mktg-carousel-item-headline, .tds-text--item_headline.mktg-carousel-item-headline, h3.mktg-carousel-item-headline {
        font-size: 18px
    }

    .mktg-carousel-item-caption {
        font-size: 13px
    }
}

.mktg-carousel-side_gradient {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 10px;
    z-index: 2
}

.mktg-carousel-side_gradient--left {
    background: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 100%, 0)), to(var(--tds-color--white)));
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff);
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), var(--tds-color--white));
    left: 0;
    opacity: 0;
    opacity: var(--tds-opacity--transparent)
}

@media (min-width: 640px) {
    .mktg-carousel-side_gradient--left {
        left: calc((100vw - 614px) / 2 * -1)
    }
}

@media (min-width: 840px) {
    .mktg-carousel-side_gradient--left {
        left: 0
    }
}

.mktg-carousel-side_gradient--right {
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(var(--tds-color--white)));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), var(--tds-color--white));
    right: 0
}

@media (min-width: 640px) {
    .mktg-carousel-side_gradient--right {
        right: calc((100vw - 614px) / 2 * -1)
    }
}

@media (min-width: 840px) {
    .mktg-carousel-side_gradient--right {
        right: 0
    }
}

@media (min-width: 768px) {
    .mktg-carousel-side_gradient {
        width: 76px;
        width: calc(var(--mktg-carousel-item_width--small_screen) / 2)
    }
}

@media (min-width: 840px) {
    .mktg-carousel-side_gradient--left {
        margin-left: 0
    }

    .mktg-carousel-side_gradient--right {
        margin-right: 0
    }
}

.mktg-carousel-navigation--box_highlight, .mktg-carousel-navigation--line_highlight {
    touch-action: auto
}

.mktg-carousel-item_highlight, .mktg-carousel-navigation--box_highlight .mktg-carousel-items, .mktg-carousel-navigation--line_highlight .mktg-carousel-items {
    -webkit-transition: -webkit-transform .5s ease;
    -webkit-transition: -webkit-transform var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease);
    transition: -webkit-transform .5s ease;
    transition: -webkit-transform var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease);
    transition: transform .5s ease;
    transition: transform var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease);
    transition: transform .5s ease, -webkit-transform .5s ease;
    transition: transform var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease), -webkit-transform var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease)
}

.mktg-carousel-navigation--box_highlight .mktg-carousel-items, .mktg-carousel-navigation--line_highlight .mktg-carousel-items {
    left: auto;
    overflow: initial;
    padding-left: 0
}

.mktg-carousel-navigation--box_highlight .mktg-carousel-item--active, .mktg-carousel-navigation--line_highlight .mktg-carousel-item--active {
    -webkit-transition: border .5s ease;
    -webkit-transition: border var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease);
    transition: border .5s ease;
    transition: border var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease)
}

.mktg-carousel-navigation--box_highlight .mktg-carousel-item_highlight, .mktg-carousel-navigation--line_highlight .mktg-carousel-item_highlight {
    content: "";
    display: block;
    left: auto;
    position: absolute;
    top: 24px;
    top: var(--mktg-carousel-spacing);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    width: 152px;
    width: var(--mktg-carousel-item_width--small_screen)
}

@media (min-width: 840px) {
    .mktg-carousel-navigation--box_highlight .mktg-carousel-item_highlight, .mktg-carousel-navigation--line_highlight .mktg-carousel-item_highlight {
        width: 186px;
        width: var(--mktg-carousel-item_width--large_screen)
    }
}

.mktg-carousel-navigation--line_highlight .mktg-carousel-item_highlight {
    border-top: 3px solid #393c41;
    border-top: var(--mktg-carousel-item-border_width) var(--mktg-carousel-item-border_style) var(--mktg-carousel-item-border_color);
    height: auto;
    margin-left: 18px;
    overflow: hidden
}

@media (min-width: 840px) {
    .mktg-carousel-navigation--line_highlight .mktg-carousel-item_highlight {
        width: 136px;
        width: calc(var(--mktg-carousel-item_width--large_screen) - 50px)
    }
}

@media (max-width: 839px) {
    .mktg-carousel-navigation--line_highlight .mktg-carousel-item_highlight {
        width: 102px;
        width: calc(var(--mktg-carousel-item_width--small_screen) - 50px)
    }
}

.mktg-carousel.mktg-carousel--navigation_bottom .mktg-carousel-navigation--line_highlight .mktg-carousel-item {
    -webkit-box-flex: 1;
    flex: 1 0 0;
    margin: 0;
    max-width: none;
    min-width: auto;
    width: auto
}

@media (max-width: 639px) {
    .mktg-carousel.mktg-carousel--navigation_bottom .mktg-carousel-navigation--line_highlight .mktg-carousel-item {
        height: auto
    }
}

@media (max-width: 839px) {
    .mktg-carousel.mktg-carousel--navigation_bottom .mktg-carousel-navigation--line_highlight.mktg-carousel-navigation--few-items {
        margin-left: auto;
        margin-right: auto;
        width: 614px
    }
}

@media (max-width: 639px) {
    .mktg-carousel.mktg-carousel--navigation_bottom .mktg-carousel-navigation--line_highlight.mktg-carousel-navigation--few-items {
        width: 100%
    }
}

@media (max-width: 839px) {
    .mktg-carousel.mktg-carousel--navigation_bottom .mktg-carousel-navigation--line_highlight.mktg-carousel-navigation--few-items .mktg-carousel-items {
        width: 614px
    }
}

@media (max-width: 639px) {
    .mktg-carousel.mktg-carousel--navigation_bottom .mktg-carousel-navigation--line_highlight .mktg-carousel-items {
        margin-left: -18px
    }
}

@media (max-width: 639px) {
    .mktg-carousel.mktg-carousel--navigation_bottom .mktg-carousel-navigation--line_highlight .mktg-carousel-item_highlight {
        margin-left: 0
    }
}

@media (min-width: 640px) {
    .mktg-carousel.mktg-carousel--navigation_bottom .mktg-carousel-navigation--line_highlight .mktg-carousel-slides .mktg-carousel-slide {
        -webkit-box-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center
    }
}

.mktg-carousel-navigation--box_highlight .mktg-carousel-item_highlight {
    border: 3px solid #393c41;
    border: var(--mktg-carousel-item-border_width) var(--mktg-carousel-item-border_style) var(--mktg-carousel-item-border_color);
    height: calc(100% - 48px);
    height: calc(100% - var(--tds-size) * 6)
}

@media (min-width: 840px) {
    .mktg-carousel-item_highlight {
        width: 186px;
        width: var(--mktg-carousel-item_width--large_screen)
    }
}

.mktg-carousel-item:before {
    display: none
}

.mktg-carousel-navigation--box_highlight .mktg-carousel-item:before {
    border-top: 3px solid #393c41;
    border-top: var(--mktg-carousel-item-border_width) var(--mktg-carousel-item-border_style) var(--mktg-carousel-item-border_color);
    content: "";
    display: block;
    left: 0;
    margin-top: -3px;
    margin-top: calc(var(--mktg-carousel-item-border_width) * -1);
    position: absolute;
    top: 0;
    width: 100%
}

.mktg-carousel-navigation--dotted {
    align-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    padding: 10px 0 0;
    text-align: left
}

.mktg-carousel--navigation_bottom .mktg-carousel-navigation--dotted {
    width: 840px
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .mktg-carousel--navigation_bottom .mktg-carousel-navigation--dotted {
        width: 420px
    }
}

.mktg-carousel--navigation_bottom .mktg-carousel-navigation--dotted > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .mktg-carousel--navigation_bottom .mktg-carousel-navigation--dotted > div {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap
    }
}

.mktg-carousel--navigation_bottom .mktg-carousel-navigation--dotted.mktg-carousel-navigation--stacked {
    padding-top: 0
}

.mktg-carousel--navigation_bottom .mktg-carousel-navigation--dotted.mktg-carousel-navigation--stacked .mktg-carousel-indicators {
    margin-bottom: 10px
}

.mktg-carousel-indicators {
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin-bottom: 10px;
    margin-top: 0;
    padding-left: 0
}

@media (min-width: 840px) {
    .mktg-carousel-indicators {
        -webkit-box-pack: center;
        justify-content: center
    }

    .mktg-carousel--side_by_side .mktg-carousel-indicators {
        -webkit-box-pack: start;
        justify-content: flex-start
    }
}

.mktg-carousel-indicator, button.mktg-carousel-indicator {
    -ms-grid-row-align: center;
    align-self: center;
    background-color: transparent;
    border: 2px solid #a2a3a5;
    border: var(--mktg-carousel-item-dot_border) solid var(--tds-color--grey40);
    border-radius: 8px;
    border-radius: var(--mktg-carousel-item-dot_size);
    cursor: pointer;
    height: 10px;
    height: calc(var(--mktg-carousel-item-dot_size) + var(--mktg-carousel-item-dot_border));
    margin-right: 8px;
    padding: 0;
    -webkit-transition: background-color .5s ease, border .5s ease;
    -webkit-transition: background-color var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease), border var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease);
    transition: background-color .5s ease, border .5s ease;
    transition: background-color var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease), border var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease);
    width: 10px;
    width: calc(var(--mktg-carousel-item-dot_size) + var(--mktg-carousel-item-dot_border))
}

.mktg-carousel-indicator--active, button.mktg-carousel-indicator--active {
    background-color: #000;
    background-color: var(--tds-color--black);
    border-color: #000;
    border-color: var(--tds-color--black)
}

.mktg-carousel-indicators--left {
    -webkit-box-pack: start !important;
    justify-content: flex-start !important
}

.mktg-carousel-indicators--right {
    -webkit-box-pack: end !important;
    justify-content: flex-end !important
}

@media (max-width: 639px) {
    .mktg-carousel-indicators--right {
        -webkit-box-pack: start !important;
        justify-content: flex-start !important
    }
}

@media (min-width: 840px) {
    .mktg-carousel-indicators--left_on_large {
        -webkit-box-pack: start !important;
        justify-content: flex-start !important
    }

    .mktg-carousel-indicators--right_on_large {
        -webkit-box-pack: end !important;
        justify-content: flex-end !important
    }
}

.mktg-carousel--navigation_bottom .mktg-carousel-indicators {
    height: 24px;
    margin: 0;
    min-width: 140px
}

.mktg-carousel--navigation_bottom .mktg-carousel-indicators.mktg-carousel-indicators--left {
    -webkit-box-ordinal-group: 0;
    order: -1
}

.mktg-carousel--navigation_bottom .mktg-carousel-indicators.mktg-carousel-indicators--right {
    -webkit-box-ordinal-group: 2;
    order: 1
}

.mktg-carousel--navigation_bottom .mktg-carousel-indicators .mktg-carousel-indicator {
    display: block
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape),(min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .mktg-carousel--navigation_bottom .mktg-carousel-indicators {
        -webkit-box-flex: 1;
        flex: 1
    }
}

.mktg-carousel-navigation--dotted .mktg-carousel-items {
    padding-left: 0;
    padding-right: 0
}

.mktg-carousel-navigation--dotted .mktg-carousel-item {
    border-top: 0;
    left: 0;
    margin-left: 0;
    opacity: 0;
    opacity: var(--tds-opacity--transparent);
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.mktg-carousel-navigation--dotted .mktg-carousel-item--active {
    padding: 0;
    position: relative
}

.mktg-carousel-slides {
    display: block;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-ordinal-group: 3;
    order: 2;
    position: relative;
    width: 100%
}

.mktg-carousel-slides .mktg-carousel-slides_container {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.mktg-carousel--navigation_bottom .mktg-carousel-slides {
    -webkit-box-ordinal-group: 3;
    order: 2
}

.mktg-carousel--side_by_side .mktg-carousel-navigation, .mktg-carousel--side_by_side .mktg-carousel-slides {
    -webkit-box-flex: 1;
    flex-grow: 1
}

.mktg-carousel--side_by_side .mktg-carousel-slides {
    -webkit-box-ordinal-group: 0;
    order: -1;
    width: auto
}

@media (min-width: 840px) {
    .mktg-carousel-slides {
        -webkit-box-ordinal-group: initial;
        order: 0
    }
}

.mktg-carousel-slide {
    display: block;
    max-width: 100%;
    opacity: 0;
    opacity: var(--tds-opacity--transparent);
    position: absolute;
    top: 0;
    -webkit-transition: opacity .5s ease;
    -webkit-transition: opacity var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease);
    transition: opacity .5s ease;
    transition: opacity var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease);
    width: 100%;
    z-index: 0
}

@media (min-width: 640px) {
    .mktg-carousel-slide {
        -webkit-box-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center
    }
}

.mktg-carousel-slide-media {
    display: block;
    height: auto;
    width: 100%
}

@media (min-width: 640px) {
    .mktg-carousel-slide-media {
        font-family: "object-fit:cover";
        -o-object-fit: cover;
        object-fit: cover
    }
}

.mktg-carousel-slides_mask {
    overflow-x: hidden
}

.mktg-carousel-slides--swipeable .mktg-carousel-slides_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .5s ease;
    -webkit-transition: -webkit-transform var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease);
    transition: -webkit-transform .5s ease;
    transition: -webkit-transform var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease);
    transition: transform .5s ease;
    transition: transform var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease);
    transition: transform .5s ease, -webkit-transform .5s ease;
    transition: transform var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease), -webkit-transform var(--mktg-carousel-transition_duration, .5s) var(--mktg-carousel-transition_function, ease)
}

.mktg-carousel-slides--swipeable .mktg-carousel-slide {
    opacity: 1;
    opacity: var(--tds-opacity--opaque);
    position: relative;
    z-index: 1
}

.mktg-carousel-slide-captions {
    margin: 0;
    -webkit-box-ordinal-group: 4;
    order: 3;
    padding-left: 0;
    width: 100%
}

.mktg-carousel-slide-captions p {
    margin: 0
}

.mktg-carousel-slide-captions h3 {
    padding-top: 0
}

@media (max-width: 639px) {
    .mktg-carousel-slide-captions h3 {
        padding-bottom: 16px
    }
}

@media (min-width: 540px) {
    .mktg-carousel-slide-captions {
        margin-top: 4px
    }
}

.mktg-carousel--navigation_bottom .mktg-carousel-slide-captions {
    -webkit-box-ordinal-group: 1;
    order: 0
}

.mktg-carousel-slide-caption {
    display: none;
    max-width: 850px;
    min-height: 64px;
    overflow: auto
}

.mktg-carousel-slide-caption--active {
    display: block
}

.carousel-additional-copy {
    max-width: 850px;
    -webkit-box-ordinal-group: 4;
    order: 3;
    white-space: unset
}

.mktg-carousel-navigation--dotted .mktg-carousel-item, .mktg-carousel-navigation--dotted .mktg-carousel-items, .mktg-carousel-navigation--dotted .mktg-carousel-navigation, .mktg-carousel-navigation--dotted .mktg-carousel-slides {
    max-width: 100%;
    width: 100%
}

.mktg-carousel-controls {
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.mktg-carousel-controls > button {
    height: 44px;
    width: 44px
}

.mktg-carousel-controls > button.mktg-carousel-arrow--previous {
    left: 46px
}

.mktg-carousel-controls > button.mktg-carousel-arrow--next {
    right: 46px
}

.mktg-carousel-controls > button:hover {
    opacity: .6
}

@media (max-width: 839px) {
    .mktg-carousel-controls--hide_on_small_screens {
        display: none
    }
}

.mktg-carousel-arrow {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: 2px solid #000;
    border: 2px solid var(--tds-color--black);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    height: 40px;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 40px
}

.mktg-carousel-arrow:active, .mktg-carousel-arrow:focus {
    outline: 1px dotted #000;
    outline: 1px dotted var(--tds-color--black)
}

@media (min-width: 840px) {
    .mktg-carousel-arrow {
        height: 50px;
        width: 50px
    }
}

@media (min-width: 1440px) {
    .mktg-carousel-arrow--previous {
        left: -70px
    }

    .mktg-carousel-arrow--next {
        right: -70px
    }
}

@media (min-width: 840px) {
    .mktg-carousel--side_by_side .mktg-carousel-slides {
        max-width: calc(66.6667% - 50px)
    }

    .mktg-carousel--side_by_side .mktg-carousel-navigation {
        max-width: 33.3333%
    }
}

.mktg-carousel--side_by_side .mktg-carousel-arrow--next {
    right: 20px
}

.mktg-carousel--side_by_side .mktg-carousel-arrow--previous {
    left: 20px
}

.mktg-carousel--side_by_side .mktg-carousel-item-headline, .mktg-carousel--side_by_side .tds-text--item_headline.mktg-carousel-item-headline, .mktg-carousel--side_by_side h3.mktg-carousel-item-headline {
    font-size: 28px;
    font-size: var(--tds-font_size--large);
    margin-bottom: 20px
}

.mktg-carousel--side_by_side .mktg-carousel-item-caption {
    font-size: 14px;
    font-size: var(--tds-font_size--base)
}

.tds-scrim--black .mktg-carousel, .tds-scrim--black .mktg-carousel-arrow, .tds-scrim--black .mktg-carousel-description, .tds-scrim--black .mktg-carousel-headline, .tds-scrim--black .mktg-carousel-item-caption, .tds-scrim--black .mktg-carousel-item-headline, .tds-scrim--black .tds-text--item_headline.mktg-carousel-item-headline, .tds-scrim--black h3.mktg-carousel-item-headline {
    color: #fff;
    color: var(--tds-color--white)
}

.tds-scrim--black .mktg-carousel-arrow {
    background-color: rgba(0, 0, 0, .4)
}

.tds-scrim--black .mktg-carousel-arrow .tds-icon {
    fill: #fff;
    fill: var(--tds-color--white)
}

.tds-scrim--black .mktg-carousel-navigation--box_highlight .mktg-carousel-item:before {
    border-top-color: #fff;
    border-top-color: var(--tds-color--white)
}

.tds-scrim--black .mktg-carousel-navigation button:active, .tds-scrim--black .mktg-carousel-navigation button:focus {
    color: #fff;
    color: var(--tds-color--white)
}

.tds-scrim--black .mktg-carousel-arrow, .tds-scrim--black .mktg-carousel-navigation--box_highlight .mktg-carousel-item_highlight {
    border-color: #fff;
    border-color: var(--tds-color--white)
}

.tds-scrim--black .mktg-carousel-side_gradient--left {
    background: -webkit-gradient(linear, right top, left top, from(transparent), to(var(--tds-color--black)));
    background: linear-gradient(270deg, transparent, #000);
    background: linear-gradient(270deg, transparent, var(--tds-color--black))
}

.tds-scrim--black .mktg-carousel-side_gradient--right {
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--tds-color--black)));
    background: linear-gradient(90deg, transparent, #000);
    background: linear-gradient(90deg, transparent, var(--tds-color--black))
}

.tds-scrim--black .mktg-carousel-indicator--active, .tds-scrim--black button.mktg-carousel-indicator--active {
    background-color: #fff;
    background-color: var(--tds-color--white);
    border-color: #fff;
    border-color: var(--tds-color--white)
}

.tds-scrim--black button:active, .tds-scrim--black button:focus {
    color: #fff;
    color: var(--tds-color--white)
}

.tds-scrim--black .mktg-carousel-item_highlight {
    border-top-color: #fff;
    border-top-color: var(--tds-color--white)
}

.tds-scrim--dark .mktg-carousel-side_gradient--left {
    background: -webkit-gradient(linear, right top, left top, from(rgba(208, 209, 210, 0)), to(#d0d1d2));
    background: linear-gradient(270deg, rgba(208, 209, 210, 0), #d0d1d2)
}

.tds-scrim--dark .mktg-carousel-side_gradient--right {
    background: -webkit-gradient(linear, left top, right top, from(rgba(208, 209, 210, 0)), to(#d0d1d2));
    background: linear-gradient(90deg, rgba(208, 209, 210, 0), #d0d1d2)
}

.tds-scrim--light .mktg-carousel-side_gradient--left {
    background: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 95.7%, 0)), to(#f4f4f4));
    background: linear-gradient(270deg, hsla(0, 0%, 95.7%, 0), #f4f4f4)
}

.tds-scrim--light .mktg-carousel-side_gradient--right {
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 95.7%, 0)), to(#f4f4f4));
    background: linear-gradient(90deg, hsla(0, 0%, 95.7%, 0), #f4f4f4)
}

.mktg_carousel, .powertrain_carousel, .range_carousel {
    max-width: 100vw;
    overflow: hidden
}

@media (min-width: 840px) {
    .drawer .mktg_carousel, .drawer .powertrain_carousel, .drawer .range_carousel {
        margin-left: -32px;
        margin-right: -32px;
        width: calc(100% + 64px)
    }
}

@media (max-width: 839px) {
    .drawer .mktg_carousel:not(.mktg_carousel--full-screen), .drawer .powertrain_carousel:not(.mktg_carousel--full-screen), .drawer .range_carousel:not(.mktg_carousel--full-screen) {
        margin-left: auto;
        margin-right: auto;
        width: 614px
    }
}

@media (max-width: 639px) {
    .drawer .mktg_carousel:not(.mktg_carousel--full-screen), .drawer .powertrain_carousel:not(.mktg_carousel--full-screen), .drawer .range_carousel:not(.mktg_carousel--full-screen) {
        margin-left: -32px;
        margin-right: -32px;
        width: calc(100% + 64px)
    }
}

.mktg_carousel .js-carousel--cross_fade .mktg-carousel-slides--swipeable .mktg-carousel-slide {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.mktg_carousel .js-carousel--cross_fade .mktg-carousel-slides--swipeable .mktg-carousel-slide.mktg-carousel-slide--past {
    opacity: 1
}

.mktg_carousel .js-carousel--cross_fade .mktg-carousel-slides--swipeable .mktg-carousel-slide.mktg-carousel-slide--active {
    opacity: 1;
    z-index: 1
}

.mktg_carousel[id=better-over-time] .js-carousel--cross_fade .mktg-carousel-slides_container, .mktg_carousel[id=room-for-everything] .js-carousel--cross_fade .mktg-carousel-slides_container {
    padding-top: 56.25%;
    min-height: 0 !important;
    overflow: hidden
}

@media (max-width: 639px) {
    .mktg_carousel[id=better-over-time] .js-carousel--cross_fade .mktg-carousel-slides_container {
        padding-top: 78vw
    }
}

.mktg_carousel[id=best-in-class-storage] .js-carousel--cross_fade .mktg-carousel-slides_container, .mktg_carousel[id=charge-anywhere] .js-carousel--cross_fade .mktg-carousel-slides_container {
    padding-top: 48.25%;
    min-height: 0 !important;
    overflow: hidden
}

@media (max-width: 639px) {
    .mktg_carousel[id=best-in-class-storage] .js-carousel--cross_fade .mktg-carousel-slides_container, .mktg_carousel[id=room-for-everything] .js-carousel--cross_fade .mktg-carousel-slides_container {
        padding-top: 78vw
    }
}

@media (max-width: 639px) {
    section[id=best-in-class-storage].mktg_carousel .mktg-carousel.mktg-carousel--navigation_bottom .mktg-carousel-slides .mktg-carousel-slide .mktg-carousel-slide-media, section[id=room-for-everything].mktg_carousel .mktg-carousel.mktg-carousel--navigation_bottom .mktg-carousel-slides .mktg-carousel-slide .mktg-carousel-slide-media {
        height: 78vw;
        font-family: "object-fit:cover";
        -o-object-fit: cover;
        object-fit: cover
    }
}

section[id=best-in-class-storage].mktg_carousel .mktg-carousel.mktg-carousel--navigation_bottom .mktg-carousel-slides_mask, section[id=room-for-everything].mktg_carousel .mktg-carousel.mktg-carousel--navigation_bottom .mktg-carousel-slides_mask {
    overflow: hidden
}

section[id=best-in-class-storage].mktg_carousel .mktg-carousel.mktg-carousel--navigation_bottom .mktg-carousel-slides_mask .mktg-carousel-slides_container, section[id=room-for-everything].mktg_carousel .mktg-carousel.mktg-carousel--navigation_bottom .mktg-carousel-slides_mask .mktg-carousel-slides_container {
    margin-bottom: -1px
}

@media (max-width: 639px) {
    section[id=better-over-time].mktg_carousel .mktg-carousel.mktg-carousel--navigation_bottom .mktg-carousel-slides .mktg-carousel-slide .mktg-carousel-slide-media {
        height: 78vw;
        font-family: "object-fit:cover";
        -o-object-fit: cover;
        object-fit: cover
    }
}

section[id=seating-for-up-to-seven].mktg_carousel .mktg-carousel-arrow {
    background-color: rgba(0, 0, 0, .4);
    border-color: #fff;
    border-color: var(--tds-color--white);
    color: #fff;
    color: var(--tds-color--white)
}

section[id=seating-for-up-to-seven].mktg_carousel .mktg-carousel-arrow .tds-icon {
    fill: #fff;
    fill: var(--tds-color--white)
}

@media (max-width: 639px) {
    body:not(.adminimal-admin-toolbar) section[id^=autopilot-carousel] {
        margin-top: -60px
    }
}

body:not(.adminimal-admin-toolbar) section[id^=autopilot-carousel] .mktg-carousel-header {
    position: absolute;
    z-index: 2
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
    body:not(.adminimal-admin-toolbar) section[id^=autopilot-carousel] .mktg-carousel-header {
        top: 0;
        right: 0;
        left: 0;
        margin-right: auto;
        margin-left: auto
    }
}

body:not(.adminimal-admin-toolbar) section[id^=autopilot-carousel] .mktg-carousel--navigation_bottom .mktg-carousel-header {
    z-index: 20
}

body:not(.adminimal-admin-toolbar) section[id^=autopilot-carousel] .mktg-carousel--navigation_bottom .mktg-carousel-navigation {
    z-index: 10
}

@media (max-width: 639px) and (orientation: portrait) {
    body:not(.adminimal-admin-toolbar) section[id^=autopilot-carousel] .mktg-carousel--navigation_bottom .mktg-carousel-navigation {
        margin-top: -22px
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    body:not(.adminimal-admin-toolbar) section[id^=autopilot-carousel] .mktg-carousel--navigation_bottom .mktg-carousel-navigation {
        margin-top: 0
    }
}

@media (min-width: 640px) {
    body:not(.adminimal-admin-toolbar) section[id^=autopilot-carousel] .mktg-carousel--navigation_bottom .mktg-carousel-navigation {
        margin-top: -39px
    }
}

@media (min-width: 840px) {
    body:not(.adminimal-admin-toolbar) section[id^=autopilot-carousel] .mktg-carousel--navigation_bottom .mktg-carousel-navigation {
        margin-top: -149px
    }
}

body:not(.adminimal-admin-toolbar) section[id^=autopilot-carousel] .mktg-carousel--navigation_bottom .mktg-carousel-navigation .mktg-carousel-item-button .mktg-carousel-item-headline {
    min-height: 35px
}

@media (min-width: 840px) {
    body:not(.adminimal-admin-toolbar) section[id^=autopilot-carousel] .mktg-carousel--navigation_bottom .mktg-carousel-navigation .mktg-carousel-item-button .mktg-carousel-item-headline {
        min-height: 45px
    }
}

body:not(.adminimal-admin-toolbar) section[id^=autopilot-carousel] .mktg-carousel--navigation_bottom .mktg-carousel-slides {
    z-index: 0
}

@media (max-width: 639px) {
    body:not(.adminimal-admin-toolbar) section[id^=autopilot-carousel] .mktg-carousel--navigation_bottom .mktg-carousel-slides {
        margin-top: 160px
    }
}

@media (min-width: 640px) {
    body:not(.adminimal-admin-toolbar) section[id^=autopilot-carousel] .mktg-carousel--navigation_bottom .mktg-carousel-slides {
        margin-top: 49px;
        min-width: 601px
    }
}

@media (max-width: 839px) and (orientation: landscape),(min-width: 768px) and (orientation: portrait) {
    body:not(.adminimal-admin-toolbar) section[id^=autopilot-carousel] .mktg-carousel--navigation_bottom .mktg-carousel-slides {
        margin-top: 90px
    }
}

@media (min-width: 840px) {
    body:not(.adminimal-admin-toolbar) section[id^=autopilot-carousel] .mktg-carousel--navigation_bottom .mktg-carousel-slides {
        margin-top: -61px;
        min-width: 1260px
    }
}

.video {
    position: relative
}

.video video {
    width: 100%;
    display: block;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover
}

.video .video--gradient {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .6)));
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6));
    bottom: 0;
    height: 33%;
    position: absolute;
    width: 100%;
    z-index: 2
}

.video .cmp-video-play {
    width: calc(100% - 64px);
    width: calc(100% - 2 * var(--tds-size--4x))
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .video .cmp-video-play {
        width: calc(100% - 48px);
        width: calc(100% - 2 * var(--tds-size--3x))
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .video .cmp-video-replay {
        right: 30px
    }
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .video video:not(.hero-asset), video.mktg-carousel-slide-media {
        margin-top: 0 !important;
        position: static !important
    }
}

@supports (-ms-accelerator:true) {
    .video video:not(.hero-asset), video.mktg-carousel-slide-media {
        margin-top: 0 !important;
        position: static !important
    }
}

@supports (-ms-ime-align:auto) {
    .video video:not(.hero-asset), video.mktg-carousel-slide-media {
        margin-top: 0 !important;
        position: static !important
    }
}

.cmp-video-play {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1
}

.cmp-video-play.active {
    opacity: 1;
    z-index: 2
}

.cmp-video-play.active:hover {
    cursor: pointer
}

.cmp-video-play--icon {
    background-color: hsla(0, 0%, 86.7%, .3);
    background-repeat: no-repeat;
    background-position: 33px 28px;
    background-size: 25px 29px;
    border-radius: 92px;
    border: 5px solid #000;
    border: 5px solid var(--tds-color--black);
    width: 92px;
    height: 92px
}

.cmp-video-replay {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: -1;
    background-color: transparent;
    color: #000;
    color: var(--tds-color--black);
    border: none;
    font-size: 13px;
    padding: 5px;
    opacity: 0
}

.cmp-video-replay .cmp-video-replay--icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    background-size: 5px;
    border: 1px solid #000;
    border: 1px solid var(--tds-color--black);
    vertical-align: middle;
    margin-right: 5px
}

.cmp-video-replay:focus {
    outline: 1px dotted #000;
    outline: 1px dotted var(--tds-color--black)
}

.cmp-video-replay.active {
    opacity: 1;
    cursor: pointer;
    z-index: 1
}

@media (min-width: 640px) {
    .cmp-video-replay {
        bottom: 16px;
        right: 16px
    }
}

.tds-scrim--black .cmp-video-play--icon {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.tds-scrim--black .cmp-video-replay {
    color: #fff;
    color: var(--tds-color--white)
}

.tds-scrim--black .cmp-video-replay .cmp-video-replay--icon {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.tds-scrim--black .cmp-video-replay:focus {
    outline-color: #fff;
    outline-color: var(--tds-color--white)
}

.section-base .cmp-video-play {
    top: 34px
}

.section-base .cmp-video-replay {
    bottom: 44px
}

@media (min-width: 640px) {
    .section-base .cmp-video-replay {
        bottom: 50px
    }
}

:root {
    --media-height-pannable-carousel: 100vh;
    --iphone-media-height-pannable-carousel: calc(100vh - 30px);
    --iphone-x-media-height-pannable-carousel: calc(100vh - 69px);
    --iphone-xr-media-height-pannable-carousel: calc(100vh - 69px);
    --iphone-xs-max-media-height-pannable-carousel: calc(100vh - 69px);
    --transition-timing-generic-pannable-carousel: 750ms;
    --transition-timing-pannable-carousel-header: 350ms;
    --transition-delay-generic-pannable-carousel-animation: 600ms;
    --transformX-pannable-carousel: 0;
    --transition-slide-function-pannable-carousel: ease;
    --transition-slide-timing-pannable-carousel: 450ms;
    --transition-slide-property-pannable-carousel: transform;
    --video-extra-width-pannable-carousel: 140%;
    --video-extra-width-medium-desktop-pannable-carousel: 100%
}

.pannable-carousel > div[class^=pannable-carousel--default] {
    min-height: 100vh;
    min-height: var(--media-height-pannable-carousel);
    overflow: hidden;
    position: relative
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .pannable-carousel > div[class^=pannable-carousel--default] {
        max-height: none;
        min-height: 100%
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    .pannable-carousel > div[class^=pannable-carousel--default] {
        min-height: 100vh;
        min-height: var(--media-height-pannable-carousel)
    }
}

@supports (-webkit-overflow-scrolling:touch) {
    @media (max-width: 639px) and (orientation: portrait) {
        .pannable-carousel > div[class^=pannable-carousel--default] {
            min-height: calc(100vh - 30px);
            min-height: var(--iphone-media-height-pannable-carousel)
        }
    }@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (min-resolution: 3dppx) and (orientation: portrait) {
    .pannable-carousel > div[class^=pannable-carousel--default] {
        min-height: calc(100vh - 69px);
        min-height: var(--iphone-x-media-height-pannable-carousel)
    }
}@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) and (max-width: 639px) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (min-resolution: 3dppx) and (orientation: portrait) and (max-width: 639px) and (orientation: portrait) {
    .is-iphone-Chrome.pannable-carousel > div[class^=pannable-carousel--default] {
        height: calc(100vh + 30px)
    }

    .is-iphone-Chrome.pannable-carousel > div[class^=pannable-carousel--default] .hero-image img {
        height: calc(100vh + 30px);
        max-height: none
    }
}@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (min-resolution: 3dppx) and (orientation: portrait) {
    .pannable-carousel > div[class^=pannable-carousel--default] {
        min-height: calc(100vh - 69px);
        min-height: var(--iphone-xs-max-media-height-pannable-carousel)
    }
}@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (min-resolution: 2dppx) and (orientation: portrait) {
    .pannable-carousel > div[class^=pannable-carousel--default] {
        min-height: calc(100vh - 69px);
        min-height: var(--iphone-xr-media-height-pannable-carousel)
    }
}
}

.pannable-carousel > div[class^=pannable-carousel--default] .hero-image img, .pannable-carousel > div[class^=pannable-carousel--default] .hero-video {
    display: block;
    height: 100vh;
    height: var(--media-height-pannable-carousel);
    max-width: none;
    min-height: 100vh;
    min-height: var(--media-height-pannable-carousel);
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .pannable-carousel > div[class^=pannable-carousel--default] .hero-image img {
        -o-object-position: center center;
        object-position: center center
    }

    .pannable-carousel > div[class^=pannable-carousel--default] .hero-image img, .pannable-carousel > div[class^=pannable-carousel--default] .hero-video {
        height: 100vh;
        height: var(--media-height-pannable-carousel);
        max-height: 100vh;
        max-height: var(--media-height-pannable-carousel);
        min-height: 0
    }
}

@media (min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .pannable-carousel > div[class^=pannable-carousel--default] .hero-image img {
        -o-object-position: center center;
        object-position: center center
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    .pannable-carousel > div[class^=pannable-carousel--default] .hero-image img {
        height: 130vh;
        max-height: 140vh;
        -o-object-position: center center;
        object-position: center center
    }

    .pannable-carousel > div[class^=pannable-carousel--default] .asset-container .hero-image .image.transition--intro-width {
        -o-object-position: 50% 83%;
        object-position: 50% 83%
    }

    .pannable-carousel > div[class^=pannable-carousel--default] .hero-video {
        height: 140vh;
        max-height: 140vh
    }

    .pannable-carousel > div[class^=pannable-carousel--default] .top-caption {
        padding-top: 0
    }
}

@supports (-webkit-overflow-scrolling:touch) {
    @media (max-width: 639px) and (orientation: portrait) {
        .pannable-carousel > div[class^=pannable-carousel--default] .hero-image img, .pannable-carousel > div[class^=pannable-carousel--default] .hero-video {
            height: calc(100vh - 30px);
            height: var(--iphone-media-height-pannable-carousel);
            max-height: calc(100vh - 30px);
            max-height: var(--iphone-media-height-pannable-carousel)
        }
    }@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (min-resolution: 3dppx) and (orientation: portrait) {
    .pannable-carousel > div[class^=pannable-carousel--default] .hero-image img, .pannable-carousel > div[class^=pannable-carousel--default] .hero-video {
        height: calc(100vh - 69px);
        height: var(--iphone-x-media-height-pannable-carousel);
        min-height: calc(100vh - 69px);
        min-height: var(--iphone-x-media-height-pannable-carousel)
    }
}@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (min-resolution: 3dppx) and (orientation: portrait) {
    .pannable-carousel > div[class^=pannable-carousel--default] .hero-image img, .pannable-carousel > div[class^=pannable-carousel--default] .hero-video {
        height: calc(100vh - 69px);
        height: var(--iphone-xs-max-media-height-pannable-carousel);
        min-height: calc(100vh - 69px);
        min-height: var(--iphone-xs-max-media-height-pannable-carousel)
    }
}@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (min-resolution: 2dppx) and (orientation: portrait) {
    .pannable-carousel > div[class^=pannable-carousel--default] .hero-video {
        height: calc(100vh - 69px);
        height: var(--iphone-xr-media-height-pannable-carousel);
        min-height: calc(100vh - 69px);
        min-height: var(--iphone-xr-media-height-pannable-carousel)
    }
}
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .pannable-carousel > div[class^=pannable-carousel--default] .hero-video {
        max-height: none
    }
}

:root {
    --hero-img-object-position: 0 50%;
    --hero-img-md-desk-object-position: 0 55%;
    --intro-left: 50%;
    --intro-translatex: -50%;
    --intro-left-md-desk: 52.7%;
    --intro-translatex-md-desk: -52.7%;
    --intro-left-mobile-land: 50%;
    --intro-translatex-mobile-land: -50%;
    --intro-left-ipad-port: 49.8%;
    --intro-translatex-ipad-port: -49.8%;
    --intro-object-position: 50% 57%;
    --intro-extra-width: 212%;
    --intro-extra-width-sm-desk: 180%;
    --intro-extra-width-mo-lang: 100%;
    --intro-extra-width-min-840: 100%;
    --intro-object-position-min-840: 50% 54%;
    --intro-object-position-ipad-port: 50% 50%;
    --intro-extra-width-ipad-port: 210%;
    --intro-object-position-md-desk: 50% 55%;
    --intro-extra-width-md-desk: 112%
}

.pannable-carousel .asset-container {
    width: 100%
}

.pannable-carousel [data-car-amount="4"] .asset-container .hero-image .image {
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .pannable-carousel [data-car-amount="4"] .asset-container .hero-image .image.transition--intro-width {
        -o-object-position: 50% 45%;
        object-position: 50% 45%;
        background-position-x: 50%;
        background-position-y: 45%;
        width: calc(100vw + 180%)
    }
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .pannable-carousel [data-car-amount="3"] .asset-container .hero-image .image.transition--intro-width {
        -o-object-position: 50% 50%;
        object-position: 50% 50%;
        background-position-x: 50%;
        background-position-y: 56%;
        width: calc(100vw + 112%)
    }
}

.pannable-carousel .asset-container .hero-image .image {
    width: 100vw;
    -webkit-transform: translateZ(0);
    -webkit-transform: translate3d(var(--transformX-pannable-carousel), 0, 0);
    transform: translateZ(0);
    transform: translate3d(var(--transformX-pannable-carousel), 0, 0);
    -webkit-transition: transform .45s ease;
    -webkit-transition: var(--transition-slide-property-pannable-carousel) var(--transition-slide-timing-pannable-carousel) var(--transition-slide-function-pannable-carousel);
    -webkit-transition: -webkit-transform .45s ease;
    transition: -webkit-transform .45s ease;
    transition: transform .45s ease, -webkit-transform .45s ease;
    transition: transform .45s ease;
    transition: var(--transition-slide-property-pannable-carousel) var(--transition-slide-timing-pannable-carousel) var(--transition-slide-function-pannable-carousel);
    display: block;
    position: relative;
    font-family: "object-fit:cover;object-position:var(--intro-object-position-md-desk)";
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 0 50%;
    -o-object-position: var(--hero-img-object-position);
    object-position: 0 50%;
    object-position: var(--hero-img-object-position)
}

@supports (-webkit-overflow-scrolling:touch) {
    .pannable-carousel .asset-container .hero-image .image {
        -webkit-transform: translateZ(0);
        -webkit-transform: translate3d(var(--transformX-pannable-carousel), 0, 0);
        transform: translateZ(0);
        transform: translate3d(var(--transformX-pannable-carousel), 0, 0);
        -webkit-transition: -webkit-transform .45s ease 0s;
        transition: -webkit-transform .45s ease 0s;
        transition: transform .45s ease 0s;
        transition: transform .45s ease 0s, -webkit-transform .45s ease 0s
    }
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .pannable-carousel .asset-container .hero-image .image {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: -webkit-transform .45s ease 0s;
        transition: -webkit-transform .45s ease 0s;
        transition: transform .45s ease 0s;
        transition: transform .45s ease 0s, -webkit-transform .45s ease 0s
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    .pannable-carousel .asset-container .hero-image .image {
        -o-object-position: 50% 75%;
        object-position: 50% 75%
    }
}

@media (min-width: 960px) and (orientation: landscape) {
    .pannable-carousel .asset-container .hero-image .image {
        -o-object-position: 0 55%;
        -o-object-position: var(--hero-img-md-desk-object-position);
        object-position: 0 55%;
        object-position: var(--hero-img-md-desk-object-position)
    }
}

.pannable-carousel .asset-container .hero-image .image.transition--intro {
    left: 50%;
    left: var(--intro-left);
    -webkit-transform: translateX(-50%);
    -webkit-transform: translateX(var(--intro-translatex));
    transform: translateX(-50%);
    transform: translateX(var(--intro-translatex))
}

@media (min-width: 640px) {
    .pannable-carousel .asset-container .hero-image .image.transition--intro {
        left: 50%;
        left: var(--intro-left);
        -webkit-transform: translateX(-50%);
        -webkit-transform: translateX(var(--intro-translatex));
        transform: translateX(-50%);
        transform: translateX(var(--intro-translatex))
    }
}

@media (min-width: 960px) and (orientation: landscape) {
    .pannable-carousel .asset-container .hero-image .image.transition--intro {
        left: 52.7%;
        left: var(--intro-left-md-desk);
        -webkit-transform: translateX(-52.7%);
        -webkit-transform: translateX(var(--intro-translatex-md-desk));
        transform: translateX(-52.7%);
        transform: translateX(var(--intro-translatex-md-desk))
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    .pannable-carousel .asset-container .hero-image .image.transition--intro {
        left: 50%;
        left: var(--intro-left-mobile-land);
        -webkit-transform: translateX(-50%);
        -webkit-transform: translateX(var(--intro-translatex-mobile-land));
        transform: translateX(-50%);
        transform: translateX(var(--intro-translatex-mobile-land))
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) {
    .pannable-carousel .asset-container .hero-image .image.transition--intro {
        left: 49.8%;
        left: var(--intro-left-ipad-port);
        -webkit-transform: translateX(-49.8%);
        -webkit-transform: translateX(var(--intro-translatex-ipad-port));
        transform: translateX(-49.8%);
        transform: translateX(var(--intro-translatex-ipad-port))
    }
}

.pannable-carousel .asset-container .hero-image .image.transition--intro-width {
    -o-object-position: 50% 57%;
    -o-object-position: var(--intro-object-position);
    object-position: 50% 57%;
    object-position: var(--intro-object-position);
    width: calc(100vw + 212%);
    width: calc(100vw + var(--intro-extra-width));
    -webkit-transition: width .85s ease-in-out .6s;
    transition: width .85s ease-in-out .6s
}

/* @media (min-width: 640px) {
    .pannable-carousel .asset-container .hero-image .image.transition--intro-width {
        -o-object-position: 50% 49%;
        object-position: 50% 49%;
        width: calc(100vw + 180%);
        width: calc(100vw + var(--intro-extra-width-sm-desk))
    }
} */

@media (max-width: 640px) {
    .pannable-carousel .asset-container .hero-image .image.transition--intro-width {
		/* width: 100%; */
       -o-object-position: 50% 49%;
        object-position: 50% 49%;
        width: calc(100vw + 180%);
		width: calc(100vw + var(--intro-extra-width-sm-desk))
    }
	.product-content titles{
		height:50px;
	}
}
@media (max-width: 839px) {
    .pannable-carousel .asset-container .hero-image .image.transition--intro-width {
		/* width: 100%; */
       -o-object-position: 50% 49%;
        object-position: 50% 49%;
        width: calc(100vw + 180%);
		width: calc(100vw + var(--intro-extra-width-sm-desk))
    }
	.product-content titles{
		height:50px;
	}
}





@media (max-width: 839px) and (orientation: landscape) {
    .pannable-carousel .asset-container .hero-image .image.transition--intro-width {
        min-height: 100vh;
        -o-object-position: 50% 75%;
        object-position: 50% 75%;
        width: calc(100vw + 100%);
        width: calc(100vw + var(--intro-extra-width-mo-lang))
    }
}

@media (min-width: 840px) {
    .pannable-carousel .asset-container .hero-image .image.transition--intro-width {
        -o-object-position: 50% 54%;
        -o-object-position: var(--intro-object-position-min-840);
        object-position: 50% 54%;
        object-position: var(--intro-object-position-min-840);
        width: calc(100vw + 100%);
        width: calc(100vw + var(--intro-extra-width-min-840))
    }
}

@media (--ipad-12-pro-portrait), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) {
    .pannable-carousel .asset-container .hero-image .image.transition--intro-width {
        -o-object-position: 50% 50%;
        -o-object-position: var(--intro-object-position-ipad-port);
        object-position: 50% 50%;
        object-position: var(--intro-object-position-ipad-port);
        width: calc(100vw + 210%);
        width: calc(100vw + var(--intro-extra-width-ipad-port))
    }
}

@media (min-width: 960px) and (orientation: landscape) {
    .pannable-carousel .asset-container .hero-image .image.transition--intro-width {
        -o-object-position: 50% 55%;
        -o-object-position: var(--intro-object-position-md-desk);
        object-position: 50% 55%;
        object-position: var(--intro-object-position-md-desk);
        width: calc(100vw + 112%);
        width: calc(100vw + var(--intro-extra-width-md-desk))
    }
}

.pannable-carousel {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.pannable-carousel .product-content--container {
    position: absolute;
    top: 15%;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity .75s ease-in;
    -webkit-transition: opacity var(--transition-timing-generic-pannable-carousel) ease-in;
    transition: opacity .75s ease-in;
    transition: opacity var(--transition-timing-generic-pannable-carousel) ease-in;
    z-index: 0;
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    padding: 0 20px;
    text-align: center;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.pannable-carousel .product-content--container h1, .pannable-carousel .product-content--container li {
    padding-bottom: 0
}

.pannable-carousel .product-content--container h1, .pannable-carousel .product-content--container p, .pannable-carousel .product-content--container span {
    color: #fff;
    color: var(--tds-color--white)
}

.pannable-carousel .product-disclaimer {
    min-height: 48px
}

.pannable-carousel .heading-container, .pannable-carousel .product-disclaimer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column
}

.pannable-carousel .product-content > div {
    display: none;
    z-index: 1
}

.pannable-carousel .product-content > div.product--is_active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: none;
    transform: none;
    z-index: 1
}

.pannable-carousel .product-content > .product--is_active:not(.product-disclaimer) {
    -webkit-box-flex: 1;
    flex-grow: 1
}

.pannable-carousel .product-content > .product--is_active .heading-container {
    opacity: 1
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .pannable-carousel .product-content > .product--is_active .heading-container {
        padding-top: unset
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .pannable-carousel .product-content > .product--is_active {
        -webkit-box-pack: justify;
       /* justify-content: space-between;
        padding-bottom: 2vh */
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .pannable-carousel .subheading--desktop {
        display: none
    }
}

@media (min-width: 640px) {
    .pannable-carousel .subheading--mobile {
        display: none
    }
}

.pannable-carousel .button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 20px;
    -webkit-transition: none;
    transition: none;
    width: 100vw
}

.pannable-carousel .button-group .tds-o-btn_group--item {
    width: 100%
}

@media (max-width: 639px) and (orientation: portrait) {
    .pannable-carousel .button-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding: 0 20px
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    .pannable-carousel .button-group {
        width: 100%
    }

    .pannable-carousel .button-group .tds-o-btn_group--item {
        padding-left: 8px;
        padding-right: 8px
    }

    .pannable-carousel .button-group .tds-btn {
        margin-left: 0;
        margin-right: 0;
        padding-left: 10px;
        padding-right: 10px;
        position: static
    }
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .pannable-carousel .product-content.titles {
        -webkit-box-flex: 1;
        /* flex-grow: 1; */
        -webkit-box-ordinal-group: -1;
        order: -2
    }
	.pannable-carousel .button-group .tds-o-btn{
		margin-top: -50px!important;
	}
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .pannable-carousel .product-content.buttons {
        padding-bottom: 20px
    }
}

.pannable-carousel .product-content.buttons {
    -webkit-box-flex: 1;
    flex-grow: 1
}

.pannable-carousel .product-content.links .links-top_link {
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid var(--tds-color--white);
    color: #fff;
    color: var(--tds-color--white);
    font-size: 12px;
    font-size: var(--tds-font_size--small);
    padding-bottom: 0
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .pannable-carousel .product-content.links {
        -webkit-box-flex: unset;
        flex-grow: unset
    }
}

.pannable-carousel .disclaimer {
    padding: 0
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .pannable-carousel .disclaimer {
        line-height: 18px
    }
}

@media (max-width: 839px) and (orientation: landscape) {
    .browser-is-ios-chrome .pannable-carousel .product-content .heading-container h1 {
        margin-top: -10px
    }
}

.pannable-carousel .mktg-carousel-indicators {
    opacity: 0
}

.pannable-carousel .indicators--reveal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 0;
    -webkit-transition: opacity .75s ease-in .6s;
    -webkit-transition: opacity var(--transition-timing-generic-pannable-carousel) ease-in .6s;
    transition: opacity .75s ease-in .6s;
    transition: opacity var(--transition-timing-generic-pannable-carousel) ease-in .6s;
    opacity: 1
}

@media (max-width: 639px) and (orientation: portrait),(max-width: 839px) and (orientation: landscape) {
    .pannable-carousel .indicators--reveal {
        -webkit-box-ordinal-group: 0;
        order: -1
    }
}

.pannable-carousel .mktg-carousel-indicator {
    margin: 0 4px
}

.pannable-carousel .mktg-carousel-indicator--active, .pannable-carousel button.mktg-carousel-indicator--active {
    background-color: #fff;
    background-color: var(--tds-color--white);
    border-color: #fff;
    border-color: var(--tds-color--white)
}

.pannable-carousel .tds-icon-arrow--down {
    position: static;
    margin: 10px 0;
    opacity: 0;
    cursor: pointer;
    width: 20px;
    z-index: 5;
    border: none
}

.pannable-carousel .tds-icon-arrow--down.tds-icon-arrow_down--reveal {
    -webkit-transition: opacity .75s ease-in .6s;
    -webkit-transition: opacity var(--transition-timing-generic-pannable-carousel) ease-in .6s;
    transition: opacity .75s ease-in .6s;
    transition: opacity var(--transition-timing-generic-pannable-carousel) ease-in .6s;
    opacity: 1
}

.pannable-carousel .tds-icon-arrow--down.tds-icon-arrow_down--inverted {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

@media (max-width: 839px) and (orientation: landscape) {
    .pannable-carousel .tds-icon-arrow--down {
        display: none
    }
}

.product-content--container .product--is_active.animate--slide_and_fade, .product-content--container .product--is_active .animate--slide_and_fade {
    -webkit-transition: opacity .75s ease-in .6s, -webkit-transform .75s linear .6s;
    -webkit-transition: opacity var(--transition-timing-generic-pannable-carousel) ease-in var(--transition-delay-generic-pannable-carousel-animation), -webkit-transform var(--transition-timing-generic-pannable-carousel) linear var(--transition-delay-generic-pannable-carousel-animation);
    transition: opacity .75s ease-in .6s, -webkit-transform .75s linear .6s;
    transition: opacity var(--transition-timing-generic-pannable-carousel) ease-in var(--transition-delay-generic-pannable-carousel-animation), -webkit-transform var(--transition-timing-generic-pannable-carousel) linear var(--transition-delay-generic-pannable-carousel-animation);
    transition: opacity .75s ease-in .6s, transform .75s linear .6s;
    transition: opacity var(--transition-timing-generic-pannable-carousel) ease-in var(--transition-delay-generic-pannable-carousel-animation), transform var(--transition-timing-generic-pannable-carousel) linear var(--transition-delay-generic-pannable-carousel-animation);
    transition: opacity .75s ease-in .6s, transform .75s linear .6s, -webkit-transform .75s linear .6s;
    transition: opacity var(--transition-timing-generic-pannable-carousel) ease-in var(--transition-delay-generic-pannable-carousel-animation), transform var(--transition-timing-generic-pannable-carousel) linear var(--transition-delay-generic-pannable-carousel-animation), -webkit-transform var(--transition-timing-generic-pannable-carousel) linear var(--transition-delay-generic-pannable-carousel-animation);
    -webkit-transform: translateY(4vh);
    transform: translateY(4vh);
    opacity: 0
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .product-content--container .product--is_active.animate--slide_and_fade, .product-content--container .product--is_active .animate--slide_and_fade {
        max-width: none
    }
}

.product-content--reveal.product-content--container .product--is_active.animate--slide_and_fade, .product-content--reveal.product-content--container .product--is_active .animate--slide_and_fade {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.product-content--container .product--is_active .animated:not(.animate--slide_to_left), .product-content--container .product--is_active .animated:not(.animate--slide_to_right) {
    opacity: 0
}

.product-content--container .product--is_active .animate--slide_to_left, .product-content--container .product--is_active .animate--slide_to_right {
    -webkit-transition: opacity .35s ease-in, -webkit-transform .35s ease-out;
    -webkit-transition: opacity var(--transition-timing-pannable-carousel-header) ease-in, -webkit-transform var(--transition-timing-pannable-carousel-header) ease-out;
    transition: opacity .35s ease-in, -webkit-transform .35s ease-out;
    transition: opacity var(--transition-timing-pannable-carousel-header) ease-in, -webkit-transform var(--transition-timing-pannable-carousel-header) ease-out;
    transition: transform .35s ease-out, opacity .35s ease-in;
    transition: transform var(--transition-timing-pannable-carousel-header) ease-out, opacity var(--transition-timing-pannable-carousel-header) ease-in;
    transition: transform .35s ease-out, opacity .35s ease-in, -webkit-transform .35s ease-out;
    transition: transform var(--transition-timing-pannable-carousel-header) ease-out, opacity var(--transition-timing-pannable-carousel-header) ease-in, -webkit-transform var(--transition-timing-pannable-carousel-header) ease-out
}

.product-content--container .product--is_active .top-caption.animate--slide_to_left {
    margin-left: 30vw;
    -webkit-transform: translateX(-15vw);
    transform: translateX(-15vw);
    opacity: 1
}

.product-content--container .product--is_active .top-caption.animate--slide_to_right {
    margin-right: 30vw;
    -webkit-transform: translateX(15vw);
    transform: translateX(15vw);
    opacity: 1
}

.pannable-carousel .button-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.pannable-carousel .button-group .tds-o-btn_group--item {
    width: auto
}

.pannable-carousel .button-group .tds-o-btn {
    min-width: 250px
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .pannable-carousel .button-group .tds-o-btn {
        padding: 10px 0
    }
}

@media (max-width: 639px) and (orientation: portrait) {
    .pannable-carousel .button-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column;
        height: 100px
    }

    .pannable-carousel .button-group .tds-o-btn_group--item {
        width: 100%
    }
}

@media (max-width: 639px) {
    .pannable-carousel .top-caption {
        padding-top: 8px
    }
}

@media only screen and (max-device-width: 320px) and (orientation: portrait) {
    .pannable-carousel .disclaimer {
        display: none
    }
}

.Twilio-DynamicForm input {
    border-radius: 30px !important;
    color: black !important;
    display: inline-block !important;
    line-height: 30px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    background-color: white !important;
    border: 1px solid #ddd !important;
    width: 100% !important;
    height: 44px !important
}

.Twilio-DynamicForm div[role='button'] {
    border-radius: 30px !important;
    color: black !important;
    display: inline-block !important;
    line-height: 30px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    background-color: white !important;
    border: 1px solid #ddd !important;
    width: 100% !important;
    height: 44px !important
}

.css-8ixmbd {
    color: #999;
    font-size: 14px
}

.css-1aba35o {
    margin-top: 17px
}

.Twilio-Button {
    font-size: 16px !important;
    cursor: pointer !important;
    width: 100% !important;
    height: 44px !important;
    background: white !important;
    border-radius: 30px !important;
    border: 0 !important;
    box-shadow: none !important;
    font-family: 'Gotham Book', Helvetica, Arial, sans-serif
}

.Twilio-Button:focus {
    background: #39f !important;
    outline-color: #39f !important;
    text-decoration: none !important;
    border: 0 !important;
    box-shadow: none !important
}

.Twilio-Button:focus .label {
    color: white !important;
    font-family: 'Gotham Book', Helvetica, Arial, sans-serif
}

.Twilio-Button:hover .label {
    outline-color: #39f !important
}

.Twilio-Button .label {
    color: #39f !important;
    outline-color: #39f !important
}

.Twilio-MainContainer {
    height: auto !important;
    min-height: 500px !important;
    width: 320px !important;
    border-radius: 8px
}

.Twilio button {
    text-transform: none !important;
    opacity: 1 !important;
    font-weight: 400 !important
}

.Twilio-Dropdown svg {
    top: calc(50% - 7px) !important
}

[id='twilio-customer-frame'] .Twilio-MessageCanvasTray-default {
    width: 100%
}

[id='twilio-customer-frame'] .MessageCanvasTrayContent h6, [id='twilio-customer-frame'] .MessageCanvasTrayContent p {
    color: black !important;
    text-align: center
}

[id='twilio-customer-frame'] .MessageCanvasTrayContent h6 {
    font-size: 14px
}

[id='twilio-customer-frame'] .MessageCanvasTrayContent p {
    font-size: 11px
}

[id='twilio-customer-frame'] .Twilio-MessageCanvasTray .Twilio-Button {
    width: 90% !important;
    background: #3098f2 !important
}

[id='twilio-customer-frame'] .css-1i1m14n {
    background: black
}

[id='twilio-customer-frame'] .Twilio-DynamicForm input, [id='twilio-customer-frame'] .Twilio-DynamicForm label {
    font-family: 'Gotham Book', Helvetica, Arial, sans-serif !important
}

[id='twilio-customer-frame'] .Twilio-DynamicForm input {
    font-size: 12px;
    padding-left: 20px
}

[id='twilio-customer-frame'] .Twilio-DynamicForm .Twilio-DynamicForm-submit {
    letter-spacing: normal;
    background-color: #3098f2 !important;
    color: white
}

[id='twilio-customer-frame'] .css-1i1m14n .Twilio-Icon-Content {
    display: none
}

[id='twilio-customer-frame'] .css-1i1m14n .Twilio-Icon-DefaultAvatar::before {
    content: 'T';
    color: white
}

[id='twilio-customer-frame'] .Twilio-MessageCanvasTray .Twilio-Button:hover {
    background-color: #3098f2 !important
}

[id='twilio-customer-frame'] .Twilio-MessageCanvasTray .Twilio-Button:hover span {
    color: white
}

[id='twilio-customer-frame'] .css-7q2156 {
    color: black;
    background: #f4f4f4;
    border-radius: 10px 10px 10px 0
}

[id='twilio-customer-frame'] .Twilio-MessageCanvasTray {
    background: #f7f8f8
}

[id='twilio-customer-frame'] .Twilio-MessageBubble-Body {
    font-family: 'Gotham Book', Helvetica, Arial, sans-serif !important;
    font-size: 15px;
    line-height: 1.3;
    color: white
}

[id='twilio-customer-frame'] .css-12qtpp3, [id='twilio-customer-frame'] .css-1pk3r5n {
    color: white;
    font-family: 'Gotham Book', Helvetica, Arial, sans-serif;
    font-weight: 100;
    background: black;
    border-radius: 10px 10px 0
}

[id='twilio-customer-frame'] .css-7q2156 .css-1pk3r5n, [id='twilio-customer-frame'] .css-7q2156 .css-12qtpp3 {
    color: black;
    background: inherit
}

[id='twilio-customer-frame'] .Twilio-Icon-SendLarge {
    display: none
}

[id='twilio-customer-frame'] .Twilio-MessageInput-SendButton {
    background: white;
    color: black;
    width: 100%
}

[id='twilio-customer-frame'] .Twilio-MessageInput-SendButton::before {
    content: 'Send'
}

[id='twilio-customer-frame'] .Twilio-MessageInputArea-TextArea {
    background: white
}

[id='twilio-customer-frame'] .Twilio-MessageInput {
    border-top: 1px solid #f7f7f7
}

[id='twilio-customer-frame'] .Twilio-MessageInputArea-TextArea textarea {
    background: white
}

[id='twilio-customer-frame'] .css-hg6ejx, [id='twilio-customer-frame'] .css-1p6reyf, [id='twilio-customer-frame'] .css-1txzwx2 {
    font-family: 'Gotham Book', Helvetica, Arial, sans-serif;
    font-weight: 100;
    background: black;
    border-radius: 10px 10px 0
}

[id='twilio-customer-frame'] .Twilio-Icon.Twilio-Icon-DefaultAvatar.css-y8bnhq {
    font-size: 15px;
    line-height: 25px
}

[id='twilio-customer-frame'] .Twilio-MessageCanvasTray .Twilio-Button span {
    color: white;
    white-space: initial;
    font-family: 'Gotham Medium', Helvetica, Arial, sans-serif;
    font-size: 11px
}

[id='twilio-customer-frame'] .Twilio-EntryPoint {
    font-family: 'Gotham Book', Helvetica, Arial, sans-serif;
    min-width: 52px;
    height: 52px;
    font-size: .7em;
    padding: 0;
    border-radius: 30px;
    overflow: hidden;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAAAXNSR0IArs4c6QAAAeVJREFUSA1j1NbW5vn+/fsEBgaGYCAWAGKqA0ZGxtdAQxcKCAhUsfz48aMHyIkA4klMTEwgCVoAuf///xd8+PDhIwvQ9BAgnnnv3r0qWtgEM1NZWVkKaGkIE5AQBnr5BkyCVjTIDiAWZqKVBbjMpbuFoDjECtTV1RX//v1rjVWSgCAwmnbdvXv3FTZlOC38/fu3BVDDbGyaCImxsLC4AdWQZiEw1S4HagJhqoLBE4dqampKwDi0I8d7nJyc269cufISm16ccQi0zBSoYTI2TYTEvn375glUQ5qFwFS2EqgJhKkK6B6HI8NCYMHwn5mqEYXFMKgd/0FBehtYivsDBRixqKOKkLGxMSvQfB+wXSoqKjH//v1bBOQ8Blr8FpcNQLkLMjIyaQcOHPiDrEZPT4/769evS4Bi8sjiyGygZZJA/SJA2gPsK6ClDkBOEFARriYGyIWhQE2rYmNjYxoaGv6BDHRwcOB4/PjxVqAcqNxdB5T/DxJHB0D510C5ZcCsdhZdDidfSUkpCoj/Amvu+UADGIFtITYgextQ7DuwVHLBqRFNgqR4A4ZEEjD45wBdOwtojjgQewEtDwQW9NvQzMXJJclCkClAS7OAlk4FWgqKyzBgMK3HaTq1JICWFgKDE9TSIxkAAAUIq9qAbwAvAAAAAElFTkSuQmCC') no-repeat white 12px 15px;
    bottom: 80px;
    right: 35px;
    box-shadow: rgba(0, 0, 0, .5) 0 1px 4px 0
}

[id='twilio-customer-frame'] .Twilio-Icon-Content {
    height: 35px;
    width: 35px
}

[id='twilio-customer-frame'] .Twilio-WelcomeMessage-IconContainer {
    display: none
}

[id='twilio-customer-frame'] .Twilio-MainHeader-end {
    height: 100%;
    padding-top: 4px
}

[id='twilio-customer-frame'] .Twilio-MainHeader-end:hover {
    background: white
}

[id='twilio-customer-frame'] .css-kevxsa {
    font-size: 16px;
    font-family: 'Gotham Book', Helvetica, Arial, sans-serif
}

[id='twilio-customer-frame'] .Twilio-MainContainer {
    right: 25px;
    z-index: 999999;
    bottom: 25px
}

[id='twilio-customer-frame'] .Twilio-EntryPoint-IconContainer, [id='twilio-customer-frame'] .Twilio-EntryPoint-Tagline {
    display: none
}

.Twilio-EntryPoint:hover, .Twilio-EntryPoint.css-1w8p2lo:hover, .Twilio-EntryPoint.css-1qysb6y:hover, button.Twilio-EntryPoint:hover {
    background-color: white;
    background-blend-mode: darken
}

@media screen and (max-width: 800px) {
    [id='twilio-customer-frame'] .Twilio-MainContainer {
        width: 100% !important;
        left: 0;
        bottom: 0;
        height: 100% !important;
        z-index: 10000
    }

    [id='menu-concernType'] {
        z-index: 10000 !important
    }
}

[id='twilio-customer-frame'] button.Twilio.Twilio-EntryPoint {
    z-index: 99999
}

[id='tooltipForLiveAgent'] {
    position: fixed;
    bottom: 150px;
    right: 40px;
    padding: 35px 40px;
    background: #fff;
    z-index: 800;
    border-radius: 10px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .5)
}

[id='tooltipForLiveAgent'] .tooltipForLiveAgentInnerContainer {
    text-align: center
}

[id='tooltipForLiveAgent'] .modal-close {
    background-image: url('data:image/png;base64,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');
    display: block !important;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

[id='tooltipForLiveAgent'] .btn-close {
    font-size: 21px;
    min-width: 0;
    color: #ccc;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: .8rem;
    right: 1rem
}

[id='tooltipForLiveAgent'] .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

[id='tooltipForLiveAgent'] .ac {
    min-width: 214px;
    padding: 9px 40px;
    background-color: #39f;
    color: #fff;
    border-radius: 100px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: "Gotham Medium";
    border: 0
}

[id='tooltipForLiveAgent'] .ac:hover {
    cursor: pointer
}

[id='tooltipForLiveAgent'] .tooltipForLiveAgentInnerContainer p {
    margin: 22px 0;
    font-size: 15px;
    line-height: 20px
}