@charset "utf-8";
.icon-info {
    content: ""
}

.icon-arrow-in-box {
    content: ""
}

.icon-bag {
    content: ""
}

.icon-bookmark {
    content: ""
}

.icon-truck {
    content: ""
}

.icon-location {
    content: ""
}

.icon-star {
    content: ""
}

.icon-close {
    content: ""
}

.icon-arrow {
    content: ""
}

.icon-arrowout {
    content: ""
}

.icon-linkout {
    content: ""
}

.icon-minus {
    content: ""
}

.icon-plus {
    content: ""
}

.icon-carousel-arrow {
    content: ""
}

.b4-dropdown-light .dropdown-toggle:after, .icon-down-arrow {
    content: ""
}

.icon-check {
    content: ""
}

.icon-check-filled-round {
    content: ""
}

.icon-cart {
    content: ""
}

.icon-play {
    content: ""
}

.icon-search {
    content: ""
}

.icon-signin {
    content: ""
}

.icon-exclamation {
    content: ""
}

.icon-pause {
    content: ""
}

.icon-double-arrow-down {
    content: ""
}

.icon-facebook {
    content: ""
}

.icon-instagram {
    content: ""
}

.icon-twitter {
    content: ""
}

.icon-youtube {
    content: ""
}

.icon-pinterest {
    content: ""
}

.icon-star-empty {
    content: ""
}

.hero-360 html.rtl .hero-360__title-category, .hero-360 html.rtl .selector-panel-item-title, html.rtl .b1, html.rtl .b2, html.rtl .b3, html.rtl .b4, html.rtl .b5, html.rtl .d1, html.rtl .f1, html.rtl .f2, html.rtl .h1, html.rtl .h10, html.rtl .h2, html.rtl .h3, html.rtl .h4, html.rtl .h5, html.rtl .h6, html.rtl .h7, html.rtl .h8, html.rtl .h9, html.rtl .hero-360 .hero-360__title-category, html.rtl .hero-360 .selector-panel-item-title, html.rtl a, html.rtl button, html.rtl h1, html.rtl h2, html.rtl h3, html.rtl h4, html.rtl h5, html.rtl h6, html.rtl i, html.rtl label, html.rtl li, html.rtl p, html.rtl span, html.rtl textarea, html.rtl u {
    direction: rtl
}

html.rtl div, html.rtl li {
    text-align: right
}

.rtl .cmp-drawer-search__input-container {
    text-align: left
}

.cmp-search-popular-quick-links .search-suggestions__list-item {
    margin-bottom: .5rem
}

.cmp-search-popular-quick-links .search-suggestions__list-item:last-of-type {
    margin-bottom: 0
}

.cmp-search-popular-quick-links .search-suggestions__list-item-link {
    text-decoration: none
}

.cmp-search-popular-quick-links .search-suggestions__list-item-link:hover {
    text-decoration: underline
}

.h1, .h10, .h2, .h3, .h4, .h5, .h6, .h7, .h8, .h9, .hero-360 .hero-360__title-category, .hero-360 .selector-panel-item-title, h1, h2, h3, h4, h5, h6 {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    margin-block-end: 0;
    margin-block-start: 0;
    margin-inline-end: 0;
    margin-inline-start: 0;
    white-space: normal
}

sup {
    font-size: 60%
}

.h1 {
    font-size: 3.375rem;
    line-height: 3.375rem
}

@media (max-width: 575.98px) {
    .h1 {
        font-size: 3rem;
        line-height: 3rem
    }
}

.h2 {
    font-size: 2.5rem;
    letter-spacing: .5px;
    line-height: 2.5rem;
    text-transform: uppercase
}

@media (max-width: 575.98px) {
    .h2 {
        font-size: 2rem;
        line-height: 2rem
    }
}

.h3 {
    font-size: 2.375rem;
    line-height: 2.375rem
}

@media (max-width: 575.98px) {
    .h3 {
        font-size: 1.875rem;
        line-height: 1.875rem
    }
}

.h4, .h5 {
    font-size: 2rem;
    line-height: 2rem
}

.h5 {
    letter-spacing: 1px
}

.h5, .h6 {
    text-transform: uppercase
}

.h6 {
    font-size: 1.3125rem;
    letter-spacing: .5px;
    line-height: 1.3125rem
}

@media (max-width: 575.98px) {
    .h6 {
        font-size: 1.125rem;
        line-height: 1.125rem
    }
}

.h7, .hero-360 .hero-360__title-category, .hero-360 .selector-panel-item-title {
    font-size: 1.0625rem;
    letter-spacing: 1px;
    line-height: 1.125rem;
    text-transform: uppercase
}

.h8 {
    font-size: 1rem;
    line-height: 1.125rem
}

.d1 {
    font-size: 5.5rem;
    letter-spacing: 4px;
    line-height: 7.125rem;
    text-transform: uppercase
}

@media (max-width: 575.98px) {
    .d1 {
        font-size: 4.6875rem;
        line-height: 5.625rem
    }
}

.b1, .b2 {
    font-size: 1rem;
    line-height: 1.375rem
}

.b3 {
    font-size: 1.3125rem;
    line-height: 1.75rem
}

.b4 {
    font-size: 1.0625rem;
    line-height: 1.375rem
}

.b5, .b6, .b7 {
    font-size: 1rem;
    line-height: 1.375rem
}

.b8, .b9, .hero-360 .hero-360__detail {
    font-size: .875rem;
    line-height: 1.125rem
}

.b10, .hero-360 .hero-360__disclaimer, .hero-360 .hero-360__note {
    font-size: .75rem;
    line-height: 1rem
}

.f1, .f2 {
    font-size: .8125rem;
    letter-spacing: .5px;
    line-height: .8125rem
}

.f1, .f2, .n1 {
    text-transform: uppercase
}

.n1 {
    font-size: 1.25rem;
    line-height: 1.25rem
}

.n2 {
    font-size: .9375rem;
    line-height: 1rem;
    text-transform: uppercase
}

.b4-dropdown-light .dropdown-toggle, .cta-typography {
    font-size: 1rem;
    line-height: 1rem;
    text-transform: uppercase
}

.text-inverse, .text-inverse a, .text-inverse a:active, .text-inverse a:focus, .text-inverse a:hover, .text-inverse a:link, .text-inverse a:visited {
    color: #000
}

.text-danger {
    color: #d60000 !important;
    font-size: .875rem
}

.text-muted {
    color: #efede6
}

.disclaimer-tag {
    color: #fa6600 !important;
    cursor: pointer;
    font-size: .625rem;
    letter-spacing: 0;
    line-height: .625rem;
    margin-left: 2px;
    position: relative;
    text-decoration: underline !important;
    top: -4px;
    vertical-align: super
}

.h1 > .disclaimer-tag, .h2 > .disclaimer-tag, .h3 > .disclaimer-tag, .h4 > .disclaimer-tag, .h5 > .disclaimer-tag {
    font-size: .25em;
    top: -.625em
}

.d1 > .disclaimer-tag {
    font-size: .2em;
    top: -1em
}

.disclaimer-tag:hover {
    text-decoration: none !important
}

.font-family-primary {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.font-family-primary-italic, .h8 {
    font-family: Primary-Font-Italic, NotoSans-Italic, sans-serif;
    font-weight: 400
}

.font-family-primary-bold {
    font-family: '方正兰亭粗黑简';
    font-weight: 600
}

.font-family-primary-heavy, .h1, .h3, .h4 {
    font-family: '方正兰亭粗黑简';
    font-weight: 800
}

.font-family-secondary {
    font-family: secondary-font, sans-serif;
    font-weight: 400
}

.b4, .d1, .font-family-secondary-bold, .h2, .h5, .h6, .h7, .hero-360 .hero-360__title-category, .hero-360 .selector-panel-item-title, .n1, .n2 {
    font-family: '方正兰亭粗黑简';
    font-weight: 600
}

.b1, .b10, .b3, .b6, .b8, .f1, .font-family-tertiary, .hero-360 .hero-360__detail, .hero-360 .hero-360__disclaimer, .hero-360 .hero-360__note {
    font-family: '方正兰亭黑简';
    font-weight: 400
}

.b7, .font-family-tertiary-italic {
    font-family: Tertiary-Font-Italic, NotoSans-Italic, sans-serif;
    font-weight: 400
}

.b2, .b4-dropdown-light .dropdown-toggle, .b5, .b9, .cta-typography, .disclaimer-tag, .f2, .font-family-tertiary-bold, b, strong {
    font-family: '方正兰亭粗黑简';
    font-weight: 600
}

.hero-360 {
    position: relative
}

@media (max-width: -0.02) {
    .hero-360 {
        min-height: 700px
    }

    .hero-360 .hero-360__sprite-block .hero-360__content-stage {
        min-height: 553px
    }
}

@media (min-width: 576px)and (max-width: 575.98px) {
    .hero-360 {
        min-height: 850px
    }

    .hero-360 .hero-360__sprite-block .hero-360__content-stage {
        min-height: 550px
    }
}

@media (min-width: 768px)and (max-width: 767.98px) {
    .hero-360 {
        min-height: 775px
    }

    .hero-360 .hero-360__sprite-block .hero-360__content-stage {
        min-height: 650px
    }
}

@media (min-width: 992px)and (max-width: 991.98px) {
    .hero-360 {
        min-height: 900px
    }

    .hero-360 .hero-360__sprite-block .hero-360__content-stage {
        min-height: 50pc
    }
}

@media (min-width: 1200px) and (max-width: 1439.98px) {
    .hero-360 {
        min-height: 800px
    }

    .hero-360 .hero-360__sprite-block .hero-360__content-stage {
        min-height: 600px
    }
}

@media (min-width: 1440px) and (max-width: 1679.98px) {
    .hero-360 {
        min-height: 750px;
    }

    .hero-360 .hero-360__sprite-block .hero-360__content-stage {
        min-height: 500px
    }
}

@media (min-width: 1680px) {
    .hero-360 {
        min-height: 900px;
    }

    .hero-360 .hero-360__sprite-block .hero-360__content-stage {
        min-height: 650px
    }
}

.hero-360 .selector-panel-base-cost.padright {
    padding-right: 60px
}

.hero-360 .eyebrow-hero {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.hero-360 .eyebrow-hero:after {
    background-color: #fa6600;
    content: "";
    display: inline-block;
    height: .125rem;
    margin-left: 8px;
    vertical-align: middle;
    width: 1rem
}

.hero-360__selector-container {
    background-color: #fff;
    position: relative
}

.hero-360 .hero-360__sprite-block {
    overflow: hidden
}
/* 移除手机端特殊高度限制，使用与PC端一致的自适应高度 */

.hero-360 .hero-360__customize span {
    margin-left: 1.5rem
}

.hero-360 .hero-360__container-mask {
    bottom: -15px;
    left: 50%;
    position: relative;
    top: 0px;
    -webkit-transform: translateX(-50%) translateY(0) translateZ(0);
    transform: translateX(-50%) translateY(0) translateZ(0);
    width: 105vw
}
.mobile .hero-360 .hero-360__content-stage {
    margin-left: 0;
    margin-right: 0;
    margin-top: -20px;
    padding: 0px 0 75px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.hero-360 .hero-360__content-stage {
    margin-left: 0;
    margin-right: 0;
    padding: 40px 0 75px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hero-360 .hero-360__title-block {
    margin-top: 20px;
    position: relative;
    z-index: 1
}

@media (max-width: 767.98px) {
    .hero-360 .hero-360__title-block {
        padding-left: 0
    }
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .hero-360 .hero-360__title-block {
        padding-left: 55px
    }
}

@media (min-width: 992px) {
    .hero-360 .hero-360__title-block {
        padding-left: 84px
    }
}

@media (min-width: 1200px) {
    .hero-360 .hero-360__title-block {
        position: absolute
    }
}

.hero-360 .hero-360__bike-block {
    margin-left: auto;
    margin-right: auto;
    min-height: 200px;
    padding-bottom: 0px
}

@media (max-width: 991.98px) {
    .hero-360 .hero-360__bike-block {
        left: 50%;
        position: relative;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 95vw
    }
}

@media (min-width: 1200px) {
    .hero-360 .hero-360__bike-block {
        margin-top: 0px
    }
}

.hero-360 .hero-360__loader {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 75px auto auto;
    position: absolute
}

@media (min-width: 576px)and (max-width: 575.98px) {
    .hero-360 .hero-360__loader {
        margin-top: 175px
    }
}

@media (min-width: 768px)and (max-width: 767.98px) {
    .hero-360 .hero-360__loader {
        margin-top: 200px
    }
}

@media (min-width: 992px)and (max-width: 991.98px) {
    .hero-360 .hero-360__loader {
        margin-top: 250px
    }
}

@media (min-width: 1200px)and (max-width: 1199.98px) {
    .hero-360 .hero-360__loader {
        margin-top: 300px
    }
}

@media (min-width: 1440px) {
    .hero-360 .hero-360__loader {
        margin-top: 350px
    }
}

.hero-360 .hero-360__loader.hidden {
    display: none !important
}

.hero-360 .hero-360__info-block-row {
    margin: 0 auto;
    overflow: visible;
    padding: 0 15px;
    position: relative
}

@media (max-width: 767.98px) {
    .hero-360 .hero-360__info-block-row {
        max-width: 510px;
        padding: 0
    }
}

.hero-360 .hero-360__info-block {
    margin-top: -105px;
    position: relative
}

@media (min-width: 768px) {
    .hero-360 .hero-360__info-block {
        margin-top: -90pt
    }
}

.hero-360 .hero-360__disclaimer {
    color: #000;
    display: block;
    margin-bottom: .625rem;
    padding: .5rem 1rem 0;
    position: relative;
    top: 100%
}

@media (min-width: 768px) {
    .hero-360 .hero-360__disclaimer {
        padding: .5rem 60px 0
    }
}

@media (min-width: 1200px) {
    .hero-360 .hero-360__disclaimer {
        padding: .5rem 0 0
    }
}

.hero-360 .hero-360__details {
    display: inline-block;
    left: 1pc;
    position: relative;
    top: -28px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

@media (max-width: 575.98px) {
    .hero-360 .hero-360__details {
        left: 1pc
    }
}

@media (min-width: 768px) {
    .hero-360 .hero-360__details {
        left: 0;
        margin-bottom: 20px;
        position: relative;
        top: -8px
    }
}

.hero-360 .hero-360__detail {
    display: block;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.hero-360 .hero-360__detail > span {
    display: block
}

.hero-360 .hero-360__detail li.active {
    opacity: 1
}

.hero-360 .hero-360__note {
    margin-top: 2px
}

.hero-360 .hero-360__detail.active {
    opacity: 1
}

.hero-360 .hero-360__customize-bike {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.mobile .hero-360 .hero-360__bike-block {
    max-width: 200vh
}

@media (min-width: 768px) {
    .mobile .hero-360 .hero-360__bike-block {
        max-width: 160vh
    }
}

.hero-360 .selector-panel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-line-pack: center;
    align-content: center;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
    padding: 0rem 0
}

.hero-360 .selector-panel.padding-sm {
    padding: 1rem 0
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .hero-360 .selector-panel {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        min-height: 18.188rem;
        padding: 1.5rem 0
    }
}

@media (min-width: 992px) {
    .hero-360 .selector-panel {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        min-height: 10.375rem;
        padding: 1.5rem 0
    }
}

.hero-360 .selector-panel-heads-up {
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.hero-360 .selector-panel-heads-up, .hero-360 .selector-panel-heads-up-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.hero-360 .selector-panel-heads-up-box {
    cursor: ew-resize;
    max-height: 100vh;
    position: relative;
    width: calc(100vw - 2pc)
}

@media (max-width: 575.98px) {
    .hero-360 .selector-panel-heads-up-box {
        width: 95vw
    }
}

.hero-360 .selector-panel-heads-up-box .heads-up-max-height {
    background: transparent;
    border: none;
    bottom: 0;
    cursor: ew-resize;
    height: 75vw;
    left: 50%;
    max-width: 95vw;
    outline: none;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 95vw
}

@media (min-width: 576px)and (max-width: 575.98px) {
    .hero-360 .selector-panel-heads-up-box .heads-up-max-height {
        height: 70vw
    }
}

@media (min-width: 768px)and (max-width: 767.98px) {
    .hero-360 .selector-panel-heads-up-box .heads-up-max-height {
        height: 65vw
    }
}

@media (min-width: 992px)and (max-width: 991.98px) {
    .hero-360 .selector-panel-heads-up-box .heads-up-max-height {
        height: 650px
    }
}

@media (min-width: 1200px)and (max-width: 1199.98px) {
    .hero-360 .selector-panel-heads-up-box .heads-up-max-height {
        height: 725px
    }
}

@media (min-width: 1440px) {
    .hero-360 .selector-panel-heads-up-box .heads-up-max-height {
        height: 850px
    }
}

.hero-360 .selector-panel-heads-up-box svg.spin-360 {
    bottom: 10px;
    height: 22px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .3s .4s;
    transition: opacity .3s .4s;
    width: 65px
}

.hero-360 .selector-panel-heads-up-box svg.spin-360 path {
    fill: rgba(0, 0, 0, .5);
    -webkit-transition: fill .4s;
    transition: fill .4s
}

.hero-360 .selector-panel-heads-up-box:hover svg.spin-360 path {
    fill: #000;
    -webkit-transition: fill .25s;
    transition: fill .25s
}

.hero-360 .selector-panel-heads-up-box.no-spin .heads-up-max-height {
    cursor: default
}

.hero-360 .selector-panel-heads-up-box.no-spin svg.spin-360 {
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.edge .hero-360 .selector-panel .selector-panel-heads-up-box, .ie11 .hero-360 .selector-panel .selector-panel-heads-up-box, .iphone .hero-360 .selector-panel .selector-panel-heads-up-box {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    background-color: rgba(0, 0, 128, .3);
    justify-content: flex-start
}

.edge .hero-360 .selector-panel .heads-up-max-height, .ie11 .hero-360 .selector-panel .heads-up-max-height, .iphone .hero-360 .selector-panel .heads-up-max-height {
    max-width: 96vw;
    width: 100vw
}

.edge .hero-360 .selector-panel .heads-up-max-height, .ie11 .hero-360 .selector-panel .heads-up-max-height {
    left: 0;
    -webkit-transform: none;
    transform: none;
    width: 100%
}

.hero-360 .selector-panel-item-title {
    letter-spacing: .1rem;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

@media (max-width: 767.98px) {
    .hero-360 .selector-panel-item-title {
        margin-left: 0
    }
}

.hero-360 .selector-panel-numeric {
    margin-top: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.hero-360 .selector-panel-numeric .disclaimer-tag {
    color: #ad4c0b !important
}

.hero-360 .selector-panel-control {
    -webkit-box-flex: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    width: 100%
}

@media (max-width: 575.98px) {
    .hero-360 .selector-panel-control {
        margin-top: 1.75rem;
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .hero-360 .selector-panel-control {
        margin-top: 1.188rem;
        padding-left: 2rem;
        padding-right: .438rem
    }
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .hero-360 .selector-panel-control {
        margin-top: 2.063rem;
        padding-left: 2rem;
        padding-right: .438rem
    }
}

.hero-360 .selector-panel-color-options {
    max-width: 100%;
    padding-left: 1pc;
    position: relative;
    width: 100%
}

@media (min-width: 576px) {
    .hero-360 .selector-panel-color-options {
        padding-left: 1pc
    }
}

@media (min-width: 768px) {
    .hero-360 .selector-panel-color-options {
        padding-left: 0
    }
}

.hero-360 .selector-panel-divider {
    -webkit-box-flex: 0;
    background-color: #757575;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 1px;
    flex: 0 0 1px;
    height: 1px;
    margin: 36px 1pc 10px;
    max-height: 1px
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .hero-360 .selector-panel-divider {
        height: auto;
        margin: 2.063rem 0;
        max-height: none;
        max-width: 1px;
        padding: 0;
        width: 1px
    }
}

@media (min-width: 992px) {
    .hero-360 .selector-panel-divider {
        height: auto;
        margin: 1.188rem 0;
        max-height: none;
        max-width: .063rem;
        padding: 0;
        width: .063rem
    }
}

.hero-360 .selector-panel-display {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: left;
    padding-left: 1pc;
    padding-right: 1pc;
    width: 100%
}

@media (min-width: 1200px) {
    .hero-360 .selector-panel-display {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width: 576px) {
    .hero-360 .selector-panel-display {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 768px) {
    .hero-360 .selector-panel-display {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-flex: 0;
        align-items: flex-start;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-left: 2pc;
        padding-right: 22px;
        padding-top: 0;
        width: auto
    }
}

@media (min-width: 992px) {
    .hero-360 .selector-panel-display {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.hero-360 .selector-panel-prices {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 1pc 0 8px;
    white-space: nowrap;
    width: 100%
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .hero-360 .selector-panel-prices {
        margin: 1.5rem 0;
        width: auto
    }
}

@media (min-width: 992px) {
    .hero-360 .selector-panel-prices {
        margin: 1.188rem 0;
        width: auto
    }
}

.hero-360 .selector-panel-prices > * {
    -webkit-box-flex: 1;
    display: inline-block;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0 3.125rem 0 0
}

.hero-360 .selector-panel-cta {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 10px 10px 0;
    width: 100%
}

@media (min-width: 576px) {
    .hero-360 .selector-panel-cta {
        margin: 0
    }
}

@media (min-width: 768px) {
    .hero-360 .selector-panel-cta {
        margin: 5px 10px 0 0;
        width: auto
    }
}

@media (min-width: 1200px) {
    .hero-360 .selector-panel-cta {
        margin: 1.188rem .625rem .625rem 0;
        width: auto
    }
}

.hero-360 .selector-panel-cta .mask-box-cta {
    display: block
}

.hero-360 .selector-panel-cta .mask-box-cta .cta-primary {
    -webkit-clip-path: none;
    clip-path: none
}

.hero-360 .selector-panel-cta a {
    white-space: nowrap;
    width: 100%
}

@media (max-width: 767.98px) {
    .hero-360 .selector-panel-cta a {
        width: auto
    }
}

.hero-360 .sprite360-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.hero-360 .sprite360-stage, .hero-360 .sprite360-stage:after {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.hero-360 .sprite360-stage:after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.hero-360 .sprite360-stage.fade-it {
    opacity: 0;
    -webkit-transition: opacity 0ms;
    transition: opacity 0ms
}

/* Canvas specific styles for fade effect */
.hero-360 canvas.sprite360-stage.fade-it {
    opacity: 0;
    -webkit-transition: opacity 0ms;
    transition: opacity 0ms
}

.bike-stage-canvas-container {
    position: relative;
    width: 100%;
    height: auto;
}

.bike-stage-canvas-container canvas {
    max-width: 100%;
    height: auto;
    display: block;
}

.bike-stage-canvas-container canvas {
    cursor: default; /* Default cursor for all states */
}

.bike-stage-canvas-container canvas.can-rotate {
    cursor: grab; /* Only show grab cursor when rotation is allowed */
}

.bike-stage-canvas-container canvas.can-rotate:active {
    cursor: grabbing; /* Only show grabbing cursor when actively dragging */
}

.bike-stage-canvas-container canvas.no-rotate {
    cursor: default; /* Explicitly set default cursor when rotation is disabled */
}

.bike-stage-canvas-container canvas.zoom-large {
    transform: scale(1.3);
    transform-origin: center;
}

/* Smooth transition for canvas state changes */
.bike-stage-canvas-container {
    overflow: hidden;
}

.bike-stage-canvas-container canvas {
    transition-property: transform, cursor;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}

/* View Toggle Buttons Styles */
.view-toggle-buttons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    margin-left: 20px; /* 靠近左边20px */
    opacity: 0; /* 初始隐藏 */
    visibility: hidden;
    transition: all 0.3s ease;
    pointer-events: none; /* 初始禁用点击 */
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1000; /* 确保按钮在最上层 */
    background: transparent; /* 去除背景色 */
}

.view-toggle-buttons.show {
    opacity: 1;
    pointer-events: auto; /* Enable interaction when visible */
}

.view-toggle-btn {
    border: none;
    padding: 8px 16px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: inherit;
    outline: none;
    touch-action: manipulation; /* 优化触摸体验 */
    -webkit-tap-highlight-color: transparent; /* 移除点击高亮 */
}

.view-toggle-btn.active {
    background: #000 !important;
    color: #fff !important;
}

.view-toggle-btn:not(.active) {
    background: #ccc !important;
    color: #000 !important;
}

.view-toggle-btn:hover {
    opacity: 0.8;
}

.view-toggle-btn:focus {
    outline: 2px solid #000;
    outline-offset: 2px;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    /* 移动端顶级按钮容器 - 与PC端保持一致 */
    .mobile-view-toggle-buttons-top {
        z-index: 10 !important; /* 与PC端一致的z-index */
        position: fixed !important; /* 固定定位，与PC端一致 */
        top: 80px !important; /* 固定位置，不可修改 */
        left: 20px !important; /* 与PC端一致的位置 */
        background: rgba(255, 255, 255, 0.9) !important; /* 与PC端一致的背景 */
        padding: 10px !important; /* 与PC端一致的内边距 */
        border-radius: 4px !important; /* 与PC端一致的圆角 */
        backdrop-filter: blur(10px) !important; /* 与PC端一致的模糊效果 */
        pointer-events: none !important; /* 容器本身不拦截事件 */
    }
    
    .mobile-view-toggle-buttons-top .view-toggle-buttons {
        pointer-events: auto !important; /* 只有按钮区域可点击 */
        /*z-index: 99999 !important;*/
        position: relative !important;
        width: fit-content !important;
    }
    
    .view-toggle-buttons {
        gap: 10px; /* 增加按钮间距 */
        margin-bottom: 10px;
        margin-left: 0px; /* 重置margin，通过padding控制 */
        /*z-index: 99999 !important; !* 超高优先级 *!*/
        position: relative !important;
        opacity: 1 !important; /* 强制确保移动端按钮可见 */
        pointer-events: auto !important; /* 强制确保移动端按钮可点击 */
        display: flex !important; /* 强制确保移动端按钮显示 */
    }
    
    .view-toggle-btn {
        background: #E1E1E1 !important; /* 与PC端一致的背景色 */
        border: 1px solid #999 !important; /* 与PC端一致的边框 */
        padding: 8px 16px !important; /* 与PC端一致的内边距 */
        margin: 0 5px !important; /* 与PC端一致的外边距 */
        cursor: pointer !important;
        font-size: 16px !important; /* 与PC端一致的字体大小 */
        color: #333 !important; /* 与PC端一致的文字颜色 */
        border-radius: 4px !important; /* 与PC端一致的圆角 */
        transition: all 0.2s ease !important; /* 与PC端一致的过渡效果 */
        font-weight: 400 !important; /* 与PC端一致的字体粗细 */
        box-shadow: none !important; /* 与PC端一致，无阴影 */
        outline: none !important; /* 与PC端一致，无轮廓 */
        font-family: Franklin Gothic ATF, sans-serif !important; /* 与PC端一致的字体 */
        position: relative !important;
        pointer-events: auto !important;
        opacity: 1 !important;
        touch-action: manipulation !important; /* 防止双击缩放 */
        -webkit-tap-highlight-color: transparent !important; /* 移除点击高亮 */
        user-select: none !important; /* 防止文字选择 */
        display: inline-block !important; /* 与PC端一致的显示方式 */
        min-height: 44px; /* iOS推荐最小点击区域 */
    }
    
    /* 移动端按钮状态样式 - 与PC端保持一致 */
    .mobile-view-toggle-buttons-top .view-toggle-btn.active,
    .mobile .view-toggle-btn.active {
        background: #000 !important; /* 与PC端一致的激活背景色 */
        color: #fff !important; /* 与PC端一致的激活文字颜色 */
        border-color: #000 !important; /* 与PC端一致的激活边框色 */
        font-weight: 700 !important; /* 与PC端一致的激活字体粗细 */
        box-shadow: none !important; /* 与PC端一致，无阴影 */
        outline: none !important; /* 与PC端一致，无轮廓 */
    }
    
    .mobile-view-toggle-buttons-top .view-toggle-btn:not(.active),
    .mobile .view-toggle-btn:not(.active) {
        background: #E1E1E1 !important; /* 与PC端一致的非激活背景色 */
        color: #333 !important; /* 与PC端一致的非激活文字颜色 */
        border-color: #999 !important; /* 与PC端一致的非激活边框色 */
        font-weight: 400 !important; /* 与PC端一致的非激活字体粗细 */
        box-shadow: none !important; /* 与PC端一致，无阴影 */
        outline: none !important; /* 与PC端一致，无轮廓 */
    }
    
    /* 移动端按钮hover效果 - 与PC端保持一致 */
    .mobile .view-toggle-btn:hover,
    .mobile .view-toggle-btn:active,
    .mobile .view-toggle-btn:focus {
        opacity: 0.8 !important;
        box-shadow: none !important; /* 与PC端一致，无阴影 */
        outline: none !important; /* 与PC端一致，无轮廓 */
    }
    
    /* 确保移动端按钮容器在所有元素之上 */
    .view-toggle-buttons-wrapper {
        z-index: 9999 !important;
        position: relative !important;
    }
    
    /* 防止其他元素覆盖按钮 */
    .hero-360__bike-block {
        z-index: 1 !important;
    }
    
    .bike-stage-canvas-container {
        z-index: 1 !important;
    }
    
    canvas.sprite360-stage {
        z-index: 1 !important;
    }
    
    /* 移动端弹窗样式优化 */
    .hotspot-modal {
        z-index: 999999999 !important; /* 移动端使用更高的z-index */
        position: fixed !important;
        display: none !important;
    }
    
    .hotspot-modal.show {
        display: flex !important;
        pointer-events: auto !important;
        touch-action: auto !important;
    }
    
    .hotspot-modal-content {
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 !important;
        font-size: 16px !important;
        z-index: 999999999 !important;
        pointer-events: auto !important;
        touch-action: auto !important;
        height: 70vh !important;
        max-height: 70vh !important;
        border-radius: 0 !important;
    }
    
    .hotspot-modal-close {
        font-size: 28px !important; /* 移动端增大关闭按钮 */
        padding: 10px !important;
        right: 10px !important;
        top: 10px !important;
        z-index: 999999999 !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
        cursor: pointer !important;
        position: absolute !important;
        width: 40px !important;
        height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        border: none !important;
        color: #aaa !important;
        font-weight: bold !important;
    }
    
    .hotspot-modal-close:hover,
    .hotspot-modal-close:focus {
        color: #000 !important;
    }
}

/* Features Hotspots Styles */
.features-hotspots {
    display: none; /* 默认隐藏 */
}

.features-hotspots.show {
    display: block; /* features模式下显示 */
}

.hotspot {
    transition: all 0.3s ease;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.8);
    animation: pulse 2s infinite;
    background: #ffffff !important; /* 白色圆点 */
    border: 2px solid rgba(0, 0, 0, 0.3); /* 添加边框增强可见性 */
}

.hotspot:hover {
    transform: scale(1.2);
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.9);
    border: 2px solid rgba(0, 0, 0, 0.5);
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.8);
    }
    50% {
        box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.4);
    }
    100% {
        box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.8);
    }
}

/* Hotspot Modal Styles */
.hotspot-modal {
    display: none !important; /* 强制隐藏，防止被其他样式覆盖 */
    position: fixed;
    z-index: 99999 !important; /* 超高优先级，确保在所有元素之上 */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}

.hotspot-modal.show {
    display: flex !important; /* 确保显示时能覆盖隐藏样式 */
    visibility: visible !important;
    opacity: 1 !important;
}

.hotspot-modal-content {
    background-color: white;
    padding: 0;
    border-radius: 8px;
    max-width: 500px;
    width: 90%;
    height: 600px;
    max-height: 100vh;
    position: relative;
    animation: modalFadeIn 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.hotspot-modal-close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    color: #999;
}

.hotspot-modal-close:hover {
    color: #000;
}

/* 弹窗内容区域样式 */
.hotspot-modal .modal-header {
    flex-shrink: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.hotspot-modal .modal-body {
    flex: 1;
    overflow-y: auto;
    /*padding-right: 5px;*/
}

/* 弹窗导航样式 - 使用flex布局自动贴底，具体样式在template.ftl内联CSS中定义 */

/* 滚动条样式优化 */
.hotspot-modal .modal-body::-webkit-scrollbar {
    width: 6px;
}

.hotspot-modal .modal-body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.hotspot-modal .modal-body::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.hotspot-modal .modal-body::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* 热点悬浮提示样式 */
.hotspot-tooltip {
    position: absolute;
    display: none;
    background: #fff;
    color: #000;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    white-space: nowrap;
    max-width: 400px;
    z-index: 10002;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    transform: translateX(-50%);
    pointer-events: none;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25), 0 4px 8px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.15);
}

/* 如果文字过长，显示省略号 */
@media (max-width: 768px) {
    .hotspot-tooltip {
        max-width: 300px;
        font-size: 17px;
        padding: 10px 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.hotspot-tooltip::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 8px solid transparent;
    border-top-color: #fff;
    border-bottom: none;
}

.hotspot-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 9px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.15);
    border-bottom: none;
    z-index: -1;
}

.hero-360 .sprite360-stage li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 0px;
    flex: 0 1 0;
    opacity: 0
}

.hero-360 .sprite360-stage li > img {
    vertical-align: top;
    width: 100%
}

.hero-360 .sprite360-stage li.active {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    opacity: 1
}

.rtl .hero-360 .hero-360__disclaimer, .rtl .hero-360 .selector-panel-base-cost, .rtl .hero-360 .selector-panel-color-options, .rtl .hero-360 .selector-panel-monthly-cost {
    text-align: right
}

.rtl .hero-360 .hero-360__detail {
    left: auto;
    right: 0
}

.rtl .hero-360 .selector-panel-control {
    padding: 0 2rem 0 .4375rem
}

.rtl .hero-360 .hero-360__title-block {
    text-align: right;
    width: auto
}

.rtl .hero-360 .hero-360__title-category {
    direction: ltr !important
}

.hero-360 .color-selector {
    margin-left: -1pc;
    overflow: hidden;
    position: unset;
    height: 35%
}

.b4-dropdown-light {
    padding: 3px 0
}

.b4-dropdown-light .dropdown-toggle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000;
    border: 0.0625rem solid #000;
    /*background-color: #fa6600;*/
    /*border: 1px solid #fa6600;*/
    border-radius: 2px;
    color: #fff;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    font-size: 1.125rem;
    min-height: 3pc;
    min-width: 228px;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%
}

.b4-dropdown-light .dropdown-toggle:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: none;
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 10px;
    text-transform: none;
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s
}

.b4-dropdown-light .dropdown-toggle:focus, .b4-dropdown-light .dropdown-toggle:not(:disabled):not(.disabled):active {
    background-color: #000;
    border: 0.0625rem solid #000;
    -webkit-box-shadow: 0 0 6px 0 #0067f4;
    box-shadow: 0 0 6px 0 #0067f4;
    color: #fff
}

.b4-dropdown-light .dropdown-toggle > span {
    -webkit-box-flex: 1;
    display: block;
    -ms-flex: 1 0 80%;
    flex: 1 0 80%;
    line-height: 1.4;
    padding: 1rem 2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: normal
}

.b4-dropdown-light .dropdown-menu {
    border-radius: 2px;
    min-width: 100%;
    padding: 0;
    top: calc(100% - 3px)
}

.b4-dropdown-light .dropdown-menu > * {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 40px;
    text-decoration: none
}

.b4-dropdown-light .dropdown-menu > :after {
    -webkit-box-flex: 0;
    background: url(/.resources/hd-cn-template/webresources/h-d/clientlibs/core/clientlib-site-global/resources/images/bike/arrow-right-black.svg) no-repeat 0 0;
    content: "";
    display: block;
    -ms-flex: 0 0 11px;
    flex: 0 0 11px;
    font-family: icomoon;
    font-size: 7px;
    height: 7px;
    width: 11px
}

.b4-dropdown-light .dropdown-menu > * span {
    -webkit-box-flex: 1;
    display: block;
    -ms-flex: 1 0 80%;
    flex: 1 0 80%;
    line-height: 1.4;
    padding-right: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: normal
}

.b4-dropdown-light .dropdown-item {
    cursor: pointer;
    font-size: 1.125rem;
    padding: .25rem 1rem
}

.b4-dropdown-light .dropdown-item:focus, .b4-dropdown-light .dropdown-item:hover {
    background-color: #eeeceb
}

.b4-dropdown-light .dropdown-item:active {
    background-color: #e7e4e3
}

.b4-dropdown-light .dropdown-item:focus {
    -webkit-box-shadow: 0 0 5px 1px #0067f4 !important;
    box-shadow: 0 0 5px 1px #0067f4 !important;
    outline: 5px auto #0067f4 !important
}

.b4-dropdown-light .dropdown-item.force-no-outline:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important
}

.b4-dropdown-light:not(.show) .dropdown-toggle:not(.force-no-outline):focus {
    -webkit-clip-path: none;
    clip-path: none
}

.b4-dropdown-light.flip-toggle .dropdown-toggle:after {
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s
}

.b4-dropdown-light.flip-toggle .dropdown-menu {
    top: 1px;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

html.ie11 .b4-dropdown-light .dropdown-toggle {
    height: 3pc
}

html.ie11 .b4-dropdown-light .dropdown-toggle:after {
    -ms-flex-item-align: center;
    align-self: center
}

html.ie11 .b4-dropdown-light .dropdown-item span {
    padding: 10px 10px 10px 0
}

html.ie11 .b4-dropdown-light .dropdown-item:after {
    -ms-flex-item-align: center;
    align-self: center
}

.b4-dropdown-light.show .dropdown-toggle, .b4-dropdown-light:focus .dropdown-toggle, html.desktop .b4-dropdown-light:hover .dropdown-toggle {
    background-color: #000;
    border: 0.0625rem solid #000;
    /*background-color: #fa6600;*/
    /*border: 1px solid #fa6600;*/
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.b4-dropdown-light.show .dropdown-toggle:focus, .b4-dropdown-light:focus .dropdown-toggle:focus, html.desktop .b4-dropdown-light:hover .dropdown-toggle:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.b4-dropdown-light.show .dropdown-menu, .b4-dropdown-light:focus .dropdown-menu, html.desktop .b4-dropdown-light:hover .dropdown-menu {
    display: block
}

.b4-dropdown-light.focus .dropdown-toggle:after, .b4-dropdown-light.focus.flip-toggle .dropdown-toggle:after, .b4-dropdown-light.show .dropdown-toggle:after, .b4-dropdown-light.show.flip-toggle .dropdown-toggle:after, html.desktop .b4-dropdown-light:hover .dropdown-toggle:after, html.desktop .b4-dropdown-light:hover.flip-toggle .dropdown-toggle:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s
}

.b4-dropdown-light.focus .dropdown-toggle {
    -webkit-clip-path: none;
    clip-path: none
}

.b4-dropdown-light.show .dropdown-toggle {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none
}

.threesixty-sticky-bar {
    bottom: -12.5rem;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .33);
    box-shadow: 0 0 5px rgba(0, 0, 0, .33);
    left: 0;
    padding: 1rem 1.5rem;
    position: fixed;
    right: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: 99
}
.sticky-nav__product-label:last-child {
    border-left: 1px solid #e1e1e1;
    padding-left: 1rem
}
@media (min-width: 768px) {
    .threesixty-sticky-bar {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        /*align-items: center;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        /*justify-content: flex-end;*/
        padding: 1rem 1.75rem
    }
}

@media (min-width: 992px) {
    .threesixty-sticky-bar {
        padding: 1rem 2rem
    }
}

.threesixty-sticky-bar.threesixty-sticky-bar__show {
    bottom: 0
}

.threesixty-sticky-bar__product-label {
    display: none;
    margin-bottom: 1rem;
    width: 100%
}

@media (min-width: 768px) {
    .threesixty-sticky-bar__product-label {
        display: block;
        margin-bottom: 0;
        width: auto
    }

    .threesixty-sticky-bar__dropdown {
        margin-left: 1rem;
        margin-top: 0
    }
}

@media (min-width: 992px) {
    .threesixty-sticky-bar__dropdown {
        margin-left: 1.5rem
    }
}

.threesixty-sticky-bar:not(.threesixty-sticky-bar__show) .threesixty-sticky-bar__dropdown .dropdown .dropdown-menu {
    display: none
}

.threesixty-sticky-bar__show .threesixty-sticky-bar__dropdown {
    display: block;
    -webkit-transition: display 0ms 0ms;
    transition: display 0ms 0ms
}

.threesixty-sticky-bar__show .threesixty-sticky-bar__dropdown .dropdown .dropdown-menu.show {
    display: block
}

.threesixty-sticky-bar__cta {
    margin-top: 1rem;
    width: 100%
}

@media (min-width: 768px) {
    .threesixty-sticky-bar__cta {
        margin-left: 1rem;
        margin-top: 0;
        width: auto
    }
}

@media (min-width: 992px) {
    .threesixty-sticky-bar__cta {
        margin-left: 1.5rem
    }
}

.threesixty-sticky-bar__cta a, .threesixty-sticky-bar__cta-button {
    width: 100%
}

@media (min-width: 768px) {
    .threesixty-sticky-bar__cta a, .threesixty-sticky-bar__cta-button {
        width: auto
    }
}

.threesixty-sticky-bar__hide.cta-primary {
    display: none !important
}






























































































section:has(>div>.explore-all-section) {
    padding-top: 40px!important;
    padding-bottom: 40px!important
}

div:has(>.explore-all-section) {
    @media (max-width: 1200px) {
        flex-direction:column!important
    }
}

div:has(>.explore-all-section) h2 {
    @media (max-width: 744px) {
        line-height:24px!important
    }

    @media (max-width: 1200px) {
        line-height:28px
    }
}

*,:after,:before {
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

/*
! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com
*/
button,input,optgroup,select,textarea {
    letter-spacing: inherit
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.container {
    width: 100%
}

@media (min-width: 375px) {
    .container {
        /*max-width:375px*/
    }
}

@media (min-width: 576px) {
    .container {
        max-width:576px
    }
}

@media (min-width: 744px) {
    .container {
        max-width:744px
    }
}

@media (min-width: 992px) {
    .container {
        max-width:992px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1200px
    }
}

@media (min-width: 1400px) {
    .container {
        max-width:1200px
    }
}

.pointer-events-none {
    pointer-events: none
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.\!fixed {
    position: fixed!important
}

.fixed {
    position: fixed
}

.\!absolute {
    position: absolute!important
}

.absolute {
    position: absolute
}

.\!relative {
    position: relative!important
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.\!right-2\.5 {
    right: .625rem!important
}

.\!top-0 {
    top: 0!important
}

.\!top-4 {
    top: 1rem!important
}

.-bottom-4 {
    bottom: -1rem
}

.-left-2 {
    left: -.5rem
}

.bottom-1 {
    bottom: .25rem
}

.bottom-\[0\.3px\] {
    bottom: .3px
}

.bottom-\[16px\] {
    bottom: 16px
}

.bottom-\[40px\] {
    bottom: 40px
}

.left-0 {
    left: 0
}

.right-0 {
    right: 0
}

.right-\[16px\] {
    right: 16px
}

.top-1\/2 {
    top: 50%
}

.top-\[-4px\] {
    top: -4px
}

.top-\[-65px\] {
    top: -65px
}

.top-\[-75px\] {
    top: -75px
}

.top-\[104px\] {
    top: 104px
}

.top-\[20px\] {
    top: 20px
}

.top-\[24\.1\%\] {
    top: 24.1%
}

.top-\[3\.5px\] {
    top: 3.5px
}

.top-\[32\.5\%\] {
    top: 32.5%
}

.top-\[56px\] {
    top: 56px
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-\[-1\] {
    z-index: -1
}

.col-start-1 {
    grid-column-start: 1
}

.col-start-4 {
    grid-column-start: 4
}

.col-end-4 {
    grid-column-end: 4
}

.col-end-7 {
    grid-column-end: 7
}

.row-start-1 {
    grid-row-start: 1
}

.row-start-3 {
    grid-row-start: 3
}

.row-start-5 {
    grid-row-start: 5
}

.row-end-3 {
    grid-row-end: 3
}

.row-end-5 {
    grid-row-end: 5
}

.row-end-7 {
    grid-row-end: 7
}

.mx-0 {
    margin-left: 0;
    margin-right: 0
}

.mx-\[20px\] {
    margin-left: 20px;
    margin-right: 20px
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.\!mb-0 {
    margin-bottom: 0!important
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-\[10px\] {
    margin-bottom: 10px
}

.mt-2 {
    margin-top: .5rem
}

.mt-2\.5 {
    margin-top: .625rem
}

.mt-\[40px\] {
    margin-top: 40px
}

.box-border {
    box-sizing: border-box
}

.block {
    display: block
}

.flex {
    display: flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-\[690\/492\] {
    aspect-ratio: 690/492
}

.aspect-\[690\/966\] {
    aspect-ratio: 690/966
}

.\!h-\[100vh\] {
    height: 100vh!important
}

.\!h-\[120vh\] {
    height: 120vh!important
}

.\!h-\[150vh\] {
    height: 150vh!important
}

.\!h-\[32px\] {
    height: 32px!important
}

.\!h-\[90vh\] {
    height: 90vh!important
}

.\!h-\[95vh\] {
    height: 95vh!important
}

.\!h-auto {
    height: auto!important
}

.h-10 {
    height: 2.5rem
}

.h-5 {
    height: 1.25rem
}

.h-\[100vh\] {
    height: 100vh
}

.h-\[150vh\] {
    height: 150vh
}

.h-\[181px\] {
    height: 181px
}

.h-\[1px\] {
    height: 1px
}

.h-\[200px\] {
    height: 200px
}

.h-\[20px\] {
    height: 20px
}

.h-\[34px\] {
    height: 34px
}

.h-\[3px\] {
    height: 3px
}

.h-\[420px\] {
    height: 420px
}

.h-\[48px\] {
    height: 48px
}

.h-fit {
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.\!max-h-\[80\%\] {
    max-height: 80%!important
}

.max-h-\[100vh\] {
    max-height: 100vh
}

.\!min-h-10 {
    min-height: 2.5rem!important
}

.min-h-\[100vh\] {
    min-height: 100vh
}

.min-h-full {
    min-height: 100%
}

.\!w-\[32px\] {
    width: 32px!important
}

.\!w-fit {
    width: -moz-fit-content!important;
    width: fit-content!important
}

.\!w-full {
    width: 100%!important
}

.w-\[1px\] {
    width: 1px
}

.w-\[20px\] {
    width: 20px
}

.w-\[294px\] {
    width: 294px
}

.w-\[3px\] {
    width: 3px
}

.w-\[400px\] {
    width: 400px
}

.w-\[75\%\] {
    width: 75%
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.min-w-full {
    min-width: 100%
}

.max-w-60 {
    max-width: 15rem
}

.max-w-\[100vw\] {
    max-width: 100vw
}

.max-w-\[1360px\] {
    max-width: 1360px
}

.max-w-\[500px\] {
    max-width: 500px
}

.max-w-full {
    max-width: 100%
}

.-translate-y-1 {
    --tw-translate-y: -0.25rem
}

.-translate-y-1,.-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-full {
    --tw-translate-y: -100%
}

.-translate-y-full,.translate-y-0 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-0 {
    --tw-translate-y: 0px
}

.scale-\[1\.8\] {
    --tw-scale-x: 1.8;
    --tw-scale-y: 1.8
}

.scale-\[1\.8\],.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-default {
    cursor: default
}

.cursor-grab {
    cursor: grab
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.resize {
    resize: both
}

.scroll-m-\[100px\] {
    scroll-margin: 100px
}

.scroll-m-\[50px\] {
    scroll-margin: 50px
}

.\!appearance-none {
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-6 {
    grid-template-columns: repeat(6,minmax(0,1fr))
}

.grid-cols-\[repeat\(2\2c _minmax\(294px\2c _1fr\)\)\] {
    grid-template-columns: repeat(2,minmax(294px,1fr))
}

.grid-rows-4 {
    grid-template-rows: repeat(4,minmax(0,1fr))
}

.grid-rows-6 {
    grid-template-rows: repeat(6,minmax(0,1fr))
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.justify-start {
    justify-content: flex-start
}

.\!justify-center {
    justify-content: center!important
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.\!gap-2 {
    gap: .5rem!important
}

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-3 {
    gap: .75rem
}

.gap-\[12px\] {
    gap: 12px
}

.gap-\[16px\] {
    gap: 16px
}

.gap-\[20px\] {
    gap: 20px
}

.gap-\[2px\] {
    gap: 2px
}

.gap-\[40px\] {
    gap: 40px
}

.gap-\[5px\] {
    gap: 5px
}

.gap-\[6px\] {
    gap: 6px
}

.gap-\[8px\] {
    gap: 8px
}

.gap-x-2\.5 {
    -moz-column-gap: .625rem;
    column-gap: .625rem
}

.gap-y-5 {
    row-gap: 1.25rem
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}

.divide-light-grey>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(238 236 235/var(--tw-divide-opacity))
}

.divide-lightest-grey>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(246 246 246/var(--tw-divide-opacity))
}

.self-center {
    align-self: center
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.whitespace-nowrap {
    white-space: nowrap
}

.rounded {
    border-radius: .25rem
}

.rounded-\[4px\] {
    border-radius: 4px
}

.\!rounded-t-lg {
    border-top-left-radius: .5rem!important;
    border-top-right-radius: .5rem!important
}

.border {
    border-width: 1px
}

.\!border-b {
    border-bottom-width: 1px!important
}

.\!border-t {
    border-top-width: 1px!important
}

.border-b {
    border-bottom-width: 1px
}

.border-l {
    border-left-width: 1px
}

.border-t {
    border-top-width: 1px
}

.\!border-none {
    border-style: none!important
}

.\!border-light-grey {
    --tw-border-opacity: 1!important;
    border-color: rgb(238 236 235/var(--tw-border-opacity))!important
}

.border-input-grey {
    --tw-border-opacity: 1;
    border-color: rgb(225 225 225/var(--tw-border-opacity))
}

.border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgb(248 113 113/var(--tw-border-opacity))
}

.border-transparent {
    border-color: transparent
}

.\!bg-\[\#E1E1E1\] {
    --tw-bg-opacity: 1!important;
    background-color: rgb(225 225 225/var(--tw-bg-opacity))!important
}

.\!bg-black {
    --tw-bg-opacity: 1!important;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))!important
}

.\!bg-lightest-grey {
    --tw-bg-opacity: 1!important;
    background-color: rgb(246 246 246/var(--tw-bg-opacity))!important
}

.\!bg-white {
    --tw-bg-opacity: 1!important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))!important
}

.bg-\[\#F6F6F6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-input-grey {
    --tw-bg-opacity: 1;
    background-color: rgb(225 225 225/var(--tw-bg-opacity))
}

.bg-light-grey {
    --tw-bg-opacity: 1;
    background-color: rgb(238 236 235/var(--tw-bg-opacity))
}

.bg-lightest-grey {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity))
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(250 102 0/var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.\!bg-opacity-60 {
    --tw-bg-opacity: 0.6!important
}

.fill-white {
    fill: #fff
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.\!p-0 {
    padding: 0!important
}

.\!p-4 {
    padding: 1rem!important
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.\!px-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.\!py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.\!py-20 {
    padding-top: 5rem!important;
    padding-bottom: 5rem!important
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px
}

.px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px
}

.px-\[22px\] {
    padding-left: 22px;
    padding-right: 22px
}

.px-\[6px\] {
    padding-left: 6px;
    padding-right: 6px
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-\[13px\] {
    padding-top: 13px;
    padding-bottom: 13px
}

.py-\[14px\] {
    padding-top: 14px;
    padding-bottom: 14px
}

.py-\[15px\] {
    padding-top: 15px;
    padding-bottom: 15px
}

.py-\[16px\] {
    padding-top: 16px;
    padding-bottom: 16px
}

.py-\[60px\] {
    padding-top: 60px;
    padding-bottom: 60px
}

.py-\[80px\] {
    padding-top: 80px;
    padding-bottom: 80px
}

.\!pr-3 {
    padding-right: .75rem!important
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-\[134px\] {
    padding-bottom: 134px
}

.pl-2\.5 {
    padding-left: .625rem
}

.pl-4 {
    padding-left: 1rem
}

.pr-2\.5 {
    padding-right: .625rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-\[20px\] {
    padding-right: 20px
}

.pt-2 {
    padding-top: .5rem
}

.pt-2\.5 {
    padding-top: .625rem
}

.pt-20 {
    padding-top: 5rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.text-center {
    text-align: center
}

.align-super {
    vertical-align: super
}

.font-sans {
    font-family: Franklin Gothic ATF,sans-serif
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[16px\] {
    font-size: 16px
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.\!font-bold {
    font-weight: 700!important
}

.\!font-normal {
    font-weight: 400!important
}

.font-bold {
    font-weight: 700
}

.font-normal {
    font-weight: 400
}

.uppercase {
    text-transform: uppercase
}

.leading-10 {
    line-height: 2.5rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-8 {
    line-height: 2rem
}

.leading-\[0\] {
    line-height: 0
}

.leading-\[18px\] {
    line-height: 18px
}

.leading-\[40px\] {
    line-height: 40px
}

.\!text-dark-grey {
    --tw-text-opacity: 1!important;
    color: rgb(80 80 80/var(--tw-text-opacity))!important
}

.\!text-middle-grey {
    --tw-text-opacity: 1!important;
    color: rgb(117 117 117/var(--tw-text-opacity))!important
}

.text-\[\#C2550C\] {
    --tw-text-opacity: 1;
    color: rgb(194 85 12/var(--tw-text-opacity))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-dark-grey {
    --tw-text-opacity: 1;
    color: rgb(80 80 80/var(--tw-text-opacity))
}

.text-middle-grey {
    --tw-text-opacity: 1;
    color: rgb(117 117 117/var(--tw-text-opacity))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.\!no-underline {
    text-decoration-line: none!important
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.mix-blend-normal {
    mix-blend-mode: normal
}

.mix-blend-multiply {
    mix-blend-mode: multiply
}

.shadow-\[0px_6px_12px_0px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
    --tw-shadow: 0px 6px 12px 0px rgba(0,0,0,.12);
    --tw-shadow-colored: 0px 6px 12px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.duration-\[650ms\] {
    transition-duration: .65s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0,0,.2,1)
}

html {
    scroll-behavior: smooth
}

body {
    font-family: Franklin Gothic ATF,"sans-serif";
    max-width: 100vw;
    overflow-x: hidden
}

.hover\:bg-lightest-grey:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:\!no-underline:hover {
    text-decoration-line: none!important
}

.hover\:no-underline:hover {
    text-decoration-line: none
}

.focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus-visible\:\!outline-black:focus-visible {
    outline-color: #000!important
}

.focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.data-\[state\=active\]\:text-black[data-state=active] {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.data-\[state\=active\]\:shadow-\[inset_0_-1px_0_0\2c 0_1px_0_0\][data-state=active] {
    --tw-shadow: inset 0 -1px 0 0,0 1px 0 0;
    --tw-shadow-colored: inset 0 -1px 0 0 var(--tw-shadow-color),0 1px 0 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.data-\[state\=active\]\:shadow-black[data-state=active] {
    --tw-shadow-color: #000;
    --tw-shadow: var(--tw-shadow-colored)
}

@media (min-width: 744px) {
    .md\:relative {
        position:relative
    }

    .md\:\!right-5 {
        right: 1.25rem!important
    }

    .md\:\!top-5 {
        top: 1.25rem!important
    }

    .md\:\!top-\[-100px\] {
        top: -100px!important
    }

    .md\:\!top-\[-120px\] {
        top: -120px!important
    }

    .md\:bottom-\[120px\] {
        bottom: 120px
    }

    .md\:bottom-\[70px\] {
        bottom: 70px
    }

    .md\:top-\[140px\] {
        top: 140px
    }

    .md\:col-start-1 {
        grid-column-start: 1
    }

    .md\:col-start-4 {
        grid-column-start: 4
    }

    .md\:col-end-4 {
        grid-column-end: 4
    }

    .md\:col-end-7 {
        grid-column-end: 7
    }

    .md\:row-start-1 {
        grid-row-start: 1
    }

    .md\:row-start-3 {
        grid-row-start: 3
    }

    .md\:row-start-5 {
        grid-row-start: 5
    }

    .md\:row-end-3 {
        grid-row-end: 3
    }

    .md\:row-end-5 {
        grid-row-end: 5
    }

    .md\:row-end-7 {
        grid-row-end: 7
    }

    .md\:mx-\[20px\] {
        margin-left: 20px;
        margin-right: 20px
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:\!h-\[40px\] {
        height: 40px!important
    }

    .md\:h-12 {
        height: 3rem
    }

    .md\:h-\[100vh\] {
        height: 100vh
    }

    .md\:h-\[165vh\] {
        height: 165vh
    }

    .md\:h-\[244px\] {
        height: 244px
    }

    .md\:h-\[24px\] {
        height: 24px
    }

    .md\:\!max-h-\[65\%\] {
        max-height: 65%!important
    }

    .md\:\!w-\[40px\] {
        width: 40px!important
    }

    .md\:w-\[24px\] {
        width: 24px
    }

    .md\:w-\[90\%\] {
        width: 90%
    }

    .md\:w-full {
        width: 100%
    }

    .md\:\!max-w-\[480px\] {
        max-width: 480px!important
    }

    .md\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .md\:gap-16 {
        gap: 4rem
    }

    .md\:gap-3 {
        gap: .75rem
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:gap-5 {
        gap: 1.25rem
    }

    .md\:gap-\[20px\] {
        gap: 20px
    }

    .md\:gap-\[64px\] {
        gap: 64px
    }

    .md\:gap-x-\[9px\] {
        -moz-column-gap: 9px;
        column-gap: 9px
    }

    .md\:\!bg-lightest-grey {
        --tw-bg-opacity: 1!important;
        background-color: rgb(246 246 246/var(--tw-bg-opacity))!important
    }

    .md\:object-contain {
        -o-object-fit: contain;
        object-fit: contain
    }

    .md\:\!p-5 {
        padding: 1.25rem!important
    }

    .md\:\!p-6 {
        padding: 1.5rem!important
    }

    .md\:p-4 {
        padding: 1rem
    }

    .md\:p-6 {
        padding: 1.5rem
    }

    .md\:\!py-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .md\:py-\[120px\] {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .md\:py-\[34px\] {
        padding-top: 34px;
        padding-bottom: 34px
    }

    .md\:py-\[48px\] {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .md\:py-\[80px\] {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .md\:\!pr-5 {
        padding-right: 1.25rem!important
    }

    .md\:pl-5 {
        padding-left: 1.25rem
    }

    .md\:pr-0 {
        padding-right: 0
    }

    .md\:pr-5 {
        padding-right: 1.25rem
    }

    .md\:pt-\[120px\] {
        padding-top: 120px
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .md\:\!leading-7 {
        line-height: 1.75rem!important
    }

    .md\:leading-10 {
        line-height: 2.5rem
    }

    .md\:leading-5 {
        line-height: 1.25rem
    }

    .md\:leading-7 {
        line-height: 1.75rem
    }

    .md\:leading-\[48px\] {
        line-height: 48px
    }
}

@media (min-width: 992px) {
    .lg\:visible {
        visibility:visible
    }

    .lg\:\!top-\[41\%\] {
        top: 41%!important
    }

    .lg\:left-0 {
        left: 0
    }

    .lg\:mb-\[20px\] {
        margin-bottom: 20px
    }

    .lg\:mt-3 {
        margin-top: .75rem
    }

    .lg\:mt-5 {
        margin-top: 1.25rem
    }

    .lg\:block {
        display: block
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-full {
        height: 100%
    }

    .lg\:w-\[50\%\] {
        width: 50%
    }

    .lg\:min-w-\[250px\] {
        min-width: 250px
    }

    .lg\:max-w-\[48\%\] {
        max-width: 48%
    }

    .lg\:max-w-\[572px\] {
        max-width: 572px
    }

    .lg\:max-w-\[690px\] {
        max-width: 690px
    }

    .lg\:max-w-\[90\%\] {
        max-width: 90%
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:items-end {
        align-items: flex-end
    }

    .lg\:items-baseline {
        align-items: baseline
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:\!gap-10 {
        gap: 2.5rem!important
    }

    .lg\:gap-0 {
        gap: 0
    }

    .lg\:gap-2 {
        gap: .5rem
    }

    .lg\:gap-4 {
        gap: 1rem
    }

    .lg\:gap-5 {
        gap: 1.25rem
    }

    .lg\:gap-x-5 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

    .lg\:gap-y-10 {
        row-gap: 2.5rem
    }

    .lg\:p-5 {
        padding: 1.25rem
    }

    .lg\:\!px-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .lg\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .lg\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .lg\:px-\[20px\] {
        padding-left: 20px;
        padding-right: 20px
    }

    .lg\:py-\[100px\] {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .lg\:py-\[22px\] {
        padding-top: 22px;
        padding-bottom: 22px
    }

    .lg\:\!pt-4 {
        padding-top: 1rem!important
    }

    .lg\:pt-0 {
        padding-top: 0
    }

    .lg\:pt-5 {
        padding-top: 1.25rem
    }

    .lg\:\!leading-5 {
        line-height: 1.25rem!important
    }

    .lg\:\!leading-8 {
        line-height: 2rem!important
    }

    .lg\:leading-10 {
        line-height: 2.5rem
    }

    .lg\:leading-8 {
        line-height: 2rem
    }

    .lg\:leading-\[48px\] {
        line-height: 48px
    }

    .lg\:leading-\[64px\] {
        line-height: 64px
    }

    .lg\:transition-none {
        transition-property: none
    }

    .lg\:\!duration-\[150ms\] {
        transition-duration: .15s!important
    }

    .lg\:duration-0 {
        transition-duration: 0s
    }

    .lg\:duration-\[50ms\] {
        transition-duration: 50ms
    }
}

.\[\&\>h3\]\:text-sm>h3 {
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width: 744px) {
    .md\:\[\&\>h3\]\:text-base>h3 {
        font-size:1rem;
        line-height: 1.5rem
    }
}

@media(min-width: 1440px) {
    .\[\@media\(min-width\:1440px\)\]\:top-\[53px\] {
        top:53px
    }
}

@media(min-width: 2000px) {
    .\[\@media\(min-width\:2000px\)\]\:max-w-full {
        max-width:100%
    }
}

*,:after,:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:after,:before {
    --tw-content: ""
}

:host,html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: Franklin Gothic ATF,sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.ig-container {
    width: 100%
}

@media (min-width: 375px) {
    .ig-container {
        max-width:375px
    }
}

@media (min-width: 576px) {
    .ig-container {
        max-width:576px
    }
}

@media (min-width: 744px) {
    .ig-container {
        max-width:744px
    }
}

@media (min-width: 992px) {
    .ig-container {
        max-width:992px
    }
}

@media (min-width: 1200px) {
    .ig-container {
        max-width:1200px
    }
}

@media (min-width: 1400px) {
    .ig-container {
        max-width:1400px
    }
}

.ig-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

.ig-pointer-events-none {
    pointer-events: none
}

.ig-pointer-events-auto {
    pointer-events: auto
}

.ig-visible {
    visibility: visible
}

.ig-invisible {
    visibility: hidden
}

.ig-fixed {
    position: fixed
}

.\!ig-absolute {
    position: absolute!important
}

.ig-absolute {
    position: absolute
}

.\!ig-relative {
    position: relative!important
}

.ig-relative {
    position: relative
}

.ig-sticky {
    position: sticky
}

.\!ig-inset-0 {
    inset: 0!important
}

.ig-inset-0 {
    inset: 0
}

.ig-inset-x-0 {
    left: 0;
    right: 0
}

.ig-inset-y-0 {
    top: 0;
    bottom: 0
}

.\!ig-left-0 {
    left: 0!important
}

.\!ig-top-\[20\%\] {
    top: 20%!important
}

.ig-bottom-0 {
    bottom: 0
}

.ig-bottom-16 {
    bottom: 4rem
}

.ig-bottom-4 {
    bottom: 1rem
}

.ig-bottom-8 {
    bottom: 2rem
}

.ig-bottom-\[-1px\] {
    bottom: -1px
}

.ig-bottom-\[16px\] {
    bottom: 16px
}

.ig-bottom-\[20px\] {
    bottom: 20px
}

.ig-bottom-\[33\%\] {
    bottom: 33%
}

.ig-left-0 {
    left: 0
}

.ig-left-1\/2 {
    left: 50%
}

.ig-left-2 {
    left: .5rem
}

.ig-left-4 {
    left: 1rem
}

.ig-left-5 {
    left: 1.25rem
}

.ig-left-\[10px\] {
    left: 10px
}

.ig-left-\[16px\] {
    left: 16px
}

.ig-left-\[1rem\] {
    left: 1rem
}

.ig-left-\[20px\] {
    left: 20px
}

.ig-right-0 {
    right: 0
}

.ig-right-4 {
    right: 1rem
}

.ig-right-5 {
    right: 1.25rem
}

.ig-right-6 {
    right: 1.5rem
}

.ig-right-8 {
    right: 2rem
}

.ig-right-\[0\.5rem\] {
    right: .5rem
}

.ig-right-\[0\.75rem\] {
    right: .75rem
}

.ig-right-\[0\.9rem\] {
    right: .9rem
}

.ig-right-\[16px\] {
    right: 16px
}

.ig-right-\[1rem\] {
    right: 1rem
}

.ig-right-\[20px\] {
    right: 20px
}

.ig-right-\[22px\] {
    right: 22px
}

.ig-right-\[30px\] {
    right: 30px
}

.ig-right-\[31px\] {
    right: 31px
}

.ig-right-\[80px\] {
    right: 80px
}

.ig-top-0 {
    top: 0
}

.ig-top-1\/2 {
    top: 50%
}

.ig-top-1\/3 {
    top: 33.333333%
}

.ig-top-16 {
    top: 4rem
}

.ig-top-2\/3 {
    top: 66.666667%
}

.ig-top-4 {
    top: 1rem
}

.ig-top-\[-4px\] {
    top: -4px
}

.ig-top-\[22px\] {
    top: 22px
}

.ig-top-\[23px\] {
    top: 23px
}

.ig-top-\[33\%\] {
    top: 33%
}

.ig-top-\[40px\] {
    top: 40px
}

.ig-top-\[44px\] {
    top: 44px
}

.ig-top-full {
    top: 100%
}

.\!ig-z-10 {
    z-index: 10!important
}

.\!ig-z-20 {
    z-index: 20!important
}

.ig-z-10 {
    z-index: 10
}

.ig-z-20 {
    z-index: 20
}

.ig-z-30 {
    z-index: 30
}

.ig-z-40 {
    z-index: 40
}

.ig-z-50 {
    z-index: 50
}

.ig-z-\[1000\] {
    z-index: 1000
}

.ig-z-\[10\] {
    z-index: 10
}

.ig-z-\[1\] {
    z-index: 1
}

.ig-z-\[999\] {
    z-index: 999
}

.ig-col-start-1 {
    grid-column-start: 1
}

.ig-col-start-4 {
    grid-column-start: 4
}

.ig-col-end-4 {
    grid-column-end: 4
}

.ig-col-end-7 {
    grid-column-end: 7
}

.ig-row-start-1 {
    grid-row-start: 1
}

.ig-row-start-3 {
    grid-row-start: 3
}

.ig-row-start-5 {
    grid-row-start: 5
}

.ig-row-end-3 {
    grid-row-end: 3
}

.ig-row-end-5 {
    grid-row-end: 5
}

.ig-row-end-7 {
    grid-row-end: 7
}

.ig-m-0 {
    margin: 0
}

.ig-m-4 {
    margin: 1rem
}

.ig-m-\[3px\] {
    margin: 3px
}

.\!ig-mx-0 {
    margin-left: 0!important;
    margin-right: 0!important
}

.ig-mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.ig-mx-\[10px\] {
    margin-left: 10px;
    margin-right: 10px
}

.ig-mx-auto {
    margin-left: auto;
    margin-right: auto
}

.ig-my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.ig-my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.ig-my-\[48px\] {
    margin-top: 48px;
    margin-bottom: 48px
}

.ig-my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.\!ig-mb-2 {
    margin-bottom: .5rem!important
}

.\!ig-ml-0 {
    margin-left: 0!important
}

.\!ig-mr-0 {
    margin-right: 0!important
}

.ig-mb-0 {
    margin-bottom: 0
}

.ig-mb-1 {
    margin-bottom: .25rem
}

.ig-mb-1\.5 {
    margin-bottom: .375rem
}

.ig-mb-2 {
    margin-bottom: .5rem
}

.ig-mb-2\.5 {
    margin-bottom: .625rem
}

.ig-mb-3 {
    margin-bottom: .75rem
}

.ig-mb-4 {
    margin-bottom: 1rem
}

.ig-mb-5 {
    margin-bottom: 1.25rem
}

.ig-mb-6 {
    margin-bottom: 1.5rem
}

.ig-mb-8 {
    margin-bottom: 2rem
}

.ig-mb-\[10px\] {
    margin-bottom: 10px
}

.ig-mb-\[18px\] {
    margin-bottom: 18px
}

.ig-ml-1 {
    margin-left: .25rem
}

.ig-ml-2 {
    margin-left: .5rem
}

.ig-ml-3 {
    margin-left: .75rem
}

.ig-ml-5 {
    margin-left: 1.25rem
}

.ig-ml-\[0\.8125em\] {
    margin-left: .8125em
}

.ig-ml-\[0\.8125rem\] {
    margin-left: .8125rem
}

.ig-ml-\[13px\] {
    margin-left: 13px
}

.ig-ml-\[1px\] {
    margin-left: 1px
}

.ig-ml-\[2px\] {
    margin-left: 2px
}

.ig-mr-2 {
    margin-right: .5rem
}

.ig-mr-3 {
    margin-right: .75rem
}

.ig-mr-4 {
    margin-right: 1rem
}

.ig-mr-5 {
    margin-right: 1.25rem
}

.ig-ms-\[8px\] {
    margin-inline-start:8px}

.ig-mt-1 {
    margin-top: .25rem
}

.ig-mt-2 {
    margin-top: .5rem
}

.ig-mt-3 {
    margin-top: .75rem
}

.ig-mt-4 {
    margin-top: 1rem
}

.ig-mt-5 {
    margin-top: 1.25rem
}

.ig-mt-8 {
    margin-top: 2rem
}

.ig-mt-\[0\.5rem\] {
    margin-top: .5rem
}

.ig-mt-\[15px\] {
    margin-top: 15px
}

.ig-mt-\[20px\] {
    margin-top: 20px
}

.ig-mt-\[3px\] {
    margin-top: 3px
}

.ig-mt-\[40px\] {
    margin-top: 40px
}

.ig-mt-\[4px\] {
    margin-top: 4px
}

.ig-mt-\[6px\] {
    margin-top: 6px
}

.ig-mt-\[80px\] {
    margin-top: 80px
}

.ig-mt-auto {
    margin-top: auto
}

.ig-block {
    display: block
}

.ig-inline-block {
    display: inline-block
}

.\!ig-flex {
    display: flex!important
}

.ig-flex {
    display: flex
}

.ig-inline-flex {
    display: inline-flex
}

.ig-grid {
    display: grid
}

.\!ig-hidden {
    display: none!important
}

.ig-hidden {
    display: none
}

.ig-aspect-\[294\/212\] {
    aspect-ratio: 294/212
}

.ig-aspect-\[690\/492\] {
    aspect-ratio: 690/492
}

.ig-aspect-\[690\/966\] {
    aspect-ratio: 690/966
}

.ig-aspect-square {
    aspect-ratio: 1/1
}

.ig-aspect-video {
    aspect-ratio: 16/9
}

.\!ig-h-\[32px\] {
    height: 32px!important
}

.\!ig-h-\[40px\] {
    height: 40px!important
}

.\!ig-h-auto {
    height: auto!important
}

.\!ig-h-full {
    height: 100%!important
}

.ig-h-0 {
    height: 0
}

.ig-h-0\.5 {
    height: .125rem
}

.ig-h-10 {
    height: 2.5rem
}

.ig-h-12 {
    height: 3rem
}

.ig-h-14 {
    height: 3.5rem
}

.ig-h-2 {
    height: .5rem
}

.ig-h-2\.5 {
    height: .625rem
}

.ig-h-5 {
    height: 1.25rem
}

.ig-h-6 {
    height: 1.5rem
}

.ig-h-8 {
    height: 2rem
}

.ig-h-80 {
    height: 20rem
}

.ig-h-\[100px\] {
    height: 100px
}

.ig-h-\[14px\] {
    height: 14px
}

.ig-h-\[18px\] {
    height: 18px
}

.ig-h-\[2\.25rem\] {
    height: 2.25rem
}

.ig-h-\[2\.75rem\] {
    height: 2.75rem
}

.ig-h-\[20px\] {
    height: 20px
}

.ig-h-\[230px\] {
    height: 230px
}

.ig-h-\[24px\] {
    height: 24px
}

.ig-h-\[266px\] {
    height: 266px
}

.ig-h-\[3\.5em\] {
    height: 3.5em
}

.ig-h-\[300px\] {
    height: 300px
}

.ig-h-\[30px\] {
    height: 30px
}

.ig-h-\[375px\] {
    height: 375px
}

.ig-h-\[3rem\] {
    height: 3rem
}

.ig-h-\[400px\] {
    height: 400px
}

.ig-h-\[40px\] {
    height: 40px
}

.ig-h-\[48px\] {
    height: 48px
}

.ig-h-\[52px\] {
    height: 52px
}

.ig-h-\[560px\] {
    height: 560px
}

.ig-h-\[6px\] {
    height: 6px
}

.ig-h-\[calc\(100vh-104px\)\] {
    height: calc(100vh - 104px)
}

.ig-h-\[inherit\] {
    height: inherit
}

.ig-h-fit {
    height: -moz-fit-content;
    height: fit-content
}

.ig-h-full {
    height: 100%
}

.ig-h-max {
    height: -moz-max-content;
    height: max-content
}

.ig-h-screen {
    height: 100vh
}

.ig-max-h-\[440px\] {
    max-height: 440px
}

.ig-max-h-\[466px\] {
    max-height: 466px
}

.ig-max-h-\[calc\(20px\*3\)\] {
    max-height: 60px
}

.ig-max-h-full {
    max-height: 100%
}

.ig-max-h-inherit {
    max-height: inherit
}

.ig-min-h-fit {
    min-height: -moz-fit-content;
    min-height: fit-content
}

.\!ig-w-\[32px\] {
    width: 32px!important
}

.\!ig-w-\[40px\] {
    width: 40px!important
}

.\!ig-w-auto {
    width: auto!important
}

.\!ig-w-fit {
    width: -moz-fit-content!important;
    width: fit-content!important
}

.\!ig-w-full {
    width: 100%!important
}

.\!ig-w-max {
    width: -moz-max-content!important;
    width: max-content!important
}

.ig-w-10 {
    width: 2.5rem
}

.ig-w-11 {
    width: 2.75rem
}

.ig-w-14 {
    width: 3.5rem
}

.ig-w-5 {
    width: 1.25rem
}

.ig-w-6 {
    width: 1.5rem
}

.ig-w-\[0\.9em\] {
    width: .9em
}

.ig-w-\[100px\] {
    width: 100px
}

.ig-w-\[14px\] {
    width: 14px
}

.ig-w-\[18px\] {
    width: 18px
}

.ig-w-\[20px\] {
    width: 20px
}

.ig-w-\[24px\] {
    width: 24px
}

.ig-w-\[250px\] {
    width: 250px
}

.ig-w-\[296px\] {
    width: 296px
}

.ig-w-\[300px\] {
    width: 300px
}

.ig-w-\[30px\] {
    width: 30px
}

.ig-w-\[310px\] {
    width: 310px
}

.ig-w-\[350px\] {
    width: 350px
}

.ig-w-\[3rem\] {
    width: 3rem
}

.ig-w-\[40px\] {
    width: 40px
}

.ig-w-\[416px\] {
    width: 416px
}

.ig-w-\[80\%\] {
    width: 80%
}

.ig-w-\[90\%\] {
    width: 90%
}

.ig-w-\[calc\(100\%-2rem\)\] {
    width: calc(100% - 2rem)
}

.ig-w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.ig-w-full {
    width: 100%
}

.ig-w-max {
    width: -moz-max-content;
    width: max-content
}

.ig-w-screen {
    width: 100vw
}

.\!ig-min-w-full {
    min-width: 100%!important
}

.ig-min-w-\[2rem\] {
    min-width: 2rem
}

.ig-min-w-fit {
    min-width: -moz-fit-content;
    min-width: fit-content
}

.ig-min-w-full {
    min-width: 100%
}

.ig-min-w-max {
    min-width: -moz-max-content;
    min-width: max-content
}

.\!ig-max-w-\[240px\] {
    max-width: 240px!important
}

.ig-max-w-60 {
    max-width: 15rem
}

.ig-max-w-\[40\%\] {
    max-width: 40%
}

.ig-max-w-\[500px\] {
    max-width: 500px
}

.ig-max-w-\[690px\] {
    max-width: 690px
}

.ig-max-w-\[75\%\] {
    max-width: 75%
}

.ig-max-w-\[calc\(100vh_\*_16\/9_\*_0\.9\)\] {
    max-width: 160vh
}

.ig-max-w-full {
    max-width: 100%
}

.ig-flex-1 {
    flex: 1 1 0%
}

.ig-flex-\[1_0_100\%\] {
    flex: 1 0 100%
}

.ig-flex-\[1_0_auto\] {
    flex: 1 0 auto
}

.ig-flex-shrink-0 {
    flex-shrink: 0
}

.-ig-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-ig-translate-x-1\/2,.-ig-translate-x-3\/4 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-ig-translate-x-3\/4 {
    --tw-translate-x: -75%
}

.-ig-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-ig-translate-y-1\/2,.ig--translate-x-1\/2 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ig--translate-x-1\/2 {
    --tw-translate-x: -50%
}

.ig--translate-y-1\/2 {
    --tw-translate-y: -50%
}

.ig--translate-y-1\/2,.ig--translate-y-full {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ig--translate-y-full {
    --tw-translate-y: -100%
}

.ig-translate-x-3\/4 {
    --tw-translate-x: 75%
}

.ig-translate-x-3\/4,.ig-translate-y-0 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ig-translate-y-0 {
    --tw-translate-y: 0px
}

.ig-translate-y-full {
    --tw-translate-y: 100%
}

.ig--rotate-180,.ig-translate-y-full {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ig--rotate-180 {
    --tw-rotate: -180deg
}

.ig--rotate-45 {
    --tw-rotate: -45deg
}

.ig--rotate-45,.ig--rotate-90 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ig--rotate-90 {
    --tw-rotate: -90deg
}

.ig--rotate-\[135deg\] {
    --tw-rotate: -135deg
}

.ig--rotate-\[135deg\],.ig-rotate-0 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ig-rotate-0 {
    --tw-rotate: 0deg
}

.ig-rotate-180 {
    --tw-rotate: 180deg
}

.ig-rotate-180,.ig-rotate-45 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ig-rotate-45 {
    --tw-rotate: 45deg
}

.ig-rotate-90 {
    --tw-rotate: 90deg
}

.ig-rotate-90,.ig-rotate-\[135deg\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ig-rotate-\[135deg\] {
    --tw-rotate: 135deg
}

.-ig-skew-x-12 {
    --tw-skew-x: -12deg
}

.-ig-skew-x-12,.ig-scale-110 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ig-scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.ig-scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5
}

.ig-scale-150,.ig-transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ig-transform-none {
    transform: none
}

.ig-cursor-default {
    cursor: default
}

.ig-cursor-not-allowed {
    cursor: not-allowed
}

.ig-cursor-pointer {
    cursor: pointer
}

.ig-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ig-resize-none {
    resize: none
}

.ig-list-none {
    list-style-type: none
}

.ig-appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.ig-grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.ig-grid-cols-10 {
    grid-template-columns: repeat(10,minmax(0,1fr))
}

.ig-grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.ig-grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.ig-grid-cols-6 {
    grid-template-columns: repeat(6,minmax(0,1fr))
}

.ig-grid-cols-\[200px_auto\] {
    grid-template-columns: 200px auto
}

.ig-grid-rows-4 {
    grid-template-rows: repeat(4,minmax(0,1fr))
}

.ig-grid-rows-6 {
    grid-template-rows: repeat(6,minmax(0,1fr))
}

.ig-grid-rows-\[0fr\] {
    grid-template-rows: 0fr
}

.ig-grid-rows-\[1fr\] {
    grid-template-rows: 1fr
}

.ig-flex-row {
    flex-direction: row
}

.ig-flex-row-reverse {
    flex-direction: row-reverse
}

.ig-flex-col {
    flex-direction: column
}

.ig-flex-col-reverse {
    flex-direction: column-reverse
}

.ig-flex-wrap {
    flex-wrap: wrap
}

.ig-flex-nowrap {
    flex-wrap: nowrap
}

.ig-place-items-center {
    place-items: center
}

.ig-content-center {
    align-content: center
}

.ig-items-start {
    align-items: flex-start
}

.ig-items-end {
    align-items: flex-end
}

.\!ig-items-center {
    align-items: center!important
}

.ig-items-center {
    align-items: center
}

.ig-justify-start {
    justify-content: flex-start
}

.ig-justify-end {
    justify-content: flex-end
}

.\!ig-justify-center {
    justify-content: center!important
}

.ig-justify-center {
    justify-content: center
}

.\!ig-justify-between {
    justify-content: space-between!important
}

.ig-justify-between {
    justify-content: space-between
}

.\!ig-gap-0 {
    gap: 0!important
}

.\!ig-gap-2 {
    gap: .5rem!important
}

.\!ig-gap-4 {
    gap: 1rem!important
}

.ig-gap-0 {
    gap: 0
}

.ig-gap-0\.5 {
    gap: .125rem
}

.ig-gap-1 {
    gap: .25rem
}

.ig-gap-1\.5 {
    gap: .375rem
}

.ig-gap-10 {
    gap: 2.5rem
}

.ig-gap-2 {
    gap: .5rem
}

.ig-gap-2\.5 {
    gap: .625rem
}

.ig-gap-3 {
    gap: .75rem
}

.ig-gap-4 {
    gap: 1rem
}

.ig-gap-5 {
    gap: 1.25rem
}

.ig-gap-8 {
    gap: 2rem
}

.ig-gap-\[0\.625rem\] {
    gap: .625rem
}

.ig-gap-\[12px\] {
    gap: 12px
}

.ig-gap-\[20px\] {
    gap: 20px
}

.ig-gap-\[5px\] {
    gap: 5px
}

.ig-gap-\[6px\] {
    gap: 6px
}

.ig-gap-\[8px\] {
    gap: 8px
}

.ig-gap-x-1 {
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

.ig-gap-y-12 {
    row-gap: 3rem
}

.ig-self-start {
    align-self: flex-start
}

.ig-self-center {
    align-self: center
}

.ig-overflow-auto {
    overflow: auto
}

.\!ig-overflow-hidden {
    overflow: hidden!important
}

.ig-overflow-hidden {
    overflow: hidden
}

.ig-overflow-x-auto {
    overflow-x: auto
}

.ig-overflow-x-hidden {
    overflow-x: hidden
}

.ig-overflow-y-hidden {
    overflow-y: hidden
}

.ig-overflow-x-scroll {
    overflow-x: scroll
}

.\!ig-whitespace-nowrap {
    white-space: nowrap!important
}

.ig-whitespace-nowrap {
    white-space: nowrap
}

.ig-text-wrap {
    text-wrap: wrap
}

.ig-break-normal {
    overflow-wrap: normal;
    word-break: normal
}

.ig-break-words {
    overflow-wrap: break-word
}

.\!ig-rounded {
    border-radius: .25rem!important
}

.\!ig-rounded-\[4px\] {
    border-radius: 4px!important
}

.ig-rounded {
    border-radius: .25rem
}

.ig-rounded-\[0\.24rem\] {
    border-radius: .24rem
}

.ig-rounded-\[4px\] {
    border-radius: 4px
}

.ig-rounded-full {
    border-radius: 9999px
}

.ig-rounded-none {
    border-radius: 0
}

.ig-rounded-sm {
    border-radius: .125rem
}

.ig-rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.ig-border {
    border-width: 1px
}

.ig-border-2 {
    border-width: 2px
}

.ig-border-\[1px\] {
    border-width: 1px
}

.\!ig-border-l {
    border-left-width: 1px!important
}

.\!ig-border-r {
    border-right-width: 1px!important
}

.ig-border-b {
    border-bottom-width: 1px
}

.ig-border-b-0 {
    border-bottom-width: 0
}

.ig-border-b-\[0\.1em\] {
    border-bottom-width: .1em
}

.ig-border-b-\[1px\] {
    border-bottom-width: 1px
}

.ig-border-r {
    border-right-width: 1px
}

.ig-border-r-0 {
    border-right-width: 0
}

.ig-border-t {
    border-top-width: 1px
}

.ig-border-t-0 {
    border-top-width: 0
}

.ig-border-t-\[1px\] {
    border-top-width: 1px
}

.ig-border-solid {
    border-style: solid
}

.\!ig-border-none {
    border-style: none!important
}

.ig-border-none {
    border-style: none
}

.\!ig-border-black {
    --tw-border-opacity: 1!important;
    border-color: rgb(0 0 0/var(--tw-border-opacity))!important
}

.\!ig-border-light-grey {
    --tw-border-opacity: 1!important;
    border-color: rgb(238 236 235/var(--tw-border-opacity))!important
}

.ig-border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.ig-border-black\/10 {
    border-color: #0000001a
}

.ig-border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity))
}

.ig-border-input-error {
    --tw-border-opacity: 1;
    border-color: rgb(206 70 53/var(--tw-border-opacity))
}

.ig-border-input-grey {
    --tw-border-opacity: 1;
    border-color: rgb(225 225 225/var(--tw-border-opacity))
}

.ig-border-light-grey {
    --tw-border-opacity: 1;
    border-color: rgb(238 236 235/var(--tw-border-opacity))
}

.ig-border-light-middle-grey {
    --tw-border-opacity: 1;
    border-color: rgb(209 206 206/var(--tw-border-opacity))
}

.ig-border-middle-grey {
    --tw-border-opacity: 1;
    border-color: rgb(117 117 117/var(--tw-border-opacity))
}

.ig-border-neutral-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229/var(--tw-border-opacity))
}

.ig-border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(250 102 0/var(--tw-border-opacity))
}

.ig-border-status-negative {
    --tw-border-opacity: 1;
    border-color: rgb(195 0 0/var(--tw-border-opacity))
}

.ig-border-status-positive {
    --tw-border-opacity: 1;
    border-color: rgb(70 134 0/var(--tw-border-opacity))
}

.ig-border-transparent {
    border-color: transparent
}

.\!ig-bg-black {
    --tw-bg-opacity: 1!important;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))!important
}

.\!ig-bg-black\/45 {
    background-color: #00000073!important
}

.\!ig-bg-dark-grey {
    --tw-bg-opacity: 1!important;
    background-color: rgb(80 80 80/var(--tw-bg-opacity))!important
}

.\!ig-bg-light-grey {
    --tw-bg-opacity: 1!important;
    background-color: rgb(238 236 235/var(--tw-bg-opacity))!important
}

.\!ig-bg-lightest-grey {
    --tw-bg-opacity: 1!important;
    background-color: rgb(246 246 246/var(--tw-bg-opacity))!important
}

.\!ig-bg-transparent {
    background-color: transparent!important
}

.\!ig-bg-white {
    --tw-bg-opacity: 1!important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))!important
}

.ig-bg-\[\#E1E1E1\] {
    --tw-bg-opacity: 1;
    background-color: rgb(225 225 225/var(--tw-bg-opacity))
}

.ig-bg-\[\#F6F6F6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity))
}

.ig-bg-\[\#FA6600\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 102 0/var(--tw-bg-opacity))
}

.ig-bg-\[rgba\(0\,0\,0\,\.5\)\] {
    background-color: #00000080
}

.ig-bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.ig-bg-black\/50 {
    background-color: #00000080
}

.ig-bg-black\/80 {
    background-color: #000c
}

.ig-bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246/var(--tw-bg-opacity))
}

.ig-bg-dark-blue-grey {
    --tw-bg-opacity: 1;
    background-color: rgb(56 56 56/var(--tw-bg-opacity))
}

.ig-bg-dark-grey {
    --tw-bg-opacity: 1;
    background-color: rgb(80 80 80/var(--tw-bg-opacity))
}

.ig-bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.ig-bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

.ig-bg-light-grey {
    --tw-bg-opacity: 1;
    background-color: rgb(238 236 235/var(--tw-bg-opacity))
}

.ig-bg-lightest-grey {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity))
}

.ig-bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(250 102 0/var(--tw-bg-opacity))
}

.ig-bg-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(194 85 12/var(--tw-bg-opacity))
}

.ig-bg-status-negative-light {
    --tw-bg-opacity: 1;
    background-color: rgb(246 217 217/var(--tw-bg-opacity))
}

.ig-bg-status-positive-light {
    --tw-bg-opacity: 1;
    background-color: rgb(228 238 217/var(--tw-bg-opacity))
}

.ig-bg-transparent {
    background-color: transparent
}

.ig-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.\!ig-bg-gradient-l-to-transparent {
    background-image: linear-gradient(270deg,#fff 62.63%,hsla(0,0%,100%,0))!important
}

.\!ig-bg-gradient-r-to-transparent {
    background-image: linear-gradient(90deg,#fff 62.63%,hsla(0,0%,100%,0))!important
}

.ig-bg-\[url\(\'https\:\/\/via\.placeholder\.com\/700x700\'\)\]{background-image:url(https://via.placeholder.com/700x700)}.ig-bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.ig-from-black\/65{--tw-gradient-from:rgba(0,0,0,.65) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.ig-via-black\/50{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.5) var(--tw-gradient-via-position),var(--tw-gradient-to)}.ig-via-50\%{--tw-gradient-via-position:50%}.ig-to-75\%{--tw-gradient-to-position:75%}.ig-bg-cover{background-size:cover}.ig-bg-\[50\%_50\%\]{background-position:50% 50%}.ig-bg-center{background-position:50%}.ig-bg-no-repeat{background-repeat:no-repeat}.\!ig-fill-white{fill:#fff!important}.ig-fill-black{fill:#000}.ig-fill-current{fill:currentColor}.ig-fill-input-alto-grey{fill:#d1d1d1}.ig-fill-middle-grey{fill:#757575}.ig-fill-orange{fill:#e36619}.ig-fill-status-negative{fill:#c30000}.ig-fill-status-positive{fill:#468600}.ig-fill-white{fill:#fff}.ig-stroke-light-grey{stroke:#eeeceb}.ig-stroke-orange{stroke:#e36619}.ig-object-contain{-o-object-fit:contain;object-fit:contain}.ig-object-cover{-o-object-fit:cover;object-fit:cover}.ig-object-fill{-o-object-fit:fill;object-fit:fill}.ig-object-center{-o-object-position:center;object-position:center}.\!ig-p-0{padding:0!important}.\!ig-p-4{padding:1rem!important}.\!ig-p-6{padding:1.5rem!important}.ig-p-0{padding:0}.ig-p-2{padding:.5rem}.ig-p-2\.5{padding:.625rem}.ig-p-4{padding:1rem}.ig-p-5{padding:1.25rem}.ig-p-7{padding:1.75rem}.ig-p-\[1rem\]{padding:1rem}.ig-p-\[8px\]{padding:8px}.\!ig-px-0{padding-left:0!important;padding-right:0!important}.\!ig-px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.\!ig-px-\[2\.5rem\]{padding-left:2.5rem!important;padding-right:2.5rem!important}.ig-px-0{padding-left:0;padding-right:0}.ig-px-0\.5{padding-left:.125rem;padding-right:.125rem}.ig-px-1{padding-left:.25rem;padding-right:.25rem}.ig-px-10{padding-left:2.5rem;padding-right:2.5rem}.ig-px-2{padding-left:.5rem;padding-right:.5rem}.ig-px-2\.5{padding-left:.625rem;padding-right:.625rem}.ig-px-20{padding-left:5rem;padding-right:5rem}.ig-px-3{padding-left:.75rem;padding-right:.75rem}.ig-px-4{padding-left:1rem;padding-right:1rem}.ig-px-5{padding-left:1.25rem;padding-right:1.25rem}.ig-px-8{padding-left:2rem;padding-right:2rem}.ig-px-\[0\.25em\]{padding-left:.25em;padding-right:.25em}.ig-px-\[0\.25rem\]{padding-left:.25rem;padding-right:.25rem}.ig-px-\[0\.625rem\]{padding-left:.625rem;padding-right:.625rem}.ig-px-\[0\.75em\]{padding-left:.75em;padding-right:.75em}.ig-px-\[10px\]{padding-left:10px;padding-right:10px}.ig-px-\[120px\]{padding-left:120px;padding-right:120px}.ig-px-\[16px\]{padding-left:16px;padding-right:16px}.ig-px-\[26px\]{padding-left:26px;padding-right:26px}.ig-px-\[5px\]{padding-left:5px;padding-right:5px}.ig-py-0{padding-top:0;padding-bottom:0}.ig-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.ig-py-1{padding-top:.25rem;padding-bottom:.25rem}.ig-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.ig-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.ig-py-2{padding-top:.5rem;padding-bottom:.5rem}.ig-py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.ig-py-20{padding-top:5rem;padding-bottom:5rem}.ig-py-3{padding-top:.75rem;padding-bottom:.75rem}.ig-py-4{padding-top:1rem;padding-bottom:1rem}.ig-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.ig-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.ig-py-\[0\.375em\]{padding-top:.375em;padding-bottom:.375em}.ig-py-\[0\.625rem\]{padding-top:.625rem;padding-bottom:.625rem}.ig-py-\[120px\]{padding-top:120px;padding-bottom:120px}.ig-py-\[12px\]{padding-top:12px;padding-bottom:12px}.ig-py-\[13px\]{padding-top:13px;padding-bottom:13px}.ig-py-\[80px\]{padding-top:80px;padding-bottom:80px}.\!ig-pl-\[32px\]{padding-left:32px!important}.\!ig-pt-0{padding-top:0!important}.\!ig-pt-4{padding-top:1rem!important}.ig-pb-0{padding-bottom:0}.ig-pb-1{padding-bottom:.25rem}.ig-pb-2{padding-bottom:.5rem}.ig-pb-5{padding-bottom:1.25rem}.ig-pb-\[28px\]{padding-bottom:28px}.ig-pl-0{padding-left:0}.ig-pl-1{padding-left:.25rem}.ig-pl-4{padding-left:1rem}.ig-pr-14{padding-right:3.5rem}.ig-pr-2{padding-right:.5rem}.ig-pr-3{padding-right:.75rem}.ig-pt-0{padding-top:0}.ig-pt-2{padding-top:.5rem}.ig-pt-2\.5{padding-top:.625rem}.ig-pt-3{padding-top:.75rem}.ig-pt-4{padding-top:1rem}.ig-pt-6{padding-top:1.5rem}.ig-pt-\[13px\]{padding-top:13px}.ig-pt-\[56\.25\%\]{padding-top:56.25%}.ig-text-left{text-align:left}.ig-text-center{text-align:center}.\!ig-text-justify{text-align:justify!important}.ig-text-start{text-align:start}.ig-text-end{text-align:end}.ig-align-middle{vertical-align:middle}.ig-align-text-bottom{vertical-align:text-bottom}.ig-align-super{vertical-align:super}.\!ig-font-tertiary{font-family:Franklin Gothic ATF,sans-serif!important}.ig-font-secondary{font-family:Franklin Gothic ITC,sans-serif}.ig-font-tertiary{font-family:Franklin Gothic ATF,sans-serif}.\!ig-text-\[0\.625rem\]{font-size:.625rem!important}.\!ig-text-\[1rem\],.\!ig-text-base{font-size:1rem!important}.\!ig-text-base{line-height:1.5rem!important}.\!ig-text-xs{font-size:.75rem!important;line-height:1rem!important}.ig-text-\[0\.625rem\]{font-size:.625rem}.ig-text-\[0\.75rem\]{font-size:.75rem}.ig-text-\[0\.7em\]{font-size:.7em}.ig-text-\[0\.8125rem\]{font-size:.8125rem}.ig-text-\[0\.875rem\]{font-size:.875rem}.ig-text-\[0\.9375rem\]{font-size:.9375rem}.ig-text-\[1\.0625rem\]{font-size:1.0625rem}.ig-text-\[1\.125rem\]{font-size:1.125rem}.ig-text-\[1\.25rem\]{font-size:1.25rem}.ig-text-\[1\.3125rem\]{font-size:1.3125rem}.ig-text-\[1\.5rem\]{font-size:1.5rem}.ig-text-\[1\.6875rem\]{font-size:1.6875rem}.ig-text-\[1\.75rem\]{font-size:1.75rem}.ig-text-\[1\.875rem\]{font-size:1.875rem}.ig-text-\[12px\]{font-size:12px}.ig-text-\[14px\]{font-size:14px}.ig-text-\[16px\]{font-size:16px}.ig-text-\[1em\]{font-size:1em}.ig-text-\[1rem\]{font-size:1rem}.ig-text-\[2\.5rem\]{font-size:2.5rem}.ig-text-\[2rem\]{font-size:2rem}.ig-text-\[3rem\]{font-size:3rem}.ig-text-\[4\.6875rem\]{font-size:4.6875rem}.ig-text-base{font-size:1rem;line-height:1.5rem}.ig-text-lg{font-size:1.125rem;line-height:1.75rem}.ig-text-sm{font-size:.875rem;line-height:1.25rem}.ig-text-xl{font-size:1.25rem;line-height:1.75rem}.ig-text-xs{font-size:.75rem;line-height:1rem}.\!ig-font-bold{font-weight:700!important}.\!ig-font-normal{font-weight:400!important}.ig-font-black{font-weight:900}.ig-font-bold{font-weight:700}.ig-font-normal{font-weight:400}.\!ig-uppercase{text-transform:uppercase!important}.ig-uppercase{text-transform:uppercase}.\!ig-capitalize{text-transform:capitalize!important}.ig-capitalize{text-transform:capitalize}.ig-italic{font-style:italic}.ig-leading-3{line-height:.75rem}.ig-leading-4{line-height:1rem}.ig-leading-6{line-height:1.5rem}.ig-leading-8{line-height:2rem}.ig-leading-\[0\.875rem\]{line-height:.875rem}.ig-leading-\[0\]{line-height:0}.ig-leading-\[1\.125rem\]{line-height:1.125rem}.ig-leading-\[1\.25rem\]{line-height:1.25rem}.ig-leading-\[1\.375rem\]{line-height:1.375rem}.ig-leading-\[1\.5rem\]{line-height:1.5rem}.ig-leading-\[1\.75rem\]{line-height:1.75rem}.ig-leading-\[14px\]{line-height:14px}.ig-leading-\[18px\]{line-height:18px}.ig-leading-\[1rem\]{line-height:1rem}.ig-leading-\[20px\]{line-height:20px}.ig-leading-\[22px\]{line-height:22px}.ig-leading-\[5\.625rem\]{line-height:5.625rem}.ig-leading-\[64px\]{line-height:64px}.ig-leading-none{line-height:1}.ig-leading-normal{line-height:1.5}.\!ig-tracking-wider{letter-spacing:.05em!important}.ig-tracking-wide{letter-spacing:.025em}.ig-tracking-wider{letter-spacing:.05em}.\!ig-text-black{--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity))!important}.\!ig-text-dark-grey{--tw-text-opacity:1!important;color:rgb(80 80 80/var(--tw-text-opacity))!important}.\!ig-text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.ig-text-\[\#C2550C\]{--tw-text-opacity:1;color:rgb(194 85 12/var(--tw-text-opacity))}.ig-text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.ig-text-dark-grey{--tw-text-opacity:1;color:rgb(80 80 80/var(--tw-text-opacity))}.ig-text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.ig-text-inherit{color:inherit}.ig-text-input-alto-grey{--tw-text-opacity:1;color:rgb(209 209 209/var(--tw-text-opacity))}.ig-text-input-error{--tw-text-opacity:1;color:rgb(206 70 53/var(--tw-text-opacity))}.ig-text-input-punch-red{--tw-text-opacity:1;color:rgb(220 53 69/var(--tw-text-opacity))}.ig-text-light-grey{--tw-text-opacity:1;color:rgb(238 236 235/var(--tw-text-opacity))}.ig-text-middle-grey{--tw-text-opacity:1;color:rgb(117 117 117/var(--tw-text-opacity))}.ig-text-neutral-300{--tw-text-opacity:1;color:rgb(212 212 212/var(--tw-text-opacity))}.ig-text-neutral-400{--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity))}.ig-text-status-negative{--tw-text-opacity:1;color:rgb(195 0 0/var(--tw-text-opacity))}.ig-text-status-positive{--tw-text-opacity:1;color:rgb(70 134 0/var(--tw-text-opacity))}.ig-text-transparent{color:transparent}.ig-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.ig-underline{text-decoration-line:underline}.ig-line-through{text-decoration-line:line-through}.\!ig-no-underline{text-decoration-line:none!important}.ig-placeholder-transparent::-moz-placeholder{color:transparent}.ig-placeholder-transparent::placeholder{color:transparent}.\!ig-opacity-0{opacity:0!important}.ig-opacity-0{opacity:0}.ig-opacity-100{opacity:1}.ig-opacity-50{opacity:.5}.ig-mix-blend-multiply{mix-blend-mode:multiply}.ig-mix-blend-darken{mix-blend-mode:darken}.\!ig-shadow-\[4px_4px_24px_0px_\#00000026\]{--tw-shadow:4px 4px 24px 0px #00000026!important;--tw-shadow-colored:4px 4px 24px 0px var(--tw-shadow-color)!important}.\!ig-shadow-\[4px_4px_24px_0px_\#00000026\],.\!ig-shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.\!ig-shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important}.ig-shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.ig-shadow-2xl,.ig-shadow-\[0_2px_6px_\#0003\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ig-shadow-\[0_2px_6px_\#0003\]{--tw-shadow:0 2px 6px #0003;--tw-shadow-colored:0 2px 6px var(--tw-shadow-color)}.ig-shadow-\[inset_0_0_0_1px_\#e1e1e1\]{--tw-shadow:inset 0 0 0 1px #e1e1e1;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color)}.ig-shadow-\[inset_0_0_0_1px_\#e1e1e1\],.ig-shadow-\[inset_0_0_0_1px_black\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ig-shadow-\[inset_0_0_0_1px_black\]{--tw-shadow:inset 0 0 0 1px #000;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color)}.ig-shadow-\[inset_0_0_0_1px_white\]{--tw-shadow:inset 0 0 0 1px #fff;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color)}.ig-shadow-\[inset_0_0_0_1px_white\],.ig-shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ig-shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.ig-shadow-black{--tw-shadow-color:#000;--tw-shadow:var(--tw-shadow-colored)}.ig-outline-none{outline:2px solid transparent;outline-offset:2px}.ig-outline-2{outline-width:2px}.ig-outline-offset-0{outline-offset:0}.ig-outline-offset-2{outline-offset:2px}.ig-outline-black{outline-color:#000}.ig-outline-white{outline-color:#fff}.ig-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ig-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ig-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ig-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ig-duration-150{transition-duration:.15s}.ig-duration-200{transition-duration:.2s}.ig-duration-300{transition-duration:.3s}.ig-duration-500{transition-duration:.5s}.ig-duration-75{transition-duration:75ms}.ig-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.rc-slider-mark{margin-left:9px!important;max-width:92.5%!important}.rc-slider-mark-text{font-family:Franklin Gothic ATF,sans-serif!important;font-size:1rem!important;line-height:1.5rem!important;--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity))!important}.igniter-slider .rc-slider-mark{position:relative!important;top:-23px!important;margin-left:0!important;max-width:100%!important}.igniter-slider .rc-slider-mark .rc-slider-mark-text{font-family:Franklin Gothic ATF,sans-serif!important;font-size:14px!important;font-weight:700!important}.igniter-slider .rc-slider-mark .rc-slider-mark-text:first-child{left:8px!important}.igniter-slider .rc-slider-mark .rc-slider-mark-text:last-child{left:98%!important}.igniter-slider .rc-slider-handle,.igniter-slider .rc-slider-rail,.igniter-slider .rc-slider-step,.igniter-slider .rc-slider-track{top:19px!important}.igniter-slider .rc-slider-handle[style*="left: 0%"]{margin-left:8px!important}.igniter-slider .rc-slider-handle[style*="left: 100%"]{margin-left:-7px!important}.placeholder\:ig-text-middle-grey::-moz-placeholder{--tw-text-opacity:1;color:rgb(117 117 117/var(--tw-text-opacity))}.placeholder\:ig-text-middle-grey::placeholder{--tw-text-opacity:1;color:rgb(117 117 117/var(--tw-text-opacity))}.after\:ig-absolute:after{content:var(--tw-content);position:absolute}.after\:-ig-bottom-\[1px\]:after{content:var(--tw-content);bottom:-1px}.after\:ig-left-0:after{content:var(--tw-content);left:0}.after\:ig-right-0:after{content:var(--tw-content);right:0}.after\:ig-start-\[2px\]:after{content:var(--tw-content);inset-inline-start:2px}.after\:ig-top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:ig-block:after{content:var(--tw-content);display:block}.after\:ig-hidden:after{content:var(--tw-content);display:none}.after\:ig-h-\[20px\]:after{content:var(--tw-content);height:20px}.after\:ig-h-\[3px\]:after{content:var(--tw-content);height:3px}.after\:ig-w-\[20px\]:after{content:var(--tw-content);width:20px}.after\:ig-w-full:after{content:var(--tw-content);width:100%}.after\:ig-rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:ig-bg-red-500:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.after\:ig-bg-white:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.after\:ig-transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:ig-content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.last\:\!ig-border-none:last-child{border-style:none!important}.placeholder-shown\:ig-text-\[14px\]:-moz-placeholder-shown{font-size:14px}.placeholder-shown\:ig-text-\[14px\]:placeholder-shown{font-size:14px}.autofill\:ig-shadow-\[0_0_0px_40rem_\#ffff_inset\]:-webkit-autofill{--tw-shadow:0 0 0px 40rem #fff inset;--tw-shadow-colored:inset 0 0 0px 40rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.autofill\:ig-shadow-\[0_0_0px_40rem_\#ffff_inset\]:autofill{--tw-shadow:0 0 0px 40rem #fff inset;--tw-shadow-colored:inset 0 0 0px 40rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:ig-scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:ig-justify-start:hover{justify-content:flex-start}.hover\:ig-gap-2:hover{gap:.5rem}.hover\:ig-border-light-grey:hover{--tw-border-opacity:1;border-color:rgb(238 236 235/var(--tw-border-opacity))}.hover\:ig-border-middle-grey:hover{--tw-border-opacity:1;border-color:rgb(117 117 117/var(--tw-border-opacity))}.hover\:ig-border-white:hover{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.hover\:\!ig-bg-black:hover{--tw-bg-opacity:1!important;background-color:rgb(0 0 0/var(--tw-bg-opacity))!important}.hover\:\!ig-bg-dark-grey:hover{--tw-bg-opacity:1!important;background-color:rgb(80 80 80/var(--tw-bg-opacity))!important}.hover\:\!ig-bg-white:hover{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.hover\:ig-bg-\[\#757575\]:hover{--tw-bg-opacity:1;background-color:rgb(117 117 117/var(--tw-bg-opacity))}.hover\:ig-bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.hover\:ig-bg-light-grey:hover{--tw-bg-opacity:1;background-color:rgb(238 236 235/var(--tw-bg-opacity))}.hover\:ig-bg-lightest-grey:hover{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity))}.hover\:ig-bg-very-light-grey:hover{--tw-bg-opacity:1;background-color:rgb(225 225 225/var(--tw-bg-opacity))}.hover\:ig-fill-white:hover{fill:#fff}.hover\:\!ig-text-black:hover{--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity))!important}.hover\:\!ig-text-dark-grey:hover{--tw-text-opacity:1!important;color:rgb(80 80 80/var(--tw-text-opacity))!important}.hover\:ig-text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.hover\:ig-text-input-orange:hover{--tw-text-opacity:1;color:rgb(255 102 0/var(--tw-text-opacity))}.hover\:ig-text-middle-grey:hover{--tw-text-opacity:1;color:rgb(117 117 117/var(--tw-text-opacity))}.hover\:ig-text-primary:hover{--tw-text-opacity:1;color:rgb(250 102 0/var(--tw-text-opacity))}.hover\:ig-text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:ig-underline:hover{text-decoration-line:underline}.hover\:ig-no-underline:hover{text-decoration-line:none}.hover\:ig-opacity-100:hover{opacity:1}.hover\:ig-delay-0:hover{transition-delay:0s}.hover\:ig-duration-300:hover{transition-duration:.3s}.focus\:\!ig-border-l:focus{border-left-width:1px!important}.focus\:ig-border-l-\[0\.4rem\]:focus{border-left-width:.4rem}.focus\:ig-border-l-\[8px\]:focus{border-left-width:8px}.focus\:\!ig-border-light-grey:focus{--tw-border-opacity:1!important;border-color:rgb(238 236 235/var(--tw-border-opacity))!important}.focus\:ig-border-black:focus{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.focus\:ig-border-input-orange:focus{--tw-border-opacity:1;border-color:rgb(255 102 0/var(--tw-border-opacity))}.focus\:ig-border-middle-grey:focus{--tw-border-opacity:1;border-color:rgb(117 117 117/var(--tw-border-opacity))}.focus\:ig-border-status-negative:focus{--tw-border-opacity:1;border-color:rgb(195 0 0/var(--tw-border-opacity))}.focus\:ig-fill-input-orange:focus{fill:#f60}.focus\:\!ig-pl-\[24px\]:focus{padding-left:24px!important}.focus\:ig-pl-\[8px\]:focus{padding-left:8px}.focus\:ig-text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.focus\:ig-shadow-\[0_0_6px_\.5px_\#0067f4\]:focus{--tw-shadow:0 0 6px .5px #0067f4;--tw-shadow-colored:0 0 6px .5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:ig-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ig-ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ig-ring-middle-grey:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(117 117 117/var(--tw-ring-opacity))}.focus-visible\:ig-bg-black:focus-visible{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.focus-visible\:ig-bg-white:focus-visible{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.focus-visible\:ig-outline:focus-visible{outline-style:solid}.hover\:enabled\:ig-bg-dark-grey:enabled:hover{--tw-bg-opacity:1;background-color:rgb(80 80 80/var(--tw-bg-opacity))}.hover\:enabled\:ig-bg-secondary:enabled:hover{--tw-bg-opacity:1;background-color:rgb(194 85 12/var(--tw-bg-opacity))}.hover\:enabled\:ig-text-dark-grey:enabled:hover{--tw-text-opacity:1;color:rgb(80 80 80/var(--tw-text-opacity))}.hover\:enabled\:ig-text-light-grey:enabled:hover{--tw-text-opacity:1;color:rgb(238 236 235/var(--tw-text-opacity))}.disabled\:ig-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:ig-border-middle-grey:disabled{--tw-border-opacity:1;border-color:rgb(117 117 117/var(--tw-border-opacity))}.disabled\:ig-bg-lightest-grey:disabled{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity))}.disabled\:ig-bg-middle-grey:disabled{--tw-bg-opacity:1;background-color:rgb(117 117 117/var(--tw-bg-opacity))}.disabled\:ig-bg-transparent:disabled{background-color:transparent}.disabled\:ig-bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.disabled\:ig-text-middle-grey:disabled{--tw-text-opacity:1;color:rgb(117 117 117/var(--tw-text-opacity))}.disabled\:ig-text-white:disabled{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.disabled\:ig-opacity-50:disabled{opacity:.5}.disabled\:hover\:ig-border-light-grey:hover:disabled{--tw-border-opacity:1;border-color:rgb(238 236 235/var(--tw-border-opacity))}.ig-group:hover .group-hover\:ig--translate-x-4{--tw-translate-x:-1rem}.ig-group:hover .group-hover\:ig--translate-x-4,.ig-group:hover .group-hover\:ig-translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ig-group:hover .group-hover\:ig-translate-x-1{--tw-translate-x:.25rem}.ig-group:hover .group-hover\:ig-translate-x-4{--tw-translate-x:1rem}.ig-group:hover .group-hover\:ig-translate-x-4,.ig-group:hover .group-hover\:ig-translate-x-\[0\.125rem\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ig-group:hover .group-hover\:ig-translate-x-\[0\.125rem\]{--tw-translate-x:.125rem}.ig-group:hover .group-hover\:ig-translate-y-\[-0\.125rem\]{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ig-group:hover .group-hover\:ig-fill-primary{fill:#fa6600}.ig-group:hover .group-hover\:ig-opacity-100{opacity:1}.ig-peer:checked~.peer-checked\:\!ig-block{display:block!important}.ig-peer:checked~.peer-checked\:\!ig-hidden{display:none!important}.ig-peer:checked~.peer-checked\:ig-border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.ig-peer:checked~.peer-checked\:ig-bg-\[\#468600\]{--tw-bg-opacity:1;background-color:rgb(70 134 0/var(--tw-bg-opacity))}.ig-peer:checked~.peer-checked\:ig-bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.ig-peer:checked~.peer-checked\:ig-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.ig-peer:checked~.peer-checked\:after\:ig-translate-x-full:after{content:var(--tw-content);--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ig-peer:checked~.peer-checked\:after\:ig-border-white:after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.ig-peer:-moz-placeholder-shown~.peer-placeholder-shown\:ig-top-1\/2{top:50%}.ig-peer:placeholder-shown~.peer-placeholder-shown\:ig-top-1\/2{top:50%}.ig-peer:-moz-placeholder-shown~.peer-placeholder-shown\:ig-ml-\[27px\]{margin-left:27px}.ig-peer:placeholder-shown~.peer-placeholder-shown\:ig-ml-\[27px\]{margin-left:27px}.ig-peer:-moz-placeholder-shown~.peer-placeholder-shown\:ig-bg-transparent{background-color:transparent}.ig-peer:placeholder-shown~.peer-placeholder-shown\:ig-bg-transparent{background-color:transparent}.ig-peer:-moz-placeholder-shown~.peer-placeholder-shown\:ig-text-\[14px\]{font-size:14px}.ig-peer:placeholder-shown~.peer-placeholder-shown\:ig-text-\[14px\]{font-size:14px}.ig-peer:-moz-placeholder-shown~.peer-placeholder-shown\:ig-text-\[1rem\]{font-size:1rem}.ig-peer:placeholder-shown~.peer-placeholder-shown\:ig-text-\[1rem\]{font-size:1rem}.ig-peer:focus~.peer-focus\:ig-left-2{left:.5rem}.ig-peer:focus~.peer-focus\:ig-top-0{top:0}.ig-peer:focus~.peer-focus\:ig-ml-\[13px\]{margin-left:13px}.ig-peer:focus~.peer-focus\:ig-border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.ig-peer:focus~.peer-focus\:ig-border-input-orange{--tw-border-opacity:1;border-color:rgb(255 102 0/var(--tw-border-opacity))}.ig-peer:focus~.peer-focus\:ig-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.ig-peer:focus~.peer-focus\:ig-text-\[0\.7em\]{font-size:.7em}.ig-peer:focus~.peer-focus\:ig-text-\[12px\]{font-size:12px}@keyframes ig-fade-out{0%{opacity:1}to{opacity:0}}.data-\[state\=closed\]\:ig-animate-fade-out[data-state=closed]{animation:ig-fade-out .15s cubic-bezier(.4,0,.2,1) forwards}@keyframes ig-slide-out-to-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.data-\[state\=closed\]\:ig-animate-slide-out-to-bottom[data-state=closed]{animation:ig-slide-out-to-bottom .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes ig-slide-out-to-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.data-\[state\=closed\]\:ig-animate-slide-out-to-left[data-state=closed]{animation:ig-slide-out-to-left .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes ig-slide-out-to-right{0%{transform:translate(0)}to{transform:translate(100%)}}.data-\[state\=closed\]\:ig-animate-slide-out-to-right[data-state=closed]{animation:ig-slide-out-to-right .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes ig-slide-out-to-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.data-\[state\=closed\]\:ig-animate-slide-out-to-top[data-state=closed]{animation:ig-slide-out-to-top .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes ig-fade-in{0%{opacity:0}to{opacity:1}}.data-\[state\=open\]\:ig-animate-fade-in[data-state=open]{animation:ig-fade-in .15s cubic-bezier(.4,0,.2,1)}@keyframes ig-slide-in-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.data-\[state\=open\]\:ig-animate-slide-in-from-bottom[data-state=open]{animation:ig-slide-in-from-bottom .5s cubic-bezier(.4,0,.2,1)}@keyframes ig-slide-in-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.data-\[state\=open\]\:ig-animate-slide-in-from-left[data-state=open]{animation:ig-slide-in-from-left .5s cubic-bezier(.4,0,.2,1)}@keyframes ig-slide-in-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}.data-\[state\=open\]\:ig-animate-slide-in-from-right[data-state=open]{animation:ig-slide-in-from-right .5s cubic-bezier(.4,0,.2,1)}@keyframes ig-slide-in-from-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.data-\[state\=open\]\:ig-animate-slide-in-from-top[data-state=open]{animation:ig-slide-in-from-top .5s cubic-bezier(.4,0,.2,1)}@media (min-width:375px){.xs\:ig-mb-2{margin-bottom:.5rem}.xs\:ig-mb-3{margin-bottom:.75rem}.xs\:ig-mt-4{margin-top:1rem}.xs\:ig-max-w-max{max-width:-moz-max-content;max-width:max-content}.xs\:ig-text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:576px){.sm\:ig-mb-3{margin-bottom:.75rem}.sm\:\!ig-min-w-max{min-width:-moz-max-content!important;min-width:max-content!important}.sm\:ig-min-w-max{min-width:-moz-max-content;min-width:max-content}.sm\:ig-leading-5{line-height:1.25rem}.sm\:ig-leading-6{line-height:1.5rem}}@media (min-width:744px){.md\:\!ig-pointer-events-auto{pointer-events:auto!important}.md\:ig-left-5{left:1.25rem}.md\:ig-top-5{top:1.25rem}.md\:ig-top-\[64px\]{top:64px}.md\:ig-col-start-1{grid-column-start:1}.md\:ig-col-start-4{grid-column-start:4}.md\:ig-col-end-4{grid-column-end:4}.md\:ig-col-end-7{grid-column-end:7}.md\:ig-row-start-1{grid-row-start:1}.md\:ig-row-start-3{grid-row-start:3}.md\:ig-row-start-5{grid-row-start:5}.md\:ig-row-end-3{grid-row-end:3}.md\:ig-row-end-5{grid-row-end:5}.md\:ig-row-end-7{grid-row-end:7}.md\:ig-mb-4{margin-bottom:1rem}.md\:ig-ml-2{margin-left:.5rem}.md\:ig-ml-5{margin-left:1.25rem}.md\:ig-mr-5{margin-right:1.25rem}.md\:ig-mt-4{margin-top:1rem}.md\:ig-block{display:block}.md\:\!ig-flex{display:flex!important}.md\:\!ig-hidden{display:none!important}.md\:ig-aspect-\[602\/430\]{aspect-ratio:602/430}.md\:\!ig-h-6{height:1.5rem!important}.md\:\!ig-h-8{height:2rem!important}.md\:\!ig-h-\[40px\]{height:40px!important}.md\:\!ig-h-\[56px\]{height:56px!important}.md\:ig-h-3{height:.75rem}.md\:ig-h-6{height:1.5rem}.md\:ig-h-\[24px\]{height:24px}.md\:ig-h-\[418px\]{height:418px}.md\:ig-h-\[640px\]{height:640px}.md\:ig-h-\[64px\]{height:64px}.md\:ig-h-\[720px\]{height:720px}.md\:ig-h-\[calc\(100vh-128px\)\]{height:calc(100vh - 128px)}.md\:ig-max-h-\[466px\]{max-height:466px}.md\:ig-max-h-\[800px\]{max-height:800px}.md\:ig-max-h-\[calc\(24px\*3\)\]{max-height:72px}.md\:ig-min-h-\[25vh\]{min-height:25vh}.md\:\!ig-w-6{width:1.5rem!important}.md\:\!ig-w-8{width:2rem!important}.md\:\!ig-w-\[40px\]{width:40px!important}.md\:\!ig-w-\[calc\(133\%\+10px\)\]{width:calc(133% + 10px)!important}.md\:ig-w-6{width:1.5rem}.md\:ig-w-\[24px\]{width:24px}.md\:ig-w-\[484px\]{width:484px}.md\:ig-w-\[80\%\]{width:80%}.md\:ig-w-\[85\%\]{width:85%}.md\:ig-w-auto{width:auto}.md\:\!ig-max-w-\[330px\]{max-width:330px!important}.md\:\!ig-max-w-\[572px\]{max-width:572px!important}.md\:ig-max-w-\[800px\]{max-width:800px}.md\:ig-flex-1{flex:1 1 0%}.md\:ig-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:\!ig-flex-row{flex-direction:row!important}.md\:\!ig-flex-row-reverse{flex-direction:row-reverse!important}.md\:ig-justify-center{justify-content:center}.md\:\!ig-gap-3{gap:.75rem!important}.md\:\!ig-gap-5{gap:1.25rem!important}.md\:ig-gap-3{gap:.75rem}.md\:ig-gap-4{gap:1rem}.md\:ig-gap-5{gap:1.25rem}.md\:ig-gap-8{gap:2rem}.md\:ig-fill-white{fill:#fff}.md\:ig-p-5{padding:1.25rem}.md\:\!ig-px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.md\:\!ig-px-\[20px\]{padding-left:20px!important;padding-right:20px!important}.md\:\!ig-py-20{padding-top:5rem!important;padding-bottom:5rem!important}.md\:\!ig-py-\[34px\]{padding-top:34px!important;padding-bottom:34px!important}.md\:ig-px-0{padding-left:0;padding-right:0}.md\:ig-py-8{padding-top:2rem;padding-bottom:2rem}.md\:\!ig-pt-0{padding-top:0!important}.md\:\!ig-pt-5{padding-top:1.25rem!important}.md\:ig-pt-2{padding-top:.5rem}.md\:\!ig-text-\[\.75rem\]{font-size:.75rem!important}.md\:ig-text-\[0\.75rem\]{font-size:.75rem}.md\:ig-text-\[0\.875rem\]{font-size:.875rem}.md\:ig-text-\[1\.25rem\]{font-size:1.25rem}.md\:ig-text-\[1\.75rem\]{font-size:1.75rem}.md\:ig-text-\[16px\]{font-size:16px}.md\:ig-text-\[1rem\]{font-size:1rem}.md\:ig-text-\[2\.5rem\]{font-size:2.5rem}.md\:ig-text-\[3rem\]{font-size:3rem}.md\:ig-text-base{font-size:1rem;line-height:1.5rem}.md\:ig-text-sm{font-size:.875rem;line-height:1.25rem}.md\:\!ig-leading-5{line-height:1.25rem!important}.md\:\!ig-leading-7{line-height:1.75rem!important}.md\:ig-leading-10{line-height:2.5rem}.md\:ig-leading-6{line-height:1.5rem}.md\:ig-leading-8{line-height:2rem}.md\:ig-leading-\[1\.125rem\]{line-height:1.125rem}.md\:ig-leading-\[1\.25rem\]{line-height:1.25rem}.md\:ig-leading-\[1\.5rem\]{line-height:1.5rem}.md\:ig-leading-\[1\.75rem\]{line-height:1.75rem}.md\:ig-leading-\[24px\]{line-height:24px}.md\:\!ig-shadow-\[6px_6px_36px_0px_\#00000026\]{--tw-shadow:6px 6px 36px 0px #00000026!important;--tw-shadow-colored:6px 6px 36px 0px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.ig-peer:focus~.peer-focus\:md\:ig-left-0{left:0}.ig-peer:focus~.peer-focus\:md\:ig-pl-1{padding-left:.25rem}}@media (min-width:992px){.lg\:ig-top-1\/2{top:50%}.lg\:\!ig-mt-3{margin-top:.75rem!important}.lg\:\!ig-mt-5{margin-top:1.25rem!important}.lg\:ig-mb-0{margin-bottom:0}.lg\:ig-mb-4{margin-bottom:1rem}.lg\:ig-mb-5{margin-bottom:1.25rem}.lg\:ig-mb-6{margin-bottom:1.5rem}.lg\:ig-mb-\[20px\]{margin-bottom:20px}.lg\:ig-ms-\[16px\]{margin-inline-start:16px}.lg\:ig-mt-0{margin-top:0}.lg\:ig-mt-5{margin-top:1.25rem}.lg\:\!ig-block{display:block!important}.lg\:ig-flex{display:flex}.lg\:\!ig-hidden{display:none!important}.lg\:ig-aspect-\[572\/408\]{aspect-ratio:572/408}.lg\:\!ig-h-\[40px\]{height:40px!important}.lg\:ig-h-\[640px\]{height:640px}.lg\:ig-h-auto{height:auto}.lg\:\!ig-w-\[calc\(120\%\+10px\)\]{width:calc(120% + 10px)!important}.lg\:\!ig-w-fit{width:-moz-fit-content!important;width:fit-content!important}.lg\:\!ig-w-max{width:-moz-max-content!important;width:max-content!important}.lg\:ig-w-\[400px\]{width:400px}.lg\:\!ig-max-w-\[690px\]{max-width:690px!important}.lg\:ig-max-w-\[650px\]{max-width:650px}.lg\:ig--translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:\!ig-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.lg\:\!ig-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.lg\:\!ig-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.lg\:ig-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:ig-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:\!ig-flex-row{flex-direction:row!important}.lg\:\!ig-items-end{align-items:flex-end!important}.lg\:\!ig-items-center{align-items:center!important}.lg\:ig-items-center{align-items:center}.lg\:\!ig-justify-center{justify-content:center!important}.lg\:ig-justify-between{justify-content:space-between}.lg\:\!ig-gap-4{gap:1rem!important}.lg\:\!ig-gap-5{gap:1.25rem!important}.lg\:ig-gap-3{gap:.75rem}.lg\:ig-gap-4{gap:1rem}.lg\:ig-gap-5{gap:1.25rem}.lg\:ig-overflow-hidden{overflow:hidden}.lg\:ig-border-y{border-top-width:1px;border-bottom-width:1px}.lg\:\!ig-border-b-\[0px\]{border-bottom-width:0!important}.lg\:\!ig-border-t-0{border-top-width:0!important}.lg\:ig-border-solid{border-style:solid}.lg\:ig-border-very-light-grey{--tw-border-opacity:1;border-color:rgb(225 225 225/var(--tw-border-opacity))}.lg\:\!ig-bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.lg\:ig-bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.lg\:ig-from-black\/65{--tw-gradient-from:rgba(0,0,0,.65) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.lg\:ig-via-black\/50{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.5) var(--tw-gradient-via-position),var(--tw-gradient-to)}.lg\:\!ig-px-0{padding-left:0!important;padding-right:0!important}.lg\:\!ig-px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.lg\:\!ig-py-0{padding-top:0!important;padding-bottom:0!important}.lg\:ig-px-0{padding-left:0;padding-right:0}.lg\:ig-px-4{padding-left:1rem;padding-right:1rem}.lg\:ig-px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:ig-px-\[141px\]{padding-left:141px;padding-right:141px}.lg\:ig-px-\[20px\]{padding-left:20px;padding-right:20px}.lg\:ig-py-2{padding-top:.5rem;padding-bottom:.5rem}.lg\:ig-py-3{padding-top:.75rem;padding-bottom:.75rem}.lg\:ig-py-\[120px\]{padding-top:120px;padding-bottom:120px}.lg\:\!ig-pb-3{padding-bottom:.75rem!important}.lg\:\!ig-pt-0{padding-top:0!important}.lg\:\!ig-pt-4{padding-top:1rem!important}.lg\:\!ig-pt-5{padding-top:1.25rem!important}.lg\:ig-pt-5{padding-top:1.25rem}.lg\:\!ig-text-\[1rem\]{font-size:1rem!important}.lg\:ig-text-\[0\.75rem\]{font-size:.75rem}.lg\:ig-text-\[0\.875rem\]{font-size:.875rem}.lg\:ig-text-\[1\.06255rem\]{font-size:1.06255rem}.lg\:ig-text-\[1\.0625rem\]{font-size:1.0625rem}.lg\:ig-text-\[1\.25rem\]{font-size:1.25rem}.lg\:ig-text-\[1\.3125rem\]{font-size:1.3125rem}.lg\:ig-text-\[1rem\]{font-size:1rem}.lg\:ig-text-\[2\.375rem\]{font-size:2.375rem}.lg\:ig-text-\[2\.5rem\]{font-size:2.5rem}.lg\:ig-text-\[2rem\]{font-size:2rem}.lg\:ig-text-\[3\.375rem\]{font-size:3.375rem}.lg\:ig-text-\[3rem\]{font-size:3rem}.lg\:ig-text-\[4rem\]{font-size:4rem}.lg\:ig-text-\[5\.5rem\]{font-size:5.5rem}.lg\:ig-text-base{font-size:1rem;line-height:1.5rem}.lg\:\!ig-leading-8{line-height:2rem!important}.lg\:\!ig-leading-\[48px\]{line-height:48px!important}.lg\:ig-leading-\[1\.124rem\]{line-height:1.124rem}.lg\:ig-leading-\[1\.125rem\]{line-height:1.125rem}.lg\:ig-leading-\[1\.25rem\]{line-height:1.25rem}.lg\:ig-leading-\[1\.375rem\]{line-height:1.375rem}.lg\:ig-leading-\[1\.5\]{line-height:1.5}.lg\:ig-leading-\[1\.5rem\]{line-height:1.5rem}.lg\:ig-leading-\[1\.75rem\]{line-height:1.75rem}.lg\:ig-leading-\[1rem\]{line-height:1rem}.lg\:ig-leading-\[48px\]{line-height:48px}.lg\:ig-leading-\[7\.125rem\]{line-height:7.125rem}.lg\:ig-leading-none{line-height:1}.lg\:ig-tracking-\[4px\]{letter-spacing:4px}}@media (min-width:1200px){.xl\:ig-ml-6{margin-left:1.5rem}.xl\:ig-mr-6{margin-right:1.5rem}}.ig-peer:checked~.rtl\:peer-checked\:after\:ig--translate-x-full:where([dir=rtl],[dir=rtl] *):after{content:var(--tw-content);--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\&\]\:ig-m-0.\[\&\&\]\:ig-m-0{margin:0}.\[\&\&\]\:ig-justify-end.\[\&\&\]\:ig-justify-end{justify-content:flex-end}.\[\&\&\]\:ig-font-normal.\[\&\&\]\:ig-font-normal{font-weight:400}@media not all and (min-width:744px){.max-md\:\[\&\&\]\:ig-leading-4.max-md\:\[\&\&\]\:ig-leading-4{line-height:1rem}}@media (min-width:744px){.md\:\[\&\&\]\:ig-mb-5.md\:\[\&\&\]\:ig-mb-5{margin-bottom:1.25rem}.md\:\[\&\&\]\:ig-px-6.md\:\[\&\&\]\:ig-px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:\[\&\&\]\:ig-py-8.md\:\[\&\&\]\:ig-py-8{padding-top:2rem;padding-bottom:2rem}}@media (min-width:1200px){.xl\:\[\&\&\]\:ig-mb-3.xl\:\[\&\&\]\:ig-mb-3{margin-bottom:.75rem}}.\[\&\>svg\]\:ig-size-\[14px\]>svg{width:14px;height:14px}@media (min-width:744px){.\[\&\>svg\]\:md\:ig-size-\[16px\]>svg{width:16px;height:16px}}.\[\&\>video-js\>\.vjs-dock-text\]\:ig-hidden>video-js>.vjs-dock-text{display:none}.\[\&\>video-js\>\.vjs-poster\]\:ig-cursor-default>video-js>.vjs-poster{cursor:default}.\[\&\>video-js\>\.vjs-poster\]\:ig-bg-cover>video-js>.vjs-poster{background-size:cover}.\[\&\>video-js\>video\]\:ig-pointer-events-none>video-js>video{pointer-events:none}.\[\&\>video-js\>video\]\:ig-object-cover>video-js>video{-o-object-fit:cover;object-fit:cover}.\[\&\>video-js\]\:ig-pointer-events-none>video-js{pointer-events:none}.\[\&\>video-js\]\:ig-h-full>video-js{height:100%}.\[\&\>video-js\]\:ig-w-full>video-js{width:100%}.\[\&\>video-js\]\:ig-select-none>video-js{-webkit-user-select:none;-moz-user-select:none;user-select:none}.\[\&\>video-js\]\:ig-overflow-hidden>video-js{overflow:hidden}@font-face{font-family:Franklin Gothic ATF;font-style:normal;font-weight:700;src:url(/bikes/_next/static/media/ATFFranklinGothicBold-RCVKHOXV.88aaa3ba.otf) format("opentype")}@font-face{font-family:Franklin Gothic ATF;font-style:normal;font-weight:900;src:url(/bikes/_next/static/media/ATFFranklinGothicHeavy-N6R3TOCU.6fa3b9b8.otf) format("opentype")}@font-face{font-family:Franklin Gothic ATF;font-style:italic;font-weight:400;src:url(/bikes/_next/static/media/ATFFranklinGothicItalic-WWP5ATLZ.b59fd04d.otf) format("opentype")}@font-face{font-family:Franklin Gothic ATF;font-style:normal;font-weight:500;src:url(/bikes/_next/static/media/ATFFranklinGothicMed-YOMIAEOG.c3988011.otf) format("opentype")}@font-face{font-family:Franklin Gothic ATF;font-style:normal;font-weight:400;src:url(/bikes/_next/static/media/ATFFranklinGothicRegular-EOZB7GKP.23b21f99.otf) format("opentype")}@font-face{font-family:Franklin Gothic ITC;font-style:normal;font-weight:400;src:url(/bikes/_next/static/media/ITCFranklinGothicLTProBookCompressed-342VIIGE.df355420.otf) format("opentype")}@font-face{font-family:Franklin Gothic ITC;font-style:italic;font-weight:400;src:url(/bikes/_next/static/media/ITCFranklinGothicLTProBookItalicCompressed-YT4AE5TO.c4f80276.otf) format("opentype")}@font-face{font-family:Franklin Gothic ITC;font-style:normal;font-weight:700;src:url(/bikes/_next/static/media/ITCFranklinGothicLTProDemiCompressed-B4M5ICCR.0f19d408.otf) format("opentype")}.rc-slider{position:relative;width:100%;height:14px;padding:5px 0;border-radius:6px;touch-action:none}.rc-slider,.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-rail{position:absolute;width:100%;height:4px;background-color:#e9e9e9;border-radius:6px}.rc-slider-track,.rc-slider-tracks{position:absolute;height:4px;background-color:#abe2fb;border-radius:6px}.rc-slider-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translateY(-5px)}.rc-slider-handle{position:absolute;z-index:1;width:14px;height:14px;margin-top:-5px;background-color:#fff;border:2px solid #96dbfa;border-radius:50%;cursor:pointer;cursor:grab;opacity:.8;touch-action:pan-x}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle:focus{outline:none;box-shadow:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;color:#999;text-align:center;vertical-align:middle;cursor:pointer}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:transparent}.rc-slider-dot{position:absolute;bottom:-2px;width:8px;height:8px;vertical-align:middle;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;cursor:pointer}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-track-draggable{border-top:0;border-bottom:0;border-right:5px solid transparent;border-left:5px solid transparent;transform:translateX(-5px)}.rc-slider-vertical .rc-slider-handle{position:absolute;z-index:1;margin-top:0;margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-leave{display:block!important;animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter{transform:scale(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform:scale(0);transform-origin:50% 100%;opacity:0}to{transform:scale(1);transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{transform:scale(0);transform-origin:50% 100%;opacity:0}}.rc-slider-tooltip{position:absolute;top:-9999px;left:-9999px;visibility:visible}.rc-slider-tooltip,.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{min-width:24px;height:24px;padding:6px 2px;color:#fff;font-size:12px;line-height:1;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}

/* 滚动指示器样式 */
#scrollIndicator {
    position: fixed;
    top: 1rem;
    right: 1rem;
    width: 8px;
    height: 4rem;
    background-color: rgba(229, 231, 235, 0.8);
    border-radius: 4px;
    z-index: 1000;
    transition: opacity 0.3s ease;
}

#scrollProgress {
    width: 100%;
    background: linear-gradient(to top, #f59e0b, #ea580c);
    border-radius: 4px;
    transition: height 0.1s ease-out;
    height: 0%;
}

/* wenzi基础样式 */
#wenzi {
    top: 40px; /* 确保wenzi在顶部有合适位置 */
    z-index: 20; /* 确保wenzi在canvas之上 */
    will-change: transform; /* 优化transform性能 */
    transform: translateY(0px); /* 设置初始transform值 */
}

/* Canvas容器的滚动动画 */
.bike-stage-canvas-container {
    transition: transform 0.5s ease-out;
    transform: translateY(50px); /* 统一手机端和PC端的初始位置 */
    margin-top: 40px; /* 统一手机端和PC端的初始间距 */
}

.bike-stage-canvas-container.centered {
    transform: translateY(0); /* 滚动时移动到中心 */
    margin-top: 0; /* 滚动时重置margin-top */
}

/* 手机端调整margin-top */
@media (max-width: 768px) {
    .bike-stage-canvas-container {
        margin-top: 50px; /* 手机端首次加载初始值，JS会根据scrollState和hasScrolledDown动态调整 */
    }
    
    /* 手机端隐藏PC专用元素 */
    .pc {
        display: none !important;
    }
}

/* PC端隐藏移动端专用元素 */
@media (min-width: 769px) {
    .mobile {
        display: none !important;
    }
}

/* 360度旋转模式的样式 */
.rotation-mode .bike-stage-canvas-container canvas {
    cursor: grab;
}

.rotation-mode .bike-stage-canvas-container canvas:active {
    cursor: grabbing;
}

/* 滚动驱动的动画状态 */
.scroll-animation-container {
    min-height: 100vh; /* 给滚动留出空间 */
    position: relative;
}

/* View Toggle Buttons 显示状态 */
.view-toggle-buttons.visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* PC端初始间距调整 */
@media (min-width: 768px) {
    .bike-stage-canvas-container {
        transform: translateY(0px); /* PC端进一步减少偏移，让车辆更靠上显示 */
        margin-top: 80px; /* PC端进一步减少上边距，提升车辆可见度 */
    }
    
    .bike-stage-canvas-container.centered {
        transform: translateY(0); /* PC端滚动时移动到中心 */
        margin-top: 0; /* PC端滚动时重置margin-top */
    }
    
    
    .scroll-animation-container {
        min-height: 100vh; /* PC端保持合理高度 */
    }
}