.top-drainage {
    z-index: 9;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom: .5px solid #e8e8e8;
    min-height: 77px;
    padding: 16px 24px;
    display: flex;
    position: relative
}

.top-drainage .top-drainage__right {
    flex: 1;
    align-items: center;
    display: flex
}

.top-drainage .top-drainage__right__des {
    -webkit-margin-end: 16px;
    color: #191919;
    flex: 1;
    font-size: 12px;
    font-weight: 700
}

.top-drainage .top-drainage__right__des:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 16px
}

.top-drainage .top-drainage__right__des:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 16px
}

.top-drainage .top-drainage__right__des:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 16px
}

.top-drainage .top-drainage__right__des:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 16px
}

.top-drainage .top-drainage__right__des:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 16px
}

.top-drainage .top-drainage__right__des:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 16px
}

.top-drainage .top-drainage__right__text {
    margin-top: 4px;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.3
}

.top-drainage .top-drainage__right__button {
    color: #191919;
    background: #fff;
    border: 1px solid #191919;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    min-width: 88px;
    height: 28px;
    font-weight: 700;
    display: flex
}

.top-drainage .top-drainage__close {
    display: flex;
    position: absolute;
    top: 5px;
    right: 10px
}

.top-drainage .top-drainage__close i {
    color: rgba(25, 25, 25, .35);
    cursor: pointer;
    opacity: .8;
    font-size: 14px;
    line-height: 1
}

body.site-slide-menu__body--overflow-hidden {
    overflow: hidden
}

.site-header {
    z-index: 20;
    background-color: #fff;
    background-color: var(--background-white);
    transition: all .3s cubic-bezier(.5, 0, 0, .75);
    position: relative;
    top: 0;
    box-shadow: 0 6px 16px rgba(25, 25, 25, .06)
}

.site-header+:not(.site-footer) {
    flex-grow: 1;
    flex-shrink: 0
}

.site-header.site-header--sticky {
    position: -webkit-sticky;
    position: sticky
}

.site-header.site-header--transparent {
    background-color: transparent
}

@media screen and (max-width:720px) {
    .site-header.site-header--transparent+main {
        margin-top: -54px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-header.site-header--transparent+main {
        margin-top: -4.6875vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-header.site-header--transparent+main {
        margin-top: -4.44444vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-header.site-header--transparent+main {
        margin-top: -4.16667vw
    }
}

@media screen and (min-width:1921px) {
    .site-header.site-header--transparent+main {
        margin-top: -80px
    }
}

.site-header.site-header--transparent.site-header--fixed {
    background-color: #fff;
    background-color: var(--background-white)
}

.site-header .site-header__navigation {
    box-sizing: border-box;
    height: var(--header-height);
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    display: flex
}

@media screen and (max-width:720px) {
    .site-header .site-header__navigation {
        padding: 0 4px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-header .site-header__navigation {
        padding: 0 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-header .site-header__navigation {
        padding: 0 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-header .site-header__navigation {
        padding: 0 8px
    }
}

@media screen and (min-width:1921px) {
    .site-header .site-header__navigation {
        padding: 0 8px
    }
}

.site-header .site-header__navigation .navigation__group {
    height: inherit;
    display: flex
}

@media screen and (max-width:720px) {
    .site-header .site-header__navigation .navigation__menu {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__menu {
        display: none
    }
}

@media screen and (max-width:720px) {
    .site-header .site-header__navigation .navigation__aside {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__aside {
        display: none
    }
}

.site-header .site-header__navigation .navigation__separator {
    flex-grow: 1
}

.site-header .site-header__navigation .navigation__item {
    height: inherit;
    color: var(--text-base)
}

@media screen and (max-width:720px) {
    .site-header .site-header__navigation .navigation__item {
        margin: 0 4px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__item {
        margin: 0 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-header .site-header__navigation .navigation__item {
        margin: 0 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .site-header .site-header__navigation .navigation__item {
        margin: 0 16px
    }
}

@media screen and (min-width:1921px) {
    .site-header .site-header__navigation .navigation__item {
        margin: 0 16px
    }
}

.site-header .site-header__navigation .navigation__item label {
    cursor: pointer;
    display: inline-block
}

.site-header .site-header__navigation .navigation__item .navigation__link {
    cursor: pointer;
    align-items: center;
    height: 100%;
    padding: 0 8px;
    font-size: 16px;
    display: flex;
    position: relative
}

.site-header .site-header__navigation .navigation__item .navigation__link:focus-visible {
    outline: 4px solid var(--outline-color);
    border-radius: 0;
    outline-offset: -4px !important
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__item .navigation__link {
        padding: 0 .78125vw;
        font-size: 1.5625vw
    }
}

.site-header .site-header__navigation .navigation__item .navigation__link.navigation__link--current {
    color: #FF47C7
}

.site-header .site-header__navigation .navigation__item .navigation__link.navigation__link--poco span {
    transition: opacity .3s;
    transition-timing-function: linear(0 50%, 1 100%)
}

.site-header .site-header__navigation .navigation__item .navigation__link.navigation__link--poco img {
    opacity: 0;
    height: 30px;
    transition: opacity .3s;
    transition-timing-function: linear(0 0%, 1 50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.site-header .site-header__navigation .navigation__item .navigation__link--border {
    box-sizing: border-box;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__item .navigation__link--border {
        border-top-width: 2px;
        border-bottom-width: 2px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-header .site-header__navigation .navigation__item .navigation__link--border {
        border-top-width: 2px;
        border-bottom-width: 2px
    }
}

.site-header .site-header__navigation .navigation__item .mi-btn--highlight:hover,
.site-header .site-header__navigation .navigation__item.navigation__item--hover .navigation__link,
.site-header .site-header__navigation .navigation__item.navigation__item--hover .navigation__link--current {
    color: #FF47C7
}

.site-header .site-header__navigation .navigation__item.navigation__item--hover .navigation__link--border {
    border-bottom: 3px solid #FF47C7;
    border-bottom: 3px solid var(--border-primary)
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__item.navigation__item--hover .navigation__link--border {
        border-bottom-width: 2px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .site-header .site-header__navigation .navigation__item.navigation__item--hover .navigation__link--border {
        border-bottom-width: 2px
    }
}

.site-header .site-header__navigation .navigation__item.navigation__item--hover .navigation__link--poco {
    border-bottom: none
}

.site-header .site-header__navigation .navigation__item.navigation__item--hover .navigation__link--poco span {
    opacity: 0;
    transition-timing-function: linear(0 0%, 1 50%)
}

.site-header .site-header__navigation .navigation__item.navigation__item--hover .navigation__link--poco img {
    opacity: 1;
    transition-timing-function: linear(0 50%, 1 100%)
}

.site-header.site-header--business .site-header__navigation>* {
    flex: 1;
    display: inline-flex
}

.site-header.site-header--business .navigation__logo-wrapper {
    justify-content: flex-start
}

.site-header.site-header--business .navigation__title {
    cursor: default;
    justify-content: center;
    margin: 0;
    font-weight: 500
}

@media screen and (max-width:720px) {
    .site-header.site-header--business .navigation__title {
        display: none
    }
}

.site-header.site-header--business .navigation__shortcut {
    justify-content: flex-end
}

.site-header.site-header--business .navigation__shortcut .shortcut__item.shortcut__item-user {
    display: initial
}

.site-header.site-header--business .navigation__shortcut .shortcut__item.shortcut__item-menu,
.site-header--hidden {
    display: none
}

.quantity-section {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.quantity-section .quantity-section__container {
    -webkit-margin-start: auto;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.quantity-section .quantity-section__container:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: auto
}

.quantity-section .quantity-section__container:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: auto
}

.quantity-section .quantity-section__container:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: auto
}

.quantity-section .quantity-section__container:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: auto
}

.quantity-section .quantity-section__container:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: auto
}

.quantity-section .quantity-section__container:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: auto
}

@media screen and (max-width:720px) {
    .quantity-section .quantity-section__container {
        margin-top: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .quantity-section .quantity-section__container {
        margin-top: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .quantity-section .quantity-section__container {
        margin-top: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .quantity-section .quantity-section__container {
        margin-top: 12px
    }
}

@media screen and (min-width:1921px) {
    .quantity-section .quantity-section__container {
        margin-top: 12px
    }
}

.quantity-section .quantity-section__notice {
    color: var(--brand-grey)
}

@media screen and (max-width:720px) {
    .quantity-section .quantity-section__notice {
        max-width: 420px;
        font-size: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .quantity-section .quantity-section__notice {
        max-width: 300px;
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .quantity-section .quantity-section__notice {
        max-width: 300px;
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .quantity-section .quantity-section__notice {
        max-width: 300px;
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .quantity-section .quantity-section__notice {
        max-width: 300px;
        font-size: 16px
    }
}

.quantity-section .quantity-section__content {
    box-sizing: border-box;
    height: unset;
    flex-shrink: 0;
    align-items: center;
    display: inline-flex;
    overflow: hidden
}

.quantity-section .quantity-section__content button:first-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.quantity-section .quantity-section__content button:first-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.quantity-section .quantity-section__content button:first-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.quantity-section .quantity-section__content button:first-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.quantity-section .quantity-section__content button:first-child:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.quantity-section .quantity-section__content button:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

@media screen and (max-width:720px) {
    .quantity-section .quantity-section__content {
        width: 90px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .quantity-section .quantity-section__content {
        width: 95px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .quantity-section .quantity-section__content {
        width: 95px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .quantity-section .quantity-section__content {
        width: 95px
    }
}

@media screen and (min-width:1921px) {
    .quantity-section .quantity-section__content {
        width: 95px
    }
}

.quantity-section .quantity-section__content .quantity-section__button {
    box-sizing: border-box;
    width: var(--button-width);
    color: #191919;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: 0 0;
    border: 0;
    outline: none;
    flex-grow: 0;
    flex-shrink: 0;
    height: 100%;
    padding: 0;
    font-weight: 700;
    position: relative
}

.quantity-section .quantity-section__content .quantity-section__button:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: right
}

.quantity-section .quantity-section__content .quantity-section__button:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: right
}

.quantity-section .quantity-section__content .quantity-section__button:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: right
}

.quantity-section .quantity-section__content .quantity-section__button:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: left
}

.quantity-section .quantity-section__content .quantity-section__button:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: left
}

.quantity-section .quantity-section__content .quantity-section__button:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: left
}

@media screen and (max-width:720px) {
    .quantity-section .quantity-section__content .quantity-section__button {
        --button-width: 26px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .quantity-section .quantity-section__content .quantity-section__button {
        --button-width: 28px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .quantity-section .quantity-section__content .quantity-section__button {
        --button-width: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .quantity-section .quantity-section__content .quantity-section__button {
        --button-width: 28px
    }
}

@media screen and (min-width:1921px) {
    .quantity-section .quantity-section__content .quantity-section__button {
        --button-width: 28px
    }
}

.quantity-section .quantity-section__content .quantity-section__button:focus-visible {
    outline: 2px solid var(--outline-color) !important
}

.quantity-section .quantity-section__content .quantity-section__button i.micon {
    transform: unset
}

@media screen and (max-width:720px) {
    .quantity-section .quantity-section__content .quantity-section__button i.micon {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .quantity-section .quantity-section__content .quantity-section__button i.micon {
        font-size: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .quantity-section .quantity-section__content .quantity-section__button i.micon {
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .quantity-section .quantity-section__content .quantity-section__button i.micon {
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .quantity-section .quantity-section__content .quantity-section__button i.micon {
        font-size: 16px
    }
}

.quantity-section .quantity-section__content .quantity-section__button--disabled,
.quantity-section .quantity-section__content .quantity-section__button:disabled,
.quantity-section .quantity-section__content .quantity-section__button:disabled i {
    color: var(--brand-grey);
    cursor: not-allowed
}

.quantity-section .quantity-section__content .quantity-section__button:active,
.quantity-section .quantity-section__content .quantity-section__button:active i {
    color: var(--text-base)
}

.quantity-section .quantity-section__content .quantity-section__button--disabled:active,
.quantity-section .quantity-section__content .quantity-section__button--disabled:active i {
    color: var(--brand-grey)
}

.quantity-section .quantity-section__content .quantity-section__button:first-of-type:after {
    content: "";
    height: 100%;
    top: 50%;
    right: 0;
    left: unset;
    position: absolute;
    transform: translateY(-50%)
}

[dir=rtl] .quantity-section .quantity-section__content .quantity-section__button:first-of-type:after {
    right: unset
}

[dir=rtl] .quantity-section .quantity-section__content .quantity-section__button:first-of-type:after {
    left: 0
}

.quantity-section .quantity-section__content .quantity-section__button:last-of-type:before {
    content: "";
    height: 100%;
    top: 50%;
    left: 0;
    right: unset;
    position: absolute;
    transform: translateY(-50%)
}

[dir=rtl] .quantity-section .quantity-section__content .quantity-section__button:last-of-type:before {
    left: unset
}

[dir=rtl] .quantity-section .quantity-section__content .quantity-section__button:last-of-type:before {
    right: 0
}

.quantity-section .quantity-section__content .quantity-section__value {
    color: var(--text-base);
    text-align: center;
    background-color: #f0f0f0;
    border: 0;
    border-radius: 6px;
    outline: none;
    flex-grow: 1;
    flex-shrink: 0;
    padding: 0;
    font-weight: 500;
    line-height: 1;
    display: inline-flex
}

@media screen and (max-width:720px) {
    .quantity-section .quantity-section__content .quantity-section__value {
        width: 38px;
        height: 28px;
        font-size: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .quantity-section .quantity-section__content .quantity-section__value {
        width: 39px;
        height: 33px;
        font-size: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .quantity-section .quantity-section__content .quantity-section__value {
        width: 39px;
        height: 33px;
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .quantity-section .quantity-section__content .quantity-section__value {
        width: 39px;
        height: 33px;
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .quantity-section .quantity-section__content .quantity-section__value {
        width: 39px;
        height: 33px;
        font-size: 16px
    }
}

.quantity-section.quantity-section--loading .quantity-section__content .quantity-section__value {
    color: var(--brand-grey-40);
    cursor: not-allowed;
    background-color: #f3f3f3
}

.order-list-section .product__section.salescore-section .salescore-section__list-scorebox {
    background-repeat: no-repeat;
    background-size: cover;
    width: 52px;
    height: 30px;
    position: relative
}

@media screen and (max-width:720px) {
    .order-list-section .product__section.salescore-section .salescore-section__list-scorebox {
        width: 38px;
        height: 23px
    }
}

.order-list-section .product__section.salescore-section .salescore-section__list-scorebox.level1 {
    background-image: url(../images/level1.png)
}

.order-list-section .product__section.salescore-section .salescore-section__list-scorebox.level2 {
    background-image: url(../images/level2.png)
}

.order-list-section .product__section.salescore-section .salescore-section__list-scorebox.level3 {
    background-image: url(../images/level3.png)
}

.order-list-section .product__section.salescore-section .salescore-section__list-scorebox.level4 {
    background-image: url(../images/level4.png)
}

.order-list-section .product__section.salescore-section .salescore-section__list-scorebox.level5 {
    background-image: url(../images/level5.png)
}

.order-list-section .product__section.salescore-section .salescore-section__list-scorebox .salescore-section__list-scoreshow {
    display: flex;
    position: absolute;
    top: 2px;
    left: 25px
}

@media screen and (max-width:720px) {
    .order-list-section .product__section.salescore-section .salescore-section__list-scorebox .salescore-section__list-scoreshow {
        left: 19px
    }
}

.order-list-section .product__section.salescore-section .salescore-section__list-scorebox .salescore-section__list-point,
.order-list-section .product__section.salescore-section .salescore-section__list-scorebox .salescore-section__list-number {
    width: 11px;
    height: 16px;
    display: block
}

@media screen and (max-width:720px) {

    .order-list-section .product__section.salescore-section .salescore-section__list-scorebox .salescore-section__list-point,
    .order-list-section .product__section.salescore-section .salescore-section__list-scorebox .salescore-section__list-number {
        width: 8px;
        height: 12px
    }
}

.order-list-section .product__section.salescore-section .salescore-section__list-scorebox .salescore-section__list-point {
    margin: 2px -2px 0 -6px
}

@media screen and (max-width:720px) {
    .order-list-section .product__section.salescore-section .salescore-section__list-scorebox .salescore-section__list-point {
        margin: 0 -2px 0 -4px
    }
}

.order-list-section .product__section.salescore-section {
    justify-content: flex-end;
    display: flex;
    overflow: hidden
}

.order-list-section .product__section.salescore-section .salescore-section__list {
    display: flex
}

.order-list-section .product__section.salescore-section .salescore-section__list .salescore-section__list-repaire {
    -webkit-margin-start: 10px;
    margin-top: 3px;
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

.order-list-section .product__section.salescore-section .salescore-section__list .salescore-section__list-repaire:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 10px
}

.order-list-section .product__section.salescore-section .salescore-section__list .salescore-section__list-repaire:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 10px
}

.order-list-section .product__section.salescore-section .salescore-section__list .salescore-section__list-repaire:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 10px
}

.order-list-section .product__section.salescore-section .salescore-section__list .salescore-section__list-repaire:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 10px
}

.order-list-section .product__section.salescore-section .salescore-section__list .salescore-section__list-repaire:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 10px
}

.order-list-section .product__section.salescore-section .salescore-section__list .salescore-section__list-repaire:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 10px
}

.order-list-section .product__section.salescore-section .salescore-section__link {
    cursor: pointer;
    align-items: center;
    display: flex
}

.order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn {
    color: #1a77ed;
    line-height: 1
}

@media screen and (max-width:720px) {
    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn {
        -webkit-margin-start: 6px;
        font-size: 12px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 6px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 6px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 6px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 6px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 6px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn {
        -webkit-margin-start: 8px;
        font-size: 12px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn {
        -webkit-margin-start: 8px;
        font-size: 13px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn {
        -webkit-margin-start: 8px;
        font-size: 14px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }
}

@media screen and (min-width:1921px) {
    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn {
        -webkit-margin-start: 8px;
        font-size: 14px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .order-list-section .product__section.salescore-section .salescore-section__link .salescore-section__link-learn:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }
}

.mi-modal:not(.mi-modal--bottom) .monthcost-modal .mi-btn.mi-btn--icon .micon {
    font-size: 24px
}

.mi-modal:not(.mi-modal--bottom) .monthcost-modal .mi-modal__close {
    left: auto;
    top: 24px !important;
    right: 24px !important
}

[dir=rtl] .mi-modal:not(.mi-modal--bottom) .monthcost-modal .mi-modal__close {
    right: auto
}

[dir=rtl] .mi-modal:not(.mi-modal--bottom) .monthcost-modal .mi-modal__close {
    left: 24px !important
}

.mi-modal:not(.mi-modal--bottom) .monthcost-modal .mi-modal__content {
    flex-direction: column;
    width: 640px;
    max-width: 640px;
    max-height: 658px;
    display: flex
}

.mi-modal:not(.mi-modal--bottom) .monthcost-modal .mi-modal__title {
    font-weight: 700;
    font-size: 24px !important
}

.mi-modal:not(.mi-modal--bottom) .monthcost-modal .mi-modal__header {
    flex-shrink: 0;
    padding: 24px !important
}

.mi-modal:not(.mi-modal--bottom) .monthcost-modal .mi-modal__main {
    flex: 1;
    max-height: 580px;
    overflow-x: hidden;
    margin-bottom: 32px !important;
    padding: 0 24px !important
}

.mi-modal.mi-modal--bottom .monthcost-modal .mi-modal__close {
    top: 14px !important;
    left: auto !important;
    right: 14px !important
}

[dir=rtl] .mi-modal.mi-modal--bottom .monthcost-modal .mi-modal__close {
    right: auto !important
}

[dir=rtl] .mi-modal.mi-modal--bottom .monthcost-modal .mi-modal__close {
    left: 14px !important
}

.mi-modal.mi-modal--bottom .monthcost-modal .mi-modal__title {
    font-weight: 700;
    font-size: 18px !important
}

.mi-modal.mi-modal--bottom .monthcost-modal .mi-modal__header {
    padding: 20px !important
}

.mi-modal.mi-modal--bottom .monthcost-modal .mi-modal__main {
    overflow-x: hidden;
    padding: 0 20px 40px !important
}

.installment-month {
    color: #191919;
    cursor: pointer;
    font-weight: 400
}

.installment-month:hover {
    text-decoration: underline
}

@media screen and (max-width:720px) {
    .installment-month {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .installment-month {
        font-size: 13px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .installment-month {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .installment-month {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .installment-month {
        font-size: 14px
    }
}

.payment-tab {
    z-index: 1;
    background: #fff;
    align-items: center;
    height: 20px;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

@media screen and (max-width:720px) {
    .payment-tab {
        padding-bottom: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .payment-tab {
        padding-bottom: 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .payment-tab {
        padding-bottom: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .payment-tab {
        padding-bottom: 20px
    }
}

@media screen and (min-width:1921px) {
    .payment-tab {
        padding-bottom: 20px
    }
}

.payment-tab-item {
    cursor: pointer;
    position: relative
}

.payment-tab-item.active {
    color: #FF47C7;
    font-weight: 700
}

.payment-tab-item:not(:last-child):after {
    content: "";
    background: #e8e8e8;
    width: 1px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    transform: translateY(-50%)
}

[dir=rtl] .payment-tab-item:not(:last-child):after {
    right: auto
}

[dir=rtl] .payment-tab-item:not(:last-child):after {
    left: 0
}

.payment-tab-item:first-child {
    -webkit-padding-start: 0
}

.payment-tab-item:first-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 0
}

.payment-tab-item:first-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 0
}

.payment-tab-item:first-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 0
}

.payment-tab-item:first-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 0
}

.payment-tab-item:first-child:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 0
}

.payment-tab-item:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 0
}

@media screen and (max-width:720px) {
    .payment-tab-item {
        padding: 0 16px;
        font-size: 14px;
        line-height: 18px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .payment-tab-item {
        padding: 0 20px;
        font-size: 16px;
        line-height: 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .payment-tab-item {
        padding: 0 20px;
        font-size: 16px;
        line-height: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .payment-tab-item {
        padding: 0 20px;
        font-size: 16px;
        line-height: 20px
    }
}

@media screen and (min-width:1921px) {
    .payment-tab-item {
        padding: 0 20px;
        font-size: 16px;
        line-height: 20px
    }
}

.text {
    color: #5e5e5e;
    font-weight: 400
}

@media screen and (max-width:720px) {
    .text {
        font-size: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .text {
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .text {
        font-size: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .text {
        font-size: 12px
    }
}

@media screen and (min-width:1921px) {
    .text {
        font-size: 12px
    }
}

.text b {
    color: #191919;
    font-weight: 500 !important
}

.payment-card-list {
    flex-direction: row;
    display: flex
}

.payment-card-item {
    flex-shrink: 0;
    width: 100%
}

.monthcost-table {
    scrollbar-color: auto;
    scrollbar-width: thin
}

@media screen and (max-width:720px) {
    .monthcost-table+.text {
        margin-top: 26px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .monthcost-table+.text {
        margin-top: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .monthcost-table+.text {
        margin-top: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .monthcost-table+.text {
        margin-top: 24px
    }
}

@media screen and (min-width:1921px) {
    .monthcost-table+.text {
        margin-top: 24px
    }
}

.monthcost-table th,
.monthcost-table td {
    border-color: #e8e8e8 !important;
    line-height: 1 !important
}

.monthcost-table .ant-table-thead>tr>th {
    color: #474747;
    background: #f0f0f0;
    padding: 16px 10px;
    font-size: 12px;
    font-weight: 400;
    font-family: MiSans Latin, sans-serif !important
}

@media screen and (max-width:720px) {
    .monthcost-table .ant-table-thead>tr>th {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .monthcost-table .ant-table-thead>tr>th {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .monthcost-table .ant-table-thead>tr>th {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .monthcost-table .ant-table-thead>tr>th {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .monthcost-table .ant-table-thead>tr>th {
        font-size: 14px
    }
}

.monthcost-table .ant-table-container {
    -webkit-border-start: none !important;
    border-top: none !important
}

.monthcost-table .ant-table-container:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-left: none;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.monthcost-table .ant-table-container:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-left: none;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.monthcost-table .ant-table-container:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-left: none;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.monthcost-table .ant-table-container:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-right: none;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.monthcost-table .ant-table-container:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-right: none;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.monthcost-table .ant-table-container:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-right: none;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.monthcost-table thead>tr:first-child>:first-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: 2px
}

.monthcost-table thead>tr:first-child>:first-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: 2px
}

.monthcost-table thead>tr:first-child>:first-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: 2px
}

.monthcost-table thead>tr:first-child>:first-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: 2px
}

.monthcost-table thead>tr:first-child>:first-child:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: 2px
}

.monthcost-table thead>tr:first-child>:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: 2px
}

.monthcost-table thead>tr:first-child>:last-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: 2px
}

.monthcost-table thead>tr:first-child>:last-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: 2px
}

.monthcost-table thead>tr:first-child>:last-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: 2px
}

.monthcost-table thead>tr:first-child>:last-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: 2px
}

.monthcost-table thead>tr:first-child>:last-child:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: 2px
}

.monthcost-table thead>tr:first-child>:last-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: 2px
}

.monthcost-table tr th.ant-table-cell:last-of-type {
    border-left: auto;
    border-right: none !important
}

[dir=rtl] .monthcost-table tr th.ant-table-cell:last-of-type {
    border-right: auto
}

[dir=rtl] .monthcost-table tr th.ant-table-cell:last-of-type {
    border-left: none !important
}

.monthcost-table tr td.ant-table-cell:first-of-type {
    border-right: auto;
    border-left: 1px solid #e8e8e8 !important
}

[dir=rtl] .monthcost-table tr td.ant-table-cell:first-of-type {
    border-left: auto
}

[dir=rtl] .monthcost-table tr td.ant-table-cell:first-of-type {
    border-right: 1px solid #e8e8e8 !important
}

.monthcost-table .ant-table-tbody>tr>td {
    font-weight: 500;
    font-family: MiSans Latin, sans-serif !important
}

@media screen and (max-width:720px) {
    .monthcost-table .ant-table-tbody>tr>td {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .monthcost-table .ant-table-tbody>tr>td {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .monthcost-table .ant-table-tbody>tr>td {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .monthcost-table .ant-table-tbody>tr>td {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .monthcost-table .ant-table-tbody>tr>td {
        font-size: 14px
    }
}

.btext {
    color: #191919;
    font-weight: 500
}

.btext:last-child {
    margin-bottom: 0 !important
}

@media screen and (max-width:720px) {
    .btext {
        margin-top: 26px;
        margin-bottom: 8px;
        font-size: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .btext {
        margin-top: 24px;
        margin-bottom: 12px;
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .btext {
        margin-top: 24px;
        margin-bottom: 12px;
        font-size: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .btext {
        margin-top: 24px;
        margin-bottom: 12px;
        font-size: 12px
    }
}

@media screen and (min-width:1921px) {
    .btext {
        margin-top: 24px;
        margin-bottom: 12px;
        font-size: 12px
    }
}

.btext b {
    font-weight: 500
}

.plan-description {
    color: #191919
}

@media screen and (max-width:720px) {
    .plan-description {
        margin-bottom: 8px;
        font-size: 12px;
        line-height: 15px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .plan-description {
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 17.5px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .plan-description {
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 17.5px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .plan-description {
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 17.5px
    }
}

@media screen and (min-width:1921px) {
    .plan-description {
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 17.5px
    }
}

.buy-product .order-list-section {
    width: 100%;
    padding: 0;
    display: block
}

@media screen and (max-width:720px) {
    .buy-product .order-list-section {
        -webkit-margin-before: 40px;
        margin-top: 40px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product .order-list-section {
        -webkit-margin-before: 40px;
        margin-top: 40px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product .order-list-section {
        -webkit-margin-before: 60px;
        margin-top: 60px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product .order-list-section {
        -webkit-margin-before: 60px;
        margin-top: 60px
    }
}

@media screen and (min-width:1921px) {
    .buy-product .order-list-section {
        -webkit-margin-before: 60px;
        margin-top: 60px
    }
}

.buy-product .order-list-section .order-list-section__product-one {
    border-bottom: 1px dashed #e8e8e8;
    flex-direction: column;
    row-gap: 20px;
    display: flex
}

@media screen and (max-width:720px) {
    .buy-product .order-list-section .order-list-section__product-one {
        margin-bottom: 24px;
        padding-bottom: 24px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product .order-list-section .order-list-section__product-one {
        margin-bottom: 28px;
        padding-bottom: 28px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product .order-list-section .order-list-section__product-one {
        margin-bottom: 28px;
        padding-bottom: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product .order-list-section .order-list-section__product-one {
        margin-bottom: 28px;
        padding-bottom: 28px
    }
}

@media screen and (min-width:1921px) {
    .buy-product .order-list-section .order-list-section__product-one {
        margin-bottom: 28px;
        padding-bottom: 28px
    }
}

.buy-product .order-list-section .order-list-section__product-three {
    flex-direction: column;
    display: flex
}

.buy-product .order-list-section .order-list-section__product-three .installment-month {
    line-height: 1;
    display: block
}

.buy-product .order-list-section .order-list-section__product-three .installment-month:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: right
}

.buy-product .order-list-section .order-list-section__product-three .installment-month:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: right
}

.buy-product .order-list-section .order-list-section__product-three .installment-month:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: right
}

.buy-product .order-list-section .order-list-section__product-three .installment-month:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: left
}

.buy-product .order-list-section .order-list-section__product-three .installment-month:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: left
}

.buy-product .order-list-section .order-list-section__product-three .installment-month:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: left
}

@media screen and (max-width:720px) {
    .buy-product .order-list-section .order-list-section__product-three .installment-month {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product .order-list-section .order-list-section__product-three .installment-month {
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product .order-list-section .order-list-section__product-three .installment-month {
        font-size: 13px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product .order-list-section .order-list-section__product-three .installment-month {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .buy-product .order-list-section .order-list-section__product-three .installment-month {
        font-size: 14px
    }
}

@media screen and (max-width:720px) {
    .buy-product .order-list-section .order-list-section__product-three .installment-month {
        font-size: 12px;
        font-size: calc(12*var(--m-scale, 1)*1px)
    }

    .buy-product .order-list-section .order-list-section__product-three {
        row-gap: 12px;
        margin-bottom: 24px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product .order-list-section .order-list-section__product-three {
        row-gap: 16px;
        margin-bottom: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product .order-list-section .order-list-section__product-three {
        row-gap: 16px;
        margin-bottom: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product .order-list-section .order-list-section__product-three {
        row-gap: 16px;
        margin-bottom: 32px
    }
}

@media screen and (min-width:1921px) {
    .buy-product .order-list-section .order-list-section__product-three {
        row-gap: 16px;
        margin-bottom: 32px
    }
}

.buy-product .order-list-section .order-list-section__product-info {
    -moz-column-gap: 16px;
    justify-content: space-between;
    column-gap: 16px;
    display: flex
}

.buy-product .order-list-section .order-list-section__title {
    font-weight: 600
}

@media screen and (max-width:720px) {
    .buy-product .order-list-section .order-list-section__title {
        font-size: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product .order-list-section .order-list-section__title {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product .order-list-section .order-list-section__title {
        font-size: 15px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product .order-list-section .order-list-section__title {
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .buy-product .order-list-section .order-list-section__title {
        font-size: 16px
    }
}

@media screen and (max-width:720px) {
    .buy-product .order-list-section .order-list-section__title {
        font-size: 14px;
        font-size: calc(14*var(--m-scale, 1)*1px)
    }
}

.buy-product .order-list-section .order-list-section__sub-title {
    color: #5e5e5e;
    font-weight: 400
}

@media screen and (max-width:720px) {
    .buy-product .order-list-section .order-list-section__sub-title {
        margin-top: 8px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product .order-list-section .order-list-section__sub-title {
        margin-top: 8px;
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product .order-list-section .order-list-section__sub-title {
        margin-top: 8px;
        font-size: 13px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product .order-list-section .order-list-section__sub-title {
        margin-top: 8px;
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .buy-product .order-list-section .order-list-section__sub-title {
        margin-top: 8px;
        font-size: 14px
    }
}

@media screen and (max-width:720px) {
    .buy-product .order-list-section .order-list-section__sub-title {
        font-size: 12px;
        font-size: calc(12*var(--m-scale, 1)*1px)
    }
}

.buy-product .order-list-section .order-list-section__item--price {
    align-items: center;
    display: flex
}

.buy-product .order-list-section .order-list-section__item--price .mi-price {
    font-weight: 600;
    line-height: 1
}

.buy-product .order-list-section .order-list-section__item--price .mi-price:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: right
}

.buy-product .order-list-section .order-list-section__item--price .mi-price:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: right
}

.buy-product .order-list-section .order-list-section__item--price .mi-price:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: right
}

.buy-product .order-list-section .order-list-section__item--price .mi-price:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: left
}

.buy-product .order-list-section .order-list-section__item--price .mi-price:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: left
}

.buy-product .order-list-section .order-list-section__item--price .mi-price:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: left
}

@media screen and (max-width:720px) {
    .buy-product .order-list-section .order-list-section__item--price .mi-price {
        font-size: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product .order-list-section .order-list-section__item--price .mi-price {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product .order-list-section .order-list-section__item--price .mi-price {
        font-size: 15px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product .order-list-section .order-list-section__item--price .mi-price {
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .buy-product .order-list-section .order-list-section__item--price .mi-price {
        font-size: 16px
    }
}

@media screen and (max-width:720px) {
    .buy-product .order-list-section .order-list-section__item--price .mi-price {
        font-size: 12px;
        font-size: calc(12*var(--m-scale, 1)*1px)
    }
}

.buy-product .order-list-section .order-list-section__item--price .mi-price small {
    font-size: 100%
}

.buy-product .order-list-section .order-list-section__item--price strong:first-child {
    -webkit-margin-end: 0;
    font-weight: 600
}

.buy-product .order-list-section .order-list-section__item--price strong:first-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.buy-product .order-list-section .order-list-section__item--price strong:first-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.buy-product .order-list-section .order-list-section__item--price strong:first-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.buy-product .order-list-section .order-list-section__item--price strong:first-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.buy-product .order-list-section .order-list-section__item--price strong:first-child:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.buy-product .order-list-section .order-list-section__item--price strong:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.buy-product .order-list-section .order-list-section__item--price del {
    -webkit-margin-start: 6px;
    color: var(--text-secondary);
    font-weight: 400
}

.buy-product .order-list-section .order-list-section__item--price del:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 6px
}

.buy-product .order-list-section .order-list-section__item--price del:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 6px
}

.buy-product .order-list-section .order-list-section__item--price del:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 6px
}

.buy-product .order-list-section .order-list-section__item--price del:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 6px
}

.buy-product .order-list-section .order-list-section__item--price del:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 6px
}

.buy-product .order-list-section .order-list-section__item--price del:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 6px
}

.buy-product .order-list-section .order-list-section__item {
    min-height: 20px;
    color: var(--content-light-variant);
    justify-content: space-between;
    align-items: center;
    display: flex
}

@media screen and (max-width:720px) {
    .buy-product .order-list-section .order-list-section__item {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product .order-list-section .order-list-section__item {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product .order-list-section .order-list-section__item {
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product .order-list-section .order-list-section__item {
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .buy-product .order-list-section .order-list-section__item {
        font-size: 16px
    }
}

@media screen and (max-width:720px) {
    .buy-product .order-list-section .order-list-section__item {
        font-size: 12px;
        font-size: calc(12*var(--m-scale, 1)*1px)
    }
}

.buy-product .order-list-section .order-list-section__item-label {
    max-width: 74%
}

@media screen and (max-width:720px) {
    .buy-product .order-list-section .order-list-section__item-label {
        color: #5e5e5e
    }
}

.buy-product .order-list-section .order-list-section__item-spacer {
    flex-grow: 1
}

.buy-product .order-list-section .order-list-section__item span {
    -webkit-margin-end: 12px;
    text-overflow: ellipsis;
    font-style: normal
}

.buy-product .order-list-section .order-list-section__item span:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left;
    margin-right: 12px
}

.buy-product .order-list-section .order-list-section__item span:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left;
    margin-right: 12px
}

.buy-product .order-list-section .order-list-section__item span:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left;
    margin-right: 12px
}

.buy-product .order-list-section .order-list-section__item span:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right;
    margin-left: 12px
}

.buy-product .order-list-section .order-list-section__item span:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right;
    margin-left: 12px
}

.buy-product .order-list-section .order-list-section__item span:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right;
    margin-left: 12px
}

.buy-product .order-list-section .order-list-section__item strong {
    white-space: nowrap;
    font-weight: 500
}

.buy-product .order-list-section .order-list-section__item small {
    font-size: inherit;
    white-space: nowrap
}

.buy-product .order-list-section .order-list-section__item del {
    -webkit-margin-start: 6px;
    white-space: nowrap
}

.buy-product .order-list-section .order-list-section__item del:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 6px
}

.buy-product .order-list-section .order-list-section__item del:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 6px
}

.buy-product .order-list-section .order-list-section__item del:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 6px
}

.buy-product .order-list-section .order-list-section__item del:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 6px
}

.buy-product .order-list-section .order-list-section__item del:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 6px
}

.buy-product .order-list-section .order-list-section__item del:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 6px
}

.buy-product .order-list-section .order-list-section__item--total {
    color: var(--primary-base);
    align-items: baseline
}

.buy-product .order-list-section .order-list-section__item--total-title {
    font-weight: 700;
    line-height: 1
}

@media screen and (max-width:720px) {
    .buy-product .order-list-section .order-list-section__item--total-title {
        font-size: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product .order-list-section .order-list-section__item--total-title {
        font-size: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product .order-list-section .order-list-section__item--total-title {
        font-size: 18px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product .order-list-section .order-list-section__item--total-title {
        font-size: 20px
    }
}

@media screen and (min-width:1921px) {
    .buy-product .order-list-section .order-list-section__item--total-title {
        font-size: 20px
    }
}

@media screen and (max-width:720px) {
    .buy-product .order-list-section .order-list-section__item--total-title {
        font-size: 14px;
        font-size: calc(14*var(--m-scale, 1)*1px)
    }
}

.buy-product .order-list-section .order-list-section__item--total strong {
    font-weight: 700;
    line-height: 1
}

@media screen and (max-width:720px) {
    .buy-product .order-list-section .order-list-section__item--total strong {
        font-size: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product .order-list-section .order-list-section__item--total strong {
        font-size: 18px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product .order-list-section .order-list-section__item--total strong {
        font-size: 22px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product .order-list-section .order-list-section__item--total strong {
        font-size: 24px
    }
}

@media screen and (min-width:1921px) {
    .buy-product .order-list-section .order-list-section__item--total strong {
        font-size: 24px
    }
}

@media screen and (max-width:720px) {
    .buy-product .order-list-section .order-list-section__item--total strong {
        font-size: 16px;
        font-size: calc(16*var(--m-scale, 1)*1px)
    }
}

.buy-product .order-list-section .order-list-section__item--total strong small {
    font-size: 100%
}

.buy-product .order-list-section .order-list-section__item--total del {
    color: #ddd;
    visibility: hidden;
    opacity: 0;
    display: none
}

.buy-product .order-list-section .order-list-section__item--trade-in-price span:first-of-type {
    -webkit-margin-end: 0
}

.buy-product .order-list-section .order-list-section__item--trade-in-price span:first-of-type:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.buy-product .order-list-section .order-list-section__item--trade-in-price span:first-of-type:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.buy-product .order-list-section .order-list-section__item--trade-in-price span:first-of-type:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.buy-product .order-list-section .order-list-section__item--trade-in-price span:first-of-type:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.buy-product .order-list-section .order-list-section__item--trade-in-price span:first-of-type:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.buy-product .order-list-section .order-list-section__item--trade-in-price span:first-of-type:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

@media screen and (max-width:720px) {
    .buy-product .order-list-section .order-list-section__item .mi-btn--link {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product .order-list-section .order-list-section__item .mi-btn--link {
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product .order-list-section .order-list-section__item .mi-btn--link {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product .order-list-section .order-list-section__item .mi-btn--link {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .buy-product .order-list-section .order-list-section__item .mi-btn--link {
        font-size: 14px
    }
}

@media screen and (max-width:720px) {
    .buy-product .order-list-section .order-list-section__item .mi-btn--link {
        font-size: 12px;
        font-size: calc(12*var(--m-scale, 1)*1px)
    }
}

.buy-product .order-list-section .order-list-section__trade-in-extra {
    box-sizing: border-box;
    color: var(--content-light-variant);
    background-color: #fff0e5;
    border: 1px solid #fff;
    justify-content: space-between;
    align-items: center;
    line-height: 1;
    display: flex
}

@media screen and (max-width:720px) {
    .buy-product .order-list-section .order-list-section__trade-in-extra {
        border-radius: 10px;
        min-height: 30px;
        margin-bottom: 24px;
        padding: 9px 11px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product .order-list-section .order-list-section__trade-in-extra {
        border-radius: 12px;
        min-height: 36px;
        margin-bottom: 24px;
        padding: 9px 15px;
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product .order-list-section .order-list-section__trade-in-extra {
        border-radius: 12px;
        min-height: 38px;
        margin-bottom: 28px;
        padding: 9px 15px;
        font-size: 15px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product .order-list-section .order-list-section__trade-in-extra {
        border-radius: 12px;
        min-height: 39px;
        margin-bottom: 32px;
        padding: 9px 15px;
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .buy-product .order-list-section .order-list-section__trade-in-extra {
        border-radius: 12px;
        min-height: 39px;
        margin-bottom: 32px;
        padding: 9px 15px;
        font-size: 16px
    }
}

@media screen and (max-width:720px) {
    .buy-product .order-list-section .order-list-section__trade-in-extra {
        font-size: 12px;
        font-size: calc(12*var(--m-scale, 1)*1px)
    }
}

.buy-product .order-list-section .order-list__insurance-item .insurance-quantity {
    -webkit-margin-start: 4px;
    margin-bottom: 20px
}

.buy-product .order-list-section .order-list__insurance-item .insurance-quantity:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 4px
}

.buy-product .order-list-section .order-list__insurance-item .insurance-quantity:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 4px
}

.buy-product .order-list-section .order-list__insurance-item .insurance-quantity:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 4px
}

.buy-product .order-list-section .order-list__insurance-item .insurance-quantity:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 4px
}

.buy-product .order-list-section .order-list__insurance-item .insurance-quantity:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 4px
}

.buy-product .order-list-section .order-list__insurance-item .insurance-quantity:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 4px
}

.buy-product .order-list-section .order-list__insurance-item .mi-price:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: right
}

.buy-product .order-list-section .order-list__insurance-item .mi-price:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: right
}

.buy-product .order-list-section .order-list__insurance-item .mi-price:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: right
}

.buy-product .order-list-section .order-list__insurance-item .mi-price:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: left
}

.buy-product .order-list-section .order-list__insurance-item .mi-price:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: left
}

.buy-product .order-list-section .order-list__insurance-item .mi-price:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: left
}

.buy-product .order-list-section .order-list__insurance-item del {
    color: #8c8c8c
}

.buy-product .order-list-section.order-list-section--loading .order-list-section__item {
    background-color: #eee;
    background-color: var(--skeleton-color);
    width: 100%
}

.repair-ability-label {
    justify-content: flex-end;
    align-items: center;
    display: flex
}

@media screen and (max-width:720px) {
    .repair-ability-label {
        -moz-column-gap: 6px;
        column-gap: 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .repair-ability-label {
        -moz-column-gap: 8px;
        column-gap: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .repair-ability-label {
        -moz-column-gap: 8px;
        column-gap: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .repair-ability-label {
        -moz-column-gap: 8px;
        column-gap: 8px
    }
}

@media screen and (min-width:1921px) {
    .repair-ability-label {
        -moz-column-gap: 8px;
        column-gap: 8px
    }
}

@media screen and (max-width:720px) {
    .repair-ability-label .repair-ability-label__image {
        width: 38px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .repair-ability-label .repair-ability-label__image {
        width: 51px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .repair-ability-label .repair-ability-label__image {
        width: 51px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .repair-ability-label .repair-ability-label__image {
        width: 51px
    }
}

@media screen and (min-width:1921px) {
    .repair-ability-label .repair-ability-label__image {
        width: 51px
    }
}

.repair-ability-label .repair-ability-label__link {
    color: #1a77ed;
    font-weight: 400
}

@media screen and (max-width:720px) {
    .repair-ability-label .repair-ability-label__link {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .repair-ability-label .repair-ability-label__link {
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .repair-ability-label .repair-ability-label__link {
        font-size: 13px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .repair-ability-label .repair-ability-label__link {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .repair-ability-label .repair-ability-label__link {
        font-size: 14px
    }
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/2));
    z-index: 10;
    cursor: pointer;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 50%
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    left: auto;
    right: 10px
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-scrollbar {
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1);
    border-radius: 10px;
    position: relative
}

.swiper-container-horizontal>.swiper-scrollbar {
    z-index: 50;
    width: 98%;
    height: 5px;
    position: absolute;
    bottom: 3px;
    left: 1%
}

.swiper-container-vertical>.swiper-scrollbar {
    z-index: 50;
    width: 5px;
    height: 98%;
    position: absolute;
    top: 1%;
    right: 3px
}

.swiper-scrollbar-drag {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.image-section {
    align-items: center;
    height: 100%;
    transition: padding .5s;
    display: flex;
    position: relative
}

.image-section .image-section__list {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 280px;
    position: relative
}

@media screen and (max-width:720px) {
    .image-section .image-section__list {
        padding: 55px 0 45px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .image-section .image-section__list {
        padding: 55px 0 40px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section__list {
        padding: 92px 0 70px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section__list {
        padding: 92px 0 70px
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section__list {
        padding: 60px 0 140px
    }
}

.image-section .image-section__list-swiper {
    position: unset;
    width: var(--image-size);
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    display: flex;
    overflow: visible
}

@media screen and (max-width:720px) {
    .image-section .image-section__list-swiper {
        --image-size: 280px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .image-section .image-section__list-swiper {
        --image-size: 400px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section__list-swiper {
        --image-size: 600px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section__list-swiper {
        --image-size: 720px
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section__list-swiper {
        --image-size: 720px
    }
}

.image-section .image-section__list-swiper .swiper-scrollbar {
    background-color: #f3f3f3;
    left: 50%;
    right: auto;
    transform: translate(-50%)
}

[dir=rtl] .image-section .image-section__list-swiper .swiper-scrollbar {
    left: auto
}

[dir=rtl] .image-section .image-section__list-swiper .swiper-scrollbar {
    right: 50%
}

[dir=rtl] .image-section .image-section__list-swiper .swiper-scrollbar {
    transform: translate(50%)
}

@media screen and (max-width:720px) {
    .image-section .image-section__list-swiper .swiper-scrollbar {
        width: 80px;
        height: 2px;
        bottom: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .image-section .image-section__list-swiper .swiper-scrollbar {
        width: 120px;
        height: 2px;
        bottom: -12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section__list-swiper .swiper-scrollbar {
        width: 160px;
        height: 3px;
        bottom: -24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section__list-swiper .swiper-scrollbar {
        width: 220px;
        height: 4px;
        bottom: -28px
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section__list-swiper .swiper-scrollbar {
        width: 220px;
        height: 4px;
        bottom: -28px
    }
}

.image-section .image-section__list-swiper .swiper-scrollbar-drag {
    background-color: rgba(137, 137, 137, .5)
}

.image-section .image-section__item {
    flex-flow: row;
    display: flex
}

.image-section .image-section__item .image-section__swiper-content {
    justify-content: center;
    width: 100%;
    height: 100%;
    display: flex
}

.image-section .image-section__image {
    object-fit: contain
}

.image-section .image-section__actions {
    z-index: 1;
    box-sizing: border-box;
    cursor: pointer;
    align-items: center;
    height: 80%;
    display: flex;
    position: absolute
}

@media screen and (max-width:720px) {
    .image-section .image-section__actions {
        --padding-size: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .image-section .image-section__actions {
        --padding-size: 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section__actions {
        --padding-size: 40px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section__actions {
        --padding-size: 40px
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section__actions {
        --padding-size: 40px
    }
}

.image-section .image-section__actions--prev {
    -webkit-padding-start: var(--padding-size);
    left: 0;
    right: auto
}

.image-section .image-section__actions--prev:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: var(--padding-size)
}

.image-section .image-section__actions--prev:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: var(--padding-size)
}

.image-section .image-section__actions--prev:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: var(--padding-size)
}

.image-section .image-section__actions--prev:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: var(--padding-size)
}

.image-section .image-section__actions--prev:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: var(--padding-size)
}

.image-section .image-section__actions--prev:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: var(--padding-size)
}

[dir=rtl] .image-section .image-section__actions--prev {
    left: auto
}

[dir=rtl] .image-section .image-section__actions--prev {
    right: 0
}

.image-section .image-section__actions--next {
    -webkit-padding-end: var(--padding-size);
    left: auto;
    right: 0
}

.image-section .image-section__actions--next:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: var(--padding-size)
}

.image-section .image-section__actions--next:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: var(--padding-size)
}

.image-section .image-section__actions--next:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: var(--padding-size)
}

.image-section .image-section__actions--next:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: var(--padding-size)
}

.image-section .image-section__actions--next:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: var(--padding-size)
}

.image-section .image-section__actions--next:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: var(--padding-size)
}

[dir=rtl] .image-section .image-section__actions--next {
    right: auto
}

[dir=rtl] .image-section .image-section__actions--next {
    left: 0
}

.image-section .image-section__actions.hidden {
    display: none
}

.image-section .image-section__actions.disabled {
    opacity: 0;
    pointer-events: none;
    transition: all .5s
}

.image-section .image-section__navigation {
    width: var(--icon-size);
    height: var(--icon-size);
    cursor: pointer;
    transition: all .5s
}

@media screen and (max-width:720px) {
    .image-section .image-section__navigation {
        --icon-size: 28px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .image-section .image-section__navigation {
        --icon-size: 28px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section__navigation {
        --icon-size: 40px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section__navigation {
        --icon-size: 40px
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section__navigation {
        --icon-size: 48px
    }
}

.image-section .image-section__navigation.disabled {
    pointer-events: none
}

.image-section .image-section__navigation.disabled .carouse-button__dark {
    fill: var(--event-light-dark-button-page-disabled, rgba(25, 25, 25, .15));
    transition: all .5s
}

.image-section:hover .image-section__navigation {
    opacity: 1
}

.image-section .image-section__pagination {
    z-index: 2;
    justify-content: center;
    align-items: center;
    width: 100%;
    transition: all .7s;
    display: flex;
    position: absolute
}

@media screen and (max-width:720px) {
    .image-section .image-section__pagination {
        -moz-column-gap: 0;
        column-gap: 0;
        bottom: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .image-section .image-section__pagination {
        bottom: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section__pagination {
        -moz-column-gap: 24px;
        column-gap: 24px;
        bottom: 30px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section__pagination {
        -moz-column-gap: 24px;
        column-gap: 24px;
        bottom: 30px
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section__pagination {
        -moz-column-gap: 24px;
        column-gap: 24px;
        bottom: 40px
    }
}

.image-section .image-section__pagination .image-section__pagination__button {
    width: var(--icon-size);
    height: var(--icon-size);
    transition: all .5s
}

@media screen and (max-width:720px) {
    .image-section .image-section__pagination .image-section__pagination__button {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .image-section .image-section__pagination .image-section__pagination__button {
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section__pagination .image-section__pagination__button {
        --icon-size: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section__pagination .image-section__pagination__button {
        --icon-size: 28px
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section__pagination .image-section__pagination__button {
        --icon-size: 28px
    }
}

.image-section .image-section__pagination .image-section__pagination__button.disabled {
    opacity: 0;
    pointer-events: none
}

.image-section .image-section__pagination .image-section__pagination__button.disabled .carouse-button__dark {
    fill: var(--event-light-dark-button-page-disabled, rgba(25, 25, 25, .15));
    transition: all .5s
}

.image-section .image-section__pagination .image-section__pagination__contain {
    justify-content: center;
    display: flex
}

@media screen and (max-width:720px) {
    .image-section .image-section__pagination .image-section__pagination__contain {
        -moz-column-gap: 0;
        column-gap: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .image-section .image-section__pagination .image-section__pagination__contain {
        -moz-column-gap: 18px;
        column-gap: 18px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section__pagination .image-section__pagination__contain {
        -moz-column-gap: 24px;
        column-gap: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section__pagination .image-section__pagination__contain {
        -moz-column-gap: 24px;
        column-gap: 24px
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section__pagination .image-section__pagination__contain {
        -moz-column-gap: 24px;
        column-gap: 24px
    }
}

.image-section .image-section__pagination .image-section__pagination__contain .image-section__pagination__contain__box {
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    display: flex
}

@media screen and (max-width:720px) {
    .image-section .image-section__pagination .image-section__pagination__contain .image-section__pagination__contain__box {
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section__pagination .image-section__pagination__contain .image-section__pagination__contain__box {
        width: 40px;
        height: 40px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section__pagination .image-section__pagination__contain .image-section__pagination__contain__box {
        width: 40px;
        height: 40px
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section__pagination .image-section__pagination__contain .image-section__pagination__contain__box {
        width: 40px;
        height: 40px
    }
}

.image-section .image-section__pagination .image-section__pagination__contain .image-section__pagination__contain__box.image-section__pagination__contain__box--active {
    background-image: url(../images/ellipse.svg)
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .image-section .image-section__pagination .image-section__pagination__contain .image-section__pagination__contain__image {
        width: 24px;
        height: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section__pagination .image-section__pagination__contain .image-section__pagination__contain__image {
        width: 30px;
        height: 30px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section__pagination .image-section__pagination__contain .image-section__pagination__contain__image {
        width: 30px;
        height: 30px
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section__pagination .image-section__pagination__contain .image-section__pagination__contain__image {
        width: 30px;
        height: 30px
    }
}

.image-section .image-section__pagination .image-section__pagination_url {
    justify-content: center;
    align-items: center;
    display: flex
}

@media screen and (max-width:720px) {
    .image-section .image-section__pagination .image-section__pagination_url {
        -moz-column-gap: 0;
        column-gap: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .image-section .image-section__pagination .image-section__pagination_url {
        -moz-column-gap: 0;
        column-gap: 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section__pagination .image-section__pagination_url {
        -moz-column-gap: 24px;
        column-gap: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section__pagination .image-section__pagination_url {
        -moz-column-gap: 24px;
        column-gap: 24px
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section__pagination .image-section__pagination_url {
        -moz-column-gap: 24px;
        column-gap: 24px
    }
}

.image-section .image-section__pagination .image-section__pagination_url.mobile {
    background-color: #fff;
    border-radius: 14px;
    height: 32px;
    padding: 0 14px
}

.image-section .image-section__pagination .image-section__pagination_url .image-section__pagination__dividing-line {
    border-right: 1px solid rgba(25, 25, 25, .1);
    height: 12px;
    margin: 0 14px;
    display: block
}

.image-section .image-section__pagination .image-section__pagination_url .image-section__pagination__item {
    justify-content: center;
    align-items: center;
    line-height: 1;
    display: flex
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section__pagination .image-section__pagination_url .image-section__pagination__item {
        width: 40px;
        height: 40px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section__pagination .image-section__pagination_url .image-section__pagination__item {
        width: 40px;
        height: 40px
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section__pagination .image-section__pagination_url .image-section__pagination__item {
        width: 40px;
        height: 40px
    }
}

.image-section .image-section__pagination .image-section__pagination_url .image-section__pagination__item .image-section__pagination__image {
    cursor: pointer
}

@media screen and (max-width:720px) {
    .image-section .image-section__pagination .image-section__pagination_url .image-section__pagination__item .image-section__pagination__image {
        font-size: 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .image-section .image-section__pagination .image-section__pagination_url .image-section__pagination__item .image-section__pagination__image {
        font-size: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section__pagination .image-section__pagination_url .image-section__pagination__item .image-section__pagination__image {
        font-size: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section__pagination .image-section__pagination_url .image-section__pagination__item .image-section__pagination__image {
        font-size: 28px
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section__pagination .image-section__pagination_url .image-section__pagination__item .image-section__pagination__image {
        font-size: 28px
    }
}

@media screen and (max-width:720px) {
    .image-section .image-section__pagination .image-section__pagination_url .image-section__pagination__item .image-section__pagination__image {
        font-size: 20px;
        font-size: calc(20*var(--m-scale, 1)*1px)
    }
}

.image-section .image-section__pagination .image-section__pagination_info {
    box-sizing: border-box;
    color: #fff;
    background-color: #757575;
    background-color: var(--brand-grey);
    border-radius: 17px;
    justify-content: center;
    align-self: flex-end;
    align-items: center;
    height: 20px;
    padding: 5px 8px;
    font-size: 10px;
    line-height: 10px;
    display: flex;
    position: absolute
}

@media screen and (max-width:720px) {
    [dir=ltr] .image-section .image-section__pagination .image-section__pagination_info {
        right: 12px
    }

    [dir=rtl] .image-section .image-section__pagination .image-section__pagination_info {
        left: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    [dir=ltr] .image-section .image-section__pagination .image-section__pagination_info {
        right: 24px
    }

    [dir=rtl] .image-section .image-section__pagination .image-section__pagination_info {
        left: 24px
    }
}

.image-section .image-section-link.mi-btn {
    z-index: 3;
    box-sizing: border-box;
    color: var(--text-base);
    text-align: center;
    background-color: #fff;
    background-color: var(--background-white);
    opacity: 0;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    pointer-events: none;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    line-height: 1;
    transition: all .3s;
    position: absolute;
    bottom: 0
}

@media screen and (max-width:720px) {
    .image-section .image-section-link.mi-btn.show {
        visibility: hidden
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .image-section .image-section-link.mi-btn.show {
        visibility: hidden
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section-link.mi-btn.show {
        visibility: hidden
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section-link.mi-btn.show {
        opacity: 1;
        visibility: visible;
        pointer-events: initial;
        bottom: 40px
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section-link.mi-btn.show {
        opacity: 1;
        visibility: visible;
        pointer-events: initial;
        bottom: 40px
    }
}

@media screen and (max-width:720px) {
    .image-section .image-section-link.mi-btn.mobile-active {
        visibility: visible;
        opacity: 1;
        pointer-events: initial;
        bottom: 62px;
        transform: translate(50%)
    }

    [dir=rtl] .image-section .image-section-link.mi-btn.mobile-active {
        transform: translate(-50%)
    }

    .image-section .image-section-link.mi-btn {
        -webkit-padding-end: 42px;
        -webkit-padding-start: 20px;
        height: 36px;
        font-size: 14px;
        display: flex
    }

    .image-section .image-section-link.mi-btn:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 20px;
        padding-right: 42px
    }

    .image-section .image-section-link.mi-btn:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 20px;
        padding-right: 42px
    }

    .image-section .image-section-link.mi-btn:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 20px;
        padding-right: 42px
    }

    .image-section .image-section-link.mi-btn:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 42px;
        padding-right: 20px
    }

    .image-section .image-section-link.mi-btn:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 42px;
        padding-right: 20px
    }

    .image-section .image-section-link.mi-btn:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 42px;
        padding-right: 20px
    }

    [dir=ltr] .image-section .image-section-link.mi-btn {
        right: 50%
    }

    [dir=rtl] .image-section .image-section-link.mi-btn {
        left: 50%
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .image-section .image-section-link.mi-btn {
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section-link.mi-btn {
        display: none
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section-link.mi-btn {
        -webkit-padding-end: 42px;
        -webkit-padding-start: 20px;
        height: 36px;
        font-size: 14px;
        display: flex
    }

    .image-section .image-section-link.mi-btn:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 20px;
        padding-right: 42px
    }

    .image-section .image-section-link.mi-btn:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 20px;
        padding-right: 42px
    }

    .image-section .image-section-link.mi-btn:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 20px;
        padding-right: 42px
    }

    .image-section .image-section-link.mi-btn:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 42px;
        padding-right: 20px
    }

    .image-section .image-section-link.mi-btn:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 42px;
        padding-right: 20px
    }

    .image-section .image-section-link.mi-btn:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 42px;
        padding-right: 20px
    }

    [dir=ltr] .image-section .image-section-link.mi-btn {
        right: 40px
    }

    [dir=rtl] .image-section .image-section-link.mi-btn {
        left: 40px
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section-link.mi-btn {
        -webkit-padding-end: 42px;
        -webkit-padding-start: 20px;
        height: 36px;
        font-size: 14px;
        display: flex
    }

    .image-section .image-section-link.mi-btn:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 20px;
        padding-right: 42px
    }

    .image-section .image-section-link.mi-btn:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 20px;
        padding-right: 42px
    }

    .image-section .image-section-link.mi-btn:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 20px;
        padding-right: 42px
    }

    .image-section .image-section-link.mi-btn:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 42px;
        padding-right: 20px
    }

    .image-section .image-section-link.mi-btn:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 42px;
        padding-right: 20px
    }

    .image-section .image-section-link.mi-btn:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 42px;
        padding-right: 20px
    }

    [dir=ltr] .image-section .image-section-link.mi-btn {
        right: 40px
    }

    [dir=rtl] .image-section .image-section-link.mi-btn {
        left: 40px
    }
}

.image-section .image-section-link.mi-btn .image-section__learn-more__icon {
    transform: scaleX(var(--cardinal-number));
    opacity: 1;
    position: absolute;
    left: auto;
    right: 20px
}

[dir=rtl] .image-section .image-section-link.mi-btn .image-section__learn-more__icon {
    right: auto
}

[dir=rtl] .image-section .image-section-link.mi-btn .image-section__learn-more__icon {
    left: 20px
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section-link.mi-btn .image-section__learn-more__icon {
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section-link.mi-btn .image-section__learn-more__icon {
        font-size: 16px
    }
}

.image-section .image-section-link.mi-btn .image-section__learn-more--hover {
    width: 16px;
    height: 16px;
    transform: scaleX(var(--cardinal-number));
    opacity: 0;
    transition: all .3s;
    position: absolute;
    left: auto;
    right: 20px
}

[dir=rtl] .image-section .image-section-link.mi-btn .image-section__learn-more--hover {
    right: auto
}

[dir=rtl] .image-section .image-section-link.mi-btn .image-section__learn-more--hover {
    left: 20px
}

.image-section .image-section-link.mi-btn:hover .image-section__learn-more__icon {
    opacity: 0
}

.image-section .image-section-link.mi-btn:hover .image-section__learn-more--hover {
    opacity: 1
}

.image-section .image-section__ksp {
    z-index: 3;
    box-sizing: border-box;
    position: absolute;
    overflow: hidden
}

.image-section .image-section__ksp:after {
    z-index: 4;
    content: "";
    background: linear-gradient(180.52deg, #f7f8fa .45%, rgba(247, 248, 250, 0) 78.91%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: auto
}

[dir=rtl] .image-section .image-section__ksp:after {
    left: auto
}

[dir=rtl] .image-section .image-section__ksp:after {
    right: 0
}

@media screen and (max-width:720px) {
    .image-section .image-section__ksp:after {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .image-section .image-section__ksp:after {
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section__ksp:after {
        display: none
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section__ksp:after {
        display: none
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section__ksp:after {
        display: block
    }
}

@media screen and (max-width:720px) {
    .image-section .image-section__ksp {
        width: 100%;
        height: 42px;
        padding: 0 16px;
        top: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .image-section .image-section__ksp {
        width: 100%;
        height: 42px;
        padding: 0 24px;
        top: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section__ksp {
        width: 100%;
        height: 51px;
        padding: 0 32px;
        top: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section__ksp {
        width: 100%;
        height: 51px;
        padding: 0 32px;
        top: 24px
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section__ksp {
        width: auto;
        height: 0;
        padding: 0;
        display: none;
        bottom: 80px
    }

    [dir=ltr] .image-section .image-section__ksp {
        left: 40px
    }

    [dir=rtl] .image-section .image-section__ksp {
        right: 40px
    }
}

.image-section .image-section__ksp .image-section__ksp-swiper {
    height: 100%
}

@media screen and (max-width:720px) {
    .image-section .image-section__ksp .image-section__ksp-swiper {
        height: 84px;
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .image-section .image-section__ksp .image-section__ksp-swiper {
        height: 84px;
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section__ksp .image-section__ksp-swiper {
        height: 102px;
        display: flex
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section__ksp .image-section__ksp-swiper {
        height: 102px;
        display: flex
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section__ksp .image-section__ksp-swiper {
        height: 100%;
        display: none
    }
}

.image-section .image-section__ksp .image-section__ksp-item {
    display: flex
}

@media screen and (max-width:720px) {
    .image-section .image-section__ksp .image-section__ksp-item {
        align-items: flex-start
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .image-section .image-section__ksp .image-section__ksp-item {
        align-items: flex-start
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section__ksp .image-section__ksp-item {
        align-items: flex-start
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section__ksp .image-section__ksp-item {
        align-items: flex-start
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section__ksp .image-section__ksp-item {
        align-items: center
    }

    .image-section .image-section__ksp .image-section__ksp-item.swiper-slide-active {
        align-items: flex-start
    }

    .image-section .image-section__ksp .image-section__ksp-item.swiper-slide-next,
    .image-section .image-section__ksp .image-section__ksp-item.swiper-slide-duplicate-prev {
        align-items: flex-end
    }
}

@media screen and (max-width:720px) {
    .image-section .image-section__ksp .image-section__ksp-item {
        text-align: center;
        justify-content: center
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .image-section .image-section__ksp .image-section__ksp-item {
        text-align: center;
        justify-content: center
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section__ksp .image-section__ksp-item {
        text-align: center;
        justify-content: center
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section__ksp .image-section__ksp-item {
        text-align: center;
        justify-content: center
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section__ksp .image-section__ksp-item {
        justify-content: flex-start
    }

    .image-section .image-section__ksp .image-section__ksp-item:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        text-align: left
    }

    .image-section .image-section__ksp .image-section__ksp-item:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        text-align: left
    }

    .image-section .image-section__ksp .image-section__ksp-item:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        text-align: left
    }

    .image-section .image-section__ksp .image-section__ksp-item:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        text-align: right
    }

    .image-section .image-section__ksp .image-section__ksp-item:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        text-align: right
    }

    .image-section .image-section__ksp .image-section__ksp-item:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        text-align: right
    }
}

.image-section .image-section__ksp .image-section__ksp-content {
    box-sizing: border-box;
    color: #191919;
    background-color: #fff
}

@media screen and (max-width:720px) {
    .image-section .image-section__ksp .image-section__ksp-content {
        border-radius: 20px;
        max-width: 100%;
        padding: 6px 12px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .image-section .image-section__ksp .image-section__ksp-content {
        border-radius: 20px;
        max-width: 100%;
        padding: 6px 12px;
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section__ksp .image-section__ksp-content {
        border-radius: 20px;
        max-width: 100%;
        padding: 8px 16px;
        font-size: 13px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section__ksp .image-section__ksp-content {
        border-radius: 20px;
        max-width: 100%;
        padding: 8px 16px;
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section__ksp .image-section__ksp-content {
        border-radius: 20px;
        max-width: 320px;
        padding: 8px 16px;
        font-size: 14px
    }
}

.image-section .image-section__ksp .image-section__ksp-content--single {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section__ksp .image-section__ksp-content--single {
        display: none
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section__ksp .image-section__ksp-content--single {
        display: none
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section__ksp .image-section__ksp-content--single {
        display: none
    }
}

.image-section .image-section__ksp-control {
    z-index: 3;
    box-sizing: border-box;
    transform: var(--transform-ltr);
    background-color: #fff;
    border-radius: 8px;
    align-items: center;
    position: absolute;
    bottom: 0
}

@media screen and (max-width:720px) {
    .image-section .image-section__ksp-control {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .image-section .image-section__ksp-control {
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .image-section .image-section__ksp-control {
        --transform-ltr: translateX(-50%);
        --transform-rtl: translateX(50%);
        width: 104px;
        height: 28px;
        padding: 6px 8px;
        display: flex;
        top: 64px
    }

    [dir=ltr] .image-section .image-section__ksp-control {
        left: 50%
    }

    [dir=rtl] .image-section .image-section__ksp-control {
        right: 50%
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .image-section .image-section__ksp-control {
        --transform-ltr: translateX(-50%);
        --transform-rtl: translateX(50%);
        width: 104px;
        height: 28px;
        padding: 6px 8px;
        display: flex;
        top: 64px
    }

    [dir=ltr] .image-section .image-section__ksp-control {
        left: 50%
    }

    [dir=rtl] .image-section .image-section__ksp-control {
        right: 50%
    }
}

@media screen and (min-width:1921px) {
    .image-section .image-section__ksp-control {
        width: 104px;
        height: 28px;
        padding: 6px 8px;
        display: flex;
        bottom: 40px
    }

    [dir=ltr] .image-section .image-section__ksp-control {
        left: 40px
    }

    [dir=rtl] .image-section .image-section__ksp-control {
        right: 40px
    }
}

[dir=rtl] .image-section .image-section__ksp-control {
    transform: var(--transform-rtl)
}

.image-section .image-section__ksp-control .image-section__ksp-control-item {
    cursor: pointer;
    width: 16px;
    height: 16px
}

.image-section .image-section__ksp-control .image-section__ksp-control-separator {
    background-color: rgba(25, 25, 25, .1);
    width: 1px;
    height: 12px;
    margin: 0 10px
}

.v-carousel-container {
    width: 320px;
    position: absolute;
    bottom: 80px;
    left: 40px;
    right: auto;
    overflow: hidden
}

[dir=rtl] .v-carousel-container {
    left: auto
}

[dir=rtl] .v-carousel-container {
    right: 40px
}

@media screen and (max-width:720px) {
    .v-carousel-container {
        visibility: hidden;
        width: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .v-carousel-container {
        visibility: hidden;
        width: 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .v-carousel-container {
        visibility: hidden;
        width: 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .v-carousel-container {
        visibility: hidden;
        width: 0
    }
}

@media screen and (min-width:1921px) {
    .v-carousel-container {
        visibility: visible;
        width: 320px
    }
}

.v-carousel-container:after {
    z-index: 4;
    content: "";
    background: linear-gradient(180.52deg, #f7f8fa .45%, rgba(247, 248, 250, 0) 35.07%), linear-gradient(180.52deg, rgba(247, 248, 250, 0) 35.07%, rgba(247, 248, 250, 0) 64.93%), linear-gradient(180.52deg, rgba(247, 248, 250, 0) 64.93%, #f7f8fa 99.55%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: auto
}

[dir=rtl] .v-carousel-container:after {
    left: auto
}

[dir=rtl] .v-carousel-container:after {
    right: 0
}

.v-carousel-wrapper {
    z-index: 1;
    transition: transform .5s;
    position: absolute
}

.v-carousel-item {
    color: #fff;
    border-radius: 20px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-top: 20px;
    font-size: 24px;
    display: flex;
    overflow: hidden
}

.v-carousel-item-inner {
    box-sizing: border-box;
    color: #191919;
    background-color: #fff;
    border-color: #fff;
    border-radius: 20px;
    min-height: 34px;
    padding: 8px 16px;
    font-size: 14px
}

.v-carousel-item-inner-text {
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 320px;
    margin: 0;
    display: -webkit-box;
    overflow: hidden
}

.v-carousel-item-inner-text:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.v-carousel-item-inner-text:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.v-carousel-item-inner-text:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.v-carousel-item-inner-text:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.v-carousel-item-inner-text:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.v-carousel-item-inner-text:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.carouse-button {
    transform: scaleX(var(--cardinal-number));
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.carouse-button:focus {
    outline: none
}

@media screen and (max-width:720px) {
    .carouse-button {
        width: 18px;
        height: 18px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .carouse-button {
        width: 36px;
        height: 36px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .carouse-button {
        width: 36px;
        height: 36px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .carouse-button {
        width: 36px;
        height: 36px
    }
}

@media screen and (min-width:1921px) {
    .carouse-button {
        width: 36px;
        height: 36px
    }
}

.carouse-button .carouse-button__dark {
    fill: var(--event-light-dark-button-page-default, rgba(25, 25, 25, .35))
}

.carouse-button .carouse-button__light {
    fill: var(--event-light-dark-button-page-default, rgba(255, 255, 255, .35))
}

.carouse-button .carouse-button__arrow {
    fill: transparent
}

.carouse-button:hover .carouse-button__dark {
    fill: var(--event-light-dark-button-page-hover, rgba(25, 25, 25, .5))
}

.carouse-button:focus-visible .carouse-button__dark {
    fill: var(--event-light-dark-button-page-hover, rgba(25, 25, 25, .5))
}

.carouse-button:hover .carouse-button__light {
    fill: var(--event-light-dark-button-page-hover, rgba(255, 255, 255, .5))
}

.carouse-button:focus-visible .carouse-button__light {
    fill: var(--event-light-dark-button-page-hover, rgba(255, 255, 255, .5))
}

.carouse-button.disabled {
    pointer-events: none
}

.carouse-button.disabled .carouse-button__dark {
    fill: var(--event-light-dark-button-page-hover, rgba(25, 25, 25, .15))
}

.carouse-button.disabled .carouse-button__light {
    fill: var(--event-light-dark-button-page-hover, rgba(255, 255, 255, .15))
}

@media screen and (max-width:720px) {
    .mi-modal.mi-modal--bottom .mrp-info-dialog__portal {
        width: unset
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal.mi-modal--bottom .mrp-info-dialog__portal {
        width: 560px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal.mi-modal--bottom .mrp-info-dialog__portal {
        width: 600px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal.mi-modal--bottom .mrp-info-dialog__portal {
        width: 640px
    }
}

@media screen and (min-width:1921px) {
    .mi-modal.mi-modal--bottom .mrp-info-dialog__portal {
        width: 680px
    }
}

.mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mi-modal__main {
    flex-flow: column;
    flex-basis: auto;
    display: flex;
    position: relative
}

@media screen and (max-width:720px) {
    .mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mi-modal__main {
        padding: 24px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mi-modal__main {
        padding: 24px 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mi-modal__main {
        padding: 30px 36px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mi-modal__main {
        padding: 40px 48px
    }
}

@media screen and (min-width:1921px) {
    .mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mi-modal__main {
        padding: 40px 48px
    }
}

.mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mrp-info-dialog__list {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mrp-info-dialog__list-gap {
    flex-shrink: 0;
    flex-basis: 24px
}

.mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mrp-info-dialog__list .mrp-info-dialog__item {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex
}

@media screen and (max-width:720px) {
    .mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mrp-info-dialog__list .mrp-info-dialog__item {
        --line-gap: 16px;
        font-size: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mrp-info-dialog__list .mrp-info-dialog__item {
        --line-gap: 14px;
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mrp-info-dialog__list .mrp-info-dialog__item {
        --line-gap: 12px;
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mrp-info-dialog__list .mrp-info-dialog__item {
        --line-gap: 12px;
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mrp-info-dialog__list .mrp-info-dialog__item {
        --line-gap: 12px;
        font-size: 16px
    }
}

.mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mrp-info-dialog__list .mrp-info-dialog__item-title {
    color: var(--text-base);
    margin: 0;
    font-weight: 400
}

.mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mrp-info-dialog__list .mrp-info-dialog__item-gap {
    flex-basis: var(--line-gap);
    flex-shrink: 0
}

.mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mrp-info-dialog__list .mrp-info-dialog__item-content {
    color: var(--brand-grey);
    white-space: pre-line;
    line-height: 1.5
}

.mi-modal.mi-modal--bottom .mi-modal__overlay.mrp-info-dialog__overlay {
    z-index: 22
}

@media screen and (max-width:720px) {
    .energy-label-responsive {
        --image-width: 57px;
        --info-margin-left: 6px;
        --link-font-size: 12px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 16px;
        --link-text-width: 114px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .energy-label-responsive {
        --image-width: 80px;
        --info-margin-left: 8px;
        --link-font-size: 15px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 16px;
        --link-text-width: 148px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .energy-label-responsive {
        --image-width: 91px;
        --info-margin-left: 10px;
        --link-font-size: 17px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 20px;
        --link-text-width: 148px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__energy {
        --image-width: 68px;
        --info-margin-left: 8px;
        --link-font-size: 13px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 16px;
        --link-text-width: 114px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__energy {
        --image-width: 68px;
        --info-margin-left: 8px;
        --link-font-size: 13px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 16px;
        --link-text-width: 114px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__energy {
        --image-width: 80px;
        --info-margin-left: 8px;
        --link-font-size: 15px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 16px;
        --link-text-width: 148px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__energy {
        --image-width: 91px;
        --info-margin-left: 10px;
        --link-font-size: 17px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 20px;
        --link-text-width: 148px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__energy {
        --image-width: 91px;
        --info-margin-left: 10px;
        --link-font-size: 17px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 20px;
        --link-text-width: 148px;
        --bundle-more-icon-radius: 4px
    }
}

.main-section__info-section .main-section__info-section__wrapper {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    display: flex
}

.main-section__info-section .main-section__info-section__gap {
    flex-shrink: 0
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__gap {
        flex-basis: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__gap {
        flex-basis: 28px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__gap {
        flex-basis: 32px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__gap {
        flex-basis: 32px
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__gap {
        flex-basis: 32px
    }
}

.main-section__info-section .main-section__info-section__container {
    flex-wrap: nowrap;
    flex-grow: 1;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__container {
        flex-direction: column
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__container {
        flex-direction: column
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__container {
        flex-direction: column
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__container {
        flex-direction: column
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__container {
        flex-direction: column
    }
}

.main-section__info-section .main-section__info-section__container .main-section__info-section-gap {
    flex-basis: 12px
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__price-container {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: baseline;
    width: 100%;
    display: flex
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container {
        -moz-column-gap: 6px;
        gap: 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container {
        -moz-column-gap: 10px;
        gap: 10px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container {
        -moz-column-gap: 12px;
        gap: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container {
        -moz-column-gap: 12px;
        gap: 12px
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container {
        -moz-column-gap: 12px;
        gap: 12px
    }
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .main-section__info-section__flex-box {
    justify-content: flex-start;
    align-items: baseline;
    display: flex
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price {
    align-items: baseline;
    display: flex
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price strong {
    color: #FF47C7;
    font-weight: 700;
    line-height: 1
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price strong {
        font-size: 24px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price strong {
        font-size: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price strong {
        font-size: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price strong {
        font-size: 32px
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price strong {
        font-size: 32px
    }
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price strong small {
    font-size: 100%
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del {
    color: var(--text-secondary)
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del {
        -webkit-margin-start: 6px;
        font-size: 12px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 6px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 6px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 6px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 6px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 6px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del {
        -webkit-margin-start: 10px;
        font-size: 12px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 10px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del {
        -webkit-margin-start: 10px;
        font-size: 14px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 10px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del {
        -webkit-margin-start: 8px;
        font-size: 14px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del {
        -webkit-margin-start: 8px;
        font-size: 14px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mi-price del:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price {
    color: #a3a3a3;
    line-height: 1
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price {
        --icon-font-size: 14px;
        -webkit-margin-start: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price {
        --icon-font-size: 16px;
        -webkit-margin-start: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price {
        --icon-font-size: 16px;
        -webkit-margin-start: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price {
        --icon-font-size: 16px;
        -webkit-margin-start: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price {
        --icon-font-size: 16px;
        -webkit-margin-start: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__price-container .mrp-price:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__save-price {
    color: #8c8c8c;
    line-height: 1
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price {
        -webkit-margin-start: 4px;
        font-size: 12px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price {
        -webkit-margin-start: 10px;
        font-size: 13px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 10px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price {
        -webkit-margin-start: 10px;
        font-size: 14px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 10px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price {
        -webkit-margin-start: 10px;
        font-size: 14px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 10px
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price {
        -webkit-margin-start: 10px;
        font-size: 14px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 10px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__save-price:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 10px
    }
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price {
    color: #8c8c8c;
    justify-content: flex-start;
    align-items: baseline;
    display: flex
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price {
        font-size: 13px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price {
        font-size: 13px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price {
        font-size: 14px
    }
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price .mi-price strong {
    color: var(--text-base);
    font-weight: 700;
    line-height: 1
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price .mi-price strong {
        font-size: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price .mi-price strong {
        font-size: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price .mi-price strong {
        font-size: 18px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price .mi-price strong {
        font-size: 18px
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price .mi-price strong {
        font-size: 18px
    }
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price .mi-price strong small {
    font-size: 100%
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price .mi-price del {
    -webkit-margin-start: 6px;
    color: #8c8c8c
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price .mi-price del:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 6px
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price .mi-price del:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 6px
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price .mi-price del:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 6px
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price .mi-price del:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 6px
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price .mi-price del:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 6px
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price .mi-price del:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 6px
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price .mi-price del {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price .mi-price del {
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price .mi-price del {
        font-size: 13px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price .mi-price del {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__actual-price .mi-price del {
        font-size: 14px
    }
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__installment {
    color: var(--text-base)
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__installment {
        margin-top: 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__installment {
        margin-top: 10px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__installment {
        margin-top: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__installment {
        margin-top: 12px
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__installment {
        margin-top: 12px
    }
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__installment.disable {
    pointer-events: none
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__installment .installment-month {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__installment .installment-month {
        font-size: 13px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__installment .installment-month {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__installment .installment-month {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__installment .installment-month {
        font-size: 14px
    }
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__installment:empty {
    margin-top: 0
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price {
    color: #757575;
    font-size: var(--font-size);
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price {
        --font-size: 12px;
        --button-size: 14px;
        margin-top: 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price {
        --font-size: 13px;
        --button-size: 16px;
        margin-top: 6px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price {
        --font-size: 14px;
        --button-size: 16px;
        margin-top: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price {
        --font-size: 14px;
        --button-size: 16px;
        margin-top: 8px
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price {
        --font-size: 14px;
        --button-size: 16px;
        margin-top: 8px
    }
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon {
    color: #757575;
    --icon-font-size: var(--button-size)
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon {
        -webkit-margin-start: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon {
        -webkit-margin-start: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon {
        -webkit-margin-start: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon {
        -webkit-margin-start: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon {
        -webkit-margin-start: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__rrp-price .main-section__info-section__rrp-button.mi-btn.mi-btn--icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__reservation {
    background-color: #fff8eb;
    display: flex
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation {
        -moz-column-gap: 4px;
        border-radius: 6px;
        column-gap: 4px;
        margin-top: 12px;
        padding: 6px 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation {
        -moz-column-gap: 4px;
        border-radius: 12px;
        column-gap: 4px;
        margin-top: 10px;
        padding: 8px 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation {
        -moz-column-gap: 4px;
        border-radius: 12px;
        column-gap: 4px;
        margin-top: 12px;
        padding: 8px 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation {
        -moz-column-gap: 4px;
        border-radius: 12px;
        column-gap: 4px;
        margin-top: 12px;
        padding: 8px 12px
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation {
        -moz-column-gap: 4px;
        border-radius: 12px;
        column-gap: 4px;
        margin-top: 12px;
        padding: 8px 12px
    }
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__timeline {
    flex-direction: column;
    flex-shrink: 0;
    align-items: center;
    display: flex
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__timeline {
        width: 12px;
        margin: 2px auto
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__timeline {
        width: 16px;
        margin: 3.5px auto
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__timeline {
        width: 16px;
        margin: 3.5px auto
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__timeline {
        width: 16px;
        margin: 3.5px auto
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__timeline {
        width: 16px;
        margin: 3.5px auto
    }
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__timeline-circle {
    flex-shrink: 0;
    width: 100%
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__timeline-circle:last-child {
    margin-bottom: var(--extra-height)
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__timeline-line {
    background-color: #d48c00;
    flex-grow: 1
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__timeline-line {
        width: .5px;
        min-height: 3px;
        margin: -1.5px 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__timeline-line {
        width: 1px;
        min-height: 4px;
        margin: -2px 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__timeline-line {
        width: 1px;
        min-height: 4px;
        margin: -2px 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__timeline-line {
        width: 1px;
        min-height: 4px;
        margin: -2px 0
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__timeline-line {
        width: 1px;
        min-height: 4px;
        margin: -2px 0
    }
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__time,
.main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__desc {
    color: #d48c00;
    line-height: 2
}

@media screen and (max-width:720px) {

    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__time,
    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__desc {
        font-size: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__time,
    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__desc {
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__time,
    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__desc {
        font-size: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__time,
    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__desc {
        font-size: 12px
    }
}

@media screen and (min-width:1921px) {

    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__time,
    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__desc {
        font-size: 12px
    }
}

@media screen and (max-width:720px) {

    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__time,
    .main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__desc {
        font-size: 10px;
        font-size: calc(10*var(--m-scale, 1)*1px)
    }
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__reservation__time {
    font-weight: 700
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__activity-tips {
    color: #d48c00;
    line-height: 1.25
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__activity-tips {
        margin-top: 6px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__activity-tips {
        margin-top: 10px;
        font-size: 13px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__activity-tips {
        margin-top: 12px;
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__activity-tips {
        margin-top: 12px;
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__activity-tips {
        margin-top: 12px;
        font-size: 14px
    }
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__activity-tips {
        font-size: 12px;
        font-size: calc(12*var(--m-scale, 1)*1px)
    }

    .main-section__info-section .main-section__info-section__container .main-section__info-section__activity-tips.reservation {
        margin-top: 8px;
        font-size: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__activity-tips.reservation {
        margin-top: 12px;
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__activity-tips.reservation {
        margin-top: 16px;
        font-size: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__activity-tips.reservation {
        margin-top: 16px;
        font-size: 12px
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__activity-tips.reservation {
        margin-top: 16px;
        font-size: 12px
    }
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__container .main-section__info-section__activity-tips.reservation {
        font-size: 10px;
        font-size: calc(10*var(--m-scale, 1)*1px)
    }
}

.main-section__info-section .main-section__info-section__container .main-section__info-section__activity-tips .main-section__info-section__activity-time {
    font-weight: 700
}

.main-section__info-section .main-section__info-section__share.mi-btn.mi-btn--icon {
    flex-shrink: 0;
    position: absolute
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__share.mi-btn.mi-btn--icon {
        --icon-font-size: 20px;
        position: static;
        top: 0
    }

    [dir=ltr] .main-section__info-section .main-section__info-section__share.mi-btn.mi-btn--icon {
        right: 0
    }

    [dir=rtl] .main-section__info-section .main-section__info-section__share.mi-btn.mi-btn--icon {
        left: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__share.mi-btn.mi-btn--icon {
        --icon-font-size: 20px;
        top: 40px
    }

    [dir=ltr] .main-section__info-section .main-section__info-section__share.mi-btn.mi-btn--icon {
        right: 40px
    }

    [dir=rtl] .main-section__info-section .main-section__info-section__share.mi-btn.mi-btn--icon {
        left: 40px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__share.mi-btn.mi-btn--icon {
        --icon-font-size: 24px;
        top: 48px
    }

    [dir=ltr] .main-section__info-section .main-section__info-section__share.mi-btn.mi-btn--icon {
        right: 48px
    }

    [dir=rtl] .main-section__info-section .main-section__info-section__share.mi-btn.mi-btn--icon {
        left: 48px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__share.mi-btn.mi-btn--icon {
        --icon-font-size: 24px;
        top: 60px
    }

    [dir=ltr] .main-section__info-section .main-section__info-section__share.mi-btn.mi-btn--icon {
        right: 60px
    }

    [dir=rtl] .main-section__info-section .main-section__info-section__share.mi-btn.mi-btn--icon {
        left: 60px
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__share.mi-btn.mi-btn--icon {
        --icon-font-size: 24px;
        top: 60px
    }

    [dir=ltr] .main-section__info-section .main-section__info-section__share.mi-btn.mi-btn--icon {
        right: 60px
    }

    [dir=rtl] .main-section__info-section .main-section__info-section__share.mi-btn.mi-btn--icon {
        left: 60px
    }
}

.main-section__info-section .main-section__info-section__labels {
    gap: var(--label-row-gap)var(--label-column-gap);
    flex-direction: column;
    margin-top: 12px;
    display: flex
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__labels {
        --label-column-gap: 32px;
        --label-row-gap: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__labels {
        --label-column-gap: 28px;
        --label-row-gap: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__labels {
        --label-column-gap: 32px;
        --label-row-gap: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__labels {
        --label-column-gap: 36px;
        --label-row-gap: 16px
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__labels {
        --label-column-gap: 36px;
        --label-row-gap: 16px
    }
}

@media screen and (max-width:720px) {
    .main-section__info-section .main-section__info-section__labels .durability-label {
        --image-width: 102px;
        --crop-width: -10.5px -10.5px -9.5px -10.5px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section .main-section__info-section__labels .durability-label {
        --image-width: 102px;
        --crop-width: -10.5px -10.5px -9.5px -10.5px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section .main-section__info-section__labels .durability-label {
        --image-width: 119px;
        --crop-width: -12px -12px -11px -12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section .main-section__info-section__labels .durability-label {
        --image-width: 136px;
        --crop-width: -14px -14px -12.5px -14px
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section .main-section__info-section__labels .durability-label {
        --image-width: 136px;
        --crop-width: -14px -14px -12.5px -14px
    }
}

.main-section__info-section .main-section__info-section__labels .main-section__info-section__labels-row {
    gap: var(--label-row-gap)var(--label-column-gap);
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.main-section__info-section.main-section__info-section--loading .main-section__info-section__container .main-section__info-section__title h2:empty,
.main-section__info-section.main-section__info-section--loading .main-section__info-section__container .main-section__info-section__title p:empty {
    background-color: #eee;
    background-color: var(--skeleton-color)
}

.main-section__info-section.main-section__info-section--loading .main-section__info-section__container .main-section__info-section__title h2:empty:before,
.main-section__info-section.main-section__info-section--loading .main-section__info-section__container .main-section__info-section__title p:empty:before {
    content: " "
}

.main-section__info-section.main-section__info-section--loading .main-section__info-section__container .main-section__info-section__title h2:empty {
    width: 60%
}

.main-section__info-section.main-section__info-section--loading .main-section__info-section__container .main-section__info-section__title p:empty {
    width: 100%
}

@media screen and (max-width:720px) {
    .main-section__info-section.main-section__info-section--loading .main-section__info-section__container .main-section__info-section__title p:empty {
        margin-top: 5px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .main-section__info-section.main-section__info-section--loading .main-section__info-section__container .main-section__info-section__title p:empty {
        margin-top: 6px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .main-section__info-section.main-section__info-section--loading .main-section__info-section__container .main-section__info-section__title p:empty {
        margin-top: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .main-section__info-section.main-section__info-section--loading .main-section__info-section__container .main-section__info-section__title p:empty {
        margin-top: 8px
    }
}

@media screen and (min-width:1921px) {
    .main-section__info-section.main-section__info-section--loading .main-section__info-section__container .main-section__info-section__title p:empty {
        margin-top: 8px
    }
}

.main-section__info-section.main-section__info-section--loading .main-section__info-section__container .main-section__info-section__price strong {
    background-color: #eee;
    background-color: var(--skeleton-color);
    width: 60px
}

.main-section__info-section.main-section__info-section--loading .main-section__info-section__share {
    opacity: .3
}

@media screen and (max-width:720px) {
    .mi-modal.mi-modal--bottom .rrp-info-dialog__portal {
        width: unset
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal.mi-modal--bottom .rrp-info-dialog__portal {
        width: 560px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal.mi-modal--bottom .rrp-info-dialog__portal {
        width: 600px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal.mi-modal--bottom .rrp-info-dialog__portal {
        width: 640px
    }
}

@media screen and (min-width:1921px) {
    .mi-modal.mi-modal--bottom .rrp-info-dialog__portal {
        width: 680px
    }
}

.mi-modal.mi-modal--bottom .rrp-info-dialog__portal .mi-modal__main {
    flex-flow: column;
    flex-basis: auto;
    display: flex;
    position: relative
}

.mi-modal.mi-modal--bottom .rrp-info-dialog__portal .rrp-info-dialog__content {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

@media screen and (max-width:720px) {
    .mi-modal.mi-modal--bottom .rrp-info-dialog__portal .rrp-info-dialog__content {
        --line-gap: 16px;
        font-size: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal.mi-modal--bottom .rrp-info-dialog__portal .rrp-info-dialog__content {
        --line-gap: 14px;
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal.mi-modal--bottom .rrp-info-dialog__portal .rrp-info-dialog__content {
        --line-gap: 12px;
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal.mi-modal--bottom .rrp-info-dialog__portal .rrp-info-dialog__content {
        --line-gap: 12px;
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .mi-modal.mi-modal--bottom .rrp-info-dialog__portal .rrp-info-dialog__content {
        --line-gap: 12px;
        font-size: 16px
    }
}

.mi-modal.mi-modal--bottom .rrp-info-dialog__portal .rrp-info-dialog__content-gap {
    flex-basis: calc(2*var(--line-gap));
    flex-shrink: 0
}

.mi-modal.mi-modal--bottom .mi-modal__overlay.rrp-info-dialog__overlay {
    z-index: 22
}

body.mrp-info-dialog__body--overflow-hidden {
    overflow: hidden
}

body .mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mi-modal__title {
    -webkit-margin-end: 20px
}

body .mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mi-modal__title:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 20px
}

body .mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mi-modal__title:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 20px
}

body .mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mi-modal__title:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 20px
}

body .mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mi-modal__title:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 20px
}

body .mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mi-modal__title:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 20px
}

body .mi-modal.mi-modal--bottom .mrp-info-dialog__portal .mi-modal__title:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 20px
}

.mi-modal__content.social-share-modal__portal .bottom-share-box__sub-title {
    flex-flow: column;
    align-items: center;
    display: flex
}

@media screen and (max-width:720px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__sub-title {
        color: var(--text-base);
        margin-top: 11px;
        margin-bottom: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__sub-title {
        color: #757575;
        margin-top: 12px;
        margin-bottom: 6px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__sub-title {
        color: #757575;
        margin-top: 12px;
        margin-bottom: 6px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__sub-title {
        color: #757575;
        margin-top: 12px;
        margin-bottom: 6px
    }
}

@media screen and (min-width:1921px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__sub-title {
        color: #757575;
        margin-top: 12px;
        margin-bottom: 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__sub-title:not(:empty) {
        padding: 0 40px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__sub-title:not(:empty) {
        padding: 0 40px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__sub-title:not(:empty) {
        padding: 0 40px
    }
}

@media screen and (min-width:1921px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__sub-title:not(:empty) {
        padding: 0 40px
    }
}

.mi-modal__content.social-share-modal__portal .bottom-share-box__sub-title:empty {
    display: none
}

.mi-modal__content.social-share-modal__portal .bottom-share-box__before-login {
    text-align: center
}

@media screen and (max-width:720px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__before-login {
        font-size: 3.75vw;
        font-size: max(3.75vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__before-login {
        font-size: max(1.25vw, 12px);
        line-height: 1.52778vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__before-login {
        font-size: max(1.25vw, 12px);
        line-height: 1.52778vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__before-login {
        font-size: max(.78125vw, 12px);
        line-height: .9375vw
    }
}

@media screen and (min-width:1921px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__before-login {
        font-size: max(.78125vw, 12px);
        line-height: .9375vw
    }
}

.mi-modal__content.social-share-modal__portal .bottom-share-box__before-login a {
    color: #FF47C7;
    display: inline-block
}

@media screen and (max-width:720px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__before-login a {
        font-size: 3.75vw;
        font-size: max(3.75vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__before-login a {
        font-size: max(1.25vw, 12px);
        line-height: 1.52778vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__before-login a {
        font-size: max(1.25vw, 12px);
        line-height: 1.52778vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__before-login a {
        font-size: max(.78125vw, 12px);
        line-height: .9375vw
    }
}

@media screen and (min-width:1921px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__before-login a {
        font-size: max(.78125vw, 12px);
        line-height: .9375vw
    }
}

.mi-modal__content.social-share-modal__portal .bottom-share-box__before-login a:hover {
    text-decoration: underline
}

.mi-modal__content.social-share-modal__portal .bottom-share-box__after-login {
    color: var(--content-light);
    text-align: center;
    position: relative
}

@media screen and (max-width:720px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login {
        font-size: 3.75vw;
        font-size: max(3.75vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login {
        color: #757575;
        font-size: max(1.25vw, 12px);
        line-height: 1.52778vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login {
        color: #757575;
        font-size: max(1.25vw, 12px);
        line-height: 1.52778vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login {
        color: #757575;
        font-size: max(.78125vw, 12px);
        line-height: .9375vw
    }
}

@media screen and (min-width:1921px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login {
        color: #757575;
        font-size: max(.78125vw, 12px);
        line-height: .9375vw
    }
}

.mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:before {
    vertical-align: middle;
    content: "";
    background: url(../images/gold-points.png) 0 0/contain;
    display: inline-block;
    position: relative;
    top: -.1em
}

@media screen and (max-width:720px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:before {
        -webkit-margin-end: 1.52778vw;
        width: 5.13889vw;
        height: 5.13889vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
        margin-right: 1.52778vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
        margin-right: 1.52778vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
        margin-right: 1.52778vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
        margin-left: 1.52778vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
        margin-left: 1.52778vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
        margin-left: 1.52778vw
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:before {
        -webkit-margin-end: .416667vw;
        width: 1.25vw;
        height: 1.25vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
        margin-right: .416667vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
        margin-right: .416667vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
        margin-right: .416667vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
        margin-left: .416667vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
        margin-left: .416667vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
        margin-left: .416667vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:before {
        -webkit-margin-end: .416667vw;
        width: 1.25vw;
        height: 1.25vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
        margin-right: .416667vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
        margin-right: .416667vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
        margin-right: .416667vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
        margin-left: .416667vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
        margin-left: .416667vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
        margin-left: .416667vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:before {
        -webkit-margin-end: .234375vw;
        width: .78125vw;
        height: .78125vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
        margin-right: .234375vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
        margin-right: .234375vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
        margin-right: .234375vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
        margin-left: .234375vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
        margin-left: .234375vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
        margin-left: .234375vw
    }
}

@media screen and (min-width:1921px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:before {
        -webkit-margin-end: .234375vw;
        width: .78125vw;
        height: .78125vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
        margin-right: .234375vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
        margin-right: .234375vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
        margin-right: .234375vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
        margin-left: .234375vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
        margin-left: .234375vw
    }

    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
        margin-left: .234375vw
    }
}

.mi-modal__content.social-share-modal__portal .bottom-share-box__after-login strong {
    font-weight: 400
}

@media screen and (max-width:720px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login strong {
        color: #ffc73d
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login strong {
        color: #ff9e0d
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login strong {
        color: #ff9e0d
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login strong {
        color: #ff9e0d
    }
}

@media screen and (min-width:1921px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__after-login strong {
        color: #ff9e0d
    }
}

.mi-modal__content.social-share-modal__portal .bottom-share-box__explore {
    color: #FF47C7;
    text-align: center;
    display: block;
    text-decoration: underline !important
}

@media screen and (max-width:720px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__explore {
        font-size: 3.75vw;
        padding-top: 1.80556vw;
        font-size: max(3.75vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__explore {
        padding-top: .694444vw;
        font-size: max(1.25vw, 12px);
        line-height: 1.52778vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__explore {
        padding-top: .694444vw;
        font-size: max(1.25vw, 12px);
        line-height: 1.52778vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__explore {
        padding-top: .390625vw;
        font-size: max(.78125vw, 12px);
        line-height: .9375vw
    }
}

@media screen and (min-width:1921px) {
    .mi-modal__content.social-share-modal__portal .bottom-share-box__explore {
        padding-top: .390625vw;
        font-size: max(.78125vw, 12px);
        line-height: .9375vw
    }
}

.type-c-compliant {
    display: flex
}

@media screen and (max-width:720px) {
    .type-c-compliant {
        -moz-column-gap: 6px;
        column-gap: 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .type-c-compliant {
        -moz-column-gap: 6px;
        column-gap: 6px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .type-c-compliant {
        -moz-column-gap: 7px;
        column-gap: 7px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .type-c-compliant {
        -moz-column-gap: 8px;
        column-gap: 8px
    }
}

@media screen and (min-width:1921px) {
    .type-c-compliant {
        -moz-column-gap: 8px;
        column-gap: 8px
    }
}

@media screen and (max-width:720px) {
    .type-c-compliant .type-c-compliant-charger {
        width: 36px;
        height: 36px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .type-c-compliant .type-c-compliant-charger {
        width: 36px;
        height: 36px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .type-c-compliant .type-c-compliant-charger {
        width: 42px;
        height: 42px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .type-c-compliant .type-c-compliant-charger {
        width: 48px;
        height: 48px
    }
}

@media screen and (min-width:1921px) {
    .type-c-compliant .type-c-compliant-charger {
        width: 48px;
        height: 48px
    }
}

@media screen and (max-width:720px) {
    .type-c-compliant .type-c-compliant-charger .type-c-compliant-charger-image {
        width: 36px;
        height: 36px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .type-c-compliant .type-c-compliant-charger .type-c-compliant-charger-image {
        width: 36px;
        height: 36px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .type-c-compliant .type-c-compliant-charger .type-c-compliant-charger-image {
        width: 42px;
        height: 42px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .type-c-compliant .type-c-compliant-charger .type-c-compliant-charger-image {
        width: 48px;
        height: 48px
    }
}

@media screen and (min-width:1921px) {
    .type-c-compliant .type-c-compliant-charger .type-c-compliant-charger-image {
        width: 48px;
        height: 48px
    }
}

.type-c-compliant .type-c-compliant-usb {
    justify-content: center;
    display: flex;
    position: relative
}

@media screen and (max-width:720px) {
    .type-c-compliant .type-c-compliant-usb {
        width: 36px;
        height: 36px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .type-c-compliant .type-c-compliant-usb {
        width: 36px;
        height: 36px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .type-c-compliant .type-c-compliant-usb {
        width: 42px;
        height: 42px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .type-c-compliant .type-c-compliant-usb {
        width: 48px;
        height: 48px
    }
}

@media screen and (min-width:1921px) {
    .type-c-compliant .type-c-compliant-usb {
        width: 48px;
        height: 48px
    }
}

@media screen and (max-width:720px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-image {
        height: 36px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-image {
        height: 36px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-image {
        height: 42px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-image {
        height: 48px
    }
}

@media screen and (min-width:1921px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-image {
        height: 48px
    }
}

.type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-image .mi-image__img {
    object-fit: contain;
    object-position: center
}

.type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text {
    text-align: center;
    font-weight: 800;
    line-height: 1;
    position: absolute;
    left: 50%;
    right: auto;
    transform: translate(-50%)
}

[dir=rtl] .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text {
    left: auto
}

[dir=rtl] .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text {
    right: 50%
}

[dir=rtl] .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text {
    transform: translate(50%)
}

@media screen and (max-width:720px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text {
        top: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text {
        top: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text {
        top: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text {
        top: 18px
    }
}

@media screen and (min-width:1921px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text {
        top: 18px
    }
}

.type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text .type-c-compliant-usb-text-power {
    transform-origin: top;
    justify-content: center;
    align-items: center;
    line-height: 1;
    display: flex;
    transform: scale(.5)translateY(50%)
}

@media screen and (max-width:720px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text .type-c-compliant-usb-text-power {
        height: 6px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text .type-c-compliant-usb-text-power {
        height: 6px;
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text .type-c-compliant-usb-text-power {
        height: 7px;
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text .type-c-compliant-usb-text-power {
        height: 8px;
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text .type-c-compliant-usb-text-power {
        height: 8px;
        font-size: 16px
    }
}

.type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text .type-c-compliant-usb-text-hyphen {
    transform-origin: top;
    justify-content: center;
    align-items: center;
    line-height: 1;
    display: flex;
    transform: scale(.5)translateY(50%)
}

@media screen and (max-width:720px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text .type-c-compliant-usb-text-hyphen {
        height: 2px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text .type-c-compliant-usb-text-hyphen {
        height: 2px;
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text .type-c-compliant-usb-text-hyphen {
        height: 3px;
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text .type-c-compliant-usb-text-hyphen {
        height: 4px;
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text .type-c-compliant-usb-text-hyphen {
        height: 4px;
        font-size: 16px
    }
}

.type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text .type-c-compliant-usb-text-desc {
    white-space: nowrap;
    transform-origin: top;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    display: flex;
    transform: scale(.25)translateY(75%)
}

@media screen and (max-width:720px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text .type-c-compliant-usb-text-desc {
        height: 5px;
        margin-top: 2px;
        font-size: 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text .type-c-compliant-usb-text-desc {
        height: 5px;
        margin-top: 2px;
        font-size: 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text .type-c-compliant-usb-text-desc {
        height: 5px;
        margin-top: 2px;
        font-size: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text .type-c-compliant-usb-text-desc {
        height: 6px;
        margin-top: 2px;
        font-size: 24px
    }
}

@media screen and (min-width:1921px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-usb-text .type-c-compliant-usb-text-desc {
        height: 6px;
        margin-top: 2px;
        font-size: 24px
    }
}

@media screen and (max-width:720px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-no-usb-text {
        top: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-no-usb-text {
        top: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-no-usb-text {
        top: 19px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-no-usb-text {
        top: 22px
    }
}

@media screen and (min-width:1921px) {
    .type-c-compliant .type-c-compliant-usb .type-c-compliant-no-usb-text {
        top: 22px
    }
}

.durability-label {
    display: inline-flex
}

.durability-label .durability-label__image {
    width: 102px;
    width: var(--image-width, 102px);
    cursor: pointer
}

.durability-label.box-crop {
    overflow: hidden
}

.durability-label.box-crop .durability-label__image {
    margin: -10.5px -10.5px -9.5px;
    margin: var(--crop-width, -10.5px -10.5px -9.5px -10.5px)
}

.social-share {
    flex-flow: row;
    flex-basis: auto;
    justify-content: space-between;
    align-items: center;
    display: flex
}

@media screen and (max-width:720px) {
    .social-share {
        --social-icon-size: 36px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .social-share {
        --social-icon-size: 48px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .social-share {
        --social-icon-size: 48px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .social-share {
        --social-icon-size: 48px
    }
}

@media screen and (min-width:1921px) {
    .social-share {
        --social-icon-size: 48px
    }
}

.social-share .social-share__item {
    flex-flow: column;
    flex-basis: auto;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    display: flex;
    position: relative
}

.social-share .social-share__item i {
    box-sizing: border-box;
    color: var(--text-base);
    font-size: var(--social-icon-size);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    line-height: 1;
    display: inline-flex
}

.social-share .social-share__item span {
    white-space: nowrap;
    text-align: center
}

.social-share .social-share__item--clipboard textarea {
    opacity: 0;
    resize: none;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    position: absolute
}

.mi-modal.mi-modal--bottom .social-share-modal__portal {
    --social-share-padding: 16px;
    --social-share-modal-grid: 3;
    background-color: var(--background-white);
    background-color: var(--event-light-dark-bg-primary, var(--background-white))
}

@media screen and (max-width:720px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal {
        --title-font-size: 20px;
        width: unset
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal {
        --title-font-size: 18px;
        width: 480px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal {
        --title-font-size: 24px;
        width: 540px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal {
        --title-font-size: 24px;
        width: 600px
    }
}

@media screen and (min-width:1921px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal {
        --title-font-size: 24px;
        width: 680px
    }
}

.mi-modal.mi-modal--bottom .social-share-modal__portal .mi-modal__title {
    color: var(--event-light-dark-bg-tertiary, var(--text-base))
}

.mi-modal.mi-modal--bottom .social-share-modal__portal .mi-modal__close {
    color: var(--event-light-dark-bg-subtlest, #dbdbdb)
}

.mi-modal.mi-modal--bottom .social-share-modal__portal .mi-modal__main {
    gap: var(--title-font-size);
    overflow: initial;
    flex-flow: column;
    padding: 0;
    display: flex
}

@media screen and (max-width:720px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal .mi-modal__main {
        padding: 0 24px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal .mi-modal__main {
        padding: 0 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal .mi-modal__main {
        padding: 0 36px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal .mi-modal__main {
        padding: 0 48px
    }
}

@media screen and (min-width:1921px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal .mi-modal__main {
        padding: 0 48px
    }
}

.mi-modal.mi-modal--bottom .social-share-modal__portal .social-share-modal__main ul.social-share {
    grid-template-columns: repeat(var(--social-share-modal-grid), 1fr);
    grid-gap: 20px 10px;
    gap: 20px 10px;
    display: grid
}

@media screen and (max-width:720px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal .social-share-modal__main ul.social-share {
        --social-icon-size: 48px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal .social-share-modal__main ul.social-share {
        --social-icon-size: 42px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal .social-share-modal__main ul.social-share {
        --social-icon-size: 48px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal .social-share-modal__main ul.social-share {
        --social-icon-size: 56px
    }
}

@media screen and (min-width:1921px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal .social-share-modal__main ul.social-share {
        --social-icon-size: 64px
    }
}

.mi-modal.mi-modal--bottom .social-share-modal__portal .social-share-modal__main li.social-share__item {
    box-sizing: border-box;
    text-align: center
}

@media screen and (max-width:720px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal .social-share-modal__main li.social-share__item {
        gap: 4px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal .social-share-modal__main li.social-share__item {
        gap: 6px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal .social-share-modal__main li.social-share__item {
        gap: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal .social-share-modal__main li.social-share__item {
        gap: 10px
    }
}

@media screen and (min-width:1921px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal .social-share-modal__main li.social-share__item {
        gap: 10px
    }
}

.mi-modal.mi-modal--bottom .social-share-modal__portal .social-share-modal__main li.social-share__item>i {
    color: var(--event-light-dark-bg-tertiary, var(--text-base));
    border-radius: 6px
}

.mi-modal.mi-modal--bottom .social-share-modal__portal .social-share-modal__main li.social-share__item>span {
    color: var(--event-light-dark-bg-tertiary, var(--text-base))
}

@media screen and (max-width:720px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal .social-share-modal__main li.social-share__item>span {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal .social-share-modal__main li.social-share__item>span {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal .social-share-modal__main li.social-share__item>span {
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal .social-share-modal__main li.social-share__item>span {
        font-size: 18px
    }
}

@media screen and (min-width:1921px) {
    .mi-modal.mi-modal--bottom .social-share-modal__portal .social-share-modal__main li.social-share__item>span {
        font-size: 18px
    }
}

.tips-section {
    background-color: #f7f7f7;
    position: relative
}

@media screen and (max-width:720px) {
    .tips-section {
        border-radius: 6px;
        max-height: 97px;
        margin-top: 40px;
        padding: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .tips-section {
        border-radius: 10px;
        max-height: 97px;
        margin-top: 40px;
        padding: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .tips-section {
        border-radius: 12px;
        max-height: 115px;
        margin-top: 48px;
        padding: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .tips-section {
        border-radius: 12px;
        max-height: 115px;
        margin-top: 60px;
        padding: 16px
    }
}

@media screen and (min-width:1921px) {
    .tips-section {
        border-radius: 12px;
        max-height: 115px;
        margin-top: 60px;
        padding: 16px
    }
}

.tips-section .tips-section-content-wrap {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex
}

.tips-section .tips-section-title {
    align-items: center;
    display: flex
}

@media screen and (max-width:720px) {
    .tips-section .tips-section-title {
        height: 18px;
        margin-bottom: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .tips-section .tips-section-title {
        height: 18px;
        margin-bottom: 10px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .tips-section .tips-section-title {
        height: 23px;
        margin-bottom: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .tips-section .tips-section-title {
        height: 23px;
        margin-bottom: 12px
    }
}

@media screen and (min-width:1921px) {
    .tips-section .tips-section-title {
        height: 23px;
        margin-bottom: 12px
    }
}

.tips-section .tips-section-title .tips-section-title-text {
    -moz-column-gap: 4px;
    align-items: center;
    column-gap: 4px;
    display: flex
}

@media screen and (max-width:720px) {
    .tips-section .tips-section-title .tips-section-title-text {
        -moz-column-gap: 4px;
        column-gap: 4px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .tips-section .tips-section-title .tips-section-title-text {
        -moz-column-gap: 6px;
        column-gap: 6px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .tips-section .tips-section-title .tips-section-title-text {
        -moz-column-gap: 6px;
        column-gap: 6px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .tips-section .tips-section-title .tips-section-title-text {
        -moz-column-gap: 6px;
        column-gap: 6px
    }
}

@media screen and (min-width:1921px) {
    .tips-section .tips-section-title .tips-section-title-text {
        -moz-column-gap: 6px;
        column-gap: 6px
    }
}

.tips-section .tips-section-title .tips-section-title-text-tips {
    color: #FF47C7;
    transform: scaleX(1)
}

[dir=rtl] .tips-section .tips-section-title .tips-section-title-text-tips {
    transform: scaleX(-1)
}

@media screen and (max-width:720px) {
    .tips-section .tips-section-title .tips-section-title-text-tips {
        -webkit-margin-end: 4px;
        font-size: 16px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 4px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 4px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 4px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 4px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 4px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 4px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .tips-section .tips-section-title .tips-section-title-text-tips {
        -webkit-margin-end: 4px;
        font-size: 18px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 4px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 4px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 4px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 4px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 4px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .tips-section .tips-section-title .tips-section-title-text-tips {
        -webkit-margin-end: 6px;
        font-size: 20px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .tips-section .tips-section-title .tips-section-title-text-tips {
        -webkit-margin-end: 6px;
        font-size: 20px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }
}

@media screen and (min-width:1921px) {
    .tips-section .tips-section-title .tips-section-title-text-tips {
        -webkit-margin-end: 6px;
        font-size: 20px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .tips-section .tips-section-title .tips-section-title-text-tips:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }
}

@media screen and (max-width:720px) {
    .tips-section .tips-section-title .tips-section-title-text-tips {
        font-size: 16px;
        font-size: calc(16*var(--m-scale, 1)*1px)
    }
}

.tips-section .tips-section-title .tips-section-title-text-text {
    margin: 0;
    padding: 0;
    font-weight: 500
}

@media screen and (max-width:720px) {
    .tips-section .tips-section-title .tips-section-title-text-text {
        font-size: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .tips-section .tips-section-title .tips-section-title-text-text {
        font-size: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .tips-section .tips-section-title .tips-section-title-text-text {
        font-size: 18px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .tips-section .tips-section-title .tips-section-title-text-text {
        font-size: 18px
    }
}

@media screen and (min-width:1921px) {
    .tips-section .tips-section-title .tips-section-title-text-text {
        font-size: 18px
    }
}

@media screen and (max-width:720px) {
    .tips-section .tips-section-title .tips-section-title-text-text {
        font-size: 14px;
        font-size: calc(14*var(--m-scale, 1)*1px)
    }
}

.tips-section .tips-section-content {
    flex-direction: column;
    width: 100%;
    font-size: 12px;
    display: flex
}

@media screen and (max-width:720px) {
    .tips-section .tips-section-content {
        line-height: 1.25
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .tips-section .tips-section-content {
        line-height: 1.5
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .tips-section .tips-section-content {
        line-height: 1.5
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .tips-section .tips-section-content {
        line-height: 1.5
    }
}

@media screen and (min-width:1921px) {
    .tips-section .tips-section-content {
        line-height: 1.5
    }
}

@media screen and (max-width:720px) {
    .tips-section .tips-section-content {
        font-size: 12px;
        font-size: calc(12*var(--m-scale, 1)*1px)
    }
}

.tips-section .tips-section-content-div {
    word-break: break-all;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
    display: flex;
    position: relative
}

.tips-section .tips-section-content-div strong {
    font-weight: 400
}

.tips-section .tips-section-content-div>.tips-content-link {
    color: #FF47C7;
    white-space: nowrap;
    cursor: pointer;
    background-color: #f7f7f7;
    flex-shrink: 0;
    align-self: flex-end;
    font-weight: 400;
    text-decoration: underline;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: auto;
    right: 3px
}

[dir=rtl] .tips-section .tips-section-content-div>.tips-content-link {
    right: auto
}

[dir=rtl] .tips-section .tips-section-content-div>.tips-content-link {
    left: 3px
}

@media screen and (max-width:720px) {
    .tips-section .tips-section-content-lastDiv {
        margin-top: 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .tips-section .tips-section-content-lastDiv {
        margin-top: 6px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .tips-section .tips-section-content-lastDiv {
        margin-top: 6px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .tips-section .tips-section-content-lastDiv {
        margin-top: 12px
    }
}

@media screen and (min-width:1921px) {
    .tips-section .tips-section-content-lastDiv {
        margin-top: 12px
    }
}

.tips-section .tips-section-content-text {
    color: #303030;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 18px;
    display: -webkit-box;
    overflow: hidden
}

.tips-section-title-text-arrow {
    color: #8c8c8c;
    transform: scaleX(var(--cardinal-number));
    cursor: pointer;
    flex-shrink: 0
}

@media screen and (max-width:720px) {
    .tips-section-title-text-arrow {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .tips-section-title-text-arrow {
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .tips-section-title-text-arrow {
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .tips-section-title-text-arrow {
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .tips-section-title-text-arrow {
        font-size: 16px
    }
}

.tips-modal-title {
    margin: 0;
    font-weight: 700
}

@media screen and (max-width:720px) {
    .tips-modal-title {
        min-height: 43px;
        font-size: 18px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .tips-modal-title {
        border-bottom: 1px solid #e8e8e8;
        min-height: 43px;
        font-size: 18px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .tips-modal-title {
        border-bottom: 1px solid #e8e8e8;
        min-height: 62px;
        font-size: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .tips-modal-title {
        border-bottom: 1px solid #e8e8e8;
        min-height: 62px;
        font-size: 24px
    }
}

@media screen and (min-width:1921px) {
    .tips-modal-title {
        border-bottom: 1px solid #e8e8e8;
        min-height: 62px;
        font-size: 24px
    }
}

.tips-modal-content {
    display: grid;
    overflow-y: scroll
}

@media screen and (max-width:720px) {
    .tips-modal-content {
        gap: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .tips-modal-content {
        gap: 12px;
        margin-top: 8px;
        padding: 23px 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .tips-modal-content {
        gap: 24px;
        margin-top: 12px;
        padding: 32px 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .tips-modal-content {
        gap: 24px;
        margin-top: 12px;
        padding: 32px 0
    }
}

@media screen and (min-width:1921px) {
    .tips-modal-content {
        gap: 24px;
        margin-top: 12px;
        padding: 32px 0
    }
}

.tips-modal-text {
    line-height: 18px
}

@media screen and (max-width:720px) {
    .tips-modal-text {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .tips-modal-text {
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .tips-modal-text {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .tips-modal-text {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .tips-modal-text {
        font-size: 14px
    }
}

.tips-modal-text .tips-content-link {
    -webkit-margin-start: 10px;
    color: #FF47C7;
    cursor: pointer;
    text-decoration: underline
}

.tips-modal-text .tips-content-link:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 10px
}

.tips-modal-text .tips-content-link:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 10px
}

.tips-modal-text .tips-content-link:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 10px
}

.tips-modal-text .tips-content-link:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 10px
}

.tips-modal-text .tips-content-link:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 10px
}

.tips-modal-text .tips-content-link:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 10px
}

@media screen and (max-width:720px) {
    .mi-modal.mi-modal--drawer .tips-modal .mi-modal__content {
        width: 100%
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal.mi-modal--drawer .tips-modal .mi-modal__content {
        width: 420px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal.mi-modal--drawer .tips-modal .mi-modal__content {
        --modal-max-width: 600px;
        width: 600px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal.mi-modal--drawer .tips-modal .mi-modal__content {
        --modal-max-width: 600px;
        width: 600px
    }
}

@media screen and (min-width:1921px) {
    .mi-modal.mi-modal--drawer .tips-modal .mi-modal__content {
        --modal-max-width: 600px;
        width: 600px
    }
}

.mi-modal.mi-modal--drawer .tips-modal .mi-modal__header {
    border: 0;
    margin: 0;
    padding: 0
}

.mi-modal.mi-modal--drawer .tips-modal .mi-modal__main {
    flex-direction: column;
    padding: 0;
    display: flex;
    overflow: visible
}

@media screen and (max-width:720px) {
    .mi-modal.mi-modal--drawer .tips-modal .mi-modal__main {
        width: 100%;
        padding: 20px 20px 60px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal.mi-modal--drawer .tips-modal .mi-modal__main {
        width: 336px;
        margin: 42px 42px 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal.mi-modal--drawer .tips-modal .mi-modal__main {
        width: 480px;
        margin: 60px 60px 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal.mi-modal--drawer .tips-modal .mi-modal__main {
        width: 480px;
        margin: 60px 60px 0
    }
}

@media screen and (min-width:1921px) {
    .mi-modal.mi-modal--drawer .tips-modal .mi-modal__main {
        width: 480px;
        margin: 60px 60px 0
    }
}

.sku-section .sku-select__title {
    color: var(--text-base);
    font-weight: 700;
    display: block
}

@media screen and (max-width:720px) {
    .sku-section .sku-select__title {
        margin: 40px 0 12px;
        font-size: 16px;
        line-height: 1.25
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .sku-section .sku-select__title {
        margin: 40px 0 20px;
        font-size: 20px;
        line-height: 1.25
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .sku-section .sku-select__title {
        margin: 48px 0 22px;
        font-size: 22px;
        line-height: 1.25
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .sku-section .sku-select__title {
        margin: 60px 0 24px;
        font-size: 24px;
        line-height: 1.25
    }
}

@media screen and (min-width:1921px) {
    .sku-section .sku-select__title {
        margin: 60px 0 24px;
        font-size: 24px;
        line-height: 1.25
    }
}

.sku-section .sku-select__list {
    display: grid
}

@media screen and (max-width:720px) {
    .sku-section .sku-select__list {
        -moz-column-gap: 12px;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .sku-section .sku-select__list {
        -moz-column-gap: 12px;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .sku-section .sku-select__list {
        -moz-column-gap: 14px;
        grid-template-columns: repeat(3, 1fr);
        gap: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .sku-section .sku-select__list {
        -moz-column-gap: 16px;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px
    }
}

@media screen and (min-width:1921px) {
    .sku-section .sku-select__list {
        -moz-column-gap: 16px;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px
    }
}

.sku-section .sku-select__list li {
    list-style: none
}

.sku-section .sku-select__list .sku-select__item {
    min-width: 0
}

@media screen and (max-width:720px) {
    .sku-section .sku-select__list .sku-select__item {
        height: 56px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .sku-section .sku-select__list .sku-select__item {
        height: 60px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .sku-section .sku-select__list .sku-select__item {
        height: 60px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .sku-section .sku-select__list .sku-select__item {
        height: 68px
    }
}

@media screen and (min-width:1921px) {
    .sku-section .sku-select__list .sku-select__item {
        height: 68px
    }
}

.sku-section .sku-select__list .sku-select__button {
    color: var(--text-base);
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-color: var(--background-white);
    border: 1px solid #d1d1d1;
    border: 1px solid var(--brand-black-20);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    line-height: 1.25;
    transition: opacity, border, background-color .2s linear;
    display: flex;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .sku-section .sku-select__list .sku-select__button {
        border-radius: 6px;
        padding: 0 14px;
        font-size: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .sku-section .sku-select__list .sku-select__button {
        border-radius: 10px;
        padding: 0 14px;
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .sku-section .sku-select__list .sku-select__button {
        border-radius: 12px;
        padding: 0 15px;
        font-size: 15px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .sku-section .sku-select__list .sku-select__button {
        border-radius: 12px;
        padding: 0 15px;
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .sku-section .sku-select__list .sku-select__button {
        border-radius: 12px;
        padding: 0 15px;
        font-size: 16px
    }
}

.sku-section .sku-select__list .sku-select__button span {
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical;
    width: 100%;
    display: -webkit-box;
    overflow: hidden
}

.sku-section .sku-select__list .sku-select__button .sku-select__color-dot {
    width: var(--icon-width);
    height: var(--icon-width);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .15);
    box-shadow: inset 0 0 5px 0 var(--shadow-black-a15);
    -webkit-clip-path: url(96894.chunk.css#svgClipPath);
    clip-path: url(96894.chunk.css#svgClipPath);
    flex-shrink: 0;
    display: inline-block
}

@media screen and (max-width:720px) {
    .sku-section .sku-select__list .sku-select__button .sku-select__color-dot {
        --icon-width: 21.3px;
        --box-width: 24px;
        margin: 1.35px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .sku-section .sku-select__list .sku-select__button .sku-select__color-dot {
        --icon-width: 24.89px;
        --box-width: 28px;
        margin: 1.555px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .sku-section .sku-select__list .sku-select__button .sku-select__color-dot {
        --icon-width: 28.44px;
        --box-width: 32px;
        margin: 1.78px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .sku-section .sku-select__list .sku-select__button .sku-select__color-dot {
        --icon-width: 28.44px;
        --box-width: 32px;
        margin: 1.78px
    }
}

@media screen and (min-width:1921px) {
    .sku-section .sku-select__list .sku-select__button .sku-select__color-dot {
        --icon-width: 28.44px;
        --box-width: 32px;
        margin: 1.78px
    }
}

.sku-section .sku-select__list .sku-select__button--active {
    border: 1px solid #FF47C7;
    border: #FF47C7;
    box-shadow: inset 0 0 0 .5px #FF47C7;
    box-shadow: inset 0 0 0 .5px var(--border-primary);
    font-weight: 700
}

.sku-section .sku-select__list .sku-select__button--not-sku,
.sku-section .sku-select__list .sku-select__button--disabled,
.sku-section .sku-select__list .sku-select__button--sold-out {
    color: #191919;
    opacity: .4;
    border-style: dashed;
    transition: opacity, border, background-color .2s linear
}

.sku-section .sku-select__list .sku-select__icon-item {
    min-width: 0
}

@media screen and (max-width:720px) {
    .sku-section .sku-select__list .sku-select__icon-item {
        height: 67px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .sku-section .sku-select__list .sku-select__icon-item {
        height: 72px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .sku-section .sku-select__list .sku-select__icon-item {
        height: 84px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .sku-section .sku-select__list .sku-select__icon-item {
        height: 92px
    }
}

@media screen and (min-width:1921px) {
    .sku-section .sku-select__list .sku-select__icon-item {
        height: 92px
    }
}

@media screen and (max-width:720px) {
    .sku-section .sku-select__list .sku-select__icon-item .sku-select__button {
        gap: 4px;
        padding: 0 11px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .sku-section .sku-select__list .sku-select__icon-item .sku-select__button {
        gap: 6px;
        padding: 0 15px;
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .sku-section .sku-select__list .sku-select__icon-item .sku-select__button {
        gap: 6px;
        padding: 0 15px;
        font-size: 13px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .sku-section .sku-select__list .sku-select__icon-item .sku-select__button {
        gap: 6px;
        padding: 0 15px;
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .sku-section .sku-select__list .sku-select__icon-item .sku-select__button {
        gap: 6px;
        padding: 0 15px;
        font-size: 14px
    }
}

.sku-section .sku-select__list .sku-select__icon-item .sku-select__button span {
    -webkit-line-clamp: 2
}

.sku-section .sku-select__list .sku-select__button:not(:-webkit-any(.sku-select__button--active, .sku-select__button--sold-out, .sku-select__button--not-sku)):hover {
    box-shadow: inset 0 0 0 .5px #d1d1d1;
    box-shadow: inset 0 0 0 .5px var(--brand-black-20)
}

.sku-section .sku-select__list .sku-select__button:not(:-moz-any(.sku-select__button--active, .sku-select__button--sold-out, .sku-select__button--not-sku)):hover {
    box-shadow: inset 0 0 0 .5px #d1d1d1;
    box-shadow: inset 0 0 0 .5px var(--brand-black-20)
}

.sku-section .sku-select__list .sku-select__button:not(:is(.sku-select__button--active, .sku-select__button--sold-out, .sku-select__button--not-sku)):hover {
    box-shadow: inset 0 0 0 .5px #d1d1d1;
    box-shadow: inset 0 0 0 .5px var(--brand-black-20)
}

.exchange-desc-tip {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex
}

@media screen and (max-width:720px) {
    .exchange-desc-tip {
        width: 100%;
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-desc-tip {
        width: 236px;
        font-size: 16px;
        line-height: 22px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-desc-tip {
        width: 236px;
        font-size: 16px;
        line-height: 22px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-desc-tip {
        width: 236px;
        font-size: 16px;
        line-height: 22px
    }
}

@media screen and (min-width:1921px) {
    .exchange-desc-tip {
        width: 236px;
        font-size: 16px;
        line-height: 22px
    }
}

.exchange-desc-tip .exchange-desc-tip-info p {
    color: var(--text-base);
    font-size: 12px;
    font-weight: 400
}

.exchange-desc-tip .exchange-desc-tip-info a {
    color: #FF47C7;
    font-size: inherit
}

.exchange-desc-tip .exchange-desc-tip-icon {
    color: #FF47C7;
    font-size: 16px
}

.mi-tip-box.exchange-desc__popover {
    z-index: auto;
    -webkit-margin-start: 8px;
    display: inline-flex
}

.mi-tip-box.exchange-desc__popover:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 8px
}

.mi-tip-box.exchange-desc__popover:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 8px
}

.mi-tip-box.exchange-desc__popover:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 8px
}

.mi-tip-box.exchange-desc__popover:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 8px
}

.mi-tip-box.exchange-desc__popover:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 8px
}

.mi-tip-box.exchange-desc__popover:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 8px
}

.mi-tip-box.exchange-desc__popover .mi-tip-box__content {
    position: fixed
}

.exchange-desc__modal.mi-modal__content {
    min-height: -webkit-fit-content !important;
    min-height: -moz-fit-content !important;
    min-height: fit-content !important
}

.exchange-desc__modal .mi-modal__header {
    padding: 26px 26px 17px
}

.exchange-desc__modal .mi-modal__header .mi-modal__title-wrap .mi-modal__title {
    font-weight: 700
}

.exchange-desc__modal .mi-modal__main {
    padding: 0 16px 22px
}

.mi-modal-v4.mi-modal-v4--desktop .trade-in__tip-modal,
.mi-modal-v4.mi-modal-v4--mobile .trade-in__tip-modal {
    --credit-grid-row-gap: 16px
}

.mi-modal-v4.mi-modal-v4--desktop .trade-in__tip-modal .trade-in-credit-detail,
.mi-modal-v4.mi-modal-v4--mobile .trade-in__tip-modal .trade-in-credit-detail {
    color: #191919;
    font-size: var(--modal-font-size-middle);
    grid-row-gap: var(--credit-grid-row-gap);
    row-gap: var(--credit-grid-row-gap);
    grid-template-columns: 1fr;
    display: grid
}

@media screen and (max-width:720px) {
    .trade-in-section {
        --font-size-large: 16px;
        --font-size-medium: 14px;
        --font-size-small: 12px;
        --font-size-detail: 12px;
        --line-height-detail: 15px;
        --line-height-medium: 17.5px;
        --line-height-small: 12px;
        -webkit-margin-before: 40px;
        --price-detail-gap: 6px;
        margin-top: 40px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-section {
        --font-size-large: 18px;
        --font-size-medium: 15px;
        --font-size-small: 13px;
        --font-size-detail: 16px;
        --line-height-detail: 20px;
        --line-height-medium: 18.75px;
        --line-height-small: 13px;
        -webkit-margin-before: 40px;
        --price-detail-gap: 8px;
        margin-top: 40px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-section {
        --font-size-large: 20px;
        --font-size-medium: 16px;
        --font-size-small: 12px;
        --font-size-detail: 16px;
        --line-height-detail: 20px;
        --line-height-medium: 20px;
        --line-height-small: 17.5px;
        -webkit-margin-before: 48px;
        --price-detail-gap: 8px;
        margin-top: 48px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-section {
        --font-size-large: 20px;
        --font-size-medium: 16px;
        --font-size-small: 12px;
        --font-size-detail: 16px;
        --line-height-detail: 20px;
        --line-height-medium: 20px;
        --line-height-small: 17.5px;
        -webkit-margin-before: 60px;
        --price-detail-gap: 8px;
        margin-top: 60px
    }
}

@media screen and (min-width:1921px) {
    .trade-in-section {
        --font-size-large: 20px;
        --font-size-medium: 16px;
        --font-size-small: 12px;
        --font-size-detail: 16px;
        --line-height-detail: 20px;
        --line-height-medium: 20px;
        --line-height-small: 17.5px;
        -webkit-margin-before: 60px;
        --price-detail-gap: 8px;
        margin-top: 60px
    }
}

.trade-in-section .trade-in-section__title {
    margin: 0;
    font-weight: 700
}

@media screen and (max-width:720px) {
    .trade-in-section .trade-in-section__title {
        -webkit-margin-after: 12px;
        margin-bottom: 12px;
        font-size: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-section .trade-in-section__title {
        -webkit-margin-after: 20px;
        margin-bottom: 20px;
        font-size: 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-section .trade-in-section__title {
        -webkit-margin-after: 20px;
        margin-bottom: 20px;
        font-size: 22px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-section .trade-in-section__title {
        -webkit-margin-after: 24px;
        margin-bottom: 24px;
        font-size: 24px
    }
}

@media screen and (min-width:1921px) {
    .trade-in-section .trade-in-section__title {
        -webkit-margin-after: 24px;
        margin-bottom: 24px;
        font-size: 24px
    }
}

.trade-in-section .trade-in-section__content {
    padding: var(--card-padding);
    box-sizing: border-box;
    border-radius: var(--card-radius);
    box-shadow: inset 0 0 0 1px #d1d1d1;
    box-shadow: inset 0 0 0 1px var(--brand-black-20);
    background: #fff;
    border: none;
    gap: 12px;
    line-height: 1;
    transition: background-color .3s, border-color .3s, opacity .3s;
    display: flex
}

@media screen and (max-width:720px) {
    .trade-in-section .trade-in-section__content {
        --card-radius: 6px;
        --card-padding: 16px;
        --card-padding-rtl: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-section .trade-in-section__content {
        --card-radius: 10px;
        --card-padding: 20px 32px 20px 16px;
        --card-padding-rtl: 20px 16px 20px 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-section .trade-in-section__content {
        --card-radius: 12px;
        --card-padding: 24px 24px 24px 20px;
        --card-padding-rtl: 24px 20px 24px 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-section .trade-in-section__content {
        --card-radius: 12px;
        --card-padding: 24px 24px 24px 20px;
        --card-padding-rtl: 24px 20px 24px 24px
    }
}

@media screen and (min-width:1921px) {
    .trade-in-section .trade-in-section__content {
        --card-radius: 12px;
        --card-padding: 24px 24px 24px 20px;
        --card-padding-rtl: 24px 20px 24px 24px
    }
}

[dir=rtl] .trade-in-section .trade-in-section__content {
    padding: var(--card-padding-rtl)
}

.trade-in-section .trade-in-section__content:hover {
    box-shadow: inset 0 0 0 1.5px #d1d1d1;
    box-shadow: inset 0 0 0 1.5px var(--brand-black-20);
    cursor: pointer
}

.trade-in-section .trade-in-section__content.trade-in-section__content--disable {
    opacity: .4;
    pointer-events: none
}

.trade-in-section .trade-in-section__content.trade-in-section__content--active,
.trade-in-section .trade-in-section__content.trade-in-section__content--active:hover {
    box-shadow: inset 0 0 0 1.5px #FF47C7;
    box-shadow: inset 0 0 0 1.5px var(--border-primary)
}

.trade-in-section .trade-in-section__trade-in-icon {
    width: var(--trade-in-icon);
    height: var(--trade-in-icon);
    font-size: var(--trade-in-icon);
    flex-shrink: 0
}

@media screen and (max-width:720px) {
    .trade-in-section .trade-in-section__trade-in-icon {
        --trade-in-icon: 32px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-section .trade-in-section__trade-in-icon {
        --trade-in-icon: 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-section .trade-in-section__trade-in-icon {
        --trade-in-icon: 32px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-section .trade-in-section__trade-in-icon {
        --trade-in-icon: 32px
    }
}

@media screen and (min-width:1921px) {
    .trade-in-section .trade-in-section__trade-in-icon {
        --trade-in-icon: 32px
    }
}

.trade-in-section .trade-in-section__main {
    width: 100%
}

.trade-in-section .trade-in-section__header {
    justify-content: space-between;
    display: flex
}

@media screen and (max-width:720px) {
    .trade-in-section .trade-in-section__header {
        -webkit-margin-after: 8px;
        margin-bottom: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-section .trade-in-section__header {
        -webkit-margin-after: 10px;
        margin-bottom: 10px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-section .trade-in-section__header {
        -webkit-margin-after: 12px;
        margin-bottom: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-section .trade-in-section__header {
        -webkit-margin-after: 12px;
        margin-bottom: 12px
    }
}

@media screen and (min-width:1921px) {
    .trade-in-section .trade-in-section__header {
        -webkit-margin-after: 12px;
        margin-bottom: 12px
    }
}

.trade-in-section .trade-in-section__label {
    margin: 0;
    font-weight: 500
}

@media screen and (max-width:720px) {
    .trade-in-section .trade-in-section__label {
        font-size: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-section .trade-in-section__label {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-section .trade-in-section__label {
        font-size: 15px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-section .trade-in-section__label {
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .trade-in-section .trade-in-section__label {
        font-size: 16px
    }
}

.trade-in-section .trade-in-section__label-exchange {
    margin: 0;
    font-weight: 500
}

@media screen and (max-width:720px) {
    .trade-in-section .trade-in-section__label-exchange {
        font-size: 14px;
        line-height: 1.25
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-section .trade-in-section__label-exchange {
        font-size: 14px;
        line-height: 1.25
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-section .trade-in-section__label-exchange {
        font-size: 15px;
        line-height: 1.25
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-section .trade-in-section__label-exchange {
        font-size: 16px;
        line-height: 1.5
    }
}

@media screen and (min-width:1921px) {
    .trade-in-section .trade-in-section__label-exchange {
        font-size: 16px;
        line-height: 1.5
    }
}

.trade-in-section .trade-in-section__label-exchange a {
    color: #FF47C7;
    font-size: 14px;
    text-decoration: none
}

@media screen and (max-width:720px) {
    .trade-in-section .trade-in-section__label-exchange a {
        line-height: 17.5px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-section .trade-in-section__label-exchange a {
        line-height: 21px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-section .trade-in-section__label-exchange a {
        line-height: 21px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-section .trade-in-section__label-exchange a {
        line-height: 21px
    }
}

@media screen and (min-width:1921px) {
    .trade-in-section .trade-in-section__label-exchange a {
        line-height: 21px
    }
}

.trade-in-section .trade-in-section__label-exchange a:hover {
    text-decoration: underline
}

.trade-in-section .trade-in-section__price {
    color: #FF47C7;
    font-weight: 700;
    font-size: var(--font-size-large)
}

@media screen and (max-width:720px) {
    .trade-in-section .trade-in-section__price {
        line-height: 17.5px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-section .trade-in-section__price {
        line-height: 22.5px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-section .trade-in-section__price {
        line-height: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-section .trade-in-section__price {
        line-height: 20px
    }
}

@media screen and (min-width:1921px) {
    .trade-in-section .trade-in-section__price {
        line-height: 20px
    }
}

.trade-in-section .trade-in-section__warning-button {
    color: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0
}

.trade-in-section .trade-in-section__warning-icon {
    -webkit-margin-start: 6px;
    color: #a3a3a3;
    font-size: var(--warning-icon)
}

.trade-in-section .trade-in-section__warning-icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 6px
}

.trade-in-section .trade-in-section__warning-icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 6px
}

.trade-in-section .trade-in-section__warning-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 6px
}

.trade-in-section .trade-in-section__warning-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 6px
}

.trade-in-section .trade-in-section__warning-icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 6px
}

.trade-in-section .trade-in-section__warning-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 6px
}

@media screen and (max-width:720px) {
    .trade-in-section .trade-in-section__warning-icon {
        --warning-icon: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-section .trade-in-section__warning-icon {
        --warning-icon: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-section .trade-in-section__warning-icon {
        --warning-icon: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-section .trade-in-section__warning-icon {
        --warning-icon: 16px
    }
}

@media screen and (min-width:1921px) {
    .trade-in-section .trade-in-section__warning-icon {
        --warning-icon: 16px
    }
}

.trade-in-section .trade-in-section__modify {
    color: var(--text-base);
    font-weight: 400;
    font-size: var(--font-size-small);
    line-height: 15px
}

.trade-in-section .trade-in-section__modify:hover {
    color: #FF47C7;
    cursor: pointer
}

.trade-in-section .trade-in-section__detail {
    color: #303030;
    font-weight: 400;
    font-size: var(--font-size-small)
}

@media screen and (max-width:720px) {
    .trade-in-section .trade-in-section__detail {
        line-height: 15px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-section .trade-in-section__detail {
        line-height: 13px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-section .trade-in-section__detail {
        line-height: 15px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-section .trade-in-section__detail {
        line-height: 15px
    }
}

@media screen and (min-width:1921px) {
    .trade-in-section .trade-in-section__detail {
        line-height: 15px
    }
}

.trade-in-section .trade-in-section__detail-ksp {
    color: #FF47C7;
    font-weight: 400;
    font-size: var(--font-size-small);
    line-height: 15px
}

.trade-in-section .trade-in-section__detail-bonus {
    color: #FF47C7;
    font-weight: 500;
    line-height: 1
}

@media screen and (max-width:720px) {
    .trade-in-section .trade-in-section__detail-bonus {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-section .trade-in-section__detail-bonus {
        font-size: 13px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-section .trade-in-section__detail-bonus {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-section .trade-in-section__detail-bonus {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .trade-in-section .trade-in-section__detail-bonus {
        font-size: 14px
    }
}

.trade-in-section .trade-in-section__detail-exchange {
    color: #FF47C7;
    font-weight: 500;
    line-height: var(--line-height-small)
}

@media screen and (max-width:720px) {
    .trade-in-section .trade-in-section__detail-exchange {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-section .trade-in-section__detail-exchange {
        font-size: 13px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-section .trade-in-section__detail-exchange {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-section .trade-in-section__detail-exchange {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .trade-in-section .trade-in-section__detail-exchange {
        font-size: 14px
    }
}

.trade-in-section .trade-in-section__device-name {
    font-weight: 700;
    font-size: var(--font-size-medium);
    line-height: var(--line-height-medium)
}

.trade-in-section .trade-in-section__model-name,
.trade-in-section .trade-in-section__imei,
.trade-in-section .trade-in-section__exchange-type {
    -webkit-margin-after: var(--price-detail-gap);
    font-weight: 400;
    font-size: var(--font-size-medium);
    line-height: var(--line-height-medium);
    margin-bottom: var(--price-detail-gap)
}

.trade-in-section .trade-in-section__model-name span:last-of-type,
.trade-in-section .trade-in-section__imei span:last-of-type,
.trade-in-section .trade-in-section__exchange-type span:last-of-type {
    font-weight: 700;
    font-size: var(--font-size-detail);
    line-height: var(--line-height-detail)
}

.trade-in-section .trade-in-section__disable-text {
    -webkit-margin-before: 16px;
    color: #8c8c8c;
    font-weight: 400;
    font-size: var(--font-size-small);
    margin-top: 16px;
    line-height: 1.25
}

@media screen and (max-width:720px) {
    .trade-in-section .trade-in-section__disable-text {
        font-size: 12px;
        font-size: calc(12*var(--m-scale, 1)*1px)
    }
}

.trade-in-section .trade-in-section__popover {
    display: inline-flex
}

.trade-in-section .trade-in-section__popover .trade-in-section__popover-content {
    color: #898989;
    width: 400px;
    font-size: 12px;
    font-weight: 500
}

.trade-in-section .trade-in-section__popover .trade-in-section__popover-content a {
    color: #FF47C7
}

.trade-in-section .exchange-desc__icon {
    color: #a3a3a3
}

@media screen and (max-width:720px) {
    .trade-in-section .exchange-desc__icon {
        -webkit-margin-start: 6px;
        font-size: 14px
    }

    .trade-in-section .exchange-desc__icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 6px
    }

    .trade-in-section .exchange-desc__icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 6px
    }

    .trade-in-section .exchange-desc__icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 6px
    }

    .trade-in-section .exchange-desc__icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 6px
    }

    .trade-in-section .exchange-desc__icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 6px
    }

    .trade-in-section .exchange-desc__icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in-section .exchange-desc__icon {
        -webkit-margin-start: 8px;
        font-size: 16px
    }

    .trade-in-section .exchange-desc__icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .trade-in-section .exchange-desc__icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .trade-in-section .exchange-desc__icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .trade-in-section .exchange-desc__icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .trade-in-section .exchange-desc__icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .trade-in-section .exchange-desc__icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in-section .exchange-desc__icon {
        -webkit-margin-start: 8px;
        font-size: 16px
    }

    .trade-in-section .exchange-desc__icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .trade-in-section .exchange-desc__icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .trade-in-section .exchange-desc__icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .trade-in-section .exchange-desc__icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .trade-in-section .exchange-desc__icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .trade-in-section .exchange-desc__icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in-section .exchange-desc__icon {
        -webkit-margin-start: 8px;
        font-size: 16px
    }

    .trade-in-section .exchange-desc__icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .trade-in-section .exchange-desc__icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .trade-in-section .exchange-desc__icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .trade-in-section .exchange-desc__icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .trade-in-section .exchange-desc__icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .trade-in-section .exchange-desc__icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }
}

@media screen and (min-width:1921px) {
    .trade-in-section .exchange-desc__icon {
        -webkit-margin-start: 8px;
        font-size: 16px
    }

    .trade-in-section .exchange-desc__icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .trade-in-section .exchange-desc__icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .trade-in-section .exchange-desc__icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .trade-in-section .exchange-desc__icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .trade-in-section .exchange-desc__icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .trade-in-section .exchange-desc__icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }
}

.trade-in-section .trade-in__exchange-tip .mi-tip-box__content {
    position: absolute
}

.trade-in__modal {
    --action-margin-top: 40px;
    --action-gap: 16px;
    --action-padding-vertical: 8px;
    --action-padding-horizontal: 16px;
    --action-border-radius: 12px
}

.trade-in__modal .modal__actions {
    grid-column-gap: var(--action-gap);
    -moz-column-gap: var(--action-gap);
    column-gap: var(--action-gap);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid
}

.trade-in__modal .modal__actions.modal__actions--single {
    grid-template-columns: 1fr
}

.trade-in__modal .modal__button {
    padding: var(--action-padding-vertical)var(--action-padding-horizontal);
    color: #191919;
    border-radius: var(--action-border-radius);
    background-color: #fff;
    border: 1px solid #191919;
    transform: translateZ(0)
}

.trade-in__modal .modal__button.modal__button--pronounced {
    color: #fff;
    background-color: #191919;
    background-clip: padding-box;
    border: none
}

.trade-in__modal .modal__button.modal__button--pronounced:hover:not(:disabled) {
    color: #fff;
    background-color: #444
}

.trade-in__modal .modal__button.modal__button--pronounced:active:not(:disabled) {
    color: #fff;
    background-color: #000
}

.trade-in__modal .modal__button:hover:not(:disabled) {
    color: #666;
    border-color: #666
}

.trade-in__modal .modal__button:active:not(:disabled) {
    color: #000;
    border-color: #000
}

.trade-in__modal .modal__button:disabled {
    background-color: #d0d0d0
}

.trade-in__modal {
    --question-content-gap: 12px;
    --option-gap: 24px;
    --option-content-margin-left: 8px
}

@media screen and (max-width:720px) {
    .trade-in__modal {
        --font-size-large: 14px;
        --font-size-medium: 12px;
        --font-size-small: 10px;
        --modal-select-padding: 0 20px;
        --item-border-radius: 6px;
        --option-item-margin-top: 14px;
        --common-gap: 12px;
        --option-margin-top: 14px;
        --form-margin-bottom: 16px;
        --footer-padding: 25px 16px;
        --list-padding-left: 20px;
        --quest-form-padding: 0 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in__modal {
        --font-size-large: 14px;
        --font-size-medium: 12px;
        --font-size-small: 12px;
        --modal-select-padding: 0 36px;
        --item-border-radius: 14px;
        --option-item-margin-top: 22px;
        --common-gap: 16px;
        --option-margin-top: 16px;
        --form-margin-bottom: 20px;
        --footer-padding: 40px 36px;
        --list-padding-left: 40px;
        --quest-form-padding: 0 40px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in__modal {
        --font-size-large: 14px;
        --font-size-medium: 12px;
        --font-size-small: 12px;
        --modal-select-padding: 0 36px;
        --item-border-radius: 14px;
        --option-item-margin-top: 22px;
        --common-gap: 16px;
        --option-margin-top: 16px;
        --form-margin-bottom: 20px;
        --footer-padding: 40px 36px;
        --list-padding-left: 40px;
        --quest-form-padding: 0 40px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in__modal {
        --font-size-large: 16px;
        --font-size-medium: 14px;
        --font-size-small: 12px;
        --modal-select-padding: 0 36px;
        --item-border-radius: 14px;
        --option-item-margin-top: 22px;
        --common-gap: 16px;
        --option-margin-top: 16px;
        --form-margin-bottom: 20px;
        --footer-padding: 40px 36px;
        --list-padding-left: 40px;
        --quest-form-padding: 0 40px
    }
}

@media screen and (min-width:1921px) {
    .trade-in__modal {
        --font-size-large: 16px;
        --font-size-medium: 14px;
        --font-size-small: 12px;
        --modal-select-padding: 0 36px;
        --item-border-radius: 14px;
        --option-item-margin-top: 22px;
        --common-gap: 16px;
        --option-margin-top: 16px;
        --form-margin-bottom: 20px;
        --footer-padding: 40px 36px;
        --list-padding-left: 40px;
        --quest-form-padding: 0 40px
    }
}

.trade-in__modal .modal__question-form {
    margin-bottom: var(--form-margin-bottom);
    padding: var(--modal-select-padding)
}

.trade-in__modal .mi-modal__main {
    margin: 0;
    padding: 0
}

.trade-in__modal .modal__question-form,
.trade-in__modal .modal__group {
    grid-row-gap: var(--common-gap);
    row-gap: var(--common-gap);
    grid-template-columns: 1fr;
    display: grid
}

.trade-in__modal .modal__question-form .modal__input {
    --input-margin-top: 0
}

.trade-in__modal .question__item {
    border-radius: var(--item-border-radius);
    border: 1px solid #dbdbdb
}

.trade-in__modal .question__item.question__item--grid {
    grid-row-gap: var(--question-content-gap);
    row-gap: var(--question-content-gap);
    border: none;
    border-radius: 0;
    grid-template-columns: 1fr;
    padding: 0;
    display: grid
}

.trade-in__modal .question__main {
    padding: var(--common-gap)
}

.trade-in__modal .question__label {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.trade-in__modal .question__header {
    color: #191919;
    justify-content: space-between;
    align-items: flex-start;
    display: flex
}

.trade-in__modal .question__name {
    margin: 0;
    font-weight: 400;
    line-height: 1.5
}

.trade-in__modal .question__tip {
    cursor: pointer;
    line-height: 1
}

.trade-in__modal .tip__icon {
    font-size: var(--modal-font-size-large)
}

.trade-in__modal .question__option-group {
    margin-top: var(--option-margin-top);
    align-items: center;
    display: flex
}

.trade-in__modal .question__option-group-more {
    flex-direction: column;
    align-items: flex-start
}

.trade-in__modal .question__option-group-more .question__option {
    margin-bottom: var(--option-item-margin-top);
    -webkit-margin-start: 0
}

.trade-in__modal .question__option-group-more .question__option:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 0
}

.trade-in__modal .question__option-group-more .question__option:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 0
}

.trade-in__modal .question__option-group-more .question__option:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 0
}

.trade-in__modal .question__option-group-more .question__option:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 0
}

.trade-in__modal .question__option-group-more .question__option:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 0
}

.trade-in__modal .question__option-group-more .question__option:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 0
}

.trade-in__modal .question__option-group-more .question__option:last-child {
    margin-bottom: 0
}

.trade-in__modal .question__option {
    -webkit-margin-start: var(--option-gap);
    font-size: var(--modal-font-size-small)
}

.trade-in__modal .question__option:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--option-gap)
}

.trade-in__modal .question__option:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--option-gap)
}

.trade-in__modal .question__option:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--option-gap)
}

.trade-in__modal .question__option:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--option-gap)
}

.trade-in__modal .question__option:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--option-gap)
}

.trade-in__modal .question__option:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--option-gap)
}

.trade-in__modal .question__option:first-child {
    -webkit-margin-start: 0
}

.trade-in__modal .question__option:first-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 0
}

.trade-in__modal .question__option:first-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 0
}

.trade-in__modal .question__option:first-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 0
}

.trade-in__modal .question__option:first-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 0
}

.trade-in__modal .question__option:first-child:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 0
}

.trade-in__modal .question__option:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 0
}

.trade-in__modal .modal__input-controller {
    display: none
}

.trade-in__modal .option__label {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    cursor: pointer;
    align-items: center;
    width: fit-content;
    display: flex
}

.trade-in__modal .option__label.option__label--highlight,
.trade-in__modal .option__label.option__label--highlight .option__icon {
    color: #FF47C7
}

.trade-in__modal .option__icon {
    color: #191919;
    font-size: var(--modal-font-size-middle);
    line-height: 1
}

.trade-in__modal .option__content {
    -webkit-margin-start: var(--option-content-margin-left)
}

.trade-in__modal .option__content:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--option-content-margin-left)
}

.trade-in__modal .option__content:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--option-content-margin-left)
}

.trade-in__modal .option__content:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--option-content-margin-left)
}

.trade-in__modal .option__content:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--option-content-margin-left)
}

.trade-in__modal .option__content:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--option-content-margin-left)
}

.trade-in__modal .option__content:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--option-content-margin-left)
}

.trade-in__modal .option__content.option__content--dark {
    color: #191919
}

.trade-in__modal input[type=radio].modal__input-controller:checked+.option__label * {
    color: #FF47C7
}

.trade-in__modal input[type=checkbox].modal__input-controller:checked+.question__name .option__icon {
    color: #FF47C7
}

.trade-in__modal input[type=checkbox].modal__input-controller:checked+.option__label--checkbox-new * {
    color: #FF47C7
}

.trade-in__modal .option__icon-new {
    color: #191919 !important
}

.trade-in__modal .option__content-unchecked {
    color: #474747 !important
}

.trade-in__modal .option__content-checked {
    color: #FF47C7 !important
}

.trade-in__modal .desc__content {
    display: none
}

.trade-in__modal .desc__content span {
    color: #191919 !important;
    font-size: 12px !important
}

.trade-in__modal .desc__content li span {
    color: #898989 !important
}

.trade-in__modal .modal__input-controller:checked+.desc__content {
    padding: var(--common-gap);
    border-top: 1px solid #dbdbdb;
    display: block
}

.trade-in__modal .modal__input-controller:checked+#grading-device-id {
    display: none
}

.trade-in__modal .desc__text p {
    margin: 16px 0
}

.trade-in__modal .desc__text p:first-child {
    margin-top: 0
}

.trade-in__modal .desc__text p:last-child {
    margin-bottom: 0
}

.trade-in__modal .desc__text strong {
    color: #191919;
    font-weight: 400
}

.trade-in__modal .desc__text ul {
    -webkit-padding-start: var(--list-padding-left);
    color: #898989;
    font-size: var(--modal-font-size-small)
}

.trade-in__modal .desc__text ul:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: var(--list-padding-left)
}

.trade-in__modal .desc__text ul:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: var(--list-padding-left)
}

.trade-in__modal .desc__text ul:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: var(--list-padding-left)
}

.trade-in__modal .desc__text ul:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: var(--list-padding-left)
}

.trade-in__modal .desc__text ul:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: var(--list-padding-left)
}

.trade-in__modal .desc__text ul:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: var(--list-padding-left)
}

.trade-in__modal .desc__text li {
    list-style: initial
}

.trade-in__modal .desc__image-grid {
    grid-gap: var(--image-grid-gap);
    gap: var(--image-grid-gap);
    margin-top: var(--common-gap);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    display: grid
}

.trade-in__modal .desc__image-item {
    display: grid
}

.trade-in__modal .desc__image-item:before {
    content: "";
    padding-bottom: 100%
}

.trade-in__modal .desc__image-item:before,
.trade-in__modal .desc__image-link {
    grid-area: 1/1/2/2
}

.trade-in__modal .desc__image {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%
}

.trade-in__modal .trade-in__form-footer {
    padding: var(--footer-padding);
    background-color: #fff;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    box-shadow: 0 6px 16px rgba(25, 25, 25, .15)
}

.trade-in__modal .modal__question-form-new-vendor {
    padding: var(--quest-form-padding)
}

@media screen and (max-width:720px) {
    .trade-in__modal .question__item-new-vendor {
        --quest-main-pddding: 16px 12px;
        --option-group-margin-top: 16px;
        --option-font-size: 16px;
        --tip-font-size: 16px;
        --option-group-gap: 18px;
        --quest-name-font-size: 13px;
        --option-icon-size: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in__modal .question__item-new-vendor {
        --quest-main-pddding: 20px 16px;
        --quest-name-margin: 8px;
        --option-group-margin-top: 20px;
        --option-font-size: 18px;
        --tip-font-size: 24px;
        --option-group-gap: 22px;
        --option-icon-size: 18px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in__modal .question__item-new-vendor {
        --quest-main-pddding: 20px 16px;
        --quest-name-margin: 8px;
        --option-group-margin-top: 20px;
        --option-font-size: 18px;
        --tip-font-size: 24px;
        --option-group-gap: 22px;
        --option-icon-size: 18px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in__modal .question__item-new-vendor {
        --quest-main-pddding: 20px 16px;
        --quest-name-margin: 8px;
        --option-group-margin-top: 20px;
        --option-font-size: 18px;
        --tip-font-size: 24px;
        --option-group-gap: 22px;
        --option-icon-size: 18px
    }
}

@media screen and (min-width:1921px) {
    .trade-in__modal .question__item-new-vendor {
        --quest-main-pddding: 20px 16px;
        --quest-name-margin: 8px;
        --option-group-margin-top: 20px;
        --option-font-size: 18px;
        --tip-font-size: 24px;
        --option-group-gap: 22px;
        --option-icon-size: 18px
    }
}

.trade-in__modal .question__item-new-vendor .question__main {
    padding: var(--quest-main-pddding)
}

.trade-in__modal .question__item-new-vendor .question__main .question__header {
    display: block
}

.trade-in__modal .question__item-new-vendor .question__main .question__name {
    font-size: var(--quest-name-font-size);
    display: inline
}

.trade-in__modal .question__item-new-vendor .question__main .option__icon {
    font-size: var(--option-icon-size)
}

.trade-in__modal .question__item-new-vendor .question__main .question__tip {
    -webkit-padding-start: 8px;
    position: relative
}

.trade-in__modal .question__item-new-vendor .question__main .question__tip:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 8px
}

.trade-in__modal .question__item-new-vendor .question__main .question__tip:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 8px
}

.trade-in__modal .question__item-new-vendor .question__main .question__tip:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 8px
}

.trade-in__modal .question__item-new-vendor .question__main .question__tip:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 8px
}

.trade-in__modal .question__item-new-vendor .question__main .question__tip:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 8px
}

.trade-in__modal .question__item-new-vendor .question__main .question__tip:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 8px
}

.trade-in__modal .question__item-new-vendor .question__main .question__tip .tip__icon {
    color: #d0d0d0;
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    transform: translateY(-50%)
}

[dir=rtl] .trade-in__modal .question__item-new-vendor .question__main .question__tip .tip__icon {
    left: auto
}

[dir=rtl] .trade-in__modal .question__item-new-vendor .question__main .question__tip .tip__icon {
    right: 50%
}

.trade-in__modal .question__item-new-vendor .question__main .tip__icon {
    font-size: var(--tip-font-size)
}

.trade-in__modal .question__item-new-vendor .question__main .question__option-group {
    gap: var(--option-group-gap);
    margin-top: var(--option-group-margin-top);
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.trade-in__modal .question__item-new-vendor .question__main .question__option {
    -webkit-margin-start: 0
}

.trade-in__modal .question__item-new-vendor .question__main .question__option:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 0
}

.trade-in__modal .question__item-new-vendor .question__main .question__option:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 0
}

.trade-in__modal .question__item-new-vendor .question__main .question__option:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 0
}

.trade-in__modal .question__item-new-vendor .question__main .question__option:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 0
}

.trade-in__modal .question__item-new-vendor .question__main .question__option:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 0
}

.trade-in__modal .question__item-new-vendor .question__main .question__option:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 0
}

.trade-in__modal .question__item-new-vendor .question__main input[type=radio].modal__input-controller:checked+.option__label * {
    color: #191919
}

.trade-in__modal .question__item-new-vendor .question__main input[type=radio].modal__input-controller:checked+.option__label * .option__content {
    color: #FF47C7
}

.trade-in__modal .question__item-new-vendor .question__main input[type=radio].modal__input-controller:checked+.option__label .option__content {
    color: #FF47C7
}

@media screen and (max-width:720px) {
    .trade-in__modal .question__option-group {
        grid-gap: 16px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        display: grid
    }

    .trade-in__modal .question__option-group .question__option {
        -webkit-margin-start: initial
    }

    .trade-in__modal .question__option-group .question__option:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: initial
    }

    .trade-in__modal .question__option-group .question__option:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: initial
    }

    .trade-in__modal .question__option-group .question__option:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: initial
    }

    .trade-in__modal .question__option-group .question__option:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: initial
    }

    .trade-in__modal .question__option-group .question__option:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: initial
    }

    .trade-in__modal .question__option-group .question__option:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: initial
    }

    .trade-in__modal .question__option-group-more {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        display: flex
    }

    .trade-in__modal .question__option-group-more .question__option {
        margin-bottom: var(--option-item-margin-top);
        -webkit-margin-start: 0
    }

    .trade-in__modal .question__option-group-more .question__option:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 0
    }

    .trade-in__modal .question__option-group-more .question__option:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 0
    }

    .trade-in__modal .question__option-group-more .question__option:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 0
    }

    .trade-in__modal .question__option-group-more .question__option:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 0
    }

    .trade-in__modal .question__option-group-more .question__option:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 0
    }

    .trade-in__modal .question__option-group-more .question__option:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 0
    }

    .trade-in__modal .question__option-group-more .question__option:last-child {
        margin-bottom: 0
    }

    .trade-in__modal .option__label.option__label--radio {
        box-sizing: border-box;
        border: 1px solid #dbdbdb;
        border-radius: 6px;
        align-items: center;
        width: 100%;
        min-height: 30px;
        padding: 0 10px;
        display: flex
    }

    .trade-in__modal .option__label.no-border {
        border: none;
        padding: 0
    }

    .trade-in__modal input[type=radio].modal__input-controller:checked+.option__label--radio {
        border-color: #FF47C7
    }

    .trade-in__modal .desc__image-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .trade-in__modal .modal__question-form-new-vendor .option__label.option__label--radio {
        border: none;
        min-height: 16px;
        padding: 0;
        line-height: 16px
    }

    .trade-in__modal {
        --modal-font-size-small: 12px;
        --result-header-margin-vertical: 11px;
        --result-info-gap: 12px;
        --result-info-gap-small: 6px;
        --result-info-border-radius: 5px;
        --result-image-size: 90px;
        --header-font-size: 21px;
        --form-margin-bottom: 16px;
        --modal-select-padding: 0 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in__modal {
        --modal-font-size-small: 14px;
        --result-header-margin-vertical: 24px;
        --result-info-gap: 16px;
        --result-info-gap-small: 8px;
        --result-info-border-radius: 14px;
        --result-image-size: 120px;
        --header-font-size: 30px;
        --modal-actions-padding: 24px 40px;
        --form-margin-bottom: 20px;
        --modal-select-padding: 0 36px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in__modal {
        --modal-font-size-small: 14px;
        --result-header-margin-vertical: 24px;
        --result-info-gap: 16px;
        --result-info-gap-small: 8px;
        --result-info-border-radius: 14px;
        --result-image-size: 120px;
        --header-font-size: 30px;
        --modal-actions-padding: 24px 40px;
        --form-margin-bottom: 20px;
        --modal-select-padding: 0 36px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in__modal {
        --modal-font-size-small: 14px;
        --result-header-margin-vertical: 24px;
        --result-info-gap: 16px;
        --result-info-gap-small: 8px;
        --result-info-border-radius: 14px;
        --result-image-size: 120px;
        --header-font-size: 30px;
        --modal-actions-padding: 24px 40px;
        --form-margin-bottom: 20px;
        --modal-select-padding: 0 36px
    }
}

@media screen and (min-width:1921px) {
    .trade-in__modal {
        --modal-font-size-small: 14px;
        --result-header-margin-vertical: 24px;
        --result-info-gap: 16px;
        --result-info-gap-small: 8px;
        --result-info-border-radius: 14px;
        --result-image-size: 120px;
        --header-font-size: 30px;
        --modal-actions-padding: 24px 40px;
        --form-margin-bottom: 20px;
        --modal-select-padding: 0 36px
    }
}

.trade-in__modal .result__prompt {
    -webkit-margin-after: 6px;
    color: #191919;
    margin-bottom: 6px
}

.trade-in__modal .trade-in__result--non-eligible .result__header {
    margin-bottom: var(--result-header-margin-vertical)
}

.trade-in__modal .trade-in__result--non-eligible p {
    margin: 1em 0
}

.trade-in__modal .result__header {
    color: #FF47C7;
    font-weight: 700;
    font-size: var(--header-font-size);
    margin: 0
}

.trade-in__modal .result__header.result__header--price {
    -webkit-padding-after: 4px;
    background: #fff;
    padding-bottom: 4px;
    position: -webkit-sticky;
    position: sticky;
    top: -1px
}

.trade-in__modal button {
    color: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0
}

.trade-in__modal .trade-in__result {
    margin: 0 var(--modal-padding-horizontal)
}

.trade-in__modal .result__header-hk {
    font-size: 24px
}

.trade-in__modal .result__tip {
    -webkit-margin-start: var(--result-info-gap-small)
}

.trade-in__modal .result__tip:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--result-info-gap-small)
}

.trade-in__modal .result__tip:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--result-info-gap-small)
}

.trade-in__modal .result__tip:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--result-info-gap-small)
}

.trade-in__modal .result__tip:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--result-info-gap-small)
}

.trade-in__modal .result__tip:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--result-info-gap-small)
}

.trade-in__modal .result__tip:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--result-info-gap-small)
}

.trade-in__modal .result__tip .tip__icon {
    color: #d0d0d0;
    font-size: 16px;
    font-weight: 400
}

.trade-in__modal .result__device-info {
    -webkit-margin-before: 6px;
    padding: var(--result-info-gap);
    border-radius: var(--result-info-border-radius);
    border: 1px solid #dbdbdb;
    align-items: center;
    margin-top: 6px;
    display: flex
}

.trade-in__modal .device-info__image {
    width: var(--result-image-size);
    height: var(--result-image-size);
    -webkit-margin-end: var(--result-info-gap);
    object-fit: contain;
    object-position: center;
    flex-shrink: 0
}

.trade-in__modal .device-info__image:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--result-info-gap)
}

.trade-in__modal .device-info__image:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--result-info-gap)
}

.trade-in__modal .device-info__image:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--result-info-gap)
}

.trade-in__modal .device-info__image:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--result-info-gap)
}

.trade-in__modal .device-info__image:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--result-info-gap)
}

.trade-in__modal .device-info__image:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--result-info-gap)
}

.trade-in__modal .device-info__list {
    color: #191919;
    font-size: var(--modal-font-size-middle);
    grid-row-gap: var(--result-info-gap);
    row-gap: var(--result-info-gap);
    grid-template-columns: 1fr;
    line-height: 1.2;
    display: grid
}

.trade-in__modal .result__instruction p {
    color: #898989;
    margin: 1em 0
}

.trade-in__modal .result__term {
    padding: 14px var(--modal-padding-horizontal)0
}

.trade-in__modal .result__term .micon {
    -webkit-margin-end: 10px;
    color: #191919;
    font-size: var(--modal-font-size-large);
    line-height: 1
}

.trade-in__modal .result__term .micon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 10px
}

.trade-in__modal .result__term .micon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 10px
}

.trade-in__modal .result__term .micon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 10px
}

.trade-in__modal .result__term .micon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 10px
}

.trade-in__modal .result__term .micon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 10px
}

.trade-in__modal .result__term .micon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 10px
}

.trade-in__modal .result__term .string__link--highlight {
    color: #FF47C7;
    font-size: var(--modal-font-size);
    text-decoration: underline
}

.trade-in__modal .modal__footer.trade-in__result-footer {
    background-color: #fff;
    flex-direction: column;
    padding: 0;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    box-shadow: 0 6px 16px rgba(25, 25, 25, .15)
}

.trade-in__modal .modal__footer.trade-in__result-footer .result__desc a {
    color: #FF47C7;
    font-size: var(--modal-font-size-small)
}

.trade-in__modal .modal__footer.trade-in__result-footer .modal__actions {
    padding: var(--modal-bottom-padding-vertical)var(--modal-padding-horizontal)
}

.trade-in__modal .trade-in-info strong,
.trade-in__modal .trade-in-info a {
    color: #FF47C7;
    font-size: var(--modal-font-size-small)
}

.trade-in__modal .trade-in-info {
    white-space: pre-line
}

.trade-in__modal .result__radio-box {
    flex-direction: column;
    margin-bottom: 32px;
    display: flex
}

.trade-in__modal .result__radio-box .tradeIn__option {
    margin-top: 12px;
    display: flex
}

.trade-in__modal .result__radio-box .tradeIn__option:first-child {
    margin-top: 20px
}

.trade-in__modal .result__radio-box .tradeIn__option-input {
    display: none
}

.trade-in__modal .result__radio-box .tradeIn__option-label {
    cursor: pointer;
    align-items: center;
    display: flex
}

.trade-in__modal .result__radio-box .tradeIn__option-label .option__icon {
    -webkit-margin-end: 6px;
    color: #191919;
    font-size: 22px
}

.trade-in__modal .result__radio-box .tradeIn__option-label .option__icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 6px
}

.trade-in__modal .result__radio-box .tradeIn__option-label .option__icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 6px
}

.trade-in__modal .result__radio-box .tradeIn__option-label .option__icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 6px
}

.trade-in__modal .result__radio-box .tradeIn__option-label .option__icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 6px
}

.trade-in__modal .result__radio-box .tradeIn__option-label .option__icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 6px
}

.trade-in__modal .result__radio-box .tradeIn__option-label .option__icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 6px
}

.trade-in__modal .result__radio-box .tradeIn__option-value {
    -webkit-margin-end: 12px;
    color: #FF47C7;
    white-space: nowrap;
    font-size: 22px;
    font-weight: 700
}

.trade-in__modal .result__radio-box .tradeIn__option-value:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.trade-in__modal .result__radio-box .tradeIn__option-value:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.trade-in__modal .result__radio-box .tradeIn__option-value:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.trade-in__modal .result__radio-box .tradeIn__option-value:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.trade-in__modal .result__radio-box .tradeIn__option-value:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.trade-in__modal .result__radio-box .tradeIn__option-value:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.trade-in__modal .result__radio-box .tradeIn__option-text {
    color: #898989;
    font-size: 22px;
    font-weight: 400
}

.trade-in__modal .result__radio-box .tradeIn__option-active {
    color: #191919
}

@media screen and (max-width:720px) {
    .trade-in__modal .trade-in__result-new {
        --modal-font-size-small: 12px;
        --header-font-size: 16px;
        --info-image-size: 92px;
        --info-row-gap: 11px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in__modal .trade-in__result-new {
        --modal-font-size-small: 14px;
        --result-header-margin-vertical: 16px 0 24px 0;
        --header-font-size: 24px;
        --info-image-size: 114px;
        --info-font-size: 18px;
        --info-row-gap: 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in__modal .trade-in__result-new {
        --modal-font-size-small: 14px;
        --result-header-margin-vertical: 16px 0 24px 0;
        --header-font-size: 24px;
        --info-image-size: 114px;
        --info-font-size: 18px;
        --info-row-gap: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in__modal .trade-in__result-new {
        --modal-font-size-small: 14px;
        --result-header-margin-vertical: 16px 0 24px 0;
        --header-font-size: 24px;
        --info-image-size: 114px;
        --info-font-size: 18px;
        --info-row-gap: 20px
    }
}

@media screen and (min-width:1921px) {
    .trade-in__modal .trade-in__result-new {
        --modal-font-size-small: 14px;
        --result-header-margin-vertical: 16px 0 24px 0;
        --header-font-size: 24px;
        --info-image-size: 114px;
        --info-font-size: 18px;
        --info-row-gap: 20px
    }
}

.trade-in__modal .trade-in__result-new .result__prompt {
    font-size: var(--modal-font-size-small)
}

.trade-in__modal .trade-in__result-new .result__radio-box {
    margin-bottom: 24px
}

.trade-in__modal .trade-in__result-new .result__radio-box .tradeIn__option:first-child {
    margin-top: 16px
}

.trade-in__modal .trade-in__result-new .result__radio-box .tradeIn__option-text {
    font-size: 20px
}

.trade-in__modal .trade-in__result-new .result__header.result__header--price {
    padding: var(--result-header-margin-vertical);
    font-size: var(--header-font-size)
}

@media screen and (max-width:720px) {
    .trade-in__modal .trade-in__result-new .result__header.result__header--price {
        line-height: 21px
    }
}

.trade-in__modal .trade-in__result-new .result__device-info .device-info__image {
    width: var(--info-image-size);
    height: var(--info-image-size)
}

.trade-in__modal .trade-in__result-new .result__device-info .device-info__list {
    row-gap: var(--info-row-gap)
}

.trade-in__modal .trade-in__result-new .result__device-info .device-info__item {
    font-size: var(--info-font-size)
}

.trade-in__modal .trade-in__result-new .result__desc {
    font-size: var(--modal-font-size-small)
}

.trade-in__modal .grading-form__error {
    margin-bottom: var(--form-margin-bottom);
    padding: var(--modal-select-padding)
}

@media screen and (max-width:720px) {
    .trade-in__modal .result__header {
        font-size: 26px
    }

    .trade-in__modal .result__radio-box {
        flex-direction: column;
        margin-bottom: 24px;
        display: flex
    }

    .trade-in__modal .result__radio-box .tradeIn__option {
        box-sizing: border-box;
        border: 1px solid #dbdbdb;
        border-radius: 5px;
        margin-top: 12px;
        padding: 12px 10px 10px;
        display: flex
    }

    .trade-in__modal .result__radio-box .tradeIn__out-active {
        border-color: #FF47C7
    }

    .trade-in__modal .result__radio-box .tradeIn__option:first-child {
        margin-top: 10px
    }

    .trade-in__modal .result__radio-box .tradeIn__option-input {
        display: none
    }

    .trade-in__modal .result__radio-box .tradeIn__option-label {
        cursor: pointer;
        align-items: center;
        display: flex
    }

    .trade-in__modal .result__radio-box .tradeIn__option-label .option__icon {
        -webkit-margin-end: 6px;
        color: #191919;
        font-size: 22px
    }

    .trade-in__modal .result__radio-box .tradeIn__option-label .option__icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .trade-in__modal .result__radio-box .tradeIn__option-label .option__icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .trade-in__modal .result__radio-box .tradeIn__option-label .option__icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .trade-in__modal .result__radio-box .tradeIn__option-label .option__icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .trade-in__modal .result__radio-box .tradeIn__option-label .option__icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .trade-in__modal .result__radio-box .tradeIn__option-label .option__icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .trade-in__modal .result__radio-box .tradeIn__option-value {
        -webkit-margin-end: 12px;
        color: #FF47C7;
        white-space: nowrap;
        font-size: 14px;
        font-weight: 700
    }

    .trade-in__modal .result__radio-box .tradeIn__option-value:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 12px
    }

    .trade-in__modal .result__radio-box .tradeIn__option-value:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 12px
    }

    .trade-in__modal .result__radio-box .tradeIn__option-value:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 12px
    }

    .trade-in__modal .result__radio-box .tradeIn__option-value:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 12px
    }

    .trade-in__modal .result__radio-box .tradeIn__option-value:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 12px
    }

    .trade-in__modal .result__radio-box .tradeIn__option-value:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 12px
    }

    .trade-in__modal .result__radio-box .tradeIn__option-text {
        color: #898989;
        font-size: 14px;
        font-weight: 400
    }

    .trade-in__modal .result__radio-box .tradeIn__option-active {
        color: #191919
    }

    .trade-in__modal.trade-in__modal--new {
        --modal-actions-padding: 20px 21px;
        --footer-btn-font-size: 12px;
        --modal-footnote-icon-size: 21px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in__modal.trade-in__modal--new {
        --modal-actions-padding: 24px 40px;
        --footer-btn-font-size: 16px;
        --modal-footnote-icon-size: 28px;
        --modal-result-tip-font-size: 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in__modal.trade-in__modal--new {
        --modal-actions-padding: 24px 40px;
        --footer-btn-font-size: 16px;
        --modal-footnote-icon-size: 28px;
        --modal-result-tip-font-size: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in__modal.trade-in__modal--new {
        --modal-actions-padding: 24px 40px;
        --footer-btn-font-size: 16px;
        --modal-footnote-icon-size: 28px;
        --modal-result-tip-font-size: 20px
    }
}

@media screen and (min-width:1921px) {
    .trade-in__modal.trade-in__modal--new {
        --modal-actions-padding: 24px 40px;
        --footer-btn-font-size: 16px;
        --modal-footnote-icon-size: 28px;
        --modal-result-tip-font-size: 20px
    }
}

.trade-in__modal.trade-in__modal--new .modal__footer.trade-in__result-footer .modal__actions {
    padding: var(--modal-actions-padding)
}

.trade-in__modal.trade-in__modal--new .modal__footer.trade-in__result-footer .modal__actions .mi-btn {
    font-size: var(--footer-btn-font-size)
}

@media screen and (max-width:720px) {
    .trade-in__modal.trade-in__modal--new .modal__footer.trade-in__result-footer .trade-in-term-controller {
        align-items: flex-start;
        font-size: 12px
    }

    .trade-in__modal.trade-in__modal--new .modal__footer.trade-in__result-footer .result__term {
        padding: 14px 20px 0
    }
}

.trade-in__modal.trade-in__modal--new .modal__footer.trade-in__result-footer .modal__footnote .footnote__icon {
    font-size: var(--modal-footnote-icon-size)
}

.trade-in__modal.trade-in__modal--new .modal__footer.trade-in__result-footer .modal__footnote .result__tip .tip__icon {
    font-size: var(--modal-result-tip-font-size)
}

@media screen and (max-width:720px) {
    .trade-in__modal.trade-in__modal--new .modal__footnote {
        padding: 12px 20px 0
    }
}

.mi-modal-v4.mi-modal-v4--desktop .trade-in__modal,
.mi-modal-v4.mi-modal-v4--mobile .trade-in__modal {
    --step-display-padding: 20px;
    --step-border-radius: 8px;
    --list-gap: 24px;
    --list-item-gap: 16px
}

.mi-modal-v4.mi-modal-v4--desktop .trade-in__modal .step-display,
.mi-modal-v4.mi-modal-v4--mobile .trade-in__modal .step-display {
    margin: 0 var(--modal-padding-header);
    padding: var(--step-display-padding);
    border-radius: var(--step-border-radius);
    background-color: #f7f7f7
}

.mi-modal-v4.mi-modal-v4--desktop .trade-in__modal .step__list,
.mi-modal-v4.mi-modal-v4--mobile .trade-in__modal .step__list {
    grid-template-columns: repeat(var(--list-columns), minmax(0, 1fr));
    color: #191919;
    grid-column-gap: var(--list-gap);
    -moz-column-gap: var(--list-gap);
    column-gap: var(--list-gap);
    display: grid
}

.mi-modal-v4.mi-modal-v4--desktop .trade-in__modal .step__item,
.mi-modal-v4.mi-modal-v4--mobile .trade-in__modal .step__item {
    flex-direction: column;
    align-items: center;
    display: flex
}

.mi-modal-v4.mi-modal-v4--desktop .trade-in__modal .step__icon,
.mi-modal-v4.mi-modal-v4--mobile .trade-in__modal .step__icon {
    font-size: 42px;
    line-height: 1
}

.mi-modal-v4.mi-modal-v4--desktop .trade-in__modal .step__desc,
.mi-modal-v4.mi-modal-v4--mobile .trade-in__modal .step__desc {
    margin-top: var(--list-item-gap);
    font-size: var(--modal-font-size-tiny);
    text-align: center
}

.trade-in__modal {
    --dropdown-top: 8px;
    --list-columns: 3
}

@media screen and (max-width:720px) {
    .trade-in__modal {
        --font-size-large: 14px;
        --font-size-medium: 12px;
        --font-size-small: 10px;
        --modal-select-padding: 0 20px;
        --modal-bottom-padding-vertical: 25px;
        --step-display-padding: 19px;
        --step-border-radius: 8px;
        --list-item-gap: 8px;
        --modal-font-size-tiny: 11px;
        --modal-step-icon-size: 26px;
        --search-margin-top: 15px;
        --list-gap: 16px;
        --input-height: 32px;
        --input-padding-horizontal: 10px;
        --input-border-radius: 6px;
        --dropdown-padding-vertical: 7px;
        --dropdown-padding-horizontal: 6px;
        --dropdown-item-gap: 4px;
        --dropdown-item-padding: 6px;
        --dropdown-max-height: 50vh;
        --button-width: 272px;
        --button-height: 28px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in__modal {
        --font-size-large: 14px;
        --font-size-medium: 12px;
        --font-size-small: 12px;
        --modal-select-padding: 0 36px;
        --modal-bottom-padding-vertical: 40px;
        --step-display-padding: 20px;
        --step-border-radius: 6px;
        --list-item-gap: 16px;
        --modal-font-size-tiny: 12px;
        --modal-step-icon-size: 42px;
        --search-margin-top: 16px;
        --list-gap: 24px;
        --input-height: 40px;
        --input-padding-horizontal: 16px;
        --input-border-radius: 14px;
        --dropdown-padding-vertical: 12px;
        --dropdown-padding-horizontal: 10px;
        --dropdown-item-gap: 4px;
        --dropdown-item-padding: 8px;
        --dropdown-max-height: 180px;
        --button-width: 272px;
        --button-height: 40px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in__modal {
        --font-size-large: 14px;
        --font-size-medium: 12px;
        --font-size-small: 12px;
        --modal-select-padding: 0 36px;
        --modal-bottom-padding-vertical: 40px;
        --step-display-padding: 20px;
        --step-border-radius: 6px;
        --list-item-gap: 16px;
        --modal-font-size-tiny: 12px;
        --modal-step-icon-size: 42px;
        --search-margin-top: 16px;
        --list-gap: 24px;
        --input-height: 40px;
        --input-padding-horizontal: 16px;
        --input-border-radius: 14px;
        --dropdown-padding-vertical: 12px;
        --dropdown-padding-horizontal: 10px;
        --dropdown-item-gap: 4px;
        --dropdown-item-padding: 8px;
        --dropdown-max-height: 180px;
        --button-width: 272px;
        --button-height: 40px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in__modal {
        --font-size-large: 16px;
        --font-size-medium: 14px;
        --font-size-small: 12px;
        --modal-select-padding: 0 36px;
        --modal-bottom-padding-vertical: 40px;
        --step-display-padding: 20px;
        --step-border-radius: 6px;
        --list-item-gap: 16px;
        --modal-font-size-tiny: 12px;
        --modal-step-icon-size: 42px;
        --search-margin-top: 16px;
        --list-gap: 24px;
        --input-height: 40px;
        --input-padding-horizontal: 16px;
        --input-border-radius: 14px;
        --dropdown-padding-vertical: 12px;
        --dropdown-padding-horizontal: 10px;
        --dropdown-item-gap: 4px;
        --dropdown-item-padding: 8px;
        --dropdown-max-height: 180px;
        --button-width: 272px;
        --button-height: 40px
    }
}

@media screen and (min-width:1921px) {
    .trade-in__modal {
        --font-size-large: 16px;
        --font-size-medium: 14px;
        --font-size-small: 12px;
        --modal-select-padding: 0 36px;
        --modal-bottom-padding-vertical: 40px;
        --step-display-padding: 20px;
        --step-border-radius: 6px;
        --list-item-gap: 16px;
        --modal-font-size-tiny: 12px;
        --modal-step-icon-size: 42px;
        --search-margin-top: 16px;
        --list-gap: 24px;
        --input-height: 40px;
        --input-padding-horizontal: 16px;
        --input-border-radius: 14px;
        --dropdown-padding-vertical: 12px;
        --dropdown-padding-horizontal: 10px;
        --dropdown-item-gap: 4px;
        --dropdown-item-padding: 8px;
        --dropdown-max-height: 180px;
        --button-width: 272px;
        --button-height: 40px
    }
}

.trade-in__modal .modal__select-model {
    padding: var(--modal-select-padding)
}

.trade-in__modal .step-display {
    padding: var(--step-display-padding);
    border-radius: var(--step-border-radius);
    background-color: #f7f7f7
}

.trade-in__modal .step__list {
    grid-column-gap: var(--list-gap);
    grid-template-columns: repeat(var(--list-columns), minmax(0, 1fr));
    color: #191919;
    -moz-column-gap: var(--list-gap);
    column-gap: var(--list-gap);
    display: grid
}

.trade-in__modal .step__item {
    flex-direction: column;
    align-items: center;
    display: flex
}

.trade-in__modal .step__icon {
    font-size: var(--modal-step-icon-size);
    line-height: 1
}

.trade-in__modal .step__desc {
    margin-top: var(--list-item-gap);
    font-size: var(--modal-font-size-tiny);
    text-align: center
}

.trade-in__modal .modal__form {
    margin: var(--modal-bottom-padding-vertical)0;
    flex-direction: column;
    align-items: center;
    display: flex
}

.trade-in__modal .modal__form-new {
    margin: var(--modal-padding-header)0;
    align-items: flex-start
}

.trade-in__modal .modal__label {
    color: #191919
}

.trade-in__modal .modal__label-newVendor {
    width: 100%
}

.trade-in__modal .modal__label-newVendor:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.trade-in__modal .modal__label-newVendor:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.trade-in__modal .modal__label-newVendor:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.trade-in__modal .modal__label-newVendor:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.trade-in__modal .modal__label-newVendor:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.trade-in__modal .modal__label-newVendor:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.trade-in__modal .modal__label-new {
    margin-top: var(--modal-padding-header);
    font-size: var(--modal-font-size-small)
}

.trade-in__modal .modal__label-new:first-child {
    margin-top: 0
}

.trade-in__modal .modal__search {
    margin-top: var(--search-margin-top);
    flex-direction: column;
    align-self: stretch;
    display: flex;
    position: relative
}

.trade-in__modal .modal__input {
    box-sizing: border-box;
    min-height: var(--input-height);
    padding: 0 var(--input-padding-horizontal);
    border-radius: var(--input-border-radius);
    border: 1px solid #dbdbdb;
    outline: none;
    align-self: stretch
}

.trade-in__modal .modal__input:hover {
    border-color: #898989
}

.trade-in__modal .modal__input:focus {
    border-color: #FF47C7
}

.trade-in__modal .modal__input::placeholder {
    color: #d0d0d0
}

.trade-in__modal .modal__input::placeholder {
    color: #d0d0d0
}

.trade-in__modal .modal__input::placeholder {
    color: #d0d0d0
}

.trade-in__modal .modal__input:-moz-placeholder {
    text-overflow: ellipsis
}

.trade-in__modal .modal__input:placeholder-shown {
    text-overflow: ellipsis
}

.trade-in__modal .modal__search-info {
    color: #191919;
    border-radius: var(--action-border-radius);
    justify-content: space-between;
    align-items: center;
    display: flex
}

.trade-in__modal .modal__input-placeholder {
    color: #d1d1d1
}

.trade-in__modal .modal__dropdown {
    top: calc(100% + var(--dropdown-top));
    z-index: 2;
    width: 94%;
    max-height: var(--dropdown-max-height);
    padding: var(--dropdown-padding-vertical)var(--dropdown-padding-horizontal);
    border-radius: var(--dropdown-border-radius);
    scrollbar-width: thin;
    scrollbar-color: #d0d0d0 #fff;
    background-color: #fff;
    position: absolute;
    left: 50%;
    right: auto;
    overflow-y: auto;
    transform: translate(-50%);
    box-shadow: 0 6px 16px rgba(25, 25, 25, .1)
}

[dir=rtl] .trade-in__modal .modal__dropdown {
    left: auto
}

[dir=rtl] .trade-in__modal .modal__dropdown {
    right: 50%
}

[dir=rtl] .trade-in__modal .modal__dropdown {
    transform: translate(50%)
}

@media screen and (max-width:720px) {
    .trade-in__modal .modal__dropdown {
        top: auto;
        bottom: calc(100% + 10px)
    }
}

.trade-in__modal .modal__dropdown::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.trade-in__modal .modal__dropdown::-webkit-scrollbar-thumb {
    background-color: #d0d0d0;
    border-radius: 4px
}

.trade-in__modal .modal__label-button {
    width: var(--button-width);
    min-height: var(--button-height);
    margin: var(--modal-bottom-padding-vertical)auto 0;
    color: #fff;
    border-radius: var(--action-border-radius);
    cursor: auto;
    background-color: rgba(25, 25, 25, .5);
    border: none
}

.trade-in__modal .modal__label-button-active {
    cursor: pointer;
    background-color: #191919
}

.trade-in__modal .dropdown__list {
    grid-row-gap: var(--dropdown-item-gap);
    row-gap: var(--dropdown-item-gap);
    grid-template-columns: 1fr;
    display: grid
}

.trade-in__modal .dropdown__item:hover {
    color: #191919;
    background-color: #f3f3f3
}

.trade-in__modal .dropdown__label {
    box-sizing: border-box;
    width: 100%;
    padding: var(--dropdown-item-padding);
    color: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0;
    outline: 0;
    margin: 0
}

.trade-in__modal .dropdown__label:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.trade-in__modal .dropdown__label:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.trade-in__modal .dropdown__label:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.trade-in__modal .dropdown__label:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.trade-in__modal .dropdown__label:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.trade-in__modal .dropdown__label:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.trade-in__modal .dropdown__label:focus-visible {
    outline: 2px solid var(--outline-color);
    outline-offset: 2px
}

.trade-in__modal .dropdown__label-active {
    color: #191919;
    background-color: #f3f3f3
}

@media screen and (max-width:720px) {
    .trade-in__modal--hk {
        --modal-padding: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in__modal--hk {
        --modal-padding: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in__modal--hk {
        --modal-padding: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in__modal--hk {
        --modal-padding: 24px
    }
}

@media screen and (min-width:1921px) {
    .trade-in__modal--hk {
        --modal-padding: 24px
    }
}

.trade-in__modal--hk .modal__select-model {
    max-height: 50vh;
    padding: var(--modal-padding);
    overflow-y: scroll
}

.trade-in__modal--hk .modal__dropdown {
    max-height: 160px
}

.trade-in__modal--hk .modal__dropdown--last {
    max-height: 105px
}

.trade-in__modal--visible,
.trade-in__modal--visible .mi-modal__main {
    overflow: visible !important
}

.trade-in__modal {
    font-size: var(--modal-font-size);
    scrollbar-width: thin;
    scrollbar-color: #d0d0d0 #fff;
    line-height: 1.2;
    width: var(--modal-width) !important;
    min-height: -webkit-fit-content !important;
    min-height: -moz-fit-content !important;
    min-height: fit-content !important
}

@media screen and (max-width:720px) {
    .trade-in__modal {
        --font-size-medium: 12px;
        --font-size-small: 10px;
        --foot-note-vertical: 12px;
        --foot-note-horizontal: 16px;
        --modal-foot-icon-size: 27px;
        --foot-tip-icon-size: 16px;
        --modal-padding-horizontal: 16px;
        --modal-font-size: 13px;
        --modal-font-size-large: 16px;
        --foot-content-margin: 6px;
        --modal-tip-vertical: 25px;
        --credit-grid-row-gap: 8px;
        --modal-padding-header: 24px;
        --modal-content-loader-padding-vertical: 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in__modal {
        --modal-width: var(--modal-max-width);
        --font-size-medium: 12px;
        --font-size-small: 12px;
        --foot-note-vertical: 16px;
        --foot-note-horizontal: 36px;
        --modal-foot-icon-size: 36px;
        --foot-tip-icon-size: 24px;
        --modal-padding-horizontal: 36px;
        --modal-font-size: 16px;
        --modal-font-size-large: 20px;
        --foot-content-margin: 8px;
        --modal-tip-vertical: 36px;
        --credit-grid-row-gap: 16px;
        --modal-padding-header: 24px;
        --modal-content-loader-padding-vertical: 50px;
        min-height: 240px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in__modal {
        --modal-width: var(--modal-max-width);
        --font-size-medium: 12px;
        --font-size-small: 12px;
        --foot-note-vertical: 16px;
        --foot-note-horizontal: 36px;
        --modal-foot-icon-size: 36px;
        --foot-tip-icon-size: 24px;
        --modal-padding-horizontal: 36px;
        --modal-font-size: 16px;
        --modal-font-size-large: 20px;
        --foot-content-margin: 8px;
        --modal-tip-vertical: 36px;
        --credit-grid-row-gap: 16px;
        --modal-padding-header: 24px;
        --modal-content-loader-padding-vertical: 50px;
        min-height: 300px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in__modal {
        --modal-width: var(--modal-max-width);
        --font-size-medium: 14px;
        --font-size-small: 12px;
        --foot-note-vertical: 16px;
        --foot-note-horizontal: 36px;
        --modal-foot-icon-size: 36px;
        --foot-tip-icon-size: 24px;
        --modal-padding-horizontal: 36px;
        --modal-font-size: 16px;
        --modal-font-size-large: 20px;
        --foot-content-margin: 8px;
        --modal-tip-vertical: 36px;
        --credit-grid-row-gap: 16px;
        --modal-padding-header: 24px;
        --modal-content-loader-padding-vertical: 50px;
        min-height: 300px
    }
}

@media screen and (min-width:1921px) {
    .trade-in__modal {
        --modal-width: var(--modal-max-width);
        --font-size-medium: 14px;
        --font-size-small: 12px;
        --foot-note-vertical: 16px;
        --foot-note-horizontal: 36px;
        --modal-foot-icon-size: 36px;
        --foot-tip-icon-size: 24px;
        --modal-padding-horizontal: 36px;
        --modal-font-size: 16px;
        --modal-font-size-large: 20px;
        --foot-content-margin: 8px;
        --modal-tip-vertical: 36px;
        --credit-grid-row-gap: 16px;
        --modal-padding-header: 24px;
        --modal-content-loader-padding-vertical: 50px;
        min-height: 300px
    }
}

.trade-in__modal::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.trade-in__modal::-webkit-scrollbar-thumb {
    background-color: #d0d0d0;
    border-radius: 4px
}

.trade-in__modal .trade-in__modal__main {
    font-size: var(--modal-font-size);
    padding: 0
}

.trade-in__modal .modal__footnote {
    padding: var(--foot-note-vertical)var(--foot-note-horizontal);
    color: #50c050;
    border-top: 1px solid #eee;
    align-items: center;
    display: flex
}

.trade-in__modal .modal__footnote:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.trade-in__modal .modal__footnote:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.trade-in__modal .modal__footnote:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.trade-in__modal .modal__footnote:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.trade-in__modal .modal__footnote:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.trade-in__modal .modal__footnote:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.trade-in__modal .modal__footnote .result__tip {
    color: #d0d0d0;
    font-size: var(--modal-font-size-large);
    margin: 0;
    padding: 0
}

@media screen and (max-width:720px) {
    .trade-in__modal .modal__footnote {
        margin-bottom: 30px
    }
}

.trade-in__modal .modal__footnote button {
    color: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0
}

.trade-in__modal .footnote__icon {
    font-size: var(--modal-foot-icon-size);
    line-height: 1
}

.trade-in__modal .result__tip {
    font-size: var(--foot-tip-icon-size)
}

.trade-in__modal .footnote__content {
    margin: 0 var(--foot-content-margin);
    font-size: var(--font-size-medium)
}

.trade-in__modal .modal__content.modal__content--loading .mi-loading {
    padding: var(--modal-content-loader-padding-vertical)0
}

.trade-in__tip-modal {
    font-size: var(--modal-font-size-middle);
    min-height: -webkit-fit-content !important;
    min-height: -moz-fit-content !important;
    min-height: fit-content !important
}

@media screen and (max-width:720px) {
    .trade-in__tip-modal {
        --modal-font-size-middle: 14px;
        --modal-padding-horizontal: 14px;
        --modal-padding: 14px 28px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in__tip-modal {
        --modal-font-size-middle: 16px;
        --modal-padding-horizontal: 16px;
        --modal-padding: 14px 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in__tip-modal {
        --modal-font-size-middle: 16px;
        --modal-padding-horizontal: 16px;
        --modal-padding: 14px 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in__tip-modal {
        --modal-font-size-middle: 16px;
        --modal-padding-horizontal: 16px;
        --modal-padding: 14px 24px
    }
}

@media screen and (min-width:1921px) {
    .trade-in__tip-modal {
        --modal-font-size-middle: 16px;
        --modal-padding-horizontal: 16px;
        --modal-padding: 14px 24px
    }
}

.trade-in__tip-modal .mi-modal__main {
    padding: var(--modal-padding)
}

.trade-in__tip-modal .trade-in-credit-detail {
    color: #FF47C7;
    font-size: var(--modal-font-size-middle);
    grid-row-gap: var(--credit-grid-row-gap);
    row-gap: var(--credit-grid-row-gap);
    grid-template-columns: 1fr;
    display: grid
}

.trade-in__tip-modal .footnote__tip-worry {
    color: #a9a9a9
}

.trade-in__tip-modal .footnote__tip-miui,
.trade-in__tip-modal .footnote__tip-recycling,
.trade-in__tip-modal .footnote__tip-partner {
    color: #a9a9a9;
    margin-top: 20px
}

.trade-in__tip-modal .desc__content-modal {
    width: 100%
}

@media screen and (max-width:720px) {
    .trade-in__tip-modal .desc__content-modal {
        --desc-text-padding-bottom: 16px;
        --desc-image-size: 100px;
        --desc-image-garp: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in__tip-modal .desc__content-modal {
        --desc-text-padding-bottom: 24px;
        --desc-image-size: 135px;
        --desc-image-garp: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in__tip-modal .desc__content-modal {
        --desc-text-padding-bottom: 24px;
        --desc-image-size: 135px;
        --desc-image-garp: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in__tip-modal .desc__content-modal {
        --desc-text-padding-bottom: 24px;
        --desc-image-size: 135px;
        --desc-image-garp: 16px
    }
}

@media screen and (min-width:1921px) {
    .trade-in__tip-modal .desc__content-modal {
        --desc-text-padding-bottom: 24px;
        --desc-image-size: 135px;
        --desc-image-garp: 16px
    }
}

.trade-in__tip-modal .desc__content-modal .desc__text {
    padding-bottom: var(--desc-text-padding-bottom);
    white-space: normal
}

.trade-in__tip-modal .desc__content-modal .desc__image-grid {
    grid-template-columns: repeat(auto-fit, minmax(var(--desc-image-size), 1fr));
    grid-gap: var(--desc-image-garp);
    gap: var(--desc-image-garp);
    display: grid
}

.trade-in__tip-modal .desc__content-modal .desc__image {
    width: var(--desc-image-size);
    height: var(--desc-image-size);
    object-fit: cover
}

@media screen and (max-width:720px) {
    .trade-in__tip-modal--new {
        --modal-padding: 20px;
        --modal-actions-padding-vertical: 8px;
        --modal-footer-padding: 0 20px 18px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in__tip-modal--new {
        --modal-padding: 24px;
        --modal-actions-padding: 0 24px 32px;
        --footer-btn-font-size: 14px;
        --modal-actions-padding-vertical: 9px;
        --modal-footer-padding: 0 24px 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in__tip-modal--new {
        --modal-padding: 24px;
        --modal-actions-padding: 0 24px 32px;
        --footer-btn-font-size: 14px;
        --modal-actions-padding-vertical: 9px;
        --modal-footer-padding: 0 24px 32px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in__tip-modal--new {
        --modal-padding: 24px;
        --modal-actions-padding: 0 24px 32px;
        --footer-btn-font-size: 14px;
        --modal-actions-padding-vertical: 9px;
        --modal-footer-padding: 0 24px 32px
    }
}

@media screen and (min-width:1921px) {
    .trade-in__tip-modal--new {
        --modal-padding: 24px;
        --modal-actions-padding: 0 24px 32px;
        --footer-btn-font-size: 14px;
        --modal-actions-padding-vertical: 9px;
        --modal-footer-padding: 0 24px 32px
    }
}

.trade-in__tip-modal--new .mi-modal__main {
    padding: var(--modal-padding);
    margin: 0
}

.trade-in__tip-modal--new .mi-modal__main .desc__text a {
    color: #FF47C7;
    cursor: pointer
}

.trade-in__tip-modal--new .mi-modal__footer {
    padding: var(--modal-footer-padding);
    margin-top: 1px
}

.trade-in__tip-modal--new .mi-modal__footer .mi-modal__action .mi-btn {
    padding: var(--modal-actions-padding-vertical);
    font-size: var(--footer-btn-font-size)
}

@media screen and (max-width:720px) {
    .trade-in__modal.trade-in__modal--new {
        --modal-footer-padding: 18px 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .trade-in__modal.trade-in__modal--new {
        --modal-actions-padding: 24px 40px;
        --footer-btn-font-size: 16px;
        --modal-footnote-icon-size: 28px;
        --modal-result-tip-font-size: 20px;
        --modal-form-actions-padding: 32px 40px;
        --modal-footer-padding: 0 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .trade-in__modal.trade-in__modal--new {
        --modal-actions-padding: 24px 40px;
        --footer-btn-font-size: 16px;
        --modal-footnote-icon-size: 28px;
        --modal-result-tip-font-size: 20px;
        --modal-form-actions-padding: 32px 40px;
        --modal-footer-padding: 0 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .trade-in__modal.trade-in__modal--new {
        --modal-actions-padding: 24px 40px;
        --footer-btn-font-size: 16px;
        --modal-footnote-icon-size: 28px;
        --modal-result-tip-font-size: 20px;
        --modal-form-actions-padding: 32px 40px;
        --modal-footer-padding: 0 0
    }
}

@media screen and (min-width:1921px) {
    .trade-in__modal.trade-in__modal--new {
        --modal-actions-padding: 24px 40px;
        --footer-btn-font-size: 16px;
        --modal-footnote-icon-size: 28px;
        --modal-result-tip-font-size: 20px;
        --modal-form-actions-padding: 32px 40px;
        --modal-footer-padding: 0 0
    }
}

.trade-in__modal.trade-in__modal--new .modal__footer .modal__actions {
    padding: var(--modal-actions-padding)
}

.trade-in__modal.trade-in__modal--new .modal__footer .modal__actions .mi-btn {
    font-size: var(--footer-btn-font-size)
}

.trade-in__modal.trade-in__modal--new .modal__footer .modal__footnote .footnote__icon {
    font-size: var(--modal-footnote-icon-size)
}

.trade-in__modal.trade-in__modal--new .modal__footer .modal__footnote .result__tip .tip__icon {
    font-size: var(--modal-result-tip-font-size)
}

.trade-in__modal.trade-in__modal--new .trade-in__form-footer {
    padding: var(--modal-footer-padding)
}

.trade-in__modal.trade-in__modal--new .trade-in__form-footer .modal__actions {
    padding: var(--modal-form-actions-padding)
}

.arrow-process {
    box-sizing: border-box;
    text-align: center;
    --step-image-size: 32px;
    --step-gap: 20px;
    --step-arrow-tip-width: 8px;
    --grid-repeat-count: auto-fit;
    --process-color: #191919;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    display: grid
}

@media screen and (max-width:720px) {
    .arrow-process {
        --step-arrow-width: 50px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .arrow-process {
        --step-arrow-width: 20px;
        border-radius: .555556vw;
        gap: .416667vw;
        padding: 1.38889vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .arrow-process {
        --step-arrow-width: 25px;
        border-radius: .555556vw;
        gap: .416667vw;
        padding: 1.38889vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .arrow-process {
        --step-arrow-width: 30px;
        border-radius: .3125vw;
        gap: .234375vw;
        padding: .78125vw
    }
}

@media screen and (min-width:1921px) {
    .arrow-process {
        --step-arrow-width: 40px;
        border-radius: .3125vw;
        gap: .234375vw;
        padding: .78125vw
    }
}

.arrow-process--item {
    text-align: center;
    flex-direction: column;
    justify-items: center;
    font-size: 24px;
    display: flex;
    position: relative
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .arrow-process--item {
        margin: .694444vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .arrow-process--item {
        margin: .694444vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .arrow-process--item {
        margin: .390625vw
    }
}

@media screen and (min-width:1921px) {
    .arrow-process--item {
        margin: .390625vw
    }
}

.arrow-process--item i {
    color: var(--process-color);
    line-height: 1
}

.arrow-process--item span {
    color: var(--process-color);
    margin-top: 10px;
    line-height: 1.2
}

.arrow-process--item:not(:first-of-type):before {
    transform: translateX(calc(-50% - var(--step-gap)/2));
    left: 0;
    right: auto;
    top: calc(var(--step-image-size)/2);
    width: var(--step-arrow-width);
    border-top: 1px solid var(--process-color);
    content: "";
    height: 0;
    position: absolute
}

[dir=rtl] .arrow-process--item:not(:first-of-type):before {
    left: auto
}

[dir=rtl] .arrow-process--item:not(:first-of-type):before {
    right: 0
}

[dir=rtl] .arrow-process--item:not(:first-of-type):before {
    transform: translateX(calc(50% + var(--step-gap)/2))
}

.arrow-process--item:not(:first-of-type):after {
    transform: translateX(calc(-50% - var(--step-gap)/2 + var(--step-arrow-width)/2 - var(--step-arrow-tip-width)/2))rotate(30deg);
    left: 0;
    right: auto;
    top: calc(var(--step-image-size)/2);
    width: var(--step-arrow-tip-width);
    border-top: 1px solid var(--process-color);
    transform-origin: 100%;
    content: "";
    height: 0;
    position: absolute
}

[dir=rtl] .arrow-process--item:not(:first-of-type):after {
    left: auto
}

[dir=rtl] .arrow-process--item:not(:first-of-type):after {
    right: 0
}

[dir=rtl] .arrow-process--item:not(:first-of-type):after {
    transform: translateX(calc(50% + var(--step-gap)/2 - (var(--step-arrow-width)/2 + var(--step-arrow-tip-width)/2)))rotate(150deg)
}

.exchange-pincode .in-exchange-pin-tips-list {
    background: var(--neutral-neutral5)
}

@media screen and (max-width:720px) {
    .exchange-pincode .in-exchange-pin-tips-list {
        --step-image-size: 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-pincode .in-exchange-pin-tips-list {
        --step-image-size: 42px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-pincode .in-exchange-pin-tips-list {
        --step-image-size: 42px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-pincode .in-exchange-pin-tips-list {
        --step-image-size: 42px
    }
}

@media screen and (min-width:1921px) {
    .exchange-pincode .in-exchange-pin-tips-list {
        --step-image-size: 42px
    }
}

@media screen and (max-width:720px) {
    .exchange-pincode .in-exchange-pin-tips-list {
        --step-gap: 0px;
        padding: 8.36px 5.97px
    }
}

.exchange-pincode .in-exchange-pin-tips-list .arrow-process--item {
    font-size: 12px
}

@media screen and (max-width:720px) {
    .exchange-pincode .in-exchange-pin-tips-list i {
        font-size: 23px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-pincode .in-exchange-pin-tips-list i {
        font-size: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-pincode .in-exchange-pin-tips-list i {
        font-size: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-pincode .in-exchange-pin-tips-list i {
        font-size: 24px
    }
}

@media screen and (min-width:1921px) {
    .exchange-pincode .in-exchange-pin-tips-list i {
        font-size: 24px
    }
}

@media screen and (max-width:720px) {
    .exchange-pincode--form {
        padding: 20px 0 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-pincode--form {
        padding: 32px 12px 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-pincode--form {
        padding: 32px 12px 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-pincode--form {
        padding: 32px 12px 0
    }
}

@media screen and (min-width:1921px) {
    .exchange-pincode--form {
        padding: 32px 12px 0
    }
}

.exchange-pincode--form--info {
    color: var(--text-base)
}

@media screen and (max-width:720px) {
    .exchange-pincode--form--info {
        margin-bottom: 16px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-pincode--form--info {
        margin-bottom: 1.11111vw;
        font-size: 13px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-pincode--form--info {
        margin-bottom: 1.11111vw;
        font-size: 13px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-pincode--form--info {
        margin-bottom: .625vw;
        font-size: 13px
    }
}

@media screen and (min-width:1921px) {
    .exchange-pincode--form--info {
        margin-bottom: .625vw;
        font-size: 13px
    }
}

@media screen and (max-width:720px) {
    .exchange-pincode--form--info {
        text-align: center
    }
}

.exchange-pincode--form__input {
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    width: 100%
}

@media screen and (max-width:720px) {
    .exchange-pincode--form__input {
        border-radius: 7.16px;
        height: 28px;
        margin-bottom: 0;
        padding: 7.16px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-pincode--form__input {
        border-radius: .972222vw;
        height: 2.77778vw;
        margin-bottom: .555556vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-pincode--form__input {
        border-radius: .972222vw;
        height: 2.77778vw;
        margin-bottom: .555556vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-pincode--form__input {
        border-radius: .546875vw;
        height: 1.5625vw;
        margin-bottom: .3125vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .exchange-pincode--form__input {
        border-radius: .546875vw;
        height: 1.5625vw;
        margin-bottom: .3125vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

.exchange-pincode--form__input::placeholder {
    color: #d0d0d0
}

.exchange-pincode--form__input::placeholder {
    color: #d0d0d0
}

.exchange-pincode--form__input::placeholder {
    color: #d0d0d0
}

.exchange-pincode--form__input:focus {
    border-color: #898989;
    outline: none
}

.exchange-pincode--form--error {
    color: #FF47C7;
    visibility: hidden
}

@media screen and (max-width:720px) {
    .exchange-pincode--form--error {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-pincode--form--error {
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-pincode--form--error {
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-pincode--form--error {
        font-size: max(.625vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .exchange-pincode--form--error {
        font-size: max(.625vw, 12px)
    }
}

@media screen and (max-width:720px) {
    .exchange-pincode--form--error {
        -webkit-margin-before: 6px;
        margin-top: 6px
    }
}

.exchange-pincode--form--error:empty {
    opacity: 0
}

.exchange-pincode--form--error:empty:before {
    content: "਀"
}

.exchange-pincode--form--error.visible {
    visibility: visible
}

.exchange-pincode--form__confirm {
    box-sizing: border-box;
    color: #fff;
    cursor: auto;
    background-color: #d0d0d0;
    border: 0;
    width: 100%;
    margin-top: 10px
}

@media screen and (max-width:720px) {
    .exchange-pincode--form__confirm {
        border-radius: 9.55px;
        height: 27px;
        padding: 0 6px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-pincode--form__confirm {
        border-radius: .833333vw;
        height: 2.77778vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-pincode--form__confirm {
        border-radius: .833333vw;
        height: 2.77778vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-pincode--form__confirm {
        border-radius: .46875vw;
        height: 1.5625vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .exchange-pincode--form__confirm {
        border-radius: .46875vw;
        height: 1.5625vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

.exchange-pincode--form__confirm.enable {
    cursor: pointer;
    background-color: #191919
}

@media screen and (max-width:720px) {
    .exchange-select-modal {
        --font-size-text: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-select-modal {
        --font-size-text: 12px;
        padding: 0 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-select-modal {
        --font-size-text: 14px;
        padding: 0 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-select-modal {
        --font-size-text: 14px;
        padding: 0 12px
    }
}

@media screen and (min-width:1921px) {
    .exchange-select-modal {
        --font-size-text: 14px;
        padding: 0 12px
    }
}

.exchange-select-modal__actions {
    grid-template-columns: repeat(2, 1fr);
    display: grid
}

@media screen and (max-width:720px) {
    .exchange-select-modal__actions {
        gap: 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-select-modal__actions {
        gap: .694444vw;
        margin-top: 2.22222vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-select-modal__actions {
        gap: .694444vw;
        margin-top: 2.22222vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-select-modal__actions {
        gap: .390625vw;
        margin-top: 1.25vw
    }
}

@media screen and (min-width:1921px) {
    .exchange-select-modal__actions {
        gap: .390625vw;
        margin-top: 1.25vw
    }
}

.exchange-select-modal__actions .exchange-select-modal__back {
    box-sizing: border-box;
    color: var(--text-base);
    width: 100%;
    font-size: var(--font-size-text);
    border: 1px solid #191919;
    border: 1px solid var(--text-base);
    justify-content: center;
    align-items: center;
    display: flex
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-select-modal__actions .exchange-select-modal__back {
        border-radius: .833333vw;
        height: 2.77778vw;
        padding: .555556vw 1.11111vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-select-modal__actions .exchange-select-modal__back {
        border-radius: .833333vw;
        height: 2.77778vw;
        padding: .555556vw 1.11111vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-select-modal__actions .exchange-select-modal__back {
        border-radius: .46875vw;
        height: 1.5625vw;
        padding: .3125vw .625vw
    }
}

@media screen and (min-width:1921px) {
    .exchange-select-modal__actions .exchange-select-modal__back {
        border-radius: .46875vw;
        height: 1.5625vw;
        padding: .3125vw .625vw
    }
}

.exchange-select-modal__actions .exchange-select-modal__confirm {
    box-sizing: border-box;
    color: #fff;
    width: 100%;
    font-size: var(--font-size-text);
    cursor: auto;
    background-color: #d0d0d0;
    justify-content: center;
    align-items: center;
    display: flex
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-select-modal__actions .exchange-select-modal__confirm {
        border-radius: .833333vw;
        height: 2.77778vw;
        padding: .555556vw 1.11111vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-select-modal__actions .exchange-select-modal__confirm {
        border-radius: .833333vw;
        height: 2.77778vw;
        padding: .555556vw 1.11111vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-select-modal__actions .exchange-select-modal__confirm {
        border-radius: .46875vw;
        height: 1.5625vw;
        padding: .3125vw .625vw
    }
}

@media screen and (min-width:1921px) {
    .exchange-select-modal__actions .exchange-select-modal__confirm {
        border-radius: .46875vw;
        height: 1.5625vw;
        padding: .3125vw .625vw
    }
}

.exchange-select-modal__actions .exchange-select-modal__confirm.enable {
    background-color: #191919;
    background-color: var(--text-base);
    cursor: pointer
}

.brand p {
    margin-top: 0
}

.brand p.brand-desc {
    font-size: var(--font-size-text);
    margin-top: 16px
}

.brand p.brand-desc .brand-desc--btn {
    color: #FF47C7;
    font-size: var(--font-size-text);
    cursor: pointer;
    text-decoration: underline
}

.model-question {
    font-size: var(--font-size-text)
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .model-question {
        padding-top: .694444vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .model-question {
        padding-top: .694444vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .model-question {
        padding-top: .390625vw
    }
}

@media screen and (min-width:1921px) {
    .model-question {
        padding-top: .390625vw
    }
}

.brand:not(:last-of-type),
.model:not(:last-of-type) {
    -webkit-margin-after: 24px;
    margin-bottom: 24px
}

.brand-question,
.model-question {
    color: var(--text-base);
    font-size: var(--font-size-text)
}

@media screen and (max-width:720px) {

    .brand-question,
    .model-question {
        margin-bottom: 18px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .brand-question,
    .model-question {
        margin-top: 2.08333vw;
        margin-bottom: 1.38889vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .brand-question,
    .model-question {
        margin-top: 2.08333vw;
        margin-bottom: 1.38889vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .brand-question,
    .model-question {
        margin-top: 1.17188vw;
        margin-bottom: .78125vw
    }
}

@media screen and (min-width:1921px) {

    .brand-question,
    .model-question {
        margin-top: 1.17188vw;
        margin-bottom: .78125vw
    }
}

.brand-select__indicator-separator,
.model-select__indicator-separator {
    display: none
}

@media screen and (max-width:720px) {

    .brand .mi-rc-select .rc-select-selector,
    .model .mi-rc-select .rc-select-selector {
        width: 100%;
        height: 40px;
        font-size: 12px
    }
}

.brand .mi-rc-select .rc-select-selector .rc-select-selection-search,
.model .mi-rc-select .rc-select-selector .rc-select-selection-search {
    caret-color: transparent;
    width: 100%
}

.brand .mi-rc-select .rc-select-selector .rc-select-selection-search-input:disabled,
.model .mi-rc-select .rc-select-selector .rc-select-selection-search-input:disabled {
    cursor: not-allowed;
    background-color: #f3f3f3
}

.brand .mi-rc-select .rc-select-selector .rc-select-selection-item,
.model .mi-rc-select .rc-select-selector .rc-select-selection-item {
    height: 100%;
    display: inline-flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.brand-tops,
.model-tops {
    display: flex;
    overflow: hidden
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .brand-tops,
    .model-tops {
        margin-bottom: 1.38889vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .brand-tops,
    .model-tops {
        margin-bottom: 1.38889vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .brand-tops,
    .model-tops {
        margin-bottom: .78125vw
    }
}

@media screen and (min-width:1921px) {

    .brand-tops,
    .model-tops {
        margin-bottom: .78125vw
    }
}

.brand-tops-item,
.model-tops-item {
    box-sizing: border-box;
    color: var(--black-black100);
    font-size: var(--font-size-text);
    text-align: center;
    background-color: #eee
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .brand-tops-item,
    .model-tops-item {
        border-radius: .555556vw;
        width: 6.25vw;
        height: 1.94444vw;
        margin-right: 1.38889vw;
        padding: .277778vw;
        line-height: 1.38889vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .brand-tops-item,
    .model-tops-item {
        border-radius: .555556vw;
        width: 6.25vw;
        height: 1.94444vw;
        margin-right: 1.38889vw;
        padding: .277778vw;
        line-height: 1.38889vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .brand-tops-item,
    .model-tops-item {
        border-radius: .3125vw;
        width: 3.51563vw;
        height: 1.09375vw;
        margin-right: .78125vw;
        padding: .15625vw;
        line-height: .78125vw
    }
}

@media screen and (min-width:1921px) {

    .brand-tops-item,
    .model-tops-item {
        border-radius: .3125vw;
        width: 3.51563vw;
        height: 1.09375vw;
        margin-right: .78125vw;
        padding: .15625vw;
        line-height: .78125vw
    }
}

.brand-tops-item:last-child,
.model-tops-item:last-child {
    -webkit-margin-end: 0
}

.brand-tops-item:last-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.brand-tops-item:last-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.brand-tops-item:last-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.model-tops-item:last-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.model-tops-item:last-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.model-tops-item:last-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.brand-tops-item:last-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.brand-tops-item:last-child:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.brand-tops-item:last-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.model-tops-item:last-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.model-tops-item:last-child:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.model-tops-item:last-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.brand-tops-item-xiaomi,
.model-tops-item-xiaomi {
    background: url(../images/xiaomi-brand.png) 50%/contain no-repeat;
    height: 100%;
    margin: 0 5px;
    font-size: 0;
    display: block
}

.brand-tops-item.current,
.model-tops-item.current {
    color: var(--background-white);
    background-color: #FF47C7;
    background-color: var(--background-primary)
}

.brand-tops:last-child,
.model-tops:last-child {
    margin-top: 0
}

.brand-tops .current .brand-tops-item-xiaomi,
.model-tops .current .brand-tops-item-xiaomi {
    background: url(../images/xiaomi-brand-current.png) 50%/contain no-repeat
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .brand-select__control,
    .model-select__control {
        border-radius: .972222vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .brand-select__control,
    .model-select__control {
        border-radius: .972222vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .brand-select__control,
    .model-select__control {
        border-radius: .546875vw
    }
}

@media screen and (min-width:1921px) {

    .brand-select__control,
    .model-select__control {
        border-radius: .546875vw
    }
}

@media screen and (max-width:720px) {

    .brand .mi-input,
    .model .mi-input {
        width: 100%
    }
}

.exchange-imei--mention {
    box-sizing: border-box;
    background: #f7f7f7;
    background: var(--background-base);
    width: 100%
}

@media screen and (max-width:720px) {
    .exchange-imei--mention {
        padding: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-imei--mention {
        border-radius: .555556vw;
        gap: .416667vw;
        padding: .833333vw 1.11111vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-imei--mention {
        border-radius: .555556vw;
        gap: .416667vw;
        padding: .833333vw 1.11111vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-imei--mention {
        border-radius: .3125vw;
        gap: .234375vw;
        padding: .46875vw .625vw
    }
}

@media screen and (min-width:1921px) {
    .exchange-imei--mention {
        border-radius: .3125vw;
        gap: .234375vw;
        padding: .46875vw .625vw
    }
}

.exchange-imei--mention__content {
    color: var(--text-base);
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

@media screen and (max-width:720px) {
    .exchange-imei--mention__content {
        font-size: 12px;
        line-height: 15px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-imei--mention__content {
        font-size: max(1.11111vw, 12px);
        line-height: 1.52778vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-imei--mention__content {
        font-size: max(1.11111vw, 12px);
        line-height: 1.52778vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-imei--mention__content {
        font-size: max(.625vw, 12px);
        line-height: .859375vw
    }
}

@media screen and (min-width:1921px) {
    .exchange-imei--mention__content {
        font-size: max(.625vw, 12px);
        line-height: .859375vw
    }
}

.exchange-imei--mention .highlight {
    color: var(--text-error)
}

.exchange-imei .in-exchange-imei-tips-list {
    grid-template-columns: repeat(4, 1fr)
}

@media screen and (max-width:720px) {
    .exchange-imei .in-exchange-imei-tips-list {
        --step-image-size: 20px;
        --step-arrow-width: 20px;
        padding: 8px 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-imei .in-exchange-imei-tips-list {
        --step-image-size: 2.91667vw;
        --step-arrow-width: 20px;
        gap: 1.66667vw;
        padding: .833333vw 1.11111vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-imei .in-exchange-imei-tips-list {
        --step-image-size: 2.91667vw;
        --step-arrow-width: 25px;
        gap: 1.66667vw;
        padding: .833333vw 1.11111vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-imei .in-exchange-imei-tips-list {
        --step-image-size: 1.64063vw;
        --step-arrow-width: 25px;
        gap: .9375vw;
        padding: .46875vw .625vw
    }
}

@media screen and (min-width:1921px) {
    .exchange-imei .in-exchange-imei-tips-list {
        --step-image-size: 1.64063vw;
        --step-arrow-width: 30px;
        gap: .9375vw;
        padding: .46875vw .625vw
    }
}

@media screen and (max-width:720px) {
    .exchange-imei .in-exchange-imei-tips-list {
        --step-gap: 0px
    }
}

.exchange-imei .in-exchange-imei-tips-list .arrow-process--item {
    margin: 0
}

.exchange-imei .in-exchange-imei-tips-list .arrow-process--item span {
    -webkit-margin-before: 1.11111vw, 1.11111vw, .625vw, .625vw;
    color: var(--text-black);
    margin-top: 1.11111vw, 1.11111vw, .625vw, .625vw;
    font-size: 12px
}

@media screen and (max-width:720px) {
    .exchange-imei .in-exchange-imei-tips-list i {
        font-size: 23px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-imei .in-exchange-imei-tips-list i {
        font-size: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-imei .in-exchange-imei-tips-list i {
        font-size: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-imei .in-exchange-imei-tips-list i {
        font-size: 24px
    }
}

@media screen and (min-width:1921px) {
    .exchange-imei .in-exchange-imei-tips-list i {
        font-size: 24px
    }
}

@media screen and (max-width:720px) {
    .exchange-imei--form {
        -webkit-margin-before: 20px;
        margin-top: 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-imei--form {
        -webkit-margin-before: 2.22222vw;
        margin-top: 2.22222vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-imei--form {
        -webkit-margin-before: 2.22222vw;
        margin-top: 2.22222vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-imei--form {
        -webkit-margin-before: 1.25vw;
        margin-top: 1.25vw
    }
}

@media screen and (min-width:1921px) {
    .exchange-imei--form {
        -webkit-margin-before: 1.25vw;
        margin-top: 1.25vw
    }
}

.exchange-imei--form--info {
    color: var(--text-base);
    margin: 0 auto;
    position: relative
}

@media screen and (max-width:720px) {
    .exchange-imei--form--info {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-imei--form--info {
        -webkit-margin-after: 1.11111vw;
        margin-bottom: 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-imei--form--info {
        -webkit-margin-after: 1.11111vw;
        margin-bottom: 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-imei--form--info {
        -webkit-margin-after: .625vw;
        margin-bottom: .625vw;
        font-size: max(.625vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .exchange-imei--form--info {
        -webkit-margin-after: .625vw;
        margin-bottom: .625vw;
        font-size: max(.625vw, 12px)
    }
}

.exchange-imei--form .exchange-imei--form--info--tip {
    z-index: 99;
    box-sizing: border-box;
    color: var(--brand-black-60);
    width: 236px;
    background-color: #fff;
    background-color: var(--background-white);
    border-radius: 6px;
    padding: 10px;
    font-size: 12px;
    line-height: 14px;
    animation: .4s ease-in-out fadeIn;
    display: none;
    position: absolute;
    top: -45px;
    right: -10px;
    box-shadow: 0 0 10px 3px #c5c5c5
}

.exchange-imei--form .exchange-imei--form--info--tip:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.exchange-imei--form .exchange-imei--form--info--tip:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.exchange-imei--form .exchange-imei--form--info--tip:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.exchange-imei--form .exchange-imei--form--info--tip:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.exchange-imei--form .exchange-imei--form--info--tip:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.exchange-imei--form .exchange-imei--form--info--tip:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.exchange-imei--form .exchange-imei--form--info--tip:before {
    box-sizing: border-box;
    background-color: #fff;
    background-color: var(--background-white);
    border: 5px solid #fff;
    border-color: transparent #fff #fff transparent;
    border-color: transparent var(--background-white)var(--background-white)transparent;
    content: "";
    width: 5px;
    height: 5px;
    display: inline-block;
    position: absolute;
    bottom: -3px;
    right: 12px;
    transform: rotate(45deg)
}

.exchange-imei--form .exchange-imei--form--info--tip.isShow {
    animation: .4s ease-in-out fadeIn;
    display: inline-block
}

.exchange-imei--form .micon {
    color: #999;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0
}

.exchange-imei--form__input {
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    border: 1px solid var(--brand-grey-30);
    border-radius: 7.16px;
    width: 100%
}

@media screen and (max-width:720px) {
    .exchange-imei--form__input {
        -webkit-margin-after: 6px;
        height: 30px;
        margin-bottom: 6px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-imei--form__input {
        -webkit-margin-after: .555556vw;
        border-radius: .972222vw;
        height: 2.77778vw;
        margin-bottom: .555556vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-imei--form__input {
        -webkit-margin-after: .555556vw;
        border-radius: .972222vw;
        height: 2.77778vw;
        margin-bottom: .555556vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-imei--form__input {
        -webkit-margin-after: .3125vw;
        border-radius: .546875vw;
        height: 1.5625vw;
        margin-bottom: .3125vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .exchange-imei--form__input {
        -webkit-margin-after: .3125vw;
        border-radius: .546875vw;
        height: 1.5625vw;
        margin-bottom: .3125vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

@media screen and (max-width:720px) {
    .exchange-imei--form__input {
        -webkit-margin-before: 19px;
        margin-top: 19px;
        padding: 6px 12px
    }
}

.exchange-imei--form__input::placeholder {
    color: #d0d0d0
}

.exchange-imei--form__input::placeholder {
    color: #d0d0d0
}

.exchange-imei--form__input::placeholder {
    color: #d0d0d0
}

.exchange-imei--form__input:focus {
    border-color: #898989;
    outline: none
}

.exchange-imei--form--error {
    color: var(--brand-orange);
    visibility: hidden
}

@media screen and (max-width:720px) {
    .exchange-imei--form--error {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-imei--form--error {
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-imei--form--error {
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-imei--form--error {
        font-size: max(.625vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .exchange-imei--form--error {
        font-size: max(.625vw, 12px)
    }
}

.exchange-imei--form--error:empty {
    opacity: 0
}

.exchange-imei--form--error:empty:before {
    content: "਀"
}

.exchange-imei--form--error.visible {
    visibility: visible
}

.exchange-imei--form__actions {
    grid-template-columns: repeat(2, 1fr);
    margin: 0;
    display: grid
}

@media screen and (max-width:720px) {
    .exchange-imei--form__actions {
        -webkit-margin-before: 15px;
        gap: 20px;
        margin-top: 15px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-imei--form__actions {
        -webkit-margin-before: 1.25vw;
        gap: .694444vw;
        margin-top: 1.25vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-imei--form__actions {
        -webkit-margin-before: 1.25vw;
        gap: .694444vw;
        margin-top: 1.25vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-imei--form__actions {
        -webkit-margin-before: .703125vw;
        gap: .390625vw;
        margin-top: .703125vw
    }
}

@media screen and (min-width:1921px) {
    .exchange-imei--form__actions {
        -webkit-margin-before: .703125vw;
        gap: .390625vw;
        margin-top: .703125vw
    }
}

.exchange-imei--form__back {
    box-sizing: border-box;
    color: var(--text-base);
    width: 100%;
    border: 1px solid #191919;
    border: 1px solid var(--text-base)
}

@media screen and (max-width:720px) {
    .exchange-imei--form__back {
        height: 30px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-imei--form__back {
        border-radius: .833333vw;
        height: 2.77778vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-imei--form__back {
        border-radius: .833333vw;
        height: 2.77778vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-imei--form__back {
        border-radius: .46875vw;
        height: 1.5625vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .exchange-imei--form__back {
        border-radius: .46875vw;
        height: 1.5625vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

.exchange-imei--form__confirm {
    color: var(--background-white);
    width: 100%;
    background-color: #d0d0d0;
    background-color: var(--brand-grey-40);
    cursor: auto
}

@media screen and (max-width:720px) {
    .exchange-imei--form__confirm {
        height: 30px;
        padding: 0;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-imei--form__confirm {
        border-radius: .833333vw;
        height: 2.77778vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-imei--form__confirm {
        border-radius: .833333vw;
        height: 2.77778vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-imei--form__confirm {
        border-radius: .46875vw;
        height: 1.5625vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .exchange-imei--form__confirm {
        border-radius: .46875vw;
        height: 1.5625vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

.exchange-imei--form__confirm.enable {
    background-color: #191919;
    background-color: var(--text-base);
    cursor: pointer
}

.exchange-confirm-price {
    flex-flow: column;
    display: flex;
    position: relative
}

@media screen and (max-width:720px) {
    .exchange-confirm-price {
        -webkit-margin-before: 20px;
        margin-top: 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-confirm-price {
        -webkit-margin-before: 2.08333vw;
        margin-top: 2.08333vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-confirm-price {
        -webkit-margin-before: 2.08333vw;
        margin-top: 2.08333vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-confirm-price {
        -webkit-margin-before: 1.17188vw;
        margin-top: 1.17188vw
    }
}

@media screen and (min-width:1921px) {
    .exchange-confirm-price {
        -webkit-margin-before: 1.17188vw;
        margin-top: 1.17188vw
    }
}

.exchange-confirm-price-mention {
    color: var(--text-base)
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-confirm-price-mention {
        -webkit-margin-after: 1.11111vw;
        margin-bottom: 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-confirm-price-mention {
        -webkit-margin-after: 1.11111vw;
        margin-bottom: 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-confirm-price-mention {
        -webkit-margin-after: .625vw;
        margin-bottom: .625vw;
        font-size: max(.625vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .exchange-confirm-price-mention {
        -webkit-margin-after: .625vw;
        margin-bottom: .625vw;
        font-size: max(.625vw, 12px)
    }
}

@media screen and (max-width:720px) {
    .exchange-confirm-price .exchange-confirm-price__option__content {
        flex-direction: column;
        margin: auto;
        display: flex
    }

    .exchange-confirm-price .exchange-confirm-price__option__content .exchange-confirm-price__option__title,
    .exchange-confirm-price .exchange-confirm-price__option__content .exchange-confirm-price__desc {
        -webkit-margin-after: 12.5px;
        margin-bottom: 12.5px
    }
}

.exchange-confirm-price .exchange-confirm-price__option__item {
    border: 1px solid #dbdbdb;
    border: solid 1px var(--brand-grey-30);
    cursor: pointer;
    display: flex
}

@media screen and (max-width:720px) {
    .exchange-confirm-price .exchange-confirm-price__option__item {
        -webkit-margin-after: 15px;
        border-radius: 4px;
        gap: 10px;
        margin-bottom: 15px;
        padding: 10px 5px 5px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-confirm-price .exchange-confirm-price__option__item {
        -webkit-margin-after: 3.47222vw;
        border-radius: .694444vw;
        gap: 1.66667vw;
        margin-bottom: 3.47222vw;
        padding: 1.11111vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-confirm-price .exchange-confirm-price__option__item {
        -webkit-margin-after: 3.47222vw;
        border-radius: .694444vw;
        gap: 1.66667vw;
        margin-bottom: 3.47222vw;
        padding: 1.11111vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-confirm-price .exchange-confirm-price__option__item {
        -webkit-margin-after: 1.95313vw;
        border-radius: .390625vw;
        gap: .9375vw;
        margin-bottom: 1.95313vw;
        padding: .625vw
    }
}

@media screen and (min-width:1921px) {
    .exchange-confirm-price .exchange-confirm-price__option__item {
        -webkit-margin-after: 1.95313vw;
        border-radius: .390625vw;
        gap: .9375vw;
        margin-bottom: 1.95313vw;
        padding: .625vw
    }
}

.exchange-confirm-price .exchange-confirm-price__option__item:last-child {
    -webkit-margin-after: 0;
    margin-bottom: 0
}

.exchange-confirm-price .exchange-confirm-price__option__item.active {
    border: 1px solid #FF47C7;
    border: solid 1px #FF47C7
}

.exchange-confirm-price .exchange-confirm-price__option__item.active .exchange-confirm-price__option__radio {
    color: var(--brand-orange)
}

.exchange-confirm-price .exchange-confirm-price__option__radio {
    color: var(--text-base);
    display: block
}

@media screen and (max-width:720px) {
    .exchange-confirm-price .exchange-confirm-price__option__radio {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-confirm-price .exchange-confirm-price__option__radio {
        font-size: max(1.38889vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-confirm-price .exchange-confirm-price__option__radio {
        font-size: max(1.38889vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-confirm-price .exchange-confirm-price__option__radio {
        font-size: max(.78125vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .exchange-confirm-price .exchange-confirm-price__option__radio {
        font-size: max(.78125vw, 12px)
    }
}

.exchange-confirm-price .exchange-confirm-price__option__title {
    color: var(--text-base);
    font-weight: 400;
    line-height: 1
}

@media screen and (max-width:720px) {
    .exchange-confirm-price .exchange-confirm-price__option__title {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-confirm-price .exchange-confirm-price__option__title {
        font-size: max(1.25vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-confirm-price .exchange-confirm-price__option__title {
        font-size: max(1.25vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-confirm-price .exchange-confirm-price__option__title {
        font-size: max(.703125vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .exchange-confirm-price .exchange-confirm-price__option__title {
        font-size: max(.703125vw, 12px)
    }
}

.exchange-confirm-price .exchange-confirm-price__option__info {
    color: var(--text-secondary)
}

@media screen and (max-width:720px) {
    .exchange-confirm-price .exchange-confirm-price__option__info {
        -webkit-margin-before: 10px;
        margin-top: 10px;
        font-size: 12px;
        line-height: 15px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-confirm-price .exchange-confirm-price__option__info {
        -webkit-margin-before: 1.66667vw;
        margin-top: 1.66667vw;
        font-size: max(1.11111vw, 12px);
        line-height: 1.31944vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-confirm-price .exchange-confirm-price__option__info {
        -webkit-margin-before: 1.66667vw;
        margin-top: 1.66667vw;
        font-size: max(1.11111vw, 12px);
        line-height: 1.31944vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-confirm-price .exchange-confirm-price__option__info {
        -webkit-margin-before: .9375vw;
        margin-top: .9375vw;
        font-size: max(.625vw, 12px);
        line-height: .742188vw
    }
}

@media screen and (min-width:1921px) {
    .exchange-confirm-price .exchange-confirm-price__option__info {
        -webkit-margin-before: .9375vw;
        margin-top: .9375vw;
        font-size: max(.625vw, 12px);
        line-height: .742188vw
    }
}

.exchange-confirm-price .check-result--price {
    color: #FF47C7;
    line-height: 1
}

@media screen and (max-width:720px) {
    .exchange-confirm-price .check-result--price {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-confirm-price .check-result--price {
        -webkit-margin-before: .555556vw;
        margin-top: .555556vw;
        font-size: max(.972222vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-confirm-price .check-result--price {
        -webkit-margin-before: .555556vw;
        margin-top: .555556vw;
        font-size: max(.972222vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-confirm-price .check-result--price {
        -webkit-margin-before: .3125vw;
        margin-top: .3125vw;
        font-size: max(.546875vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .exchange-confirm-price .check-result--price {
        -webkit-margin-before: .3125vw;
        margin-top: .3125vw;
        font-size: max(.546875vw, 12px)
    }
}

.exchange-confirm-price__actions {
    z-index: 1000;
    background-color: #fff;
    order: 99;
    grid-template-columns: repeat(2, 1fr);
    padding: 15px 25px;
    display: grid;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .1)
}

@media screen and (max-width:720px) {
    .exchange-confirm-price__actions {
        -webkit-margin-before: 36px;
        gap: 20px;
        margin-top: 36px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-confirm-price__actions {
        -webkit-margin-before: 3.47222vw;
        gap: 1.11111vw;
        margin-top: 3.47222vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-confirm-price__actions {
        -webkit-margin-before: 3.47222vw;
        gap: 1.11111vw;
        margin-top: 3.47222vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-confirm-price__actions {
        -webkit-margin-before: 1.95313vw;
        gap: .625vw;
        margin-top: 1.95313vw
    }
}

@media screen and (min-width:1921px) {
    .exchange-confirm-price__actions {
        -webkit-margin-before: 1.95313vw;
        gap: .625vw;
        margin-top: 1.95313vw
    }
}

.exchange-confirm-price__back {
    box-sizing: border-box;
    color: var(--text-base);
    width: 100%;
    border: 1px solid #191919;
    border: 1px solid var(--text-base)
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-confirm-price__back {
        border-radius: .833333vw;
        height: 2.77778vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-confirm-price__back {
        border-radius: .833333vw;
        height: 2.77778vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-confirm-price__back {
        border-radius: .46875vw;
        height: 1.5625vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .exchange-confirm-price__back {
        border-radius: .46875vw;
        height: 1.5625vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

.exchange-confirm-price__confirm {
    box-sizing: border-box;
    color: #fff;
    background-color: #191919;
    background-color: var(--text-base);
    cursor: pointer;
    width: 100%
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-confirm-price__confirm {
        border-radius: .833333vw;
        height: 2.77778vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-confirm-price__confirm {
        border-radius: .833333vw;
        height: 2.77778vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-confirm-price__confirm {
        border-radius: .46875vw;
        height: 1.5625vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .exchange-confirm-price__confirm {
        border-radius: .46875vw;
        height: 1.5625vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

.exchange-confirm-price__desc {
    position: relative
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-confirm-price__desc {
        -webkit-margin-before: 1.66667vw;
        margin-top: 1.66667vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-confirm-price__desc {
        -webkit-margin-before: 1.66667vw;
        margin-top: 1.66667vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-confirm-price__desc {
        -webkit-margin-before: .9375vw;
        margin-top: .9375vw
    }
}

@media screen and (min-width:1921px) {
    .exchange-confirm-price__desc {
        -webkit-margin-before: .9375vw;
        margin-top: .9375vw
    }
}

.exchange-confirm-price__desc-price {
    color: #FF47C7;
    flex-flow: row;
    align-items: center;
    margin: 0 auto;
    font-weight: 700;
    line-height: 1;
    display: flex;
    position: relative
}

@media screen and (max-width:720px) {
    .exchange-confirm-price__desc-price {
        font-size: 18px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-confirm-price__desc-price {
        font-size: max(2.22222vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-confirm-price__desc-price {
        font-size: max(2.22222vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-confirm-price__desc-price {
        font-size: max(1.25vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .exchange-confirm-price__desc-price {
        font-size: max(1.25vw, 12px)
    }
}

.exchange-confirm-price__desc-square {
    position: relative
}

.exchange-confirm-price__desc i {
    color: var(--brand-grey-40)
}

@media screen and (max-width:720px) {
    .exchange-confirm-price__desc i {
        -webkit-margin-start: 4px;
        font-size: 14px
    }

    .exchange-confirm-price__desc i:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .exchange-confirm-price__desc i:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .exchange-confirm-price__desc i:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .exchange-confirm-price__desc i:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .exchange-confirm-price__desc i:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .exchange-confirm-price__desc i:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-confirm-price__desc i {
        -webkit-margin-start: .694444vw;
        font-size: max(1.66667vw, 12px)
    }

    .exchange-confirm-price__desc i:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .694444vw
    }

    .exchange-confirm-price__desc i:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .694444vw
    }

    .exchange-confirm-price__desc i:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .694444vw
    }

    .exchange-confirm-price__desc i:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .694444vw
    }

    .exchange-confirm-price__desc i:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .694444vw
    }

    .exchange-confirm-price__desc i:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .694444vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-confirm-price__desc i {
        -webkit-margin-start: .694444vw;
        font-size: max(1.66667vw, 12px)
    }

    .exchange-confirm-price__desc i:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .694444vw
    }

    .exchange-confirm-price__desc i:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .694444vw
    }

    .exchange-confirm-price__desc i:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .694444vw
    }

    .exchange-confirm-price__desc i:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .694444vw
    }

    .exchange-confirm-price__desc i:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .694444vw
    }

    .exchange-confirm-price__desc i:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .694444vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-confirm-price__desc i {
        -webkit-margin-start: .390625vw;
        font-size: max(.9375vw, 12px)
    }

    .exchange-confirm-price__desc i:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .390625vw
    }

    .exchange-confirm-price__desc i:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .390625vw
    }

    .exchange-confirm-price__desc i:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .390625vw
    }

    .exchange-confirm-price__desc i:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .390625vw
    }

    .exchange-confirm-price__desc i:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .390625vw
    }

    .exchange-confirm-price__desc i:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .390625vw
    }
}

@media screen and (min-width:1921px) {
    .exchange-confirm-price__desc i {
        -webkit-margin-start: .390625vw;
        font-size: max(.9375vw, 12px)
    }

    .exchange-confirm-price__desc i:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .390625vw
    }

    .exchange-confirm-price__desc i:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .390625vw
    }

    .exchange-confirm-price__desc i:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .390625vw
    }

    .exchange-confirm-price__desc i:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .390625vw
    }

    .exchange-confirm-price__desc i:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .390625vw
    }

    .exchange-confirm-price__desc i:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .390625vw
    }
}

.exchange-confirm-price__link {
    color: #898989;
    margin-bottom: 60px;
    text-decoration: underline
}

@media screen and (max-width:720px) {
    .exchange-confirm-price__link {
        -webkit-margin-before: 5px;
        margin-top: 5px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-confirm-price__link {
        -webkit-margin-before: 2.22222vw;
        margin-top: 2.22222vw;
        font-size: max(1.45833vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-confirm-price__link {
        -webkit-margin-before: 2.22222vw;
        margin-top: 2.22222vw;
        font-size: max(1.45833vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-confirm-price__link {
        -webkit-margin-before: 1.25vw;
        margin-top: 1.25vw;
        font-size: max(.820313vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .exchange-confirm-price__link {
        -webkit-margin-before: 1.25vw;
        margin-top: 1.25vw;
        font-size: max(.820313vw, 12px)
    }
}

@media screen and (max-width:720px) {
    .exchange-confirm-price__link {
        border-top: 1px solid #eee;
        justify-content: center;
        padding: 18px 0 0;
        display: flex
    }
}

.exchange-confirm-price__content {
    padding: 0 20px;
    display: flex
}

.exchange-confirm-price__content.with-border {
    border: 1px solid #dbdbdb;
    border-radius: 12px;
    padding: 20px
}

@media screen and (max-width:720px) {
    .exchange-confirm-price__content {
        --btn-link-font-size: 12px;
        padding: 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-confirm-price__content {
        -webkit-margin-before: 3.47222vw;
        --btn-link-font-size: 1.25vw;
        margin-top: 3.47222vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-confirm-price__content {
        -webkit-margin-before: 3.47222vw;
        --btn-link-font-size: 1.25vw;
        margin-top: 3.47222vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-confirm-price__content {
        -webkit-margin-before: 1.95313vw;
        --btn-link-font-size: .703125vw;
        margin-top: 1.95313vw
    }
}

@media screen and (min-width:1921px) {
    .exchange-confirm-price__content {
        -webkit-margin-before: 1.95313vw;
        --btn-link-font-size: .703125vw;
        margin-top: 1.95313vw
    }
}

@media screen and (max-width:720px) {
    .exchange-confirm-price__content__image {
        width: 78px;
        height: 82px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-confirm-price__content__image {
        -webkit-margin-end: 2.77778vw;
        width: 9.72222vw;
        height: 9.72222vw
    }

    .exchange-confirm-price__content__image:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 2.77778vw
    }

    .exchange-confirm-price__content__image:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 2.77778vw
    }

    .exchange-confirm-price__content__image:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 2.77778vw
    }

    .exchange-confirm-price__content__image:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 2.77778vw
    }

    .exchange-confirm-price__content__image:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 2.77778vw
    }

    .exchange-confirm-price__content__image:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 2.77778vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-confirm-price__content__image {
        -webkit-margin-end: 2.77778vw;
        width: 9.72222vw;
        height: 9.72222vw
    }

    .exchange-confirm-price__content__image:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 2.77778vw
    }

    .exchange-confirm-price__content__image:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 2.77778vw
    }

    .exchange-confirm-price__content__image:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 2.77778vw
    }

    .exchange-confirm-price__content__image:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 2.77778vw
    }

    .exchange-confirm-price__content__image:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 2.77778vw
    }

    .exchange-confirm-price__content__image:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 2.77778vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-confirm-price__content__image {
        -webkit-margin-end: 1.5625vw;
        width: 5.46875vw;
        height: 5.46875vw
    }

    .exchange-confirm-price__content__image:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 1.5625vw
    }

    .exchange-confirm-price__content__image:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 1.5625vw
    }

    .exchange-confirm-price__content__image:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 1.5625vw
    }

    .exchange-confirm-price__content__image:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 1.5625vw
    }

    .exchange-confirm-price__content__image:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 1.5625vw
    }

    .exchange-confirm-price__content__image:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 1.5625vw
    }
}

@media screen and (min-width:1921px) {
    .exchange-confirm-price__content__image {
        -webkit-margin-end: 1.5625vw;
        width: 5.46875vw;
        height: 5.46875vw
    }

    .exchange-confirm-price__content__image:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 1.5625vw
    }

    .exchange-confirm-price__content__image:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 1.5625vw
    }

    .exchange-confirm-price__content__image:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 1.5625vw
    }

    .exchange-confirm-price__content__image:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 1.5625vw
    }

    .exchange-confirm-price__content__image:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 1.5625vw
    }

    .exchange-confirm-price__content__image:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 1.5625vw
    }
}

.exchange-confirm-price__content-info {
    box-sizing: border-box;
    color: #333;
    flex-direction: column;
    justify-content: center;
    line-height: 16px;
    display: flex
}

.exchange-confirm-price__content-info:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.exchange-confirm-price__content-info:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.exchange-confirm-price__content-info:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.exchange-confirm-price__content-info:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.exchange-confirm-price__content-info:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.exchange-confirm-price__content-info:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

@media screen and (max-width:720px) {
    .exchange-confirm-price__content-info {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-confirm-price__content-info {
        font-size: max(.833333vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-confirm-price__content-info {
        font-size: max(.833333vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-confirm-price__content-info {
        font-size: max(.46875vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .exchange-confirm-price__content-info {
        font-size: max(.46875vw, 12px)
    }
}

.exchange-confirm-price__content-info-link {
    color: #298cda;
    cursor: pointer;
    font-size: var(--btn-link-font-size) !important
}

@media screen and (max-width:720px) {
    .exchange-confirm-price__content-info-link {
        -webkit-margin-start: 12px
    }

    .exchange-confirm-price__content-info-link:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 12px
    }

    .exchange-confirm-price__content-info-link:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 12px
    }

    .exchange-confirm-price__content-info-link:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 12px
    }

    .exchange-confirm-price__content-info-link:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 12px
    }

    .exchange-confirm-price__content-info-link:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 12px
    }

    .exchange-confirm-price__content-info-link:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-confirm-price__content-info-link {
        -webkit-margin-start: .694444vw
    }

    .exchange-confirm-price__content-info-link:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .694444vw
    }

    .exchange-confirm-price__content-info-link:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .694444vw
    }

    .exchange-confirm-price__content-info-link:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .694444vw
    }

    .exchange-confirm-price__content-info-link:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .694444vw
    }

    .exchange-confirm-price__content-info-link:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .694444vw
    }

    .exchange-confirm-price__content-info-link:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .694444vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-confirm-price__content-info-link {
        -webkit-margin-start: .694444vw
    }

    .exchange-confirm-price__content-info-link:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .694444vw
    }

    .exchange-confirm-price__content-info-link:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .694444vw
    }

    .exchange-confirm-price__content-info-link:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .694444vw
    }

    .exchange-confirm-price__content-info-link:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .694444vw
    }

    .exchange-confirm-price__content-info-link:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .694444vw
    }

    .exchange-confirm-price__content-info-link:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .694444vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-confirm-price__content-info-link {
        -webkit-margin-start: .390625vw
    }

    .exchange-confirm-price__content-info-link:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .390625vw
    }

    .exchange-confirm-price__content-info-link:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .390625vw
    }

    .exchange-confirm-price__content-info-link:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .390625vw
    }

    .exchange-confirm-price__content-info-link:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .390625vw
    }

    .exchange-confirm-price__content-info-link:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .390625vw
    }

    .exchange-confirm-price__content-info-link:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .390625vw
    }
}

@media screen and (min-width:1921px) {
    .exchange-confirm-price__content-info-link {
        -webkit-margin-start: .390625vw
    }

    .exchange-confirm-price__content-info-link:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .390625vw
    }

    .exchange-confirm-price__content-info-link:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .390625vw
    }

    .exchange-confirm-price__content-info-link:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: .390625vw
    }

    .exchange-confirm-price__content-info-link:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .390625vw
    }

    .exchange-confirm-price__content-info-link:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .390625vw
    }

    .exchange-confirm-price__content-info-link:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: .390625vw
    }
}

.exchange-disclaimer {
    text-align: center
}

.exchange-disclaimer-tip {
    color: #898989;
    line-height: 1.2
}

.exchange-disclaimer-tip:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.exchange-disclaimer-tip:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.exchange-disclaimer-tip:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.exchange-disclaimer-tip:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.exchange-disclaimer-tip:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.exchange-disclaimer-tip:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

@media screen and (max-width:720px) {
    .exchange-disclaimer-tip {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-disclaimer-tip {
        margin-bottom: 1.66667vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-disclaimer-tip {
        margin-bottom: 1.66667vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-disclaimer-tip {
        margin-bottom: .9375vw;
        font-size: max(.625vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .exchange-disclaimer-tip {
        margin-bottom: .9375vw;
        font-size: max(.625vw, 12px)
    }
}

.exchange-disclaimer__actions {
    grid-template-columns: repeat(2, 1fr);
    display: grid
}

@media screen and (max-width:720px) {
    .exchange-disclaimer__actions {
        gap: 20px;
        margin-top: 25px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-disclaimer__actions {
        gap: .694444vw;
        margin-top: 2.22222vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-disclaimer__actions {
        gap: .694444vw;
        margin-top: 2.22222vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-disclaimer__actions {
        gap: .390625vw;
        margin-top: 1.25vw
    }
}

@media screen and (min-width:1921px) {
    .exchange-disclaimer__actions {
        gap: .390625vw;
        margin-top: 1.25vw
    }
}

.exchange-disclaimer__back {
    box-sizing: border-box;
    color: var(--text-base);
    width: 100%;
    border: 1px solid #191919;
    border: 1px solid var(--text-base)
}

@media screen and (max-width:720px) {
    .exchange-disclaimer__back {
        height: 30px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-disclaimer__back {
        border-radius: .833333vw;
        height: 2.77778vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-disclaimer__back {
        border-radius: .833333vw;
        height: 2.77778vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-disclaimer__back {
        border-radius: .46875vw;
        height: 1.5625vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .exchange-disclaimer__back {
        border-radius: .46875vw;
        height: 1.5625vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

.exchange-disclaimer__confirm {
    box-sizing: border-box;
    color: #fff;
    cursor: auto;
    background-color: #d0d0d0;
    width: 100%
}

@media screen and (max-width:720px) {
    .exchange-disclaimer__confirm {
        height: 30px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .exchange-disclaimer__confirm {
        border-radius: .833333vw;
        height: 2.77778vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .exchange-disclaimer__confirm {
        border-radius: .833333vw;
        height: 2.77778vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .exchange-disclaimer__confirm {
        border-radius: .46875vw;
        height: 1.5625vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .exchange-disclaimer__confirm {
        border-radius: .46875vw;
        height: 1.5625vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

.exchange-disclaimer__confirm.enable {
    background-color: #191919;
    background-color: var(--text-base);
    cursor: pointer
}

.disclaimer__form {
    margin: 0 auto 18px;
    font-size: 12px
}

@media screen and (max-width:720px) {
    .disclaimer__form {
        -webkit-margin-before: 20px;
        margin-top: 20px
    }
}

.disclaimer__form-item {
    height: 30px;
    margin-bottom: 10px;
    line-height: 30px;
    display: flex
}

.disclaimer__form-item__label {
    display: none
}

.disclaimer__form-item__input {
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    width: 100%
}

@media screen and (max-width:720px) {
    .disclaimer__form-item__input {
        border-radius: 7.16px;
        height: 30px;
        padding: 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .disclaimer__form-item__input {
        border-radius: .972222vw;
        height: 2.77778vw;
        margin-bottom: .555556vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .disclaimer__form-item__input {
        border-radius: .972222vw;
        height: 2.77778vw;
        margin-bottom: .555556vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .disclaimer__form-item__input {
        border-radius: .546875vw;
        height: 1.5625vw;
        margin-bottom: .3125vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .disclaimer__form-item__input {
        border-radius: .546875vw;
        height: 1.5625vw;
        margin-bottom: .3125vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

.disclaimer__form-item__input::placeholder {
    color: #d0d0d0
}

.disclaimer__form-item__input::placeholder {
    color: #d0d0d0
}

.disclaimer__form-item__input::placeholder {
    color: #d0d0d0
}

.disclaimer__form-item__input:focus {
    border-color: #898989;
    outline: none
}

.disclaimer__form-item__button {
    color: #fff;
    cursor: auto;
    background-color: #d0d0d0;
    justify-content: center;
    align-items: center;
    display: flex
}

@media screen and (max-width:720px) {
    .disclaimer__form-item__button {
        width: 140px;
        height: 30px;
        margin-left: 12px;
        padding: 0;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .disclaimer__form-item__button {
        border-radius: .972222vw;
        width: 9.72222vw;
        height: 2.77778vw;
        margin-left: .694444vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .disclaimer__form-item__button {
        border-radius: .972222vw;
        width: 9.72222vw;
        height: 2.77778vw;
        margin-left: .694444vw;
        padding: .555556vw 1.11111vw;
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .disclaimer__form-item__button {
        border-radius: .546875vw;
        width: 5.46875vw;
        height: 1.5625vw;
        margin-left: .390625vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .disclaimer__form-item__button {
        border-radius: .546875vw;
        width: 5.46875vw;
        height: 1.5625vw;
        margin-left: .390625vw;
        padding: .3125vw .625vw;
        font-size: max(.625vw, 12px)
    }
}

.disclaimer__form-item__button.enable {
    background-color: #191919;
    background-color: var(--text-base);
    cursor: pointer
}

.mi-modal .mi-modal__content.mi-exchange-modal {
    flex-direction: column;
    display: flex;
    overflow: visible !important
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal .mi-modal__content.mi-exchange-modal {
        width: 44.4444vw;
        min-width: 44.4444vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal .mi-modal__content.mi-exchange-modal {
        width: 44.4444vw;
        min-width: 44.4444vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal .mi-modal__content.mi-exchange-modal {
        width: 25vw;
        min-width: 25vw
    }
}

@media screen and (min-width:1921px) {
    .mi-modal .mi-modal__content.mi-exchange-modal {
        width: 25vw;
        min-width: 25vw
    }
}

@media screen and (max-width:720px) {
    .mi-modal .mi-modal__content.mi-exchange-modal {
        min-height: -webkit-fit-content !important;
        min-height: -moz-fit-content !important;
        min-height: fit-content !important
    }
}

.mi-modal .mi-modal__content.mi-exchange-modal .mi-modal__header {
    height: unset;
    border-bottom: 0;
    margin: 0
}

@media screen and (max-width:720px) {
    .mi-modal .mi-modal__content.mi-exchange-modal .mi-modal__header {
        padding: 24.7px 24.7px 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal .mi-modal__content.mi-exchange-modal .mi-modal__header {
        padding: 2.77778vw 2.77778vw 1.38889vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal .mi-modal__content.mi-exchange-modal .mi-modal__header {
        padding: 2.77778vw 2.77778vw 1.38889vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal .mi-modal__content.mi-exchange-modal .mi-modal__header {
        padding: 1.5625vw 1.5625vw .78125vw
    }
}

@media screen and (min-width:1921px) {
    .mi-modal .mi-modal__content.mi-exchange-modal .mi-modal__header {
        padding: 1.5625vw 1.5625vw .78125vw
    }
}

.mi-modal .mi-modal__content.mi-exchange-modal .mi-modal__header .mi-modal__title {
    font-size: 16px
}

.mi-modal .mi-modal__content.mi-exchange-modal .mi-modal__header .mi-modal__title-wrap--center {
    text-align: center
}

@media screen and (max-width:720px) {
    .mi-modal .mi-modal__content.mi-exchange-modal .mi-modal__header .mi-modal__title {
        font-size: 14px;
        font-weight: 600
    }
}

.mi-modal .mi-modal__content.mi-exchange-modal .mi-modal__header .mi-modal__title-wrap {
    height: unset
}

.mi-modal .mi-modal__content.mi-exchange-modal .mi-modal__header .mi-modal__extra {
    color: var(--button-dialog-close);
    position: absolute;
    left: 32px
}

.mi-modal .mi-modal__content.mi-exchange-modal .mi-modal__header .mi-modal__extra:hover {
    color: var(--button-dialog-close-on)
}

.mi-modal .mi-modal__content.mi-exchange-modal .mi-modal__main {
    flex-grow: 1;
    margin: 0;
    overflow: auto
}

@media screen and (max-width:720px) {
    .mi-modal .mi-modal__content.mi-exchange-modal .mi-modal__main {
        padding: 6px 25px 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal .mi-modal__content.mi-exchange-modal .mi-modal__main {
        padding: 0 2.5vw 2.22222vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal .mi-modal__content.mi-exchange-modal .mi-modal__main {
        padding: 0 2.5vw 2.22222vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal .mi-modal__content.mi-exchange-modal .mi-modal__main {
        padding: 0 1.40625vw 1.25vw
    }
}

@media screen and (min-width:1921px) {
    .mi-modal .mi-modal__content.mi-exchange-modal .mi-modal__main {
        padding: 0 1.40625vw 1.25vw
    }
}

.insurance-section {
    -webkit-margin-before: var(--product-section-vertical-gap);
    margin-top: var(--product-section-vertical-gap)
}

@media screen and (max-width:720px) {
    .insurance-section {
        --product-section-vertical-gap: 40px;
        --product-section-title-size: 16px;
        --product-section-title-line-height: 1.25;
        --product-section-title-font-weight: 700;
        --product-section-title-margin-block-end: 14.6px;
        --product-section-title-arrow-size: 8px;
        --product-section-title-arrow-gap: 2px;
        --tips-margin-block-start: 8px;
        --insurance-item-padding: 16px;
        --insurance-item-border-radius: 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .insurance-section {
        --product-section-vertical-gap: 40px;
        --product-section-title-size: 20px;
        --product-section-title-line-height: 1;
        --product-section-title-font-weight: 700;
        --product-section-title-margin-block-end: 22px;
        --product-section-title-arrow-size: 12px;
        --product-section-title-arrow-gap: 4px;
        --tips-margin-block-start: 8px;
        --insurance-item-padding: 20px 32px 20px 16px;
        --insurance-item-border-radius: 10px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .insurance-section {
        --product-section-vertical-gap: 48px;
        --product-section-title-size: 22px;
        --product-section-title-line-height: 1;
        --product-section-title-font-weight: 700;
        --product-section-title-margin-block-end: 24px;
        --product-section-title-arrow-size: 18px;
        --product-section-title-arrow-gap: 6px;
        --tips-margin-block-start: 16px;
        --insurance-item-padding: 24px 24px 24px 20px;
        --insurance-item-border-radius: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .insurance-section {
        --product-section-vertical-gap: 60px;
        --product-section-title-size: 24px;
        --product-section-title-line-height: 1;
        --product-section-title-font-weight: 700;
        --product-section-title-margin-block-end: 24px;
        --product-section-title-arrow-size: 18px;
        --product-section-title-arrow-gap: 6px;
        --tips-margin-block-start: 16px;
        --insurance-item-padding: 24px 24px 24px 20px;
        --insurance-item-border-radius: 12px
    }
}

@media screen and (min-width:1921px) {
    .insurance-section {
        --product-section-vertical-gap: 60px;
        --product-section-title-size: 24px;
        --product-section-title-line-height: 1;
        --product-section-title-font-weight: 700;
        --product-section-title-margin-block-end: 24px;
        --product-section-title-arrow-size: 18px;
        --product-section-title-arrow-gap: 6px;
        --tips-margin-block-start: 16px;
        --insurance-item-padding: 24px 24px 24px 20px;
        --insurance-item-border-radius: 12px
    }
}

.insurance-section .insurance-section__title {
    -webkit-margin-after: var(--product-section-title-margin-block-end);
    color: var(--text-base);
    font-weight: var(--product-section-title-font-weight);
    font-size: var(--product-section-title-size);
    line-height: var(--product-section-title-line-height);
    align-items: center;
    margin: 0;
    margin-bottom: var(--product-section-title-margin-block-end);
    display: flex
}

.insurance-section .insurance-section__title.interactive {
    cursor: pointer
}

.insurance-section .insurance-section__arrow-right {
    -webkit-margin-start: var(--product-section-title-arrow-gap);
    font-size: var(--product-section-title-arrow-size)
}

.insurance-section .insurance-section__arrow-right:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--product-section-title-arrow-gap)
}

.insurance-section .insurance-section__arrow-right:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--product-section-title-arrow-gap)
}

.insurance-section .insurance-section__arrow-right:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--product-section-title-arrow-gap)
}

.insurance-section .insurance-section__arrow-right:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--product-section-title-arrow-gap)
}

.insurance-section .insurance-section__arrow-right:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--product-section-title-arrow-gap)
}

.insurance-section .insurance-section__arrow-right:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--product-section-title-arrow-gap)
}

.insurance-section .insurance-section__pre-sale-tips {
    -webkit-margin-before: var(--tips-margin-block-start);
    color: var(--brand-black-50);
    margin-top: var(--tips-margin-block-start);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.25
}

@media screen and (max-width:720px) {
    .insurance-section .insurance-section__pre-sale-tips {
        font-size: 12px;
        font-size: calc(12*var(--m-scale, 1)*1px)
    }

    .insurance-confirm-modal {
        --insurance-item-icon-size: 32px;
        --insurance-item-icon-margin-end: 12px;
        --insurance-item-title-size: 14px;
        --insurance-item-price-block-start: 10px;
        --insurance-item-price-font-weight: 600;
        --insurance-item-price-del-gap: 6px;
        --insurance-item-price-font-size: 14px;
        --insurance-item-del-font-size: 12px;
        --insurance-item-period-margin-gap: 6px;
        --desc-font-size: 12px;
        --desc-margin-block-gap: 12px;
        --insurance-item-terms-margin-gap: 16px;
        --insurance-item-checkbox-icon-size: 18px;
        --terms-padding-top: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .insurance-confirm-modal {
        --insurance-item-icon-size: 42px;
        --insurance-item-icon-margin-end: 12px;
        --insurance-item-title-size: 16px;
        --insurance-item-price-block-start: 10px;
        --insurance-item-price-font-weight: 600;
        --insurance-item-price-del-gap: 6px;
        --insurance-item-price-font-size: 14px;
        --insurance-item-del-font-size: 12px;
        --insurance-item-period-margin-gap: 6px;
        --desc-font-size: 13px;
        --desc-margin-block-gap: 12px;
        --insurance-item-terms-margin-gap: 16px;
        --insurance-item-checkbox-icon-size: 18px;
        --terms-padding-top: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .insurance-confirm-modal {
        --insurance-item-icon-size: 42px;
        --insurance-item-icon-margin-end: 12px;
        --insurance-item-title-size: 16px;
        --insurance-item-price-block-start: 10px;
        --insurance-item-price-font-weight: 600;
        --insurance-item-price-del-gap: 6px;
        --insurance-item-price-font-size: 16px;
        --insurance-item-del-font-size: 12px;
        --insurance-item-period-margin-gap: 6px;
        --desc-font-size: 14px;
        --desc-margin-block-gap: 12px;
        --insurance-item-terms-margin-gap: 16px;
        --insurance-item-checkbox-icon-size: 18px;
        --terms-padding-top: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .insurance-confirm-modal {
        --insurance-item-icon-size: 42px;
        --insurance-item-icon-margin-end: 12px;
        --insurance-item-title-size: 16px;
        --insurance-item-price-block-start: 10px;
        --insurance-item-price-font-weight: 600;
        --insurance-item-price-del-gap: 6px;
        --insurance-item-price-font-size: 16px;
        --insurance-item-del-font-size: 12px;
        --insurance-item-period-margin-gap: 6px;
        --desc-font-size: 14px;
        --desc-margin-block-gap: 12px;
        --insurance-item-terms-margin-gap: 16px;
        --insurance-item-checkbox-icon-size: 18px;
        --terms-padding-top: 14px
    }
}

@media screen and (min-width:1921px) {
    .insurance-confirm-modal {
        --insurance-item-icon-size: 42px;
        --insurance-item-icon-margin-end: 12px;
        --insurance-item-title-size: 16px;
        --insurance-item-price-block-start: 10px;
        --insurance-item-price-font-weight: 600;
        --insurance-item-price-del-gap: 6px;
        --insurance-item-price-font-size: 16px;
        --insurance-item-del-font-size: 12px;
        --insurance-item-period-margin-gap: 6px;
        --desc-font-size: 14px;
        --desc-margin-block-gap: 12px;
        --insurance-item-terms-margin-gap: 16px;
        --insurance-item-checkbox-icon-size: 18px;
        --terms-padding-top: 14px
    }
}

@media screen and (max-width:720px) {
    .insurance-confirm-modal .mi-modal__footer .mi-modal__button {
        --btn-font-size: 12px;
        --btn-padding-vertical: 7px;
        --btn-padding-horizontal: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .insurance-confirm-modal .mi-modal__footer .mi-modal__button {
        --btn-font-size: 12px;
        --btn-padding-vertical: 8px;
        --btn-padding-horizontal: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .insurance-confirm-modal .mi-modal__footer .mi-modal__button {
        --btn-font-size: 16px;
        --btn-padding-vertical: 10px;
        --btn-padding-horizontal: 10px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .insurance-confirm-modal .mi-modal__footer .mi-modal__button {
        --btn-font-size: 16px;
        --btn-padding-vertical: 10px;
        --btn-padding-horizontal: 10px
    }
}

@media screen and (min-width:1921px) {
    .insurance-confirm-modal .mi-modal__footer .mi-modal__button {
        --btn-font-size: 16px;
        --btn-padding-vertical: 10px;
        --btn-padding-horizontal: 10px
    }
}

.insurance-confirm-modal .insurance-structure {
    -webkit-padding-after: var(--desc-margin-block-gap);
    background: #fff;
    background: var(--background-white);
    padding-bottom: var(--desc-margin-block-gap);
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.insurance-confirm-modal .insurance-structure .insurance-structure-name {
    font-weight: 600
}

.insurance-confirm-modal .insurance-confirm-modal-desc {
    color: var(--text-secondary);
    font-size: var(--desc-font-size);
    white-space: break-spaces;
    line-height: 1.25
}

.insurance-confirm-modal .insurance-confirm-modal-desc .insurance-confirm-modal-expand__icon {
    -webkit-margin-start: .25rem;
    color: #FF47C7;
    vertical-align: bottom;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700
}

.insurance-confirm-modal .insurance-confirm-modal-desc .insurance-confirm-modal-expand__icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: .25rem
}

.insurance-confirm-modal .insurance-confirm-modal-desc .insurance-confirm-modal-expand__icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: .25rem
}

.insurance-confirm-modal .insurance-confirm-modal-desc .insurance-confirm-modal-expand__icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: .25rem
}

.insurance-confirm-modal .insurance-confirm-modal-desc .insurance-confirm-modal-expand__icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: .25rem
}

.insurance-confirm-modal .insurance-confirm-modal-desc .insurance-confirm-modal-expand__icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: .25rem
}

.insurance-confirm-modal .insurance-confirm-modal-desc .insurance-confirm-modal-expand__icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: .25rem
}

.insurance-confirm-modal .insurance-confirm-modal-desc .insurance-confirm-modal-article {
    display: inline
}

.insurance-confirm-modal .insurance-confirm-modal-learn-more {
    -webkit-margin-before: var(--desc-margin-block-gap);
    color: #FF47C7;
    margin-top: var(--desc-margin-block-gap);
    font-size: 12px
}

.insurance-confirm-modal .insurance-confirm-modal-tips {
    -webkit-margin-before: 4px;
    color: var(--text-error);
    margin-top: 4px;
    font-size: 12px
}

.insurance-confirm-modal .insurance-confirm-modal-desc-section {
    display: flex
}

.insurance-confirm-modal .insurance-confirm-modal-desc-section .insurance-confirm-modal-desc-placeholder {
    width: var(--insurance-item-icon-size);
    -webkit-margin-end: var(--insurance-item-icon-margin-end);
    flex-shrink: 0
}

.insurance-confirm-modal .insurance-confirm-modal-desc-section .insurance-confirm-modal-desc-placeholder:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--insurance-item-icon-margin-end)
}

.insurance-confirm-modal .insurance-confirm-modal-desc-section .insurance-confirm-modal-desc-placeholder:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--insurance-item-icon-margin-end)
}

.insurance-confirm-modal .insurance-confirm-modal-desc-section .insurance-confirm-modal-desc-placeholder:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--insurance-item-icon-margin-end)
}

.insurance-confirm-modal .insurance-confirm-modal-desc-section .insurance-confirm-modal-desc-placeholder:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--insurance-item-icon-margin-end)
}

.insurance-confirm-modal .insurance-confirm-modal-desc-section .insurance-confirm-modal-desc-placeholder:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--insurance-item-icon-margin-end)
}

.insurance-confirm-modal .insurance-confirm-modal-desc-section .insurance-confirm-modal-desc-placeholder:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--insurance-item-icon-margin-end)
}

.insurance-confirm-modal .insurance-terms {
    -webkit-padding-before: var(--terms-padding-top);
    color: var(--text-secondary);
    background: #fff;
    background: var(--background-white);
    border-top: 1px solid #eee;
    border-top: 1px solid var(--skeleton-color);
    padding-top: var(--terms-padding-top);
    position: -webkit-sticky;
    position: sticky;
    bottom: 0
}

.insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap {
    flex-shrink: 0
}

@media screen and (max-width:720px) {
    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap {
        -webkit-margin-end: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap {
        -webkit-margin-end: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap {
        -webkit-margin-end: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap {
        -webkit-margin-end: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }
}

@media screen and (min-width:1921px) {
    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap {
        -webkit-margin-end: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .insurance-confirm-modal .insurance-terms .insurance-terms-checkbox-wrap:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }
}

.insurance-structure {
    width: 100%;
    display: flex
}

.insurance-structure:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.insurance-structure:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.insurance-structure:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.insurance-structure:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.insurance-structure:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.insurance-structure:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

@media screen and (max-width:720px) {
    .insurance-structure.show-insurance-img {
        --insurance-item-icon-size: 52px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .insurance-structure.show-insurance-img {
        --insurance-item-icon-size: 52px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .insurance-structure.show-insurance-img {
        --insurance-item-icon-size: 52px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .insurance-structure.show-insurance-img {
        --insurance-item-icon-size: 52px
    }
}

@media screen and (min-width:1921px) {
    .insurance-structure.show-insurance-img {
        --insurance-item-icon-size: 52px
    }
}

@media screen and (max-width:720px) {
    .insurance-structure .insurance-structure {
        align-items: center
    }
}

.insurance-structure .insurance-structure-icon {
    width: var(--insurance-item-icon-size);
    height: var(--insurance-item-icon-size);
    -webkit-margin-end: var(--insurance-item-icon-margin-end);
    position: relative
}

.insurance-structure .insurance-structure-icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--insurance-item-icon-margin-end)
}

.insurance-structure .insurance-structure-icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--insurance-item-icon-margin-end)
}

.insurance-structure .insurance-structure-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--insurance-item-icon-margin-end)
}

.insurance-structure .insurance-structure-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--insurance-item-icon-margin-end)
}

.insurance-structure .insurance-structure-icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--insurance-item-icon-margin-end)
}

.insurance-structure .insurance-structure-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--insurance-item-icon-margin-end)
}

.insurance-structure .insurance-structure-icon .micon {
    font-size: var(--insurance-item-icon-size)
}

.insurance-structure .insurance-structure-icon .insurance-img {
    width: 100%;
    height: 100%
}

.insurance-structure .insurance-structure-content a {
    color: var(--text-base);
    font-weight: var(--insurance-item-title-weight);
    font-size: var(--insurance-item-title-size);
    line-height: 1.25
}

.insurance-structure .insurance-structure-name {
    font-weight: var(--insurance-item-title-weight);
    font-size: var(--insurance-item-title-size);
    line-height: 1.25
}

.insurance-structure .insurance-structure-price {
    -webkit-margin-before: var(--insurance-item-price-block-start);
    align-items: center;
    margin-top: var(--insurance-item-price-block-start);
    display: flex
}

.insurance-structure .insurance-structure-price:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.insurance-structure .insurance-structure-price:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.insurance-structure .insurance-structure-price:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.insurance-structure .insurance-structure-price:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.insurance-structure .insurance-structure-price:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.insurance-structure .insurance-structure-price:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.insurance-structure .insurance-structure-price .mi-price strong {
    font-weight: var(--insurance-item-price-font-weight);
    font-size: var(--insurance-item-price-font-size)
}

.insurance-structure .insurance-structure-price .mi-price strong[data-currency-pos=pre] small {
    font-size: 100%
}

.insurance-structure .insurance-structure-price .mi-price strong[data-currency-pos=pre][data-symbol-include-blank=false] small:after {
    content: " "
}

.insurance-structure .insurance-structure-price .mi-price strong[data-currency-pos=post] small {
    font-size: 100%
}

.insurance-structure .insurance-structure-price .mi-price strong[data-currency-pos=post][data-symbol-include-blank=false] small:before {
    content: " "
}

.insurance-structure .insurance-structure-price .mi-price del {
    -webkit-margin-start: var(--insurance-item-price-del-gap);
    color: var(--text-secondary);
    font-size: var(--insurance-item-del-font-size)
}

.insurance-structure .insurance-structure-price .mi-price del:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--insurance-item-price-del-gap)
}

.insurance-structure .insurance-structure-price .mi-price del:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--insurance-item-price-del-gap)
}

.insurance-structure .insurance-structure-price .mi-price del:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--insurance-item-price-del-gap)
}

.insurance-structure .insurance-structure-price .mi-price del:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--insurance-item-price-del-gap)
}

.insurance-structure .insurance-structure-price .mi-price del:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--insurance-item-price-del-gap)
}

.insurance-structure .insurance-structure-price .mi-price del:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--insurance-item-price-del-gap)
}

.insurance-structure .insurance-structure-price .mi-price del[data-currency-pos=pre] small {
    font-size: 100%
}

.insurance-structure .insurance-structure-price .mi-price del[data-currency-pos=pre][data-symbol-include-blank=false] small:after {
    content: " "
}

.insurance-structure .insurance-structure-price .mi-price del[data-currency-pos=post] small {
    font-size: 100%
}

.insurance-structure .insurance-structure-price .mi-price del[data-currency-pos=post][data-symbol-include-blank=false] small:before {
    content: " "
}

.insurance-structure .insurance-structure-period {
    -webkit-margin-start: var(--insurance-item-period-margin-gap);
    color: var(--brand-black-60);
    font-size: 12px;
    line-height: 1.25
}

.insurance-structure .insurance-structure-period:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--insurance-item-period-margin-gap)
}

.insurance-structure .insurance-structure-period:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--insurance-item-period-margin-gap)
}

.insurance-structure .insurance-structure-period:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--insurance-item-period-margin-gap)
}

.insurance-structure .insurance-structure-period:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--insurance-item-period-margin-gap)
}

.insurance-structure .insurance-structure-period:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--insurance-item-period-margin-gap)
}

.insurance-structure .insurance-structure-period:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--insurance-item-period-margin-gap)
}

.insurance-terms {
    -webkit-margin-before: var(--insurance-item-terms-margin-gap);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.25;
    line-height: var(--insurance-item-terms-line-height, 1.25);
    align-items: flex-start;
    margin-top: var(--insurance-item-terms-margin-gap);
    display: flex
}

.insurance-terms.disabled .insurance-terms-checkbox-wrap .mi-checkbox__item {
    cursor: not-allowed;
    pointer-events: none
}

.insurance-terms .insurance-terms-checkbox-wrap {
    width: var(--insurance-item-icon-size);
    -webkit-margin-end: var(--insurance-item-icon-margin-end);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex
}

.insurance-terms .insurance-terms-checkbox-wrap:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--insurance-item-icon-margin-end)
}

.insurance-terms .insurance-terms-checkbox-wrap:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--insurance-item-icon-margin-end)
}

.insurance-terms .insurance-terms-checkbox-wrap:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--insurance-item-icon-margin-end)
}

.insurance-terms .insurance-terms-checkbox-wrap:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--insurance-item-icon-margin-end)
}

.insurance-terms .insurance-terms-checkbox-wrap:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--insurance-item-icon-margin-end)
}

.insurance-terms .insurance-terms-checkbox-wrap:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--insurance-item-icon-margin-end)
}

.insurance-terms .insurance-terms-checkbox-wrap .mi-checkbox__item .checkbox__icon {
    font-size: var(--insurance-item-checkbox-icon-size)
}

.insurance-terms .insurance-terms-checkbox-wrap .checkbox__input:checked+.checkbox-wrapper {
    color: var(--brand-black)
}

.insurance-terms .insurance-terms-tc a {
    color: #FF47C7
}

@media screen and (max-width:720px) {
    .insurance-select {
        --insurance-item-gap: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .insurance-select {
        --insurance-item-gap: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .insurance-select {
        --insurance-item-gap: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .insurance-select {
        --insurance-item-gap: 16px
    }
}

@media screen and (min-width:1921px) {
    .insurance-select {
        --insurance-item-gap: 16px
    }
}

.insurance-select .insurance-select-list+.insurance-select-list,
.insurance-select .insurance-select-item+.insurance-select-item {
    -webkit-margin-before: var(--insurance-item-gap);
    margin-top: var(--insurance-item-gap)
}

.insurance-select-item {
    color: var(--text-base);
    transition: opacity .3s
}

@media screen and (max-width:720px) {
    .insurance-select-item {
        --insurance-item-icon-size: 32px;
        --insurance-item-icon-margin-end: 12px;
        --insurance-item-title-size: 14px;
        --insurance-item-title-weight: 500;
        --insurance-item-selected-title-weight: 700;
        --insurance-item-price-font-weight: 700;
        --insurance-item-price-block-start: 8px;
        --insurance-item-price-symbol-gap: 4px;
        --insurance-item-price-del-gap: 6px;
        --insurance-item-price-font-size: 16px;
        --insurance-item-del-font-size: 12px;
        --insurance-item-period-margin-gap: 6px;
        --insurance-item-terms-margin-gap: 12px;
        --insurance-item-checkbox-icon-size: 18px;
        --insurance-item-terms-line-height: 1.5
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .insurance-select-item {
        --insurance-item-icon-size: 32px;
        --insurance-item-icon-margin-end: 12px;
        --insurance-item-title-size: 14px;
        --insurance-item-title-weight: 500;
        --insurance-item-selected-title-weight: 500;
        --insurance-item-price-font-weight: 700;
        --insurance-item-price-block-start: 10px;
        --insurance-item-price-symbol-gap: 4px;
        --insurance-item-price-del-gap: 6px;
        --insurance-item-price-font-size: 15px;
        --insurance-item-del-font-size: 12px;
        --insurance-item-period-margin-gap: 6px;
        --insurance-item-terms-margin-gap: 12px;
        --insurance-item-checkbox-icon-size: 18px;
        --insurance-item-terms-line-height: 1.25
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .insurance-select-item {
        --insurance-item-icon-size: 32px;
        --insurance-item-icon-margin-end: 12px;
        --insurance-item-title-size: 15px;
        --insurance-item-title-weight: 500;
        --insurance-item-selected-title-weight: 700;
        --insurance-item-price-font-weight: 700;
        --insurance-item-price-block-start: 12px;
        --insurance-item-price-symbol-gap: 4px;
        --insurance-item-price-del-gap: 6px;
        --insurance-item-price-font-size: 16px;
        --insurance-item-del-font-size: 12px;
        --insurance-item-period-margin-gap: 6px;
        --insurance-item-terms-margin-gap: 16px;
        --insurance-item-checkbox-icon-size: 18px;
        --insurance-item-terms-line-height: 1.25
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .insurance-select-item {
        --insurance-item-icon-size: 32px;
        --insurance-item-icon-margin-end: 12px;
        --insurance-item-title-size: 16px;
        --insurance-item-title-weight: 500;
        --insurance-item-selected-title-weight: 700;
        --insurance-item-price-font-weight: 700;
        --insurance-item-price-block-start: 12px;
        --insurance-item-price-symbol-gap: 4px;
        --insurance-item-price-del-gap: 6px;
        --insurance-item-price-font-size: 16px;
        --insurance-item-del-font-size: 12px;
        --insurance-item-period-margin-gap: 6px;
        --insurance-item-terms-margin-gap: 16px;
        --insurance-item-checkbox-icon-size: 18px;
        --insurance-item-terms-line-height: 1.25
    }
}

@media screen and (min-width:1921px) {
    .insurance-select-item {
        --insurance-item-icon-size: 32px;
        --insurance-item-icon-margin-end: 12px;
        --insurance-item-title-size: 16px;
        --insurance-item-title-weight: 500;
        --insurance-item-selected-title-weight: 700;
        --insurance-item-price-font-weight: 700;
        --insurance-item-price-block-start: 12px;
        --insurance-item-price-symbol-gap: 4px;
        --insurance-item-price-del-gap: 6px;
        --insurance-item-price-font-size: 16px;
        --insurance-item-del-font-size: 12px;
        --insurance-item-period-margin-gap: 6px;
        --insurance-item-terms-margin-gap: 16px;
        --insurance-item-checkbox-icon-size: 18px;
        --insurance-item-terms-line-height: 1.25
    }
}

.insurance-select-item.disabled {
    opacity: .4
}

.insurance-select-item.disabled .insurance-select-item-button:hover {
    box-shadow: inset 0 0 0 1px #d1d1d1;
    box-shadow: inset 0 0 0 1px var(--brand-black-20);
    cursor: not-allowed
}

.insurance-select-item .insurance-select-item-button {
    padding: var(--insurance-item-padding);
    color: var(--text-base);
    line-height: 1.25;
    line-height: var(--line-height, 1.25);
    background: #fff;
    background: var(--background-white);
    border-radius: var(--insurance-item-border-radius);
    box-shadow: inset 0 0 0 1px #d1d1d1;
    box-shadow: inset 0 0 0 1px var(--brand-black-20);
    -webkit-tap-highlight-color: transparent;
    border: none;
    transition: background-color .3s, border-color .3s, opacity .3s;
    display: block
}

.insurance-select-item .insurance-select-item-button:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.insurance-select-item .insurance-select-item-button:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.insurance-select-item .insurance-select-item-button:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.insurance-select-item .insurance-select-item-button:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.insurance-select-item .insurance-select-item-button:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.insurance-select-item .insurance-select-item-button:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.insurance-select-item .insurance-select-item-button:hover {
    box-shadow: inset 0 0 0 1.5px #d1d1d1;
    box-shadow: inset 0 0 0 1.5px var(--brand-black-20);
    cursor: pointer
}

.insurance-select-item.selected {
    border-width: 0
}

.insurance-select-item.selected .insurance-select-item-button {
    box-shadow: inset 0 0 0 1.5px #FF47C7;
    box-shadow: inset 0 0 0 1.5px var(--border-primary)
}

.insurance-select-item.selected .insurance-select-item-button .insurance-structure-name {
    font-weight: var(--insurance-item-selected-title-weight)
}

.insurance-select-item.selected .insurance-select-item-button:hover {
    box-shadow: inset 0 0 0 1.5px #FF47C7;
    box-shadow: inset 0 0 0 1.5px var(--border-primary)
}

.insurance-select-item:not(.disabled) .insurance-terms .mi-checkbox__item .checkbox__icon {
    cursor: pointer
}

.insurance-select-item .insurance-select-item-purchase-text-wrap {
    -webkit-margin-before: var(--insurance-item-terms-margin-gap);
    margin-top: var(--insurance-item-terms-margin-gap);
    display: flex
}

.insurance-select-item .insurance-select-item-purchase-text-wrap .insurance-select-item-purchase-placeholder {
    width: var(--insurance-item-icon-size);
    -webkit-margin-end: var(--insurance-item-icon-margin-end);
    flex-shrink: 0
}

.insurance-select-item .insurance-select-item-purchase-text-wrap .insurance-select-item-purchase-placeholder:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--insurance-item-icon-margin-end)
}

.insurance-select-item .insurance-select-item-purchase-text-wrap .insurance-select-item-purchase-placeholder:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--insurance-item-icon-margin-end)
}

.insurance-select-item .insurance-select-item-purchase-text-wrap .insurance-select-item-purchase-placeholder:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--insurance-item-icon-margin-end)
}

.insurance-select-item .insurance-select-item-purchase-text-wrap .insurance-select-item-purchase-placeholder:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--insurance-item-icon-margin-end)
}

.insurance-select-item .insurance-select-item-purchase-text-wrap .insurance-select-item-purchase-placeholder:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--insurance-item-icon-margin-end)
}

.insurance-select-item .insurance-select-item-purchase-text-wrap .insurance-select-item-purchase-placeholder:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--insurance-item-icon-margin-end)
}

.insurance-select-item .insurance-select-item-purchase-text-wrap .insurance-select-item-purchase-text {
    color: #FF47C7
}

@media screen and (max-width:720px) {
    .energy-label-responsive {
        --image-width: 57px;
        --info-margin-left: 6px;
        --link-font-size: 12px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 16px;
        --link-text-width: 114px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .energy-label-responsive {
        --image-width: 80px;
        --info-margin-left: 8px;
        --link-font-size: 15px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 16px;
        --link-text-width: 148px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .energy-label-responsive {
        --image-width: 91px;
        --info-margin-left: 10px;
        --link-font-size: 17px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 20px;
        --link-text-width: 148px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (max-width:720px) {
    .button-action .button-action__group .button-action__energy {
        --image-width: 46px;
        --info-margin-left: 6px;
        --link-font-size: 10px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 95px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .button-action .button-action__group .button-action__energy {
        --image-width: 46px;
        --info-margin-left: 6px;
        --link-font-size: 10px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 95px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .button-action .button-action__group .button-action__energy {
        --image-width: 51px;
        --info-margin-left: 6px;
        --link-font-size: 11px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 114px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .button-action .button-action__group .button-action__energy {
        --image-width: 51px;
        --info-margin-left: 6px;
        --link-font-size: 11px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 114px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:1921px) {
    .button-action .button-action__group .button-action__energy {
        --image-width: 51px;
        --info-margin-left: 6px;
        --link-font-size: 11px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 114px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (max-width:720px) {
    .button-action .button-action__group .button-action__energy {
        -webkit-margin-start: 4px;
        -webkit-margin-end: 4px;
        margin-left: 4px;
        margin-right: 4px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .button-action .button-action__group .button-action__energy {
        -webkit-margin-start: 4px;
        -webkit-margin-end: 4px;
        margin-left: 4px;
        margin-right: 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .button-action .button-action__group .button-action__energy {
        -webkit-margin-start: 4px;
        -webkit-margin-end: 4px;
        margin-left: 4px;
        margin-right: 4px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .button-action .button-action__group .button-action__energy {
        -webkit-margin-start: 4px;
        -webkit-margin-end: 4px;
        margin-left: 4px;
        margin-right: 4px
    }
}

@media screen and (min-width:1921px) {
    .button-action .button-action__group .button-action__energy {
        -webkit-margin-start: 4px;
        -webkit-margin-end: 4px;
        margin-left: 4px;
        margin-right: 4px
    }
}

.button-action {
    flex-flow: column;
    display: flex
}

.button-action .navigator-section-right-price {
    -webkit-margin-start: 16px;
    margin: auto 0
}

.button-action .navigator-section-right-price:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 16px
}

.button-action .navigator-section-right-price:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 16px
}

.button-action .navigator-section-right-price:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 16px
}

.button-action .navigator-section-right-price:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 16px
}

.button-action .navigator-section-right-price:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 16px
}

.button-action .navigator-section-right-price:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 16px
}

@media screen and (max-width:720px) {
    .button-action.global-fixed--button-action {
        box-sizing: border-box;
        -moz-column-gap: 40px;
        background-color: #fff;
        column-gap: 40px;
        width: 100%;
        padding: 12px 16px;
        left: 0;
        right: auto;
        box-shadow: 0 -1px 3px rgba(0, 0, 0, .05), 0 -.5px #e5e5e5
    }

    [dir=rtl] .button-action.global-fixed--button-action {
        left: auto
    }

    [dir=rtl] .button-action.global-fixed--button-action {
        right: 0
    }

    .button-action.global-fixed--button-action .buy-product__installment-price .buy-product__installment-price__sale {
        font-size: 16px;
        font-weight: 700;
        line-height: 1
    }

    .button-action.global-fixed--button-action .buy-product__installment-price .buy-product__installment-price__month .installment-month {
        font-size: 10px
    }

    .button-action.global-fixed--button-action .button-action__group {
        justify-content: space-between;
        display: flex
    }

    .button-action.global-fixed--button-action .button-action__group .button-action__submit {
        border-radius: 12px;
        max-width: 150px;
        height: 36px;
        padding: 0 20px;
        font-size: 14px;
        font-weight: 500
    }

    .button-action.global-fixed--button-action .button-action__notify {
        margin: 12px 16px 0
    }

    .button-action.global-fixed--button-action.global-fixed--button-action-ios {
        padding-bottom: 24px
    }
}

.button-action .button-action__notify {
    color: var(--text-secondary)
}

@media screen and (max-width:720px) {
    .button-action .button-action__notify {
        margin-bottom: 12px;
        font-size: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .button-action .button-action__notify {
        margin-bottom: 16px;
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .button-action .button-action__notify {
        margin-bottom: 16px;
        font-size: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .button-action .button-action__notify {
        margin-bottom: 16px;
        font-size: 12px
    }
}

@media screen and (min-width:1921px) {
    .button-action .button-action__notify {
        margin-bottom: 16px;
        font-size: 12px
    }
}

.button-action .button-action__notify:empty {
    margin-bottom: 0;
    display: none
}

.button-action .button-action__notify .input {
    -webkit-margin-end: 8px;
    width: 16px;
    height: 16px
}

.button-action .button-action__notify .input:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 8px
}

.button-action .button-action__notify .input:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 8px
}

.button-action .button-action__notify .input:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 8px
}

.button-action .button-action__notify .input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 8px
}

.button-action .button-action__notify .input:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 8px
}

.button-action .button-action__notify .input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 8px
}

@media screen and (max-width:720px) {
    .button-action .button-action__dealer {
        text-align: center;
        color: #898989;
        margin-bottom: 12px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .button-action .button-action__dealer {
        color: #191919;
        margin-bottom: 16px;
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .button-action .button-action__dealer {
        color: #191919;
        margin-bottom: 16px;
        font-size: 15px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .button-action .button-action__dealer {
        color: #191919;
        margin-bottom: 16px;
        font-size: 18px
    }
}

@media screen and (min-width:1921px) {
    .button-action .button-action__dealer {
        color: #191919;
        margin-bottom: 16px;
        font-size: 18px
    }
}

.button-action .button-action__checkbox-wrapper {
    display: flex
}

.button-action .button-action__checkbox-wrapper .button-action__checkbox-portal {
    vertical-align: middle;
    display: inline-block
}

.button-action .button-action__checkbox-wrapper .button-action__checkbox-portal .micon-checkbox-checked {
    color: #191919
}

.button-action .button-action__checkbox-wrapper .button-action__checkbox-wrap {
    -webkit-margin-start: 10px;
    color: #303030
}

.button-action .button-action__checkbox-wrapper .button-action__checkbox-wrap:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 10px
}

.button-action .button-action__checkbox-wrapper .button-action__checkbox-wrap:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 10px
}

.button-action .button-action__checkbox-wrapper .button-action__checkbox-wrap:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 10px
}

.button-action .button-action__checkbox-wrapper .button-action__checkbox-wrap:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 10px
}

.button-action .button-action__checkbox-wrapper .button-action__checkbox-wrap:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 10px
}

.button-action .button-action__checkbox-wrapper .button-action__checkbox-wrap:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 10px
}

@media screen and (max-width:720px) {
    .button-action .button-action__checkbox-wrapper .button-action__checkbox-wrap {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .button-action .button-action__checkbox-wrapper .button-action__checkbox-wrap {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .button-action .button-action__checkbox-wrapper .button-action__checkbox-wrap {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .button-action .button-action__checkbox-wrapper .button-action__checkbox-wrap {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .button-action .button-action__checkbox-wrapper .button-action__checkbox-wrap {
        font-size: 14px
    }
}

.button-action .button-action__checkbox-wrapper input[type=checkbox] {
    display: none
}

.button-action .button-action__checkbox-wrapper .button-action__checkbox {
    box-sizing: border-box;
    border: 1px solid #b0b0b0;
    border: 1px solid var(--border-input);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    display: inline-flex
}

.button-action .button-action__checkbox-wrapper .button-action__checkbox--checked {
    color: var(--link-light-variant);
    background: #191919;
    border: 0
}

.button-action .button-action__checkbox-wrapper .button-action__checkbox-label {
    min-height: 22px
}

.button-action .button-action__checkbox-wrapper a {
    -webkit-margin-start: 5px;
    color: #FF47C7;
    display: inline
}

.button-action .button-action__checkbox-wrapper a:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 5px
}

.button-action .button-action__checkbox-wrapper a:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 5px
}

.button-action .button-action__checkbox-wrapper a:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 5px
}

.button-action .button-action__checkbox-wrapper a:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 5px
}

.button-action .button-action__checkbox-wrapper a:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 5px
}

.button-action .button-action__checkbox-wrapper a:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 5px
}

.button-action .button-action__checkbox-wrapper .icon-check {
    color: var(--text-variant);
    flex-shrink: 0;
    transform: scale(.5)
}

@media screen and (max-width:720px) {

    .button-action .button-action__checkbox-wrapper .micon-checkbox-checked,
    .button-action .button-action__checkbox-wrapper .micon-checkbox-unchecked {
        font-size: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .button-action .button-action__checkbox-wrapper .micon-checkbox-checked,
    .button-action .button-action__checkbox-wrapper .micon-checkbox-unchecked {
        font-size: 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .button-action .button-action__checkbox-wrapper .micon-checkbox-checked,
    .button-action .button-action__checkbox-wrapper .micon-checkbox-unchecked {
        font-size: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .button-action .button-action__checkbox-wrapper .micon-checkbox-checked,
    .button-action .button-action__checkbox-wrapper .micon-checkbox-unchecked {
        font-size: 20px
    }
}

@media screen and (min-width:1921px) {

    .button-action .button-action__checkbox-wrapper .micon-checkbox-checked,
    .button-action .button-action__checkbox-wrapper .micon-checkbox-unchecked {
        font-size: 20px
    }
}

.button-action .button-action__group {
    flex-flow: row;
    display: flex
}

.button-action .button-action__group .button-action__price {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.button-action .button-action__group .button-action__link {
    -webkit-margin-end: 16px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 0 4px;
    font-size: 12px;
    display: none
}

.button-action .button-action__group .button-action__link:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 16px
}

.button-action .button-action__group .button-action__link:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 16px
}

.button-action .button-action__group .button-action__link:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 16px
}

.button-action .button-action__group .button-action__link:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 16px
}

.button-action .button-action__group .button-action__link:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 16px
}

.button-action .button-action__group .button-action__link:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 16px
}

.button-action .button-action__group .button-action__link i.micon {
    font-size: 26px;
    line-height: 1
}

.button-action .button-action__group .button-action__button {
    flex-grow: 1;
    transition: opacity .3s
}

.button-action .button-action__group .button-action__button:not(:disabled):not(.button-action__submit--disabled):hover {
    opacity: .9;
    background-color: #191919
}

.button-action .button-action__group .button-action__button.button-action__submit--disabled,
.button-action .button-action__group .button-action__button:disabled {
    opacity: .5;
    background-color: #191919
}

@media screen and (max-width:720px) {
    .button-action .button-action__group .button-action__button {
        --btn-font-size: 14px;
        border-radius: 10px;
        min-height: 36px;
        padding: 0 20px;
        font-size: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .button-action .button-action__group .button-action__button {
        --btn-font-size: 16px;
        border-radius: 10px;
        min-height: 32px;
        padding: 0 20px;
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .button-action .button-action__group .button-action__button {
        --btn-font-size: 18px;
        border-radius: 12px;
        min-height: 36px;
        padding: 0 24px;
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .button-action .button-action__group .button-action__button {
        --btn-font-size: 24px;
        border-radius: 12px;
        min-height: 36px;
        padding: 0 24px;
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .button-action .button-action__group .button-action__button {
        --btn-font-size: 24px;
        border-radius: 12px;
        min-height: 36px;
        padding: 0 24px;
        font-size: 16px
    }
}

.subscribe-dialog__title {
    height: 80px;
    color: var(--title-base);
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid var(--border-light-variant);
    margin: 0;
    padding: 0;
    font-size: 28px;
    font-weight: 400;
    line-height: 80px
}

.subscribe-dialog__email {
    text-align: center;
    margin: auto
}

.subscribe-dialog__email__title {
    margin: 5px auto;
    font-size: 22px;
    font-weight: 300
}

.subscribe-dialog__email__input {
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    width: 544px;
    height: 48px;
    margin: 32px auto 8px;
    padding: 14px 16px;
    font-size: 16px
}

.subscribe-dialog__email__input::placeholder {
    color: #898989
}

.subscribe-dialog__email__input::placeholder {
    color: #898989
}

.subscribe-dialog__email__input::placeholder {
    color: #898989
}

.subscribe-dialog__email--error {
    color: #ff4e4e;
    width: 544px;
    margin: 0 auto
}

.subscribe-dialog__email--error:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.subscribe-dialog__email--error:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.subscribe-dialog__email--error:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.subscribe-dialog__email--error:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.subscribe-dialog__email--error:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.subscribe-dialog__email--error:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.subscribe-dialog__email--error.emailIsLegal {
    visibility: hidden
}

.subscribe-dialog .mi-modal__main {
    margin-bottom: 0
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .subscribe-dialog .mi-modal__main {
        padding-bottom: 2.77778vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .subscribe-dialog .mi-modal__main {
        padding-bottom: 2.77778vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .subscribe-dialog .mi-modal__main {
        padding-bottom: 1.5625vw
    }
}

@media screen and (min-width:1921px) {
    .subscribe-dialog .mi-modal__main {
        padding-bottom: 1.5625vw
    }
}

.subscribe-dialog .mi-modal__main+.mi-modal__footer {
    margin-top: 0
}

.subscribe-dialog .mi-modal__footer .mi-modal__button {
    height: 36px
}

.subscribe-dialog__content {
    box-sizing: border-box;
    width: 100%
}

.subscribe-dialog__content .subscribe-dialog__icon {
    justify-content: center;
    display: flex
}

.subscribe-dialog__content .subscribe-dialog__icon .micon {
    color: #50c050;
    line-height: 1
}

@media screen and (max-width:720px) {
    .subscribe-dialog__content .subscribe-dialog__icon .micon {
        font-size: 11.1111vw;
        margin-bottom: 4.44444vw;
        font-size: max(11.1111vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .subscribe-dialog__content .subscribe-dialog__icon .micon {
        margin-bottom: .9375vw;
        font-size: max(5.55556vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .subscribe-dialog__content .subscribe-dialog__icon .micon {
        margin-bottom: .9375vw;
        font-size: max(5.55556vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .subscribe-dialog__content .subscribe-dialog__icon .micon {
        margin-bottom: .9375vw;
        font-size: max(3.125vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .subscribe-dialog__content .subscribe-dialog__icon .micon {
        margin-bottom: .9375vw;
        font-size: max(3.125vw, 12px)
    }
}

.subscribe-dialog__content .subscribe-dialog__subtitle {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    font-weight: 700;
    line-height: 1.2
}

@media screen and (max-width:720px) {
    .subscribe-dialog__content .subscribe-dialog__subtitle {
        margin-bottom: 1.38889vw;
        font-size: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .subscribe-dialog__content .subscribe-dialog__subtitle {
        margin-bottom: .625vw;
        font-size: max(1.66667vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .subscribe-dialog__content .subscribe-dialog__subtitle {
        margin-bottom: .625vw;
        font-size: max(1.66667vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .subscribe-dialog__content .subscribe-dialog__subtitle {
        margin-bottom: .625vw;
        font-size: max(.9375vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .subscribe-dialog__content .subscribe-dialog__subtitle {
        margin-bottom: .625vw;
        font-size: max(.9375vw, 12px)
    }
}

.subscribe-dialog__content .subscribe-dialog__detail {
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    color: #898989;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.2
}

@media screen and (max-width:720px) {
    .subscribe-dialog__content .subscribe-dialog__detail {
        font-size: 3.33333vw;
        margin-bottom: 4.44444vw;
        font-size: max(3.33333vw, 12px)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .subscribe-dialog__content .subscribe-dialog__detail {
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .subscribe-dialog__content .subscribe-dialog__detail {
        font-size: max(1.11111vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .subscribe-dialog__content .subscribe-dialog__detail {
        font-size: max(.625vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .subscribe-dialog__content .subscribe-dialog__detail {
        font-size: max(.625vw, 12px)
    }
}

.subscribe-dialog__actions {
    border-top: 1px solid var(--border-light-variant);
    justify-content: center;
    align-items: center;
    height: 80px;
    display: flex
}

.subscribe-dialog__actions .subscribe-dialog__button {
    box-sizing: border-box;
    height: 40px;
    color: var(--link-light-variant);
    background-color: #FF47C7;
    background-color: var(--background-primary);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0 40px;
    font-size: 14px;
    line-height: 40px;
    display: flex
}

@media screen and (max-width:720px) {
    .mi-modal .subscribe-dialog {
        max-width: 70%;
        padding: 0 8px 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-modal .subscribe-dialog {
        width: 44.4444vw;
        min-height: 28.75vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-modal .subscribe-dialog {
        width: 44.4444vw;
        min-height: 28.75vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-modal .subscribe-dialog {
        width: 25vw;
        min-height: 16.1719vw
    }
}

@media screen and (min-width:1921px) {
    .mi-modal .subscribe-dialog {
        width: 25vw;
        min-height: 16.1719vw
    }
}

.buy-product__installment-price {
    flex-direction: column;
    justify-content: center;
    display: flex
}

@media screen and (max-width:720px) {
    .buy-product__installment-price {
        row-gap: 4px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product__installment-price {
        row-gap: 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product__installment-price {
        row-gap: 4px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product__installment-price {
        row-gap: 4px
    }
}

@media screen and (min-width:1921px) {
    .buy-product__installment-price {
        row-gap: 4px
    }
}

.buy-product__installment-price .buy-product__installment-price__sale {
    justify-content: flex-end;
    align-items: center;
    line-height: 1;
    display: flex
}

@media screen and (max-width:720px) {
    .buy-product__installment-price .buy-product__installment-price__sale {
        justify-content: flex-start
    }

    .buy-product__installment-price .buy-product__installment-price__sale strong,
    .buy-product__installment-price .buy-product__installment-price__sale small {
        font-size: 16px;
        font-weight: 700
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .buy-product__installment-price .buy-product__installment-price__sale strong,
    .buy-product__installment-price .buy-product__installment-price__sale small {
        font-size: 16px;
        font-weight: 600
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .buy-product__installment-price .buy-product__installment-price__sale strong,
    .buy-product__installment-price .buy-product__installment-price__sale small {
        font-size: 18px;
        font-weight: 600
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .buy-product__installment-price .buy-product__installment-price__sale strong,
    .buy-product__installment-price .buy-product__installment-price__sale small {
        font-size: 18px;
        font-weight: 600
    }
}

@media screen and (min-width:1921px) {

    .buy-product__installment-price .buy-product__installment-price__sale strong,
    .buy-product__installment-price .buy-product__installment-price__sale small {
        font-size: 18px;
        font-weight: 600
    }
}

.buy-product__installment-price .buy-product__installment-price__sale.mi-price strong small {
    font-size: 100%
}

.buy-product__installment-price .buy-product__installment-price__month {
    justify-content: flex-end;
    display: flex
}

@media screen and (max-width:720px) {
    .buy-product__installment-price .buy-product__installment-price__month .installment-month {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product__installment-price .buy-product__installment-price__month .installment-month {
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product__installment-price .buy-product__installment-price__month .installment-month {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product__installment-price .buy-product__installment-price__month .installment-month {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .buy-product__installment-price .buy-product__installment-price__month .installment-month {
        font-size: 14px
    }
}

@media screen and (max-width:720px) {
    .energy-label-responsive {
        --image-width: 57px;
        --info-margin-left: 6px;
        --link-font-size: 12px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 16px;
        --link-text-width: 114px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .energy-label-responsive {
        --image-width: 80px;
        --info-margin-left: 8px;
        --link-font-size: 15px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 16px;
        --link-text-width: 148px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .energy-label-responsive {
        --image-width: 91px;
        --info-margin-left: 10px;
        --link-font-size: 17px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 20px;
        --link-text-width: 148px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (max-width:720px) {
    .cart-bargain__goods .cart-bargain__energy {
        --image-width: 46px;
        --info-margin-left: 6px;
        --link-font-size: 10px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 95px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .cart-bargain__goods .cart-bargain__energy {
        --image-width: 51px;
        --info-margin-left: 6px;
        --link-font-size: 11px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 114px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .cart-bargain__goods .cart-bargain__energy {
        --image-width: 51px;
        --info-margin-left: 6px;
        --link-font-size: 11px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 114px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .cart-bargain__goods .cart-bargain__energy {
        --image-width: 51px;
        --info-margin-left: 6px;
        --link-font-size: 11px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 114px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:1921px) {
    .cart-bargain__goods .cart-bargain__energy {
        --image-width: 51px;
        --info-margin-left: 6px;
        --link-font-size: 11px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 114px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (max-width:720px) {
    .cart-bargain__goods .cart-bargain__energy {
        -webkit-margin-before: 5px;
        margin-top: 5px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .cart-bargain__goods .cart-bargain__energy {
        -webkit-margin-before: 8px;
        margin-top: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .cart-bargain__goods .cart-bargain__energy {
        -webkit-margin-before: 6px;
        margin-top: 6px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .cart-bargain__goods .cart-bargain__energy {
        -webkit-margin-before: 8px;
        margin-top: 8px
    }
}

@media screen and (min-width:1921px) {
    .cart-bargain__goods .cart-bargain__energy {
        -webkit-margin-before: 8px;
        margin-top: 8px
    }
}

.cart-bargain__goods {
    height: 100%;
    font-size: var(--font-size);
    display: flex
}

@media screen and (max-width:720px) {
    .cart-bargain__goods {
        --action-icon: 20px;
        align-items: flex-start
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .cart-bargain__goods {
        --action-icon: 20px;
        align-items: center
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .cart-bargain__goods {
        --action-icon: 20px;
        align-items: center
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .cart-bargain__goods {
        --action-icon: 24px;
        align-items: center
    }
}

@media screen and (min-width:1921px) {
    .cart-bargain__goods {
        --action-icon: 24px;
        align-items: center
    }
}

.cart-bargain__goods .cart-bargain__image {
    width: var(--img-width);
    height: var(--img-width)
}

.cart-bargain__goods .cart-bargain__info {
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    height: 100%;
    display: flex
}

@media screen and (max-width:720px) {
    .cart-bargain__goods .cart-bargain__info {
        margin: 0 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .cart-bargain__goods .cart-bargain__info {
        margin: 0 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .cart-bargain__goods .cart-bargain__info {
        margin: 0 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .cart-bargain__goods .cart-bargain__info {
        margin: 0 10px
    }
}

@media screen and (min-width:1921px) {
    .cart-bargain__goods .cart-bargain__info {
        margin: 0 10px
    }
}

.cart-bargain__goods .cart-bargain__name {
    font-weight: 500;
    font-size: var(--font-size);
    margin: 0;
    line-height: 1.25
}

@media screen and (max-width:720px) {
    .cart-bargain__goods .cart-bargain__name {
        margin-bottom: 5px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .cart-bargain__goods .cart-bargain__name {
        margin-bottom: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .cart-bargain__goods .cart-bargain__name {
        margin-bottom: 6px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .cart-bargain__goods .cart-bargain__name {
        margin-bottom: 8px
    }
}

@media screen and (min-width:1921px) {
    .cart-bargain__goods .cart-bargain__name {
        margin-bottom: 8px
    }
}

@media screen and (max-width:720px) {
    .cart-bargain__goods .cart-bargain__price {
        flex-direction: column;
        display: flex
    }
}

.cart-bargain__goods .cart-bargain__price strong {
    color: #FF47C7;
    font-weight: 400;
    font-size: var(--font-size);
    white-space: nowrap;
    display: inline-block
}

.cart-bargain__goods .cart-bargain__price del {
    color: #5e5e5e;
    font-size: var(--font-size-middle);
    white-space: nowrap;
    display: inline-block
}

@media screen and (max-width:720px) {
    .cart-bargain__goods .cart-bargain__price del {
        margin-top: 3px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .cart-bargain__goods .cart-bargain__price del {
        -webkit-margin-start: 4px
    }

    .cart-bargain__goods .cart-bargain__price del:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .cart-bargain__goods .cart-bargain__price del:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .cart-bargain__goods .cart-bargain__price del:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .cart-bargain__goods .cart-bargain__price del:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .cart-bargain__goods .cart-bargain__price del:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .cart-bargain__goods .cart-bargain__price del:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .cart-bargain__goods .cart-bargain__price del {
        -webkit-margin-start: 4px
    }

    .cart-bargain__goods .cart-bargain__price del:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .cart-bargain__goods .cart-bargain__price del:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .cart-bargain__goods .cart-bargain__price del:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .cart-bargain__goods .cart-bargain__price del:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .cart-bargain__goods .cart-bargain__price del:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .cart-bargain__goods .cart-bargain__price del:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .cart-bargain__goods .cart-bargain__price del {
        -webkit-margin-start: 6px
    }

    .cart-bargain__goods .cart-bargain__price del:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 6px
    }

    .cart-bargain__goods .cart-bargain__price del:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 6px
    }

    .cart-bargain__goods .cart-bargain__price del:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 6px
    }

    .cart-bargain__goods .cart-bargain__price del:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 6px
    }

    .cart-bargain__goods .cart-bargain__price del:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 6px
    }

    .cart-bargain__goods .cart-bargain__price del:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 6px
    }
}

@media screen and (min-width:1921px) {
    .cart-bargain__goods .cart-bargain__price del {
        -webkit-margin-start: 6px
    }

    .cart-bargain__goods .cart-bargain__price del:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 6px
    }

    .cart-bargain__goods .cart-bargain__price del:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 6px
    }

    .cart-bargain__goods .cart-bargain__price del:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 6px
    }

    .cart-bargain__goods .cart-bargain__price del:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 6px
    }

    .cart-bargain__goods .cart-bargain__price del:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 6px
    }

    .cart-bargain__goods .cart-bargain__price del:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 6px
    }
}

.cart-bargain__goods .cart-bargain__energy {
    flex-grow: 1
}

.cart-bargain__goods .cart-bargain__add {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

@media screen and (max-width:720px) {
    .cart-bargain__goods .cart-bargain__add {
        align-self: flex-end
    }
}

.cart-bargain__goods .cart-bargain__add .micon {
    font-size: var(--action-icon)
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .cart-bargain-modal {
        min-height: 240px;
        width: var(--modal-max-width) !important
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .cart-bargain-modal {
        min-height: 300px;
        width: var(--modal-max-width) !important
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .cart-bargain-modal {
        min-height: 300px;
        width: var(--modal-max-width) !important
    }
}

@media screen and (min-width:1921px) {
    .cart-bargain-modal {
        min-height: 300px;
        width: var(--modal-max-width) !important
    }
}

@media screen and (max-width:720px) {
    .cart-bargain-modal {
        --margin: 8px;
        --font-size: 12px;
        --font-size-large: 14px;
        --font-size-middle: 10px;
        --font-size-small: 10px;
        --img-width: 56px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .cart-bargain-modal {
        --margin: 8px;
        --font-size: 12px;
        --font-size-large: 14px;
        --font-size-middle: 12px;
        --font-size-small: 12px;
        --img-width: 60px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .cart-bargain-modal {
        --margin: 8px;
        --font-size: 14px;
        --font-size-large: 14px;
        --font-size-middle: 10px;
        --font-size-small: 10px;
        --img-width: 60px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .cart-bargain-modal {
        --margin: 12px;
        --font-size: 16px;
        --font-size-large: 16px;
        --font-size-middle: 14px;
        --font-size-small: 12px;
        --img-width: 80px
    }
}

@media screen and (min-width:1921px) {
    .cart-bargain-modal {
        --margin: 12px;
        --font-size: 16px;
        --font-size-large: 16px;
        --font-size-middle: 14px;
        --font-size-small: 12px;
        --img-width: 80px
    }
}

.cart-bargain-modal.cart-bargain-modal--loading {
    cursor: progress
}

.cart-bargain-modal .mi-modal__subtitle {
    --font-size-subtitle: var(--font-size)
}

.cart-bargain-modal .mi-modal__extra {
    font-size: var(--font-size-middle)
}

@media screen and (max-width:720px) {
    .cart-bargain-modal .mi-modal__extra {
        padding-top: 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .cart-bargain-modal .mi-modal__extra {
        padding-top: 9px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .cart-bargain-modal .mi-modal__extra {
        padding-top: 9px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .cart-bargain-modal .mi-modal__extra {
        padding-top: 12px
    }
}

@media screen and (min-width:1921px) {
    .cart-bargain-modal .mi-modal__extra {
        padding-top: 12px
    }
}

.cart-bargain-modal .cart-bargain-modal__list {
    flex-direction: column;
    padding: 10px 0;
    display: flex;
    overflow-y: auto
}

@media screen and (max-width:720px) {
    .cart-bargain-modal .cart-bargain-modal__list {
        height: unset
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .cart-bargain-modal .cart-bargain-modal__list {
        height: 240px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .cart-bargain-modal .cart-bargain-modal__list {
        height: 270px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .cart-bargain-modal .cart-bargain-modal__list {
        height: 360px
    }
}

@media screen and (min-width:1921px) {
    .cart-bargain-modal .cart-bargain-modal__list {
        height: 360px
    }
}

@media screen and (max-width:720px) {
    .cart-bargain-modal .cart-bargain-modal__list .cart-bargain-modal__item {
        margin-bottom: 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .cart-bargain-modal .cart-bargain-modal__list .cart-bargain-modal__item {
        margin-bottom: 10px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .cart-bargain-modal .cart-bargain-modal__list .cart-bargain-modal__item {
        margin-bottom: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .cart-bargain-modal .cart-bargain-modal__list .cart-bargain-modal__item {
        margin-bottom: 16px
    }
}

@media screen and (min-width:1921px) {
    .cart-bargain-modal .cart-bargain-modal__list .cart-bargain-modal__item {
        margin-bottom: 16px
    }
}

.cart-bargain-modal .cart-bargain-modal__list .cart-bargain-modal__item:last-child {
    margin-bottom: 0
}

.cart-bargain-modal .cart-bargain__goods {
    align-items: center
}

@media screen and (max-width:720px) {
    .cart-bargain-modal .cart-bargain__goods .cart-bargain__image-wrapper {
        justify-content: center;
        align-items: center;
        min-width: 56px;
        min-height: 56px;
        display: flex
    }
}

.cart-bargain-modal .cart-bargain__goods .cart-bargain__info {
    justify-content: center
}

@media screen and (max-width:720px) {
    .cart-bargain-modal .cart-bargain__goods .cart-bargain__info {
        margin: 0 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .cart-bargain-modal .cart-bargain__goods .cart-bargain__info {
        margin: 0 10px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .cart-bargain-modal .cart-bargain__goods .cart-bargain__info {
        margin: 0 10px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .cart-bargain-modal .cart-bargain__goods .cart-bargain__info {
        margin: 0 12px
    }
}

@media screen and (min-width:1921px) {
    .cart-bargain-modal .cart-bargain__goods .cart-bargain__info {
        margin: 0 12px
    }
}

@media screen and (max-width:720px) {
    .cart-bargain-modal .cart-bargain__name {
        font-size: 14px
    }
}

.cart-bargain-modal .cart-bargain__price {
    flex-direction: row !important
}

.cart-bargain-modal .cart-bargain__price strong {
    display: inline-block
}

@media screen and (max-width:720px) {
    .cart-bargain-modal .cart-bargain__price strong {
        font-size: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .cart-bargain-modal .cart-bargain__price strong {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .cart-bargain-modal .cart-bargain__price strong {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .cart-bargain-modal .cart-bargain__price strong {
        font-size: 18px
    }
}

@media screen and (min-width:1921px) {
    .cart-bargain-modal .cart-bargain__price strong {
        font-size: 18px
    }
}

.cart-bargain-modal .cart-bargain__price del {
    color: #5e5e5e;
    display: inline-block
}

@media screen and (max-width:720px) {
    .cart-bargain-modal .cart-bargain__price del {
        -webkit-margin-start: 8px;
        font-size: 12px
    }

    .cart-bargain-modal .cart-bargain__price del:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .cart-bargain-modal .cart-bargain__price del:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .cart-bargain-modal .cart-bargain__price del:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .cart-bargain-modal .cart-bargain__price del:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .cart-bargain-modal .cart-bargain__price del:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .cart-bargain-modal .cart-bargain__price del:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }
}

.cart-bargain-modal .cart-bargain__add {
    align-self: center
}

.cart-bargain-modal .mi-modal__footer .mi-btn {
    --btn-font-size: var(--font-size-large);
    --btn-padding-vertical: 10px;
    --btn-border-radius: var(--font-size-small)
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .cart-bargain-modal .mi-modal__footer .mi-modal__button:only-child {
        min-width: 180px;
        margin: 0 auto
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .cart-bargain-modal .mi-modal__footer .mi-modal__button:only-child {
        min-width: 220px;
        margin: 0 auto
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .cart-bargain-modal .mi-modal__footer .mi-modal__button:only-child {
        min-width: 220px;
        margin: 0 auto
    }
}

@media screen and (min-width:1921px) {
    .cart-bargain-modal .mi-modal__footer .mi-modal__button:only-child {
        min-width: 220px;
        margin: 0 auto
    }
}

.snapmint-section {
    color: #757575;
    cursor: pointer;
    margin-top: 12px;
    font-size: 14px;
    line-height: 17px
}

.snapmint-section .snap_emi_txt {
    cursor: pointer
}

.dealer-section {
    color: #303030
}

@media screen and (max-width:720px) {
    .dealer-section {
        margin-bottom: 12px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .dealer-section {
        margin-bottom: 16px;
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .dealer-section {
        margin-bottom: 16px;
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .dealer-section {
        margin-bottom: 16px;
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .dealer-section {
        margin-bottom: 16px;
        font-size: 14px
    }
}

.buy-product__main-section {
    background-color: #f7f8fa;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex
}

@media screen and (max-width:720px) {
    .buy-product__main-section {
        --product-section-vertical-gap: 40px;
        flex-direction: column;
        justify-content: flex-start
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product__main-section {
        --product-section-vertical-gap: 40px;
        flex-direction: row;
        justify-content: flex-end
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product__main-section {
        --product-section-vertical-gap: 60px;
        flex-direction: row;
        justify-content: flex-end
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product__main-section {
        --product-section-vertical-gap: 60px;
        flex-direction: row;
        justify-content: flex-end
    }
}

@media screen and (min-width:1921px) {
    .buy-product__main-section {
        --product-section-vertical-gap: 60px;
        flex-direction: row;
        justify-content: flex-end
    }
}

@media screen and (max-width:720px) {
    .buy-product__main-section.has-activity .buy-product__main-section__info-article {
        width: 100%;
        padding: 0
    }

    .buy-product__main-section.has-activity .buy-product__main-section__info-wrapper {
        padding: 20px 16px
    }
}

.buy-product__main-section .buy-product__main-section__image-article {
    text-align: center;
    background-color: #f7f8fa;
    flex: 1;
    overflow: auto
}

@media screen and (max-width:720px) {
    .buy-product__main-section .buy-product__main-section__image-article {
        width: 100%;
        position: relative;
        top: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product__main-section .buy-product__main-section__image-article {
        top: var(--nav-height);
        width: auto;
        height: calc(100vh - var(--nav-height));
        position: -webkit-sticky;
        position: sticky
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product__main-section .buy-product__main-section__image-article {
        top: var(--nav-height);
        width: auto;
        height: calc(100vh - var(--nav-height));
        position: -webkit-sticky;
        position: sticky
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product__main-section .buy-product__main-section__image-article {
        top: var(--nav-height);
        width: auto;
        height: calc(100vh - var(--nav-height));
        position: -webkit-sticky;
        position: sticky
    }
}

@media screen and (min-width:1921px) {
    .buy-product__main-section .buy-product__main-section__image-article {
        top: var(--nav-height);
        width: auto;
        height: calc(100vh - var(--nav-height));
        position: -webkit-sticky;
        position: sticky
    }
}

.buy-product__main-section .buy-product__main-section__info-article {
    box-sizing: border-box;
    background-color: #fff;
    flex-shrink: 0;
    position: relative
}

@media screen and (max-width:720px) {
    .buy-product__main-section .buy-product__main-section__info-article {
        padding: 20px 19px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product__main-section .buy-product__main-section__info-article {
        width: 440px;
        padding: 40px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product__main-section .buy-product__main-section__info-article {
        width: 580px;
        padding: 48px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product__main-section .buy-product__main-section__info-article {
        width: 640px;
        padding: 60px
    }
}

@media screen and (min-width:1921px) {
    .buy-product__main-section .buy-product__main-section__info-article {
        width: 640px;
        padding: 60px
    }
}

@media screen and (max-width:720px) {
    .buy-product__main-section .buy-product__main-section__info-article {
        border-radius: 12px 12px 0 0;
        position: relative;
        overflow: hidden
    }
}

.buy-product__main-section .buy-product__main-section__info-wrapper {
    background-color: #fff
}

.buy-product__main-section .buy-product__main-section__info-wrapper-inner {
    will-change: height;
    overflow: hidden
}

.buy-product__main-section .buy-product__main-section__info-wrapper-inner.transition-all {
    will-change: height;
    transition: all .3s;
    overflow: hidden
}

.buy-product__main-section .buy-product__main-section__info-wrapper-inner.transition-none {
    transition: none
}

@media screen and (max-width:720px) {
    .buy-product__main-section .buy-product__main-section__info-wrapper .snap_emi_txt__pdp_1 {
        margin: 6px 0 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product__main-section .buy-product__main-section__info-wrapper .snap_emi_txt__pdp_1 {
        margin: 10px 0 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product__main-section .buy-product__main-section__info-wrapper .snap_emi_txt__pdp_1 {
        margin: 12px 0 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product__main-section .buy-product__main-section__info-wrapper .snap_emi_txt__pdp_1 {
        margin: 12px 0 0
    }
}

@media screen and (min-width:1921px) {
    .buy-product__main-section .buy-product__main-section__info-wrapper .snap_emi_txt__pdp_1 {
        margin: 12px 0 0
    }
}

@media screen and (max-width:720px) {
    .buy-product__main-section .product__section-total-wrapper {
        background-color: #f6f6f6;
        border-radius: 6px;
        margin: 40px 0 0;
        padding: 20px 16px
    }

    .buy-product__main-section .product__section-total-wrapper .order-list-section {
        margin: 0
    }
}

.buy-product__main-section .product__section--button-action .button-action__submit {
    font-weight: 500;
    min-height: 32px !important
}

@media screen and (max-width:720px) {
    .buy-product__main-section .product__section--button-action .button-action__submit {
        border-radius: 10px;
        height: 32px;
        line-height: 30px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product__main-section .product__section--button-action .button-action__submit {
        border-radius: 12px;
        height: 36px;
        line-height: 34px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product__main-section .product__section--button-action .button-action__submit {
        border-radius: 14px;
        height: 40px;
        line-height: 38px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product__main-section .product__section--button-action .button-action__submit {
        border-radius: 14px;
        height: 40px;
        line-height: 38px
    }
}

@media screen and (min-width:1921px) {
    .buy-product__main-section .product__section--button-action .button-action__submit {
        border-radius: 14px;
        height: 40px;
        line-height: 38px
    }
}

.buy-product__main-section .why-buy-from-mi .why-buy-from-mi__header .why-buy-from-mi__title {
    font-weight: 700;
    line-height: 1
}

@media screen and (max-width:720px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__header .why-buy-from-mi__title {
        font-size: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__header .why-buy-from-mi__title {
        font-size: 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__header .why-buy-from-mi__title {
        font-size: 22px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__header .why-buy-from-mi__title {
        font-size: 24px
    }
}

@media screen and (min-width:1921px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__header .why-buy-from-mi__title {
        font-size: 24px
    }
}

@media screen and (max-width:720px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__icon {
        font-size: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__icon {
        font-size: 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__icon {
        font-size: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__icon {
        font-size: 20px
    }
}

@media screen and (min-width:1921px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__icon {
        font-size: 20px
    }
}

@media screen and (max-width:720px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__list .why-buy-from-mi__item-content .why-buy-from-mi__item-title {
        font-size: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__list .why-buy-from-mi__item-content .why-buy-from-mi__item-title {
        font-size: 15px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__list .why-buy-from-mi__item-content .why-buy-from-mi__item-title {
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__list .why-buy-from-mi__item-content .why-buy-from-mi__item-title {
        font-size: 18px
    }
}

@media screen and (min-width:1921px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__list .why-buy-from-mi__item-content .why-buy-from-mi__item-title {
        font-size: 18px
    }
}

@media screen and (max-width:720px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__list .why-buy-from-mi__item .why-buy-from-mi__pay-list .why-buy-from-mi__pay-img {
        height: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__list .why-buy-from-mi__item .why-buy-from-mi__pay-list .why-buy-from-mi__pay-img {
        height: 19px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__list .why-buy-from-mi__item .why-buy-from-mi__pay-list .why-buy-from-mi__pay-img {
        height: 19px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__list .why-buy-from-mi__item .why-buy-from-mi__pay-list .why-buy-from-mi__pay-img {
        height: 19px
    }
}

@media screen and (min-width:1921px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__list .why-buy-from-mi__item .why-buy-from-mi__pay-list .why-buy-from-mi__pay-img {
        height: 19px
    }
}

@media screen and (max-width:720px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__tel {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__tel {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__tel {
        font-size: 15px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__tel {
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .buy-product__main-section .why-buy-from-mi .why-buy-from-mi__tel {
        font-size: 16px
    }
}

.event-description__tags {
    flex-flow: wrap;
    display: flex
}

.event-description__tag {
    color: #ffbf4c;
    margin-bottom: 3px
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .event-description__tag {
        font-size: max(.972222vw, 12px)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .event-description__tag {
        font-size: max(.972222vw, 12px)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .event-description__tag {
        font-size: max(.625vw, 12px)
    }
}

@media screen and (min-width:1921px) {
    .event-description__tag {
        font-size: max(.625vw, 12px)
    }
}

.event-description__tag:after {
    color: #ffbf4c;
    content: "|";
    padding: 0 5px;
    display: inline-block
}

.event-description__tag i {
    font-style: normal
}

.event-description__tag:last-child {
    -webkit-margin-end: 0
}

.event-description__tag:last-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.event-description__tag:last-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.event-description__tag:last-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.event-description__tag:last-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.event-description__tag:last-child:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.event-description__tag:last-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.event-description__tag:last-child:after {
    content: ""
}

.event-description__desc {
    color: #FF47C7
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .event-description__desc {
        font-size: max(.972222vw, 12px);
        line-height: 1.18056vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .event-description__desc {
        font-size: max(.972222vw, 12px);
        line-height: 1.18056vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .event-description__desc {
        font-size: max(.546875vw, 12px);
        line-height: .664063vw
    }
}

@media screen and (min-width:1921px) {
    .event-description__desc {
        font-size: max(.546875vw, 12px);
        line-height: .664063vw
    }
}

.event-description__desc a {
    -webkit-margin-start: 4px;
    color: #ff9e0d;
    display: inline
}

.event-description__desc a:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 4px
}

.event-description__desc a:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 4px
}

.event-description__desc a:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 4px
}

.event-description__desc a:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 4px
}

.event-description__desc a:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 4px
}

.event-description__desc a:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 4px
}

.event-description__desc p {
    line-height: 1.1
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .event-description__desc p {
        margin-bottom: .416667vw
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .event-description__desc p {
        margin-bottom: .416667vw
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .event-description__desc p {
        margin-bottom: .234375vw
    }
}

@media screen and (min-width:1921px) {
    .event-description__desc p {
        margin-bottom: .234375vw
    }
}

.event-description__desc .icon-info {
    font-size: 12px
}

.event-description__process {
    margin: 6px 0
}

.activity__reservation {
    -webkit-margin-after: var(--ps-margin-bottom-gap);
    margin-bottom: var(--ps-margin-bottom-gap)
}

@media screen and (max-width:720px) {
    .activity__reservation {
        --ps-margin-bottom-gap: 0;
        --ps-tag-radius: 6px;
        --ps-tag-padding: 0 4px;
        --ps-tag-font-size: 14px;
        --ps-text-font-size: 12px;
        --ps-text-margin-horizontal: 8px;
        --ps-tag-time-font-size: 12px;
        --ps-tag-time-radius: 9.53px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity__reservation {
        --ps-margin-bottom-gap: 12px;
        --ps-tag-radius: 6px;
        --ps-tag-padding: 0 6px;
        --ps-tag-font-size: 12px;
        --ps-text-font-size: 14px;
        --ps-text-margin-horizontal: 8px;
        --ps-tag-time-font-size: 14px;
        --ps-tag-time-radius: 13px;
        -webkit-padding-end: 28px
    }

    .activity__reservation:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 28px
    }

    .activity__reservation:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 28px
    }

    .activity__reservation:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 28px
    }

    .activity__reservation:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 28px
    }

    .activity__reservation:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 28px
    }

    .activity__reservation:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 28px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity__reservation {
        --ps-margin-bottom-gap: 12px;
        --ps-tag-radius: 6px;
        --ps-tag-padding: 0 6px;
        --ps-tag-font-size: 13px;
        --ps-text-font-size: 15px;
        --ps-text-margin-horizontal: 8px;
        --ps-tag-time-font-size: 15px;
        --ps-tag-time-radius: 13px;
        -webkit-padding-end: 32px
    }

    .activity__reservation:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 32px
    }

    .activity__reservation:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 32px
    }

    .activity__reservation:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 32px
    }

    .activity__reservation:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 32px
    }

    .activity__reservation:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 32px
    }

    .activity__reservation:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 32px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity__reservation {
        --ps-margin-bottom-gap: 12px;
        --ps-tag-radius: 6px;
        --ps-tag-padding: 0 8px;
        --ps-tag-font-size: 14px;
        --ps-text-font-size: 16px;
        --ps-text-margin-horizontal: 8px;
        --ps-tag-time-font-size: 16px;
        --ps-tag-time-radius: 13px;
        -webkit-padding-end: 32px
    }

    .activity__reservation:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 32px
    }

    .activity__reservation:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 32px
    }

    .activity__reservation:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 32px
    }

    .activity__reservation:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 32px
    }

    .activity__reservation:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 32px
    }

    .activity__reservation:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 32px
    }
}

@media screen and (min-width:1921px) {
    .activity__reservation {
        --ps-margin-bottom-gap: 12px;
        --ps-tag-radius: 6px;
        --ps-tag-padding: 0 8px;
        --ps-tag-font-size: 14px;
        --ps-text-font-size: 16px;
        --ps-text-margin-horizontal: 8px;
        --ps-tag-time-font-size: 16px;
        --ps-tag-time-radius: 13px;
        -webkit-padding-end: 32px
    }

    .activity__reservation:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 32px
    }

    .activity__reservation:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 32px
    }

    .activity__reservation:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 32px
    }

    .activity__reservation:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 32px
    }

    .activity__reservation:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 32px
    }

    .activity__reservation:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 32px
    }
}

.activity__reservation .activity__reservation-item {
    flex-wrap: wrap;
    align-items: center;
    display: flex
}

@media screen and (max-width:720px) {
    .activity__reservation .activity__reservation-item {
        gap: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity__reservation .activity__reservation-item {
        gap: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity__reservation .activity__reservation-item {
        gap: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity__reservation .activity__reservation-item {
        gap: 12px
    }
}

@media screen and (min-width:1921px) {
    .activity__reservation .activity__reservation-item {
        gap: 12px
    }
}

.activity__reservation .activity__reservation-item-title {
    color: var(--text-reverse);
    font-size: var(--ps-tag-font-size);
    background: #FF47C7;
    background: var(--background-primary);
    border-radius: var(--ps-tag-radius);
    flex-shrink: 0;
    line-height: 1
}

@media screen and (max-width:720px) {
    .activity__reservation .activity__reservation-item-title {
        font-weight: 600
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity__reservation .activity__reservation-item-title {
        padding: 5px 8px;
        font-weight: 600
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity__reservation .activity__reservation-item-title {
        padding: 5.5px 8px;
        font-weight: 500
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity__reservation .activity__reservation-item-title {
        padding: 6px 8px;
        font-weight: 500
    }
}

@media screen and (min-width:1921px) {
    .activity__reservation .activity__reservation-item-title {
        padding: 6px 8px;
        font-weight: 500
    }
}

.activity__reservation .activity__reservation-item-content {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex
}

.activity__reservation .activity__reservation-item-content .mi-count-down--icon .mi-count-down__time {
    font-weight: 600;
    font-size: var(--ps-tag-time-font-size)
}

@media screen and (max-width:720px) {
    .activity__reservation .activity__reservation-item-content .mi-count-down--icon .mi-count-down__time {
        color: #191919;
        background-color: #fff;
        width: 22px;
        height: 22px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity__reservation .activity__reservation-item-content .mi-count-down--icon .mi-count-down__time {
        width: 26px;
        height: 26px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity__reservation .activity__reservation-item-content .mi-count-down--icon .mi-count-down__time {
        width: 28px;
        height: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity__reservation .activity__reservation-item-content .mi-count-down--icon .mi-count-down__time {
        width: 30px;
        height: 30px
    }
}

@media screen and (min-width:1921px) {
    .activity__reservation .activity__reservation-item-content .mi-count-down--icon .mi-count-down__time {
        width: 30px;
        height: 30px
    }
}

.activity__reservation .activity__reservation-item-content .mi-count-down--icon .mi-count-down__colon {
    opacity: 1
}

@media screen and (max-width:720px) {
    .activity__reservation .activity__reservation-item-content .mi-count-down--icon .mi-count-down__colon {
        color: #fff;
        padding: 0 4px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity__reservation .activity__reservation-item-content .mi-count-down--icon .mi-count-down__colon {
        padding: 0 6px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity__reservation .activity__reservation-item-content .mi-count-down--icon .mi-count-down__colon {
        padding: 0 6px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity__reservation .activity__reservation-item-content .mi-count-down--icon .mi-count-down__colon {
        padding: 0 8px
    }
}

@media screen and (min-width:1921px) {
    .activity__reservation .activity__reservation-item-content .mi-count-down--icon .mi-count-down__colon {
        padding: 0 8px
    }
}

.activity__reservation .activity__reservation-item-text,
.activity__reservation .activity__reservation-item-time-dash {
    color: var(--text-base);
    font-size: var(--ps-text-font-size);
    flex-shrink: 0;
    line-height: 1
}

@media screen and (max-width:720px) {

    .activity__reservation .activity__reservation-item-text,
    .activity__reservation .activity__reservation-item-time-dash {
        font-weight: 500
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .activity__reservation .activity__reservation-item-text,
    .activity__reservation .activity__reservation-item-time-dash {
        font-weight: 700
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .activity__reservation .activity__reservation-item-text,
    .activity__reservation .activity__reservation-item-time-dash {
        font-weight: 700
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .activity__reservation .activity__reservation-item-text,
    .activity__reservation .activity__reservation-item-time-dash {
        font-weight: 700
    }
}

@media screen and (min-width:1921px) {

    .activity__reservation .activity__reservation-item-text,
    .activity__reservation .activity__reservation-item-time-dash {
        font-weight: 700
    }
}

.activity__reservation .activity__reservation-item-time {
    align-items: center;
    display: flex
}

.activity__reservation .activity__reservation-item-time-start,
.activity__reservation .activity__reservation-item-time-end {
    box-sizing: border-box;
    padding: var(--ps-tag-padding);
    color: var(--text-reverse);
    font-weight: 600;
    font-size: var(--ps-tag-time-font-size);
    background: #191919;
    background: var(--background-black);
    border-radius: var(--ps-tag-time-radius);
    flex-shrink: 0;
    align-items: center;
    line-height: 1;
    display: flex
}

@media screen and (max-width:720px) {

    .activity__reservation .activity__reservation-item-time-start,
    .activity__reservation .activity__reservation-item-time-end {
        height: 22px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .activity__reservation .activity__reservation-item-time-start,
    .activity__reservation .activity__reservation-item-time-end {
        height: 26px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .activity__reservation .activity__reservation-item-time-start,
    .activity__reservation .activity__reservation-item-time-end {
        height: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .activity__reservation .activity__reservation-item-time-start,
    .activity__reservation .activity__reservation-item-time-end {
        height: 30px
    }
}

@media screen and (min-width:1921px) {

    .activity__reservation .activity__reservation-item-time-start,
    .activity__reservation .activity__reservation-item-time-end {
        height: 30px
    }
}

.activity__reservation .activity__reservation-item-time-dash {
    -webkit-margin-start: var(--ps-text-margin-horizontal);
    -webkit-margin-end: var(--ps-text-margin-horizontal)
}

.activity__reservation .activity__reservation-item-time-dash:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--ps-text-margin-horizontal);
    margin-right: var(--ps-text-margin-horizontal)
}

.activity__reservation .activity__reservation-item-time-dash:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--ps-text-margin-horizontal);
    margin-right: var(--ps-text-margin-horizontal)
}

.activity__reservation .activity__reservation-item-time-dash:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--ps-text-margin-horizontal);
    margin-right: var(--ps-text-margin-horizontal)
}

.activity__reservation .activity__reservation-item-time-dash:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--ps-text-margin-horizontal);
    margin-left: var(--ps-text-margin-horizontal)
}

.activity__reservation .activity__reservation-item-time-dash:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--ps-text-margin-horizontal);
    margin-left: var(--ps-text-margin-horizontal)
}

.activity__reservation .activity__reservation-item-time-dash:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--ps-text-margin-horizontal);
    margin-left: var(--ps-text-margin-horizontal)
}

@media screen and (max-width:720px) {
    .activity__reservation {
        box-sizing: border-box;
        background: #ff7819;
        background: var(--brand-orange-90, #ff7819);
        align-items: center;
        min-height: 36px;
        padding: 7px 12px;
        display: flex
    }

    .activity__reservation .activity__reservation-item {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }

    .activity__reservation .activity__reservation-item-title {
        -webkit-margin-end: var(--ps-text-margin-horizontal);
        background: 0 0
    }

    .activity__reservation .activity__reservation-item-title:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: var(--ps-text-margin-horizontal)
    }

    .activity__reservation .activity__reservation-item-title:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: var(--ps-text-margin-horizontal)
    }

    .activity__reservation .activity__reservation-item-title:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: var(--ps-text-margin-horizontal)
    }

    .activity__reservation .activity__reservation-item-title:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: var(--ps-text-margin-horizontal)
    }

    .activity__reservation .activity__reservation-item-title:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: var(--ps-text-margin-horizontal)
    }

    .activity__reservation .activity__reservation-item-title:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: var(--ps-text-margin-horizontal)
    }

    .activity__reservation .activity__reservation-item-text {
        color: var(--text-reverse)
    }

    .activity__reservation .activity__reservation-item-text:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        text-align: right
    }

    .activity__reservation .activity__reservation-item-text:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        text-align: right
    }

    .activity__reservation .activity__reservation-item-text:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        text-align: right
    }

    .activity__reservation .activity__reservation-item-text:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        text-align: left
    }

    .activity__reservation .activity__reservation-item-text:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        text-align: left
    }

    .activity__reservation .activity__reservation-item-text:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        text-align: left
    }

    .activity__reservation .activity__reservation-item-content {
        align-items: center
    }

    .activity__reservation .activity__reservation-item-time-start,
    .activity__reservation .activity__reservation-item-time-end {
        color: var(--text-base);
        background: #fff;
        background: var(--background-white)
    }

    .activity__reservation .activity__reservation-item-time-dash {
        color: var(--text-reverse)
    }
}

.activity__daily-picks {
    -webkit-margin-after: var(--dp-margin-bottom-gap);
    margin-bottom: var(--dp-margin-bottom-gap)
}

@media screen and (max-width:720px) {
    .activity__daily-picks {
        --dp-margin-bottom-gap: 0;
        --dp-tag-radius: 6px;
        --dp-tag-font-size: 14px;
        --dp-text-font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity__daily-picks {
        --dp-margin-bottom-gap: 12px;
        --dp-tag-radius: 6px;
        --dp-tag-padding: 5px 8px;
        --dp-tag-font-size: 12px;
        --dp-text-font-size: 14px;
        -webkit-padding-end: 28px
    }

    .activity__daily-picks:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 28px
    }

    .activity__daily-picks:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 28px
    }

    .activity__daily-picks:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 28px
    }

    .activity__daily-picks:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 28px
    }

    .activity__daily-picks:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 28px
    }

    .activity__daily-picks:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 28px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity__daily-picks {
        --dp-margin-bottom-gap: 12px;
        --dp-tag-radius: 6px;
        --dp-tag-padding: 5.5px 8px;
        --dp-tag-font-size: 13px;
        --dp-text-font-size: 15px;
        -webkit-padding-end: 32px
    }

    .activity__daily-picks:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 32px
    }

    .activity__daily-picks:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 32px
    }

    .activity__daily-picks:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 32px
    }

    .activity__daily-picks:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 32px
    }

    .activity__daily-picks:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 32px
    }

    .activity__daily-picks:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 32px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity__daily-picks {
        --dp-margin-bottom-gap: 12px;
        --dp-tag-radius: 6px;
        --dp-tag-padding: 6px 8px;
        --dp-tag-font-size: 14px;
        --dp-text-font-size: 16px;
        -webkit-padding-end: 32px
    }

    .activity__daily-picks:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 32px
    }

    .activity__daily-picks:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 32px
    }

    .activity__daily-picks:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 32px
    }

    .activity__daily-picks:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 32px
    }

    .activity__daily-picks:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 32px
    }

    .activity__daily-picks:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 32px
    }
}

@media screen and (min-width:1921px) {
    .activity__daily-picks {
        --dp-margin-bottom-gap: 12px;
        --dp-tag-radius: 6px;
        --dp-tag-padding: 6px 8px;
        --dp-tag-font-size: 14px;
        --dp-text-font-size: 16px;
        -webkit-padding-end: 32px
    }

    .activity__daily-picks:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 32px
    }

    .activity__daily-picks:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 32px
    }

    .activity__daily-picks:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-right: 32px
    }

    .activity__daily-picks:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 32px
    }

    .activity__daily-picks:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 32px
    }

    .activity__daily-picks:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 32px
    }
}

.activity__daily-picks .activity__daily-picks-item {
    align-items: center;
    display: flex
}

@media screen and (max-width:720px) {
    .activity__daily-picks .activity__daily-picks-item {
        gap: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity__daily-picks .activity__daily-picks-item {
        gap: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity__daily-picks .activity__daily-picks-item {
        gap: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity__daily-picks .activity__daily-picks-item {
        gap: 12px
    }
}

@media screen and (min-width:1921px) {
    .activity__daily-picks .activity__daily-picks-item {
        gap: 12px
    }
}

.activity__daily-picks .activity__daily-picks-item-content {
    align-items: center;
    gap: 8px;
    display: flex
}

.activity__daily-picks .activity__daily-picks-item-title {
    padding: var(--dp-tag-padding);
    color: var(--text-reverse);
    font-size: var(--dp-tag-font-size);
    background: #FF47C7;
    background: var(--background-primary);
    border-radius: var(--dp-tag-radius);
    flex-shrink: 0;
    line-height: 1
}

@media screen and (max-width:720px) {
    .activity__daily-picks .activity__daily-picks-item-title {
        font-weight: 600
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity__daily-picks .activity__daily-picks-item-title {
        font-weight: 500
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity__daily-picks .activity__daily-picks-item-title {
        font-weight: 500
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity__daily-picks .activity__daily-picks-item-title {
        font-weight: 500
    }
}

@media screen and (min-width:1921px) {
    .activity__daily-picks .activity__daily-picks-item-title {
        font-weight: 500
    }
}

.activity__daily-picks .activity__daily-picks-end-text {
    color: var(--text-base);
    font-size: var(--dp-text-font-size);
    flex-shrink: 0;
    line-height: 1
}

@media screen and (max-width:720px) {
    .activity__daily-picks .activity__daily-picks-end-text {
        font-weight: 500
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity__daily-picks .activity__daily-picks-end-text {
        font-weight: 700
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity__daily-picks .activity__daily-picks-end-text {
        font-weight: 700
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity__daily-picks .activity__daily-picks-end-text {
        font-weight: 700
    }
}

@media screen and (min-width:1921px) {
    .activity__daily-picks .activity__daily-picks-end-text {
        font-weight: 700
    }
}

.activity__daily-picks .mi-count-down {
    flex-shrink: 0
}

.activity__daily-picks .mi-count-down .mi-count-down__date {
    -webkit-margin-end: 4px
}

.activity__daily-picks .mi-count-down .mi-count-down__date:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 4px
}

.activity__daily-picks .mi-count-down .mi-count-down__date:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 4px
}

.activity__daily-picks .mi-count-down .mi-count-down__date:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 4px
}

.activity__daily-picks .mi-count-down .mi-count-down__date:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 4px
}

.activity__daily-picks .mi-count-down .mi-count-down__date:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 4px
}

.activity__daily-picks .mi-count-down .mi-count-down__date:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 4px
}

@media screen and (max-width:720px) {
    .activity__daily-picks .mi-count-down .mi-count-down__time {
        width: 22px;
        height: 22px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity__daily-picks .mi-count-down .mi-count-down__time {
        width: 26px;
        height: 26px;
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity__daily-picks .mi-count-down .mi-count-down__time {
        width: 28px;
        height: 28px;
        font-size: 15px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity__daily-picks .mi-count-down .mi-count-down__time {
        width: 30px;
        height: 30px;
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .activity__daily-picks .mi-count-down .mi-count-down__time {
        width: 30px;
        height: 30px;
        font-size: 16px
    }
}

.activity__daily-picks .mi-count-down .mi-count-down__colon {
    opacity: 1
}

@media screen and (max-width:720px) {
    .activity__daily-picks .mi-count-down .mi-count-down__colon {
        color: #fff;
        padding: 0 4px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .activity__daily-picks .mi-count-down .mi-count-down__colon {
        padding: 0 6px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .activity__daily-picks .mi-count-down .mi-count-down__colon {
        padding: 0 6px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .activity__daily-picks .mi-count-down .mi-count-down__colon {
        padding: 0 8px
    }
}

@media screen and (min-width:1921px) {
    .activity__daily-picks .mi-count-down .mi-count-down__colon {
        padding: 0 8px
    }
}

@media screen and (max-width:720px) {
    .activity__daily-picks {
        box-sizing: border-box;
        background: #ff7819;
        background: var(--brand-orange-90, #ff7819);
        align-items: center;
        min-height: 36px;
        padding: 7px 12px;
        display: flex
    }

    .activity__daily-picks .activity__daily-picks-item {
        justify-content: space-between;
        width: 100%
    }

    .activity__daily-picks .activity__daily-picks-item-title {
        background: 0 0
    }

    .activity__daily-picks .activity__daily-picks-end-text {
        color: var(--text-reverse)
    }

    .activity__daily-picks .mi-count-down {
        color: var(--text-reverse);
        --icon-background: var(--background-white);
        --icon-text-color: var(--text-base)
    }
}

.policy-section {
    color: #757575
}

@media screen and (max-width:720px) {
    .policy-section {
        margin-bottom: 12px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .policy-section {
        margin-bottom: 16px;
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .policy-section {
        margin-bottom: 16px;
        font-size: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .policy-section {
        margin-bottom: 16px;
        font-size: 12px
    }
}

@media screen and (min-width:1921px) {
    .policy-section {
        margin-bottom: 16px;
        font-size: 12px
    }
}

.policy-section>* {
    white-space: pre-line
}

.policy-section>a {
    color: #FF47C7;
    font-size: inherit;
    display: inline-block
}

@media screen and (max-width:720px) {
    .marketing-tag-section {
        margin-top: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .marketing-tag-section {
        margin-top: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .marketing-tag-section {
        margin-top: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .marketing-tag-section {
        margin-top: 24px
    }
}

@media screen and (min-width:1921px) {
    .marketing-tag-section {
        margin-top: 24px
    }
}

.marketing-tag-section .marketing-tag-section__info {
    color: var(--text-secondary)
}

@media screen and (max-width:720px) {
    .marketing-tag-section .marketing-tag-section__info {
        margin-top: 12px;
        font-size: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .marketing-tag-section .marketing-tag-section__info {
        margin-top: 12px;
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .marketing-tag-section .marketing-tag-section__info {
        margin-top: 16px;
        font-size: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .marketing-tag-section .marketing-tag-section__info {
        margin-top: 20px;
        font-size: 12px
    }
}

@media screen and (min-width:1921px) {
    .marketing-tag-section .marketing-tag-section__info {
        margin-top: 20px;
        font-size: 12px
    }
}

@media screen and (max-width:720px) {
    .marketing-tag-section .marketing-tag-section__info {
        font-size: 10px;
        font-size: calc(10*var(--m-scale, 1)*1px)
    }
}

.marketing-tag-section .product-marketing-tag__container {
    cursor: pointer;
    align-items: center;
    display: flex
}

@media screen and (max-width:720px) {
    .marketing-tag-section .product-marketing-tag__container {
        margin-top: 10px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .marketing-tag-section .product-marketing-tag__container {
        margin-top: 10px;
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .marketing-tag-section .product-marketing-tag__container {
        margin-top: 12px;
        font-size: 13px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .marketing-tag-section .product-marketing-tag__container {
        margin-top: 16px;
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .marketing-tag-section .product-marketing-tag__container {
        margin-top: 16px;
        font-size: 14px
    }
}

@media screen and (max-width:720px) {
    .marketing-tag-section .product-marketing-tag__container {
        font-size: 12px;
        font-size: calc(12*var(--m-scale, 1)*1px)
    }
}

.marketing-tag-section .product-marketing-tag__container:first-child {
    margin-top: 0
}

.marketing-tag-section .product-marketing-tag__container.empty .product-marketing-tag__type-desc {
    -webkit-margin-end: 4px
}

.marketing-tag-section .product-marketing-tag__container.empty .product-marketing-tag__type-desc:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 4px
}

.marketing-tag-section .product-marketing-tag__container.empty .product-marketing-tag__type-desc:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 4px
}

.marketing-tag-section .product-marketing-tag__container.empty .product-marketing-tag__type-desc:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 4px
}

.marketing-tag-section .product-marketing-tag__container.empty .product-marketing-tag__type-desc:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 4px
}

.marketing-tag-section .product-marketing-tag__container.empty .product-marketing-tag__type-desc:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 4px
}

.marketing-tag-section .product-marketing-tag__container.empty .product-marketing-tag__type-desc:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 4px
}

.marketing-tag-section .product-marketing-tag__container .product-marketing-tag__title {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden
}

.marketing-tag-section .product-marketing-tag__icon {
    width: var(--image-size);
    height: var(--image-size)
}

@media screen and (max-width:720px) {
    .marketing-tag-section .product-marketing-tag__icon {
        --image-size: 20px;
        -webkit-margin-end: 7px
    }

    .marketing-tag-section .product-marketing-tag__icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 7px
    }

    .marketing-tag-section .product-marketing-tag__icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 7px
    }

    .marketing-tag-section .product-marketing-tag__icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 7px
    }

    .marketing-tag-section .product-marketing-tag__icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 7px
    }

    .marketing-tag-section .product-marketing-tag__icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 7px
    }

    .marketing-tag-section .product-marketing-tag__icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 7px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .marketing-tag-section .product-marketing-tag__icon {
        --image-size: 20px;
        -webkit-margin-end: 7px
    }

    .marketing-tag-section .product-marketing-tag__icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 7px
    }

    .marketing-tag-section .product-marketing-tag__icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 7px
    }

    .marketing-tag-section .product-marketing-tag__icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 7px
    }

    .marketing-tag-section .product-marketing-tag__icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 7px
    }

    .marketing-tag-section .product-marketing-tag__icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 7px
    }

    .marketing-tag-section .product-marketing-tag__icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 7px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .marketing-tag-section .product-marketing-tag__icon {
        --image-size: 22px;
        -webkit-margin-end: 7px
    }

    .marketing-tag-section .product-marketing-tag__icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 7px
    }

    .marketing-tag-section .product-marketing-tag__icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 7px
    }

    .marketing-tag-section .product-marketing-tag__icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 7px
    }

    .marketing-tag-section .product-marketing-tag__icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 7px
    }

    .marketing-tag-section .product-marketing-tag__icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 7px
    }

    .marketing-tag-section .product-marketing-tag__icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 7px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .marketing-tag-section .product-marketing-tag__icon {
        --image-size: 24px;
        -webkit-margin-end: 8px
    }

    .marketing-tag-section .product-marketing-tag__icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 8px
    }

    .marketing-tag-section .product-marketing-tag__icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 8px
    }

    .marketing-tag-section .product-marketing-tag__icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 8px
    }

    .marketing-tag-section .product-marketing-tag__icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 8px
    }

    .marketing-tag-section .product-marketing-tag__icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 8px
    }

    .marketing-tag-section .product-marketing-tag__icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 8px
    }
}

@media screen and (min-width:1921px) {
    .marketing-tag-section .product-marketing-tag__icon {
        --image-size: 24px;
        -webkit-margin-end: 8px
    }

    .marketing-tag-section .product-marketing-tag__icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 8px
    }

    .marketing-tag-section .product-marketing-tag__icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 8px
    }

    .marketing-tag-section .product-marketing-tag__icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 8px
    }

    .marketing-tag-section .product-marketing-tag__icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 8px
    }

    .marketing-tag-section .product-marketing-tag__icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 8px
    }

    .marketing-tag-section .product-marketing-tag__icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 8px
    }
}

.marketing-tag-section .product-marketing-tag__type-desc {
    -webkit-margin-end: 8px;
    white-space: nowrap;
    font-weight: 700
}

.marketing-tag-section .product-marketing-tag__type-desc:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 8px
}

.marketing-tag-section .product-marketing-tag__type-desc:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 8px
}

.marketing-tag-section .product-marketing-tag__type-desc:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 8px
}

.marketing-tag-section .product-marketing-tag__type-desc:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 8px
}

.marketing-tag-section .product-marketing-tag__type-desc:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 8px
}

.marketing-tag-section .product-marketing-tag__type-desc:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 8px
}

.marketing-tag-section .product-marketing-tag__arrow {
    -webkit-margin-start: 4px;
    cursor: pointer
}

.marketing-tag-section .product-marketing-tag__arrow:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 4px
}

.marketing-tag-section .product-marketing-tag__arrow:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 4px
}

.marketing-tag-section .product-marketing-tag__arrow:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 4px
}

.marketing-tag-section .product-marketing-tag__arrow:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 4px
}

.marketing-tag-section .product-marketing-tag__arrow:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 4px
}

.marketing-tag-section .product-marketing-tag__arrow:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 4px
}

.marketing-tag-section .product-marketing-tag__title:empty+.product-marketing-tag__arrow {
    -webkit-margin-start: 0
}

.marketing-tag-section .product-marketing-tag__title:empty+.product-marketing-tag__arrow:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 0
}

.marketing-tag-section .product-marketing-tag__title:empty+.product-marketing-tag__arrow:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 0
}

.marketing-tag-section .product-marketing-tag__title:empty+.product-marketing-tag__arrow:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 0
}

.marketing-tag-section .product-marketing-tag__title:empty+.product-marketing-tag__arrow:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 0
}

.marketing-tag-section .product-marketing-tag__title:empty+.product-marketing-tag__arrow:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 0
}

.marketing-tag-section .product-marketing-tag__title:empty+.product-marketing-tag__arrow:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 0
}

.installation-section {
    -webkit-margin-before: var(--product-section-vertical-gap);
    margin-top: var(--product-section-vertical-gap)
}

@media screen and (max-width:720px) {
    .installation-section {
        --product-section-vertical-gap: 40px;
        --product-section-title-size: 16px;
        --product-section-title-line-height: 1.25;
        --product-section-title-font-weight: 700;
        --product-section-title-margin-block-end: 14.6px;
        --product-section-title-arrow-size: 8px;
        --product-section-title-arrow-gap: 2px;
        --tips-margin-block-start: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .installation-section {
        --product-section-vertical-gap: 40px;
        --product-section-title-size: 20px;
        --product-section-title-line-height: 1;
        --product-section-title-font-weight: 700;
        --product-section-title-margin-block-end: 22px;
        --product-section-title-arrow-size: 12px;
        --product-section-title-arrow-gap: 4px;
        --tips-margin-block-start: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .installation-section {
        --product-section-vertical-gap: 48px;
        --product-section-title-size: 22px;
        --product-section-title-line-height: 1;
        --product-section-title-font-weight: 700;
        --product-section-title-margin-block-end: 24px;
        --product-section-title-arrow-size: 18px;
        --product-section-title-arrow-gap: 6px;
        --tips-margin-block-start: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .installation-section {
        --product-section-vertical-gap: 60px;
        --product-section-title-size: 24px;
        --product-section-title-line-height: 1;
        --product-section-title-font-weight: 700;
        --product-section-title-margin-block-end: 24px;
        --product-section-title-arrow-size: 18px;
        --product-section-title-arrow-gap: 6px;
        --tips-margin-block-start: 16px
    }
}

@media screen and (min-width:1921px) {
    .installation-section {
        --product-section-vertical-gap: 60px;
        --product-section-title-size: 24px;
        --product-section-title-line-height: 1;
        --product-section-title-font-weight: 700;
        --product-section-title-margin-block-end: 24px;
        --product-section-title-arrow-size: 18px;
        --product-section-title-arrow-gap: 6px;
        --tips-margin-block-start: 16px
    }
}

.installation-section .installation-section__title {
    -webkit-margin-after: var(--product-section-title-margin-block-end);
    color: var(--text-base);
    font-weight: var(--product-section-title-font-weight);
    font-size: var(--product-section-title-size);
    line-height: var(--product-section-title-line-height);
    align-items: center;
    margin: 0;
    margin-bottom: var(--product-section-title-margin-block-end);
    display: flex
}

.installation-section .installation-section__pre-sale-tips {
    -webkit-margin-before: var(--tips-margin-block-start);
    color: var(--brand-black-50);
    margin-top: var(--tips-margin-block-start);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.25
}

@media screen and (max-width:720px) {
    .installation-section .installation-section__pre-sale-tips {
        font-size: 12px;
        font-size: calc(12*var(--m-scale, 1)*1px)
    }

    .installation-section__list {
        --installation-item-gap: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .installation-section__list {
        --installation-item-gap: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .installation-section__list {
        --installation-item-gap: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .installation-section__list {
        --installation-item-gap: 16px
    }
}

@media screen and (min-width:1921px) {
    .installation-section__list {
        --installation-item-gap: 16px
    }
}

.installation-section__list .installation-select-list+.installation-select-list,
.installation-section__list .installation-select__item+.installation-select__item {
    -webkit-margin-before: var(--installation-item-gap);
    margin-top: var(--installation-item-gap)
}

.installation-section__list .installation-select__item {
    box-sizing: border-box;
    width: 100%;
    padding: var(--installation-item-padding);
    color: var(--text-base);
    line-height: 1.25;
    line-height: var(--line-height, 1.25);
    background: #fff;
    background: var(--background-white);
    border-radius: var(--installation-item-border-radius);
    box-shadow: inset 0 0 0 1px #d1d1d1;
    box-shadow: inset 0 0 0 1px var(--brand-black-20);
    --installation-item-active-title-weight: 700;
    --installation-item-title-weight: 500;
    --installation-item-price-font-weight: 700;
    border: none;
    transition: background-color .3s, border-color .3s, opacity .3s
}

.installation-section__list .installation-select__item:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.installation-section__list .installation-select__item:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.installation-section__list .installation-select__item:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.installation-section__list .installation-select__item:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.installation-section__list .installation-select__item:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.installation-section__list .installation-select__item:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.installation-section__list .installation-select__item:hover {
    box-shadow: inset 0 0 0 1.5px #d1d1d1;
    box-shadow: inset 0 0 0 1.5px var(--brand-black-20);
    cursor: pointer
}

@media screen and (max-width:720px) {
    .installation-section__list .installation-select__item {
        --installation-item-padding: 16px 16px 16px 16px;
        --installation-item-border-radius: 6px;
        --installation-item-title-size: 14px;
        --installation-item-text-size: 12px;
        --installation-item-line-gap: 8px;
        --installation-item-content-gap: 12px;
        --installation-item-price-del-gap: 6px;
        --installation-item-price-font-size: 16px;
        --installation-item-del-font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .installation-section__list .installation-select__item {
        --installation-item-padding: 16px 16px 16px 16px;
        --installation-item-border-radius: 10px;
        --installation-item-title-size: 14px;
        --installation-item-text-size: 12px;
        --installation-item-line-gap: 8px;
        --installation-item-content-gap: 12px;
        --installation-item-price-del-gap: 6px;
        --installation-item-price-font-size: 15px;
        --installation-item-del-font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .installation-section__list .installation-select__item {
        --installation-item-padding: 24px 24px 24px 20px;
        --installation-item-border-radius: 12px;
        --installation-item-title-size: 16px;
        --installation-item-text-size: 14px;
        --installation-item-line-gap: 12px;
        --installation-item-content-gap: 16px;
        --installation-item-price-del-gap: 6px;
        --installation-item-price-font-size: 16px;
        --installation-item-del-font-size: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .installation-section__list .installation-select__item {
        --installation-item-padding: 24px 24px 24px 20px;
        --installation-item-border-radius: 12px;
        --installation-item-title-size: 16px;
        --installation-item-text-size: 14px;
        --installation-item-line-gap: 12px;
        --installation-item-content-gap: 16px;
        --installation-item-price-del-gap: 6px;
        --installation-item-price-font-size: 16px;
        --installation-item-del-font-size: 12px
    }
}

@media screen and (min-width:1921px) {
    .installation-section__list .installation-select__item {
        --installation-item-padding: 24px 24px 24px 20px;
        --installation-item-border-radius: 12px;
        --installation-item-title-size: 16px;
        --installation-item-text-size: 14px;
        --installation-item-line-gap: 12px;
        --installation-item-content-gap: 16px;
        --installation-item-price-del-gap: 6px;
        --installation-item-price-font-size: 16px;
        --installation-item-del-font-size: 12px
    }
}

.installation-section__list .installation-select__item .installation-select__main {
    gap: 12px;
    display: flex
}

.installation-section__list .installation-select__item .installation-select__main .installation-select__left {
    width: 32px;
    height: 32px
}

.installation-section__list .installation-select__item .installation-select__main .installation-select__right {
    gap: var(--installation-item-line-gap);
    flex-direction: column;
    display: flex
}

.installation-section__list .installation-select__item .installation-select__main .installation-select__right .installation-select__name {
    font-weight: var(--installation-item-title-weight);
    font-size: var(--installation-item-title-size)
}

.installation-section__list .installation-select__item .installation-select__main .installation-select__right .installation-select__btn {
    color: #FF47C7;
    font-size: var(--installation-item-text-size)
}

.installation-section__list .installation-select__item .installation-select__main .installation-select__right .mi-price strong {
    font-weight: var(--installation-item-price-font-weight);
    font-size: var(--installation-item-price-font-size)
}

.installation-section__list .installation-select__item .installation-select__main .installation-select__right .mi-price strong[data-currency-pos=pre] small {
    font-size: 100%
}

.installation-section__list .installation-select__item .installation-select__main .installation-select__right .mi-price strong[data-currency-pos=pre][data-symbol-include-blank=false] small:after {
    content: " "
}

.installation-section__list .installation-select__item .installation-select__main .installation-select__right .mi-price strong[data-currency-pos=post] small {
    font-size: 100%
}

.installation-section__list .installation-select__item .installation-select__main .installation-select__right .mi-price strong[data-currency-pos=post][data-symbol-include-blank=false] small:before {
    content: " "
}

.installation-section__list .installation-select__item .installation-select__main .installation-select__right .mi-price del {
    -webkit-margin-start: var(--installation-item-price-del-gap);
    color: var(--brand-black-40);
    font-size: var(--installation-item-del-font-size)
}

.installation-section__list .installation-select__item .installation-select__main .installation-select__right .mi-price del:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--installation-item-price-del-gap)
}

.installation-section__list .installation-select__item .installation-select__main .installation-select__right .mi-price del:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--installation-item-price-del-gap)
}

.installation-section__list .installation-select__item .installation-select__main .installation-select__right .mi-price del:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--installation-item-price-del-gap)
}

.installation-section__list .installation-select__item .installation-select__main .installation-select__right .mi-price del:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--installation-item-price-del-gap)
}

.installation-section__list .installation-select__item .installation-select__main .installation-select__right .mi-price del:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--installation-item-price-del-gap)
}

.installation-section__list .installation-select__item .installation-select__main .installation-select__right .mi-price del:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--installation-item-price-del-gap)
}

.installation-section__list .installation-select__item .installation-select__main .installation-select__right .mi-price del[data-currency-pos=pre] small {
    font-size: 100%
}

.installation-section__list .installation-select__item .installation-select__main .installation-select__right .mi-price del[data-currency-pos=pre][data-symbol-include-blank=false] small:after {
    content: " "
}

.installation-section__list .installation-select__item .installation-select__main .installation-select__right .mi-price del[data-currency-pos=post] small {
    font-size: 100%
}

.installation-section__list .installation-select__item .installation-select__main .installation-select__right .mi-price del[data-currency-pos=post][data-symbol-include-blank=false] small:before {
    content: " "
}

.installation-section__list .installation-select__item .installation-select__desc-wrap {
    margin-top: var(--installation-item-content-gap)
}

.installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper {
    align-items: flex-start;
    display: flex
}

.installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon {
    font-size: 16px;
    line-height: 1.2
}

@media screen and (max-width:720px) {
    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon {
        -webkit-margin-start: 8px;
        -webkit-margin-end: 16px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px;
        margin-right: 16px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px;
        margin-right: 16px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px;
        margin-right: 16px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px;
        margin-right: 8px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px;
        margin-right: 8px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px;
        margin-right: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon {
        -webkit-margin-start: 8px;
        -webkit-margin-end: 16px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px;
        margin-right: 16px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px;
        margin-right: 16px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px;
        margin-right: 16px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px;
        margin-right: 8px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px;
        margin-right: 8px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px;
        margin-right: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon {
        -webkit-margin-start: 8px;
        -webkit-margin-end: 21px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px;
        margin-right: 21px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px;
        margin-right: 21px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px;
        margin-right: 21px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 21px;
        margin-right: 8px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 21px;
        margin-right: 8px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 21px;
        margin-right: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon {
        -webkit-margin-start: 8px;
        -webkit-margin-end: 21px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px;
        margin-right: 21px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px;
        margin-right: 21px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px;
        margin-right: 21px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 21px;
        margin-right: 8px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 21px;
        margin-right: 8px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 21px;
        margin-right: 8px
    }
}

@media screen and (min-width:1921px) {
    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon {
        -webkit-margin-start: 8px;
        -webkit-margin-end: 21px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px;
        margin-right: 21px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px;
        margin-right: 21px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px;
        margin-right: 21px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 21px;
        margin-right: 8px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 21px;
        margin-right: 8px
    }

    .installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 21px;
        margin-right: 8px
    }
}

.installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__icon.micon-checkbox-checked:not(.micon-checkbox-disabled) {
    color: #000
}

.installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__content {
    color: var(--text-base);
    font-size: 12px;
    line-height: 1.5
}

.installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper .checkbox__content a {
    color: #FF47C7
}

.installation-section__list .installation-select__item .installation-select__desc-wrap .checkbox-wrapper:hover .checkbox__content {
    color: var(--text-base)
}

.installation-section__list .installation-select__item--active {
    box-shadow: inset 0 0 0 1.5px #FF47C7;
    box-shadow: inset 0 0 0 1.5px var(--border-primary);
    border-width: 0
}

.installation-section__list .installation-select__item--active .installation-select__main .installation-select__right .installation-select__name {
    font-weight: var(--installation-item-active-title-weight)
}

.installation-section__list .installation-select__item--active:hover {
    box-shadow: inset 0 0 0 1.5px #FF47C7;
    box-shadow: inset 0 0 0 1.5px var(--border-primary)
}

.installation-section__list:not(.installation-select__item--disabled) .insurance-terms .mi-checkbox__item .checkbox__icon {
    cursor: pointer
}

.installation-section__list .installation-select__item--disabled {
    opacity: .4;
    border-width: 0;
    cursor: not-allowed !important
}

.installation-section__list .installation-select__item--disabled:hover {
    box-shadow: inset 0 0 0 1px #d1d1d1
}

.count-dow-box {
    z-index: 20;
    background: #FF47C7;
    border-radius: 12px 0 0 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 24px;
    display: flex;
    position: fixed;
    top: 200px;
    right: 0
}

.count-dow-box .count-down__icon {
    justify-content: center;
    align-items: center;
    display: flex
}

.count-dow-box .count-down__time {
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.count-dow-box .count-down__complete {
    justify-content: center;
    align-items: center;
    display: flex
}

.count-dow-box .xiaomi {
    color: #fff;
    margin-top: 5px;
    font-size: 20px !important
}

.count-dow-box .icon-time-complete {
    color: #6dd400
}

.buy-product__recycle-section {
    -webkit-margin-before: var(--product-section-margin-top);
    margin-top: var(--product-section-margin-top)
}

@media screen and (max-width:720px) {
    .buy-product__recycle-section {
        --product-section-margin-top: 40px;
        --product-section-title-size: 16px;
        --product-section-title-line-height: 1.25;
        --product-section-title-margin-block-end: 15px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product__recycle-section {
        --product-section-margin-top: 40px;
        --product-section-title-size: 20px;
        --product-section-title-line-height: 1;
        --product-section-title-margin-block-end: 22px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product__recycle-section {
        --product-section-margin-top: 48px;
        --product-section-title-size: 22px;
        --product-section-title-line-height: 1;
        --product-section-title-margin-block-end: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product__recycle-section {
        --product-section-margin-top: 60px;
        --product-section-title-size: 24px;
        --product-section-title-line-height: 1;
        --product-section-title-margin-block-end: 24px
    }
}

@media screen and (min-width:1921px) {
    .buy-product__recycle-section {
        --product-section-margin-top: 60px;
        --product-section-title-size: 24px;
        --product-section-title-line-height: 1;
        --product-section-title-margin-block-end: 24px
    }
}

.buy-product__recycle-section .buy-product__recycle-section__title {
    -webkit-margin-after: var(--product-section-title-margin-block-end);
    color: var(--text-base);
    font-weight: 700;
    font-size: var(--product-section-title-size);
    line-height: var(--product-section-title-line-height);
    margin: 0;
    margin-bottom: var(--product-section-title-margin-block-end)
}

.buy-product__recycle-section .buy-product__recycle-section__item {
    box-sizing: border-box;
    color: var(--text-base);
    width: 100%;
    background: #fff;
    background: var(--background-white);
    box-shadow: inset 0 0 0 1px #d1d1d1;
    box-shadow: inset 0 0 0 1px var(--brand-black-20);
    cursor: pointer;
    border: none;
    gap: 12px;
    transition: background-color .3s, border-color .3s, opacity .3s;
    display: flex
}

.buy-product__recycle-section .buy-product__recycle-section__item:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.buy-product__recycle-section .buy-product__recycle-section__item:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.buy-product__recycle-section .buy-product__recycle-section__item:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    text-align: left
}

.buy-product__recycle-section .buy-product__recycle-section__item:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.buy-product__recycle-section .buy-product__recycle-section__item:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.buy-product__recycle-section .buy-product__recycle-section__item:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    text-align: right
}

.buy-product__recycle-section .buy-product__recycle-section__item:hover {
    box-shadow: inset 0 0 0 1.5px #d1d1d1;
    box-shadow: inset 0 0 0 1.5px var(--brand-black-20)
}

@media screen and (max-width:720px) {
    .buy-product__recycle-section .buy-product__recycle-section__item {
        border-radius: 6px;
        padding: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product__recycle-section .buy-product__recycle-section__item {
        border-radius: 10px;
        padding: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product__recycle-section .buy-product__recycle-section__item {
        border-radius: 12px;
        padding: 24px 24px 24px 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product__recycle-section .buy-product__recycle-section__item {
        border-radius: 12px;
        padding: 24px 24px 24px 20px
    }
}

@media screen and (min-width:1921px) {
    .buy-product__recycle-section .buy-product__recycle-section__item {
        border-radius: 12px;
        padding: 24px 24px 24px 20px
    }
}

.buy-product__recycle-section .buy-product__recycle-section__item .buy-product__recycle-section__icon {
    width: 32px;
    height: 32px
}

.buy-product__recycle-section .buy-product__recycle-section__item .buy-product__recycle-section__right {
    flex-direction: column;
    display: flex
}

@media screen and (max-width:720px) {
    .buy-product__recycle-section .buy-product__recycle-section__item .buy-product__recycle-section__right {
        gap: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product__recycle-section .buy-product__recycle-section__item .buy-product__recycle-section__right {
        gap: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product__recycle-section .buy-product__recycle-section__item .buy-product__recycle-section__right {
        gap: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product__recycle-section .buy-product__recycle-section__item .buy-product__recycle-section__right {
        gap: 12px
    }
}

@media screen and (min-width:1921px) {
    .buy-product__recycle-section .buy-product__recycle-section__item .buy-product__recycle-section__right {
        gap: 12px
    }
}

.buy-product__recycle-section .buy-product__recycle-section__item .buy-product__recycle-section__right .buy-product__recycle-section__right-title {
    font-weight: 500
}

@media screen and (max-width:720px) {
    .buy-product__recycle-section .buy-product__recycle-section__item .buy-product__recycle-section__right .buy-product__recycle-section__right-title {
        font-size: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product__recycle-section .buy-product__recycle-section__item .buy-product__recycle-section__right .buy-product__recycle-section__right-title {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product__recycle-section .buy-product__recycle-section__item .buy-product__recycle-section__right .buy-product__recycle-section__right-title {
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product__recycle-section .buy-product__recycle-section__item .buy-product__recycle-section__right .buy-product__recycle-section__right-title {
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .buy-product__recycle-section .buy-product__recycle-section__item .buy-product__recycle-section__right .buy-product__recycle-section__right-title {
        font-size: 16px
    }
}

.buy-product__recycle-section .buy-product__recycle-section__item .buy-product__recycle-section__right .buy-product__recycle-section__right-desc {
    font-weight: 500
}

@media screen and (max-width:720px) {
    .buy-product__recycle-section .buy-product__recycle-section__item .buy-product__recycle-section__right .buy-product__recycle-section__right-desc {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product__recycle-section .buy-product__recycle-section__item .buy-product__recycle-section__right .buy-product__recycle-section__right-desc {
        font-size: 13px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product__recycle-section .buy-product__recycle-section__item .buy-product__recycle-section__right .buy-product__recycle-section__right-desc {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product__recycle-section .buy-product__recycle-section__item .buy-product__recycle-section__right .buy-product__recycle-section__right-desc {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .buy-product__recycle-section .buy-product__recycle-section__item .buy-product__recycle-section__right .buy-product__recycle-section__right-desc {
        font-size: 14px
    }
}

.buy-product__recycle-section .buy-product__recycle-section__item--active {
    box-shadow: inset 0 0 0 1.5px #FF47C7;
    box-shadow: inset 0 0 0 1.5px var(--border-primary);
    border-width: 0
}

.buy-product__recycle-section .buy-product__recycle-section__item--active .buy-product__recycle-section__main .buy-product__recycle-section__right .buy-product__recycle-section__right-title {
    font-weight: 700
}

.buy-product__recycle-section .buy-product__recycle-section__item--active:hover {
    box-shadow: inset 0 0 0 1.5px #FF47C7;
    box-shadow: inset 0 0 0 1.5px var(--border-primary)
}

.buy-product__recycle-section .buy-product__recycle-section__item--disabled {
    cursor: not-allowed;
    opacity: .4;
    border-width: 0
}

.buy-product__recycle-section .buy-product__recycle-section__item--disabled:hover {
    box-shadow: inset 0 0 0 1px #d1d1d1
}

@media screen and (max-width:720px) {
    .buy-product {
        --nav-height: 44px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product {
        --nav-height: 64px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product {
        --nav-height: 68px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product {
        --nav-height: 72px
    }
}

@media screen and (min-width:1921px) {
    .buy-product {
        --nav-height: 72px
    }
}

.buy-product .buy-product__content {
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

@media screen and (max-width:720px) {
    .buy-product .buy-product__content {
        border-top: none;
        padding-bottom: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product .buy-product__content {
        border-top: 1px solid #e8e8e8;
        padding-bottom: 40px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product .buy-product__content {
        border-top: 1px solid #e8e8e8;
        padding-bottom: 60px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product .buy-product__content {
        border-top: 1px solid #e8e8e8;
        padding-bottom: 72px
    }
}

@media screen and (min-width:1921px) {
    .buy-product .buy-product__content {
        border-top: 1px solid #e8e8e8;
        padding-bottom: 72px
    }
}

.buy-product .buy-product__content:empty {
    display: none
}

.buy-product__footer.hide {
    margin-top: 10px
}

.buy-product__footer.hide .site-footer,
.buy-product-footer-placeholder {
    display: none
}

@media screen and (max-width:720px) {
    .buy-product-footer-placeholder {
        z-index: 22;
        flex-shrink: 0;
        min-height: 60px;
        display: block;
        position: -webkit-sticky;
        position: sticky;
        bottom: 0
    }
}

.product-review-section {
    box-sizing: border-box;
    background-color: #fff;
    flex-direction: column;
    width: calc(100% - 40px);
    margin: 0 20px;
    display: flex
}

@media screen and (max-width:720px) {
    .product-review-section {
        border-top: 12px solid #f7f7f7;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-review-section {
        max-width: 1000px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-review-section {
        max-width: 1180px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-review-section {
        max-width: 1400px
    }
}

@media screen and (min-width:1921px) {
    .product-review-section {
        max-width: 1400px
    }
}

.product-review-section .product-review-title {
    margin: 0;
    font-weight: 700
}

@media screen and (max-width:720px) {
    .product-review-section .product-review-title {
        padding: 28px 0 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-review-section .product-review-title {
        padding: 40px 0 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-review-section .product-review-title {
        padding: 56px 0 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-review-section .product-review-title {
        padding: 64px 0 32px
    }
}

@media screen and (min-width:1921px) {
    .product-review-section .product-review-title {
        padding: 64px 0 32px
    }
}

.product-review-section .product-review-title .product-review-title-text {
    white-space: nowrap
}

.product-review-section .product-review-title .product-review-title-container {
    cursor: pointer;
    align-items: center;
    margin: 0;
    padding: 0;
    font-weight: 700;
    display: flex
}

@media screen and (max-width:720px) {
    .product-review-section .product-review-title .product-review-title-container {
        width: 100%;
        height: 18px;
        font-size: 18px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-review-section .product-review-title .product-review-title-container {
        width: 100%;
        height: 33px;
        font-size: 26px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-review-section .product-review-title .product-review-title-container {
        width: 253px;
        height: 35px;
        font-size: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-review-section .product-review-title .product-review-title-container {
        width: 253px;
        height: 40px;
        font-size: 32px
    }
}

@media screen and (min-width:1921px) {
    .product-review-section .product-review-title .product-review-title-container {
        width: 253px;
        height: 40px;
        font-size: 32px
    }
}

.product-review-section .product-review-title .product-review-title-container .product-review-title-line {
    color: #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-right: auto;
    width: 0
}

[dir=rtl] .product-review-section .product-review-title .product-review-title-container .product-review-title-line {
    border-left: auto
}

[dir=rtl] .product-review-section .product-review-title .product-review-title-container .product-review-title-line {
    border-right: 1px solid #d1d1d1
}

@media screen and (max-width:720px) {
    .product-review-section .product-review-title .product-review-title-container .product-review-title-line {
        -webkit-margin-start: 8px;
        -webkit-margin-end: 8px;
        height: 12px;
        margin-left: 8px;
        margin-right: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-review-section .product-review-title .product-review-title-container .product-review-title-line {
        -webkit-margin-start: 16px;
        -webkit-margin-end: 16px;
        height: 20px;
        margin-left: 16px;
        margin-right: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-review-section .product-review-title .product-review-title-container .product-review-title-line {
        -webkit-margin-start: 16px;
        -webkit-margin-end: 16px;
        height: 20px;
        margin-left: 16px;
        margin-right: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-review-section .product-review-title .product-review-title-container .product-review-title-line {
        -webkit-margin-start: 16px;
        -webkit-margin-end: 16px;
        height: 20px;
        margin-left: 16px;
        margin-right: 16px
    }
}

@media screen and (min-width:1921px) {
    .product-review-section .product-review-title .product-review-title-container .product-review-title-line {
        -webkit-margin-start: 16px;
        -webkit-margin-end: 16px;
        height: 20px;
        margin-left: 16px;
        margin-right: 16px
    }
}

.product-review-section .product-review-title .product-review-title-container .product-review-title-icon {
    font-weight: 700
}

@media screen and (max-width:720px) {
    .product-review-section .product-review-title .product-review-title-container .product-review-title-icon {
        font-size: 18px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-review-section .product-review-title .product-review-title-container .product-review-title-icon {
        font-size: 18px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-review-section .product-review-title .product-review-title-container .product-review-title-icon {
        font-size: 32px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-review-section .product-review-title .product-review-title-container .product-review-title-icon {
        font-size: 32px
    }
}

@media screen and (min-width:1921px) {
    .product-review-section .product-review-title .product-review-title-container .product-review-title-icon {
        font-size: 32px
    }
}

.product-review-section .product-review-content {
    width: 100%
}

@media screen and (max-width:720px) {
    .product-review-section .product-review-content {
        width: 100%;
        height: auto
    }
}

.product-review-item {
    width: 100%;
    display: inline-block
}

.product-review-item .product-review-item-content {
    display: flex
}

@media screen and (max-width:720px) {
    .product-review-item .product-review-item-content {
        padding: 16px 0 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-review-item .product-review-item-content {
        padding: 12px 0 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-review-item .product-review-item-content {
        padding: 12px 0 48px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-review-item .product-review-item-content {
        padding: 12px 0 60px
    }
}

@media screen and (min-width:1921px) {
    .product-review-item .product-review-item-content {
        padding: 12px 0 60px
    }
}

@media screen and (max-width:720px) {
    .product-review-item .product-review-item-content {
        flex-direction: column;
        width: 100%;
        max-height: 126px;
        display: flex
    }
}

.product-review-item .product-review-item-content .product-review-item-user {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-height: 62px;
    display: flex
}

.product-review-item .product-review-item-content .product-review-item-user .mi-stars {
    --star-size: 16px
}

@media screen and (max-width:720px) {
    .product-review-item .product-review-item-content .product-review-item-user .mi-stars {
        --star-size: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user {
        -webkit-margin-end: 0
    }

    .product-review-item .product-review-item-content .product-review-item-user:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 0
    }

    .product-review-item .product-review-item-content .product-review-item-user:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 0
    }

    .product-review-item .product-review-item-content .product-review-item-user:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 0
    }

    .product-review-item .product-review-item-content .product-review-item-user:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 0
    }

    .product-review-item .product-review-item-content .product-review-item-user:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 0
    }

    .product-review-item .product-review-item-content .product-review-item-user:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-review-item .product-review-item-content .product-review-item-user {
        -webkit-margin-end: 40px
    }

    .product-review-item .product-review-item-content .product-review-item-user:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 40px
    }

    .product-review-item .product-review-item-content .product-review-item-user:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 40px
    }

    .product-review-item .product-review-item-content .product-review-item-user:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 40px
    }

    .product-review-item .product-review-item-content .product-review-item-user:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 40px
    }

    .product-review-item .product-review-item-content .product-review-item-user:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 40px
    }

    .product-review-item .product-review-item-content .product-review-item-user:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 40px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-review-item .product-review-item-content .product-review-item-user {
        -webkit-margin-end: 80px
    }

    .product-review-item .product-review-item-content .product-review-item-user:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 80px
    }

    .product-review-item .product-review-item-content .product-review-item-user:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 80px
    }

    .product-review-item .product-review-item-content .product-review-item-user:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 80px
    }

    .product-review-item .product-review-item-content .product-review-item-user:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 80px
    }

    .product-review-item .product-review-item-content .product-review-item-user:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 80px
    }

    .product-review-item .product-review-item-content .product-review-item-user:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 80px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-review-item .product-review-item-content .product-review-item-user {
        -webkit-margin-end: 80px
    }

    .product-review-item .product-review-item-content .product-review-item-user:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 80px
    }

    .product-review-item .product-review-item-content .product-review-item-user:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 80px
    }

    .product-review-item .product-review-item-content .product-review-item-user:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 80px
    }

    .product-review-item .product-review-item-content .product-review-item-user:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 80px
    }

    .product-review-item .product-review-item-content .product-review-item-user:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 80px
    }

    .product-review-item .product-review-item-content .product-review-item-user:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 80px
    }
}

@media screen and (min-width:1921px) {
    .product-review-item .product-review-item-content .product-review-item-user {
        -webkit-margin-end: 80px
    }

    .product-review-item .product-review-item-content .product-review-item-user:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 80px
    }

    .product-review-item .product-review-item-content .product-review-item-user:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 80px
    }

    .product-review-item .product-review-item-content .product-review-item-user:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 80px
    }

    .product-review-item .product-review-item-content .product-review-item-user:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 80px
    }

    .product-review-item .product-review-item-content .product-review-item-user:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 80px
    }

    .product-review-item .product-review-item-content .product-review-item-user:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 80px
    }
}

@media screen and (max-width:720px) {
    .product-review-item .product-review-item-content .product-review-item-user {
        -webkit-margin-end: 0;
        justify-content: space-between;
        width: 100%;
        height: 31px;
        margin-bottom: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 0
    }

    .product-review-item .product-review-item-content .product-review-item-user:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 0
    }

    .product-review-item .product-review-item-content .product-review-item-user:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 0
    }

    .product-review-item .product-review-item-content .product-review-item-user:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 0
    }

    .product-review-item .product-review-item-content .product-review-item-user:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 0
    }

    .product-review-item .product-review-item-content .product-review-item-user:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 0
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-content {
        height: 31px;
        display: flex
    }
}

.product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar {
    -webkit-clip-path: url(96894.chunk.css#svgClipPath);
    clip-path: url(96894.chunk.css#svgClipPath)
}

@media screen and (max-width:720px) {
    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar {
        -webkit-margin-end: 8px;
        width: 28px;
        height: 28px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 8px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 8px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 8px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 8px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 8px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar {
        -webkit-margin-end: 12px;
        width: 36px;
        height: 36px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar {
        -webkit-margin-end: 12px;
        width: 40px;
        height: 40px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar {
        -webkit-margin-end: 12px;
        width: 40px;
        height: 40px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 12px
    }
}

@media screen and (min-width:1921px) {
    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar {
        -webkit-margin-end: 12px;
        width: 40px;
        height: 40px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 12px
    }

    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-avatar:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 12px
    }
}

.product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-name-content {
    flex-direction: column;
    width: 129px;
    height: 44px;
    display: flex
}

@media screen and (max-width:720px) {
    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-name-content {
        width: 120px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-name-content {
        width: 120px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-name-content {
        width: 129px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-name-content {
        width: 129px
    }
}

@media screen and (min-width:1921px) {
    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-name-content {
        width: 129px
    }
}

.product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-name-content .product-review-item-user-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-name-content .product-review-item-user-name {
        width: 120px;
        height: 15px;
        margin-bottom: 4px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-name-content .product-review-item-user-name {
        width: 120px;
        height: 15px;
        margin-bottom: 6px;
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-name-content .product-review-item-user-name {
        width: 129px;
        height: 20px;
        margin-bottom: 8px;
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-name-content .product-review-item-user-name {
        width: 129px;
        height: 20px;
        margin-bottom: 8px;
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-name-content .product-review-item-user-name {
        width: 129px;
        height: 20px;
        margin-bottom: 8px;
        font-size: 16px
    }
}

.product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-name-content .product-review-item-user-star {
    --light-up-color: #303030
}

@media screen and (max-width:720px) {
    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-name-content .product-review-item-user-star {
        --grid-column-gap: 3px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-name-content .product-review-item-user-star {
        --grid-column-gap: 3px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-name-content .product-review-item-user-star {
        --grid-column-gap: 4px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-name-content .product-review-item-user-star {
        --grid-column-gap: 4px
    }
}

@media screen and (min-width:1921px) {
    .product-review-item .product-review-item-content .product-review-item-user .product-review-item-user-name-content .product-review-item-user-star {
        --grid-column-gap: 4px
    }
}

.product-review-item .product-review-item-content .product-review-item-review {
    word-break: break-all;
    flex-direction: column;
    flex: 1;
    display: flex
}

@media screen and (max-width:720px) {
    .product-review-item .product-review-item-content .product-review-item-review {
        width: 100%
    }
}

.product-review-item .product-review-item-content .product-review-item-review .product-review-item-review-title {
    color: #757575
}

@media screen and (max-width:720px) {
    .product-review-item .product-review-item-content .product-review-item-review .product-review-item-review-title {
        margin-bottom: 4px;
        font-size: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-review-item .product-review-item-content .product-review-item-review .product-review-item-review-title {
        margin-bottom: 8px;
        font-size: 13px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-review-item .product-review-item-content .product-review-item-review .product-review-item-review-title {
        margin-bottom: 8px;
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-review-item .product-review-item-content .product-review-item-review .product-review-item-review-title {
        margin-bottom: 8px;
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .product-review-item .product-review-item-content .product-review-item-review .product-review-item-review-title {
        margin-bottom: 8px;
        font-size: 14px
    }
}

@media screen and (max-width:720px) {
    .product-review-item .product-review-item-content .product-review-item-review .product-review-item-review-title {
        font-size: 10px;
        font-size: calc(10*var(--m-scale, 1)*1px)
    }
}

.product-review-item .product-review-item-content .product-review-item-review .product-review-item-review-text {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.25;
    display: -webkit-box;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .product-review-item .product-review-item-content .product-review-item-review .product-review-item-review-text {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-review-item .product-review-item-content .product-review-item-review .product-review-item-review-text {
        font-size: 13px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-review-item .product-review-item-content .product-review-item-review .product-review-item-review-text {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-review-item .product-review-item-content .product-review-item-review .product-review-item-review-text {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .product-review-item .product-review-item-content .product-review-item-review .product-review-item-review-text {
        font-size: 14px
    }
}

@media screen and (max-width:720px) {
    .product-review-item .product-review-item-content .product-review-item-review .product-review-item-review-text {
        font-size: 12px;
        font-size: calc(12*var(--m-scale, 1)*1px)
    }
}

.product-review-item .product-review-item-content .product-review-item-time {
    color: #757575;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex
}

@media screen and (max-width:720px) {
    .product-review-item .product-review-item-content .product-review-item-time {
        width: 100px;
        font-size: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-review-item .product-review-item-content .product-review-item-time {
        width: 100px;
        font-size: 13px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-review-item .product-review-item-content .product-review-item-time {
        width: 160px;
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-review-item .product-review-item-content .product-review-item-time {
        width: 160px;
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .product-review-item .product-review-item-content .product-review-item-time {
        width: 160px;
        font-size: 14px
    }
}

.mi-stars {
    --grid-column-count: 5;
    --light-up-color: #FF47C7
}

@media screen and (max-width:720px) {
    .mi-stars {
        --star-size: 12px;
        --grid-column-gap: 1px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .mi-stars {
        --star-size: 14px;
        --grid-column-gap: 1px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .mi-stars {
        --star-size: 14px;
        --grid-column-gap: 1px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .mi-stars {
        --star-size: 14px;
        --grid-column-gap: 2px
    }
}

@media screen and (min-width:1921px) {
    .mi-stars {
        --star-size: 18px;
        --grid-column-gap: 2px
    }
}

.mi-stars .mi-stars__list {
    grid-template-columns: repeat(var(--grid-column-count), var(--star-size));
    grid-column-gap: var(--grid-column-gap);
    -moz-column-gap: var(--grid-column-gap);
    column-gap: var(--grid-column-gap);
    display: grid
}

.mi-stars .mi-stars__item {
    width: var(--star-size);
    height: var(--star-size);
    position: relative
}

.mi-stars .mi-stars__star {
    color: var(--light-up-color);
    font-size: var(--star-size);
    pointer-events: none;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0
}

.mi-stars .mi-stars__star.mi-stars__star--top {
    z-index: 2;
    overflow: hidden
}

.mi-stars .mi-stars__star.mi-stars__star--bottom {
    color: #f3f3f3
}

.mi-stars .mi-stars__star.mi-stars__star--interactive {
    pointer-events: all
}

.mi-stars .mi-stars__star.mi-stars__star--interactive:hover {
    color: var(--light-up-color);
    cursor: pointer
}

.product-recommended {
    box-sizing: border-box;
    background-color: #fff;
    width: calc(100% - 40px);
    margin: 0 20px
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-recommended:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-recommended:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-recommended:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (min-width:1921px) {
    .product-recommended:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (max-width:720px) {
    .product-recommended {
        border-top: 12px solid #f7f7f7;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-recommended {
        max-width: 1000px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-recommended {
        max-width: 1180px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-recommended {
        max-width: 1400px
    }
}

@media screen and (min-width:1921px) {
    .product-recommended {
        max-width: 1400px
    }
}

.product-recommended .product-recommended-title {
    margin: 0;
    padding: 0;
    font-weight: 700
}

@media screen and (max-width:720px) {
    .product-recommended .product-recommended-title {
        margin-top: 28px;
        font-size: 18px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-recommended .product-recommended-title {
        margin-top: 40px;
        font-size: 26px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-recommended .product-recommended-title {
        margin-top: 56px;
        font-size: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-recommended .product-recommended-title {
        margin-top: 64px;
        font-size: 32px
    }
}

@media screen and (min-width:1921px) {
    .product-recommended .product-recommended-title {
        margin-top: 64px;
        font-size: 32px
    }
}

.product-recommended .product-recommended-list {
    display: grid
}

@media screen and (min-width:361px) and (max-width:520px) {
    .product-recommended .product-recommended-list {
        grid-template-columns: repeat(2, 1fr) !important
    }
}

@media screen and (min-width:521px) and (max-width:780px) {
    .product-recommended .product-recommended-list {
        grid-template-columns: repeat(3, 1fr) !important
    }
}

@media screen and (min-width:781px) and (max-width:930px) {
    .product-recommended .product-recommended-list {
        grid-template-columns: repeat(4, 1fr) !important
    }
}

@media screen and (min-width:931px) and (max-width:1024px) {
    .product-recommended .product-recommended-list {
        grid-template-columns: repeat(5, 1fr) !important
    }
}

@media screen and (max-width:720px) {
    .product-recommended .product-recommended-list {
        grid-template-columns: repeat(2, 2fr);
        gap: 12px;
        margin-top: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-recommended .product-recommended-list {
        grid-template-columns: repeat(5, 1fr);
        gap: 11px;
        margin-top: 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-recommended .product-recommended-list {
        grid-template-columns: repeat(5, 1fr);
        gap: 15px;
        margin-top: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-recommended .product-recommended-list {
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;
        margin-top: 32px
    }
}

@media screen and (min-width:1921px) {
    .product-recommended .product-recommended-list {
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;
        margin-top: 32px
    }
}

@media screen and (max-width:720px) {
    .energy-label-responsive {
        --image-width: 57px;
        --info-margin-left: 6px;
        --link-font-size: 12px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 16px;
        --link-text-width: 114px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .energy-label-responsive {
        --image-width: 80px;
        --info-margin-left: 8px;
        --link-font-size: 15px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 16px;
        --link-text-width: 148px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .energy-label-responsive {
        --image-width: 91px;
        --info-margin-left: 10px;
        --link-font-size: 17px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 20px;
        --link-text-width: 148px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (max-width:720px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-energy {
        --image-width: 34px;
        --info-margin-left: 4px;
        --link-font-size: 8px;
        --bundle-more-icon-size: 12px;
        --bundle-more-icon-width: 12px;
        --bundle-more-left: 8px;
        --link-text-width: 95px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-energy {
        --image-width: 40px;
        --info-margin-left: 5px;
        --link-font-size: 9px;
        --bundle-more-icon-size: 12px;
        --bundle-more-icon-width: 12px;
        --bundle-more-left: 12px;
        --link-text-width: 95px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-energy {
        --image-width: 46px;
        --info-margin-left: 6px;
        --link-font-size: 10px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 95px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-energy {
        --image-width: 46px;
        --info-margin-left: 6px;
        --link-font-size: 10px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 95px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:1921px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-energy {
        --image-width: 46px;
        --info-margin-left: 6px;
        --link-font-size: 10px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 95px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (max-width:720px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-energy {
        -webkit-margin-before: 6px;
        -webkit-margin-after: 6px;
        margin-top: 6px;
        margin-bottom: 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-energy {
        -webkit-margin-before: 12px;
        -webkit-margin-after: 12px;
        margin-top: 12px;
        margin-bottom: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-energy {
        -webkit-margin-before: 12px;
        -webkit-margin-after: 12px;
        margin-top: 12px;
        margin-bottom: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-energy {
        -webkit-margin-before: 12px;
        -webkit-margin-after: 12px;
        margin-top: 12px;
        margin-bottom: 12px
    }
}

@media screen and (min-width:1921px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-energy {
        -webkit-margin-before: 12px;
        -webkit-margin-after: 12px;
        margin-top: 12px;
        margin-bottom: 12px
    }
}

.product-recommended__list--item {
    box-sizing: border-box;
    background-color: #f7f8fa;
    min-width: 0;
    display: block;
    position: relative
}

@media screen and (max-width:720px) {
    .product-recommended__list--item {
        border-radius: 6px;
        min-width: 158px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-recommended__list--item {
        border-radius: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-recommended__list--item {
        border-radius: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-recommended__list--item {
        border-radius: 12px
    }
}

@media screen and (min-width:1921px) {
    .product-recommended__list--item {
        border-radius: 12px
    }
}

.product-recommended__list--item .product-recommended__list--item-button {
    cursor: pointer;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.product-recommended__list--item .product-recommended__list--item-button .mi-btn {
    padding: 0;
    transition: all .3s
}

.product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item__tag {
    color: #be7600;
    font-weight: 600;
    line-height: 1;
    position: absolute
}

@media screen and (max-width:720px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item__tag {
        font-size: 10px;
        top: 10px
    }

    [dir=ltr] .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item__tag {
        left: 12px
    }

    [dir=rtl] .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item__tag {
        right: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item__tag {
        font-size: 12px;
        top: 16px
    }

    [dir=ltr] .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item__tag {
        left: 16px
    }

    [dir=rtl] .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item__tag {
        right: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item__tag {
        font-size: 13px;
        top: 16px
    }

    [dir=ltr] .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item__tag {
        left: 16px
    }

    [dir=rtl] .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item__tag {
        right: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item__tag {
        font-size: 13px;
        top: 16px
    }

    [dir=ltr] .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item__tag {
        left: 16px
    }

    [dir=rtl] .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item__tag {
        right: 16px
    }
}

@media screen and (min-width:1921px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item__tag {
        font-size: 13px;
        top: 16px
    }

    [dir=ltr] .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item__tag {
        left: 16px
    }

    [dir=rtl] .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item__tag {
        right: 16px
    }
}

.product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-image-wrapper {
    box-sizing: border-box;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex
}

@media screen and (max-width:720px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-image-wrapper {
        height: 116px;
        margin-top: 24px;
        margin-bottom: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-image-wrapper {
        height: 136px;
        margin-top: 32px;
        margin-bottom: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-image-wrapper {
        height: 166px;
        margin-top: 32px;
        margin-bottom: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-image-wrapper {
        height: 186px;
        margin-top: 32px;
        margin-bottom: 12px
    }
}

@media screen and (min-width:1921px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-image-wrapper {
        height: 186px;
        margin-top: 32px;
        margin-bottom: 12px
    }
}

@media screen and (max-width:720px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-image-wrapper .product-recommended__list--item-image {
        width: 116px;
        height: 116px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-image-wrapper .product-recommended__list--item-image {
        width: 136px;
        height: 136px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-image-wrapper .product-recommended__list--item-image {
        width: 166px;
        height: 166px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-image-wrapper .product-recommended__list--item-image {
        width: 186px;
        height: 186px
    }
}

@media screen and (min-width:1921px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-image-wrapper .product-recommended__list--item-image {
        width: 186px;
        height: 186px
    }
}

.product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info {
    box-sizing: border-box;
    flex-direction: column;
    display: flex
}

@media screen and (max-width:720px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info {
        margin-bottom: 17px;
        padding: 0 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info {
        margin-bottom: 16px;
        padding: 0 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info {
        margin-bottom: 20px;
        padding: 0 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info {
        margin-bottom: 18px;
        padding: 0 16px
    }
}

@media screen and (min-width:1921px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info {
        margin-bottom: 18px;
        padding: 0 16px
    }
}

.product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-title {
    color: #191919;
    -webkit-line-clamp: 1;
    word-break: break-word;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-title {
        font-size: 12px;
        font-weight: 700
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-title {
        font-size: 15px;
        font-weight: 600
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-title {
        font-size: 16px;
        font-weight: 600
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-title {
        font-size: 16px;
        font-weight: 600
    }
}

@media screen and (min-width:1921px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-title {
        font-size: 16px;
        font-weight: 600
    }
}

@media screen and (max-width:720px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-title {
        font-size: 12px;
        font-size: calc(12*var(--m-scale, 1)*1px)
    }
}

.product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-save {
    box-sizing: border-box;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    color: #785a25;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #fbeed5;
    border-radius: 100px;
    width: fit-content;
    max-width: 100%;
    font-weight: 500;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-save {
        height: 20px;
        margin: 8px 0;
        padding: 0 12px;
        font-size: 10px;
        line-height: 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-save {
        height: 24px;
        margin: 10px 0;
        padding: 0 14px;
        font-size: 13px;
        line-height: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-save {
        height: 24px;
        margin: 12px 0;
        padding: 0 14px;
        font-size: 13px;
        line-height: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-save {
        height: 24px;
        margin: 12px 0;
        padding: 0 14px;
        font-size: 13px;
        line-height: 24px
    }
}

@media screen and (min-width:1921px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-save {
        height: 24px;
        margin: 12px 0;
        padding: 0 14px;
        font-size: 13px;
        line-height: 24px
    }
}

.product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-save strong small {
    font-weight: 500
}

@media screen and (max-width:720px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-save strong small {
        font-size: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-save strong small {
        font-size: 13px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-save strong small {
        font-size: 13px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-save strong small {
        font-size: 13px
    }
}

@media screen and (min-width:1921px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-save strong small {
        font-size: 13px
    }
}

.product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-save small:after {
    content: " "
}

.product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-position {
    width: 106px
}

@media screen and (max-width:720px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-position {
        height: 20px;
        margin: 8px 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-position {
        height: 24px;
        margin: 10px 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-position {
        height: 24px;
        margin: 12px 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-position {
        height: 24px;
        margin: 12px 0
    }
}

@media screen and (min-width:1921px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-info .product-recommended__list--item-position {
        height: 24px;
        margin: 12px 0
    }
}

.product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale {
    line-height: 1
}

.product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong {
    color: var(--text-base);
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500;
    overflow: hidden
}

.product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong small {
    font-size: 100%
}

@media screen and (max-width:720px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong {
        -webkit-margin-end: 4px;
        font-size: 12px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 4px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 4px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 4px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 4px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 4px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 4px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong {
        -webkit-margin-end: 6px;
        font-size: 15px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong {
        -webkit-margin-end: 6px;
        font-size: 16px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong {
        -webkit-margin-end: 6px;
        font-size: 16px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }
}

@media screen and (min-width:1921px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong {
        -webkit-margin-end: 6px;
        font-size: 16px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale strong:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }
}

.product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale del {
    color: #5e5e5e;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale del {
        margin-top: 6px;
        font-size: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale del {
        margin-top: 6px;
        font-size: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale del {
        margin-top: 8px;
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale del {
        margin-top: 8px;
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .product-recommended__list--item .product-recommended__list--item-button .product-recommended__list--item-price-sale del {
        margin-top: 8px;
        font-size: 14px
    }
}

@media screen and (max-width:720px) {
    .energy-label-responsive {
        --image-width: 57px;
        --info-margin-left: 6px;
        --link-font-size: 12px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 16px;
        --link-text-width: 114px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .energy-label-responsive {
        --image-width: 80px;
        --info-margin-left: 8px;
        --link-font-size: 15px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 16px;
        --link-text-width: 148px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .energy-label-responsive {
        --image-width: 91px;
        --info-margin-left: 10px;
        --link-font-size: 17px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 20px;
        --link-text-width: 148px;
        --bundle-more-icon-radius: 4px
    }
}

.navigator-section {
    z-index: 19;
    min-height: var(--nav-height);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), linear-gradient(rgba(25, 25, 25, .01), rgba(25, 25, 25, .01));
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    box-shadow: 0 1px #f0f0f0
}

@media screen and (max-width:720px) {
    .navigator-section {
        padding: 0 16px;
        box-shadow: 0 .5px #e5e5e5
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .navigator-section {
        -moz-column-gap: 60px;
        column-gap: 60px;
        padding: 0 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .navigator-section {
        -moz-column-gap: 60px;
        column-gap: 60px;
        padding: 0 32px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .navigator-section {
        -moz-column-gap: 60px;
        column-gap: 60px;
        padding: 0 40px
    }
}

@media screen and (min-width:1921px) {
    .navigator-section {
        -moz-column-gap: 60px;
        column-gap: 60px;
        padding: 0 40px
    }
}

.navigator-section.navigator-section--inIos {
    -webkit-backdrop-filter: initial;
    backdrop-filter: initial;
    background-color: #f8f8f8
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .navigator-section.navigator-section--fixed .navigator-section-left .navigator-section-left-product .navigator-section-left-product-name {
        font-size: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .navigator-section.navigator-section--fixed .navigator-section-left .navigator-section-left-product .navigator-section-left-product-name {
        font-size: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .navigator-section.navigator-section--fixed .navigator-section-left .navigator-section-left-product .navigator-section-left-product-name {
        font-size: 24px
    }
}

@media screen and (min-width:1921px) {
    .navigator-section.navigator-section--fixed .navigator-section-left .navigator-section-left-product .navigator-section-left-product-name {
        font-size: 24px
    }
}

.navigator-section .navigator-section-left__button__item:hover {
    color: #FF47C7
}

.navigator-section .navigator-section-left {
    height: var(--nav-height);
    justify-content: space-between;
    align-items: center;
    display: flex
}

@media screen and (max-width:720px) {
    .navigator-section .navigator-section-left {
        -moz-column-gap: 16px;
        column-gap: 16px;
        width: 100%
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .navigator-section .navigator-section-left {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .navigator-section .navigator-section-left {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .navigator-section .navigator-section-left {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media screen and (min-width:1921px) {
    .navigator-section .navigator-section-left {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.navigator-section .navigator-section-left .navigator-section-left-product {
    z-index: 2;
    flex-shrink: 0;
    align-items: center;
    max-width: 100%;
    height: 100%;
    display: flex;
    position: relative
}

@media screen and (max-width:720px) {
    .navigator-section .navigator-section-left .navigator-section-left-product {
        flex-shrink: 1
    }
}

.navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-name {
    text-overflow: ellipsis;
    word-break: break-word;
    cursor: pointer;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
    padding: 0;
    transition: all .7s;
    display: -webkit-box;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-name {
        font-size: 18px;
        font-weight: 700
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-name {
        font-size: 24px;
        font-weight: 600
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-name {
        font-size: 28px;
        font-weight: 600
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-name {
        font-size: 28px;
        font-weight: 600
    }
}

@media screen and (min-width:1921px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-name {
        font-size: 28px;
        font-weight: 600
    }
}

.navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new {
    width: "fit-content";
    color: #785a25;
    background: linear-gradient(89.4deg, #e8cda1 .52%, #f5e6c7 99.54%);
    justify-content: center;
    align-items: center;
    font-weight: 600;
    display: flex
}

@media screen and (max-width:720px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new {
        -webkit-margin-start: 4px;
        border-radius: 66px;
        height: 16px;
        padding: 0 6px;
        font-size: 10px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new {
        -webkit-margin-start: 8px;
        border-radius: 100px;
        height: 24px;
        padding: 0 11.5px;
        font-size: 13px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new {
        -webkit-margin-start: 8px;
        border-radius: 100px;
        height: 24px;
        padding: 0 11.5px;
        font-size: 13px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new {
        -webkit-margin-start: 8px;
        border-radius: 100px;
        height: 24px;
        padding: 0 11.5px;
        font-size: 13px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }
}

@media screen and (min-width:1921px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new {
        -webkit-margin-start: 8px;
        border-radius: 100px;
        height: 24px;
        padding: 0 11.5px;
        font-size: 13px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left-product-new:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }
}

.navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product__icon {
    align-items: center;
    display: flex
}

@media screen and (max-width:720px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product__icon {
        width: 16px;
        height: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product__icon {
        width: 24px;
        height: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product__icon {
        width: 24px;
        height: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product__icon {
        width: 24px;
        height: 24px
    }
}

@media screen and (min-width:1921px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product__icon {
        width: 24px;
        height: 24px
    }
}

.navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product {
    cursor: pointer;
    align-items: center;
    height: 100%
}

@media screen and (max-width:720px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product {
        -webkit-padding-start: 8px;
        display: none
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-right: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-right: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-right: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product {
        -webkit-padding-start: 8px;
        display: flex
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-right: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-right: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-right: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product {
        -webkit-padding-start: 12px;
        display: flex
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 12px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 12px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 12px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-right: 12px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-right: 12px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-right: 12px
    }
}

@media screen and (min-width:1921px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product {
        -webkit-padding-start: 12px;
        display: flex
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 12px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 12px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 12px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-right: 12px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-right: 12px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-right: 12px
    }
}

.navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product__content {
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    height: 0;
    display: none;
    position: absolute;
    top: calc(100% - 20px);
    left: 0;
    right: auto;
    overflow: hidden
}

[dir=rtl] .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product__content {
    left: auto
}

[dir=rtl] .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product__content {
    right: 0
}

.navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product__content.hover {
    height: auto;
    overflow: initial;
    transition: all .2s ease-in-out;
    display: block
}

.navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product__list {
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 8px;
    max-height: 186px;
    margin-top: 20px;
    padding: 8px;
    overflow: auto;
    box-shadow: 0 3px 16px rgba(0, 0, 0, .06)
}

.navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product__link {
    color: #303030;
    border-radius: 4px;
    padding: 10px 8px;
    line-height: 1;
    display: block
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product__link {
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product__link {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product__link {
        font-size: 14px
    }
}

.navigator-section .navigator-section-left .navigator-section-left-product .navigator-section-left__related-product__link:hover {
    color: var(--text-base);
    background-color: #f7f7f7;
    background-color: var(--background-base);
    font-weight: 700
}

.navigator-section .navigator-section-left .navigator-section-left-product-icon-arrow {
    cursor: pointer;
    display: none
}

@media screen and (max-width:720px) {
    .navigator-section .navigator-section-left .navigator-section-left-product-icon-arrow {
        display: initial;
        font-size: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .navigator-section .navigator-section-left .navigator-section-left-product-icon-arrow {
        display: initial;
        -webkit-margin-start: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product-icon-arrow:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product-icon-arrow:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product-icon-arrow:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product-icon-arrow:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product-icon-arrow:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .navigator-section .navigator-section-left .navigator-section-left-product-icon-arrow:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }
}

.navigator-section .navigator-section-left .navigator-section-left-product-button {
    display: none
}

@media screen and (max-width:720px) {
    .navigator-section .navigator-section-left .navigator-section-left-product-button {
        display: initial;
        flex-shrink: 0;
        height: 24px;
        padding: 0 12px;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.25
    }
}

.navigator-section .navigator-section-left .navigator-section-left-info {
    color: #5e5e5e;
    align-items: center;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .navigator-section .navigator-section-left .navigator-section-left-info {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .navigator-section .navigator-section-left .navigator-section-left-info {
        -moz-column-gap: 40px;
        -webkit-margin-start: 60px;
        column-gap: 40px;
        padding: 0 8px;
        font-size: 15px;
        display: none
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 60px
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 60px
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 60px
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 60px
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 60px
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 60px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .navigator-section .navigator-section-left .navigator-section-left-info {
        -moz-column-gap: 40px;
        -webkit-margin-start: 60px;
        column-gap: 40px;
        padding: 0;
        font-size: 15px;
        display: flex
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 60px
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 60px
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 60px
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 60px
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 60px
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 60px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .navigator-section .navigator-section-left .navigator-section-left-info {
        -moz-column-gap: 40px;
        -webkit-margin-start: 60px;
        column-gap: 40px;
        padding: 0 2px;
        font-size: 16px;
        display: flex
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 60px
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 60px
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 60px
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 60px
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 60px
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 60px
    }
}

@media screen and (min-width:1921px) {
    .navigator-section .navigator-section-left .navigator-section-left-info {
        -moz-column-gap: 40px;
        -webkit-margin-start: 60px;
        column-gap: 40px;
        padding: 0 2px;
        font-size: 16px;
        display: flex
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 60px
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 60px
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 60px
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 60px
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 60px
    }

    .navigator-section .navigator-section-left .navigator-section-left-info:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 60px
    }
}

.navigator-section .navigator-section-right {
    flex-shrink: 0;
    align-items: center
}

@media screen and (max-width:720px) {
    .navigator-section .navigator-section-right {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .navigator-section .navigator-section-right {
        min-height: 35px;
        display: flex
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .navigator-section .navigator-section-right {
        min-height: 40px;
        display: flex
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .navigator-section .navigator-section-right {
        min-height: 40px;
        display: flex
    }
}

@media screen and (min-width:1921px) {
    .navigator-section .navigator-section-right {
        min-height: 40px;
        display: flex
    }
}

@media screen and (max-width:720px) {
    .navigator-section .navigator-section-right .navigator-section-right__energy {
        --image-width: 34px;
        --info-margin-left: 4px;
        --link-font-size: 8px;
        --bundle-more-icon-size: 12px;
        --bundle-more-icon-width: 12px;
        --bundle-more-left: 8px;
        --link-text-width: 95px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .navigator-section .navigator-section-right .navigator-section-right__energy {
        --image-width: 46px;
        --info-margin-left: 6px;
        --link-font-size: 10px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 95px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .navigator-section .navigator-section-right .navigator-section-right__energy {
        --image-width: 51px;
        --info-margin-left: 6px;
        --link-font-size: 11px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 114px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .navigator-section .navigator-section-right .navigator-section-right__energy {
        --image-width: 51px;
        --info-margin-left: 6px;
        --link-font-size: 11px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 114px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:1921px) {
    .navigator-section .navigator-section-right .navigator-section-right__energy {
        --image-width: 51px;
        --info-margin-left: 6px;
        --link-font-size: 11px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 114px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .navigator-section .navigator-section-right .navigator-section-right__energy {
        -webkit-margin-end: 12px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 12px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 12px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 12px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 12px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 12px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .navigator-section .navigator-section-right .navigator-section-right__energy {
        -webkit-margin-end: 16px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 16px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 16px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 16px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .navigator-section .navigator-section-right .navigator-section-right__energy {
        -webkit-margin-end: 16px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 16px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 16px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 16px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px
    }
}

@media screen and (min-width:1921px) {
    .navigator-section .navigator-section-right .navigator-section-right__energy {
        -webkit-margin-end: 16px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 16px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 16px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 16px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px
    }

    .navigator-section .navigator-section-right .navigator-section-right__energy:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .navigator-section .navigator-section-right .buy-product__installment-price {
        -webkit-margin-end: 12px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 12px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 12px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 12px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 12px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 12px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .navigator-section .navigator-section-right .buy-product__installment-price {
        -webkit-margin-end: 16px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 16px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 16px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 16px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .navigator-section .navigator-section-right .buy-product__installment-price {
        -webkit-margin-end: 16px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 16px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 16px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 16px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px
    }
}

@media screen and (min-width:1921px) {
    .navigator-section .navigator-section-right .buy-product__installment-price {
        -webkit-margin-end: 16px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 16px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 16px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 16px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px
    }

    .navigator-section .navigator-section-right .buy-product__installment-price:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 16px
    }
}

.navigator-section .navigator-section-right .navigator-section-right-button.button-action .button-action__group .button-action__button {
    border-radius: 12px;
    font-weight: 500;
    line-height: 1
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .navigator-section .navigator-section-right .navigator-section-right-button.button-action .button-action__group .button-action__button {
        padding: 0 20px;
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .navigator-section .navigator-section-right .navigator-section-right-button.button-action .button-action__group .button-action__button {
        padding: 0 24px;
        font-size: 15px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .navigator-section .navigator-section-right .navigator-section-right-button.button-action .button-action__group .button-action__button {
        padding: 0 24px;
        font-size: 15px
    }
}

@media screen and (min-width:1921px) {
    .navigator-section .navigator-section-right .navigator-section-right-button.button-action .button-action__group .button-action__button {
        padding: 0 24px;
        font-size: 15px
    }
}

.navigator-section .navigator-section-mobile-info {
    grid-gap: 40px;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    align-items: center;
    gap: 40px;
    width: 328px;
    height: 37px;
    font-size: 13px;
    display: grid
}

.navigator-section .navigator-section-mobile-info_Specs {
    justify-content: center;
    display: flex
}

.navigator-section .navigator-section-mobile-info_Review {
    justify-content: flex-end;
    display: flex
}

.dropdown-menu {
    scrollbar-width: none;
    -ms-overflow-style: none;
    width: 344px;
    max-height: 160px;
    padding: 8px;
    overflow-y: scroll
}

.dropdown-menu::-webkit-scrollbar {
    display: none
}

.product__login-notice-bar {
    color: #757575;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    display: flex
}

@media screen and (max-width:720px) {
    .product__login-notice-bar {
        min-height: 32px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product__login-notice-bar {
        min-height: 36px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product__login-notice-bar {
        min-height: 36px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product__login-notice-bar {
        min-height: 36px
    }
}

@media screen and (min-width:1921px) {
    .product__login-notice-bar {
        min-height: 36px
    }
}

@media screen and (max-width:720px) {
    .product__login-notice-bar-content {
        padding: 8.5px 0;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product__login-notice-bar-content {
        padding: 9px 0;
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product__login-notice-bar-content {
        padding: 9px 0;
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product__login-notice-bar-content {
        padding: 9px 0;
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .product__login-notice-bar-content {
        padding: 9px 0;
        font-size: 14px
    }
}

.product__login-notice-bar a {
    color: #FF47C7
}

.go-top-button {
    width: var(--width);
    height: var(--width);
    margin-bottom: var(--margin-bottom);
    cursor: pointer;
    -webkit-filter: drop-shadow(0 2px 16px rgba(0, 0, 0, .05));
    filter: drop-shadow(0 2px 16px rgba(0, 0, 0, .05));
    transition: opacity .2s;
    position: relative
}

.go-top-button:before {
    content: "";
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    box-shadow: 0 4.27px 10.67px rgba(0, 0, 0, .1)
}

.go-top-button--hide {
    visibility: hidden
}

@media screen and (max-width:720px) {
    .go-top-button {
        --width: 44px;
        --margin-bottom: 22px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .go-top-button {
        --width: 44px;
        --margin-bottom: 22px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .go-top-button {
        --width: 56px;
        --margin-bottom: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .go-top-button {
        --width: 56px;
        --margin-bottom: 28px
    }
}

@media screen and (min-width:1921px) {
    .go-top-button {
        --width: 56px;
        --margin-bottom: 28px
    }
}

.go-top-button .compare-button__size {
    width: var(--width);
    height: var(--width);
    cursor: pointer;
    -webkit-clip-path: url(96894.chunk.css#svgClipPath);
    clip-path: url(96894.chunk.css#svgClipPath);
    background-color: #fff;
    align-items: center;
    justify-items: center;
    font-size: 28px;
    transition: background-color .2s;
    display: grid;
    position: relative
}

@media screen and (max-width:720px) {
    .go-top-button .compare-button__size {
        --width: 44px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .go-top-button .compare-button__size {
        --width: 44px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .go-top-button .compare-button__size {
        --width: 56px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .go-top-button .compare-button__size {
        --width: 56px
    }
}

@media screen and (min-width:1921px) {
    .go-top-button .compare-button__size {
        --width: 56px
    }
}

@media screen and (max-width:720px) {
    .go-top-button .compare-button__size svg {
        width: 22px;
        height: 22px
    }
}

.go-top-button .compare-button__size:hover {
    background: #191919
}

.go-top-button .compare-button__size:hover svg path {
    fill: #fff
}

#ymDivBar {
    display: none !important
}

body.mi-chat__body--overflow-hidden {
    -webkit-margin-end: var(--scrollbar-width);
    overflow: hidden
}

body.mi-chat__body--overflow-hidden:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--scrollbar-width)
}

body.mi-chat__body--overflow-hidden:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--scrollbar-width)
}

body.mi-chat__body--overflow-hidden:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--scrollbar-width)
}

body.mi-chat__body--overflow-hidden:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--scrollbar-width)
}

body.mi-chat__body--overflow-hidden:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--scrollbar-width)
}

body.mi-chat__body--overflow-hidden:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--scrollbar-width)
}

@media screen and (max-width:720px) {
    .user-survey-entry {
        margin-top: 22px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .user-survey-entry {
        margin-top: 40px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .user-survey-entry {
        margin-top: 40px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .user-survey-entry {
        margin-top: 40px
    }
}

@media screen and (min-width:1921px) {
    .user-survey-entry {
        margin-top: 40px
    }
}

.user-survey-entry .user-survey-entry__button {
    color: #fff;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-color: #191919;
    align-items: center;
    line-height: 1;
    display: flex;
    position: relative
}

@media screen and (max-width:720px) {
    .user-survey-entry .user-survey-entry__button {
        border-radius: 10px;
        min-height: 32px;
        padding: 0 12px 0 16px;
        font-size: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .user-survey-entry .user-survey-entry__button {
        border-radius: 12px;
        min-height: 40px;
        padding: 0 16px 0 20px;
        font-size: 15px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .user-survey-entry .user-survey-entry__button {
        border-radius: 12px;
        min-height: 40px;
        padding: 0 16px 0 20px;
        font-size: 15px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .user-survey-entry .user-survey-entry__button {
        border-radius: 12px;
        min-height: 40px;
        padding: 0 16px 0 20px;
        font-size: 15px
    }
}

@media screen and (min-width:1921px) {
    .user-survey-entry .user-survey-entry__button {
        border-radius: 12px;
        min-height: 40px;
        padding: 0 16px 0 20px;
        font-size: 15px
    }
}

@media screen and (max-width:720px) {
    .user-survey-entry .user-survey-entry__button.fold {
        padding: 0 12px
    }
}

.user-survey-entry .user-survey-entry__button:before {
    content: "";
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    box-shadow: 0 4.27px 10.67px rgba(0, 0, 0, .1)
}

.user-survey-entry .user-survey-entry__survey {
    color: #fff
}

@media screen and (max-width:720px) {
    .user-survey-entry .user-survey-entry__survey {
        font-size: 18px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .user-survey-entry .user-survey-entry__survey {
        font-size: 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .user-survey-entry .user-survey-entry__survey {
        font-size: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .user-survey-entry .user-survey-entry__survey {
        font-size: 20px
    }
}

@media screen and (min-width:1921px) {
    .user-survey-entry .user-survey-entry__survey {
        font-size: 20px
    }
}

@media screen and (max-width:720px) {
    .user-survey-entry .user-survey-entry__content {
        padding: 0 4px 0 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .user-survey-entry .user-survey-entry__content {
        padding: 0 4px 0 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .user-survey-entry .user-survey-entry__content {
        padding: 0 4px 0 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .user-survey-entry .user-survey-entry__content {
        padding: 0 4px 0 8px
    }
}

@media screen and (min-width:1921px) {
    .user-survey-entry .user-survey-entry__content {
        padding: 0 4px 0 8px
    }
}

.user-survey-entry .user-survey-entry__arrow {
    color: #fff
}

@media screen and (max-width:720px) {
    .user-survey-entry .user-survey-entry__arrow {
        font-size: 14px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .user-survey-entry .user-survey-entry__arrow {
        font-size: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .user-survey-entry .user-survey-entry__arrow {
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .user-survey-entry .user-survey-entry__arrow {
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .user-survey-entry .user-survey-entry__arrow {
        font-size: 16px
    }
}

.user-survey-entry .user-survey-entry__arrow.micon-link-arrow {
    display: initial
}

.user-survey-entry .user-survey-entry__desc {
    transition: all .3s;
    display: flex
}

@media screen and (max-width:720px) {
    .user-survey-entry .user-survey-entry__desc {
        width: calc(var(--box-width)*1px)
    }

    .user-survey-entry .user-survey-entry__desc.fold {
        width: 0;
        height: 0;
        overflow: hidden
    }
}

.buy-product__bottom-entry {
    z-index: 20;
    width: 100%;
    position: fixed;
    bottom: 0
}

.buy-product__bottom-entry .compare__in-box {
    pointer-events: none;
    flex-direction: column;
    align-items: flex-end;
    display: flex;
    position: absolute
}

.buy-product__bottom-entry .compare__in-box * {
    pointer-events: auto
}

@media screen and (max-width:720px) {
    .buy-product__bottom-entry .compare__in-box {
        bottom: 80px
    }

    [dir=ltr] .buy-product__bottom-entry .compare__in-box {
        right: 20px
    }

    [dir=rtl] .buy-product__bottom-entry .compare__in-box {
        left: 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product__bottom-entry .compare__in-box {
        bottom: 48px
    }

    [dir=ltr] .buy-product__bottom-entry .compare__in-box {
        right: 48px
    }

    [dir=rtl] .buy-product__bottom-entry .compare__in-box {
        left: 48px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product__bottom-entry .compare__in-box {
        bottom: 48px
    }

    [dir=ltr] .buy-product__bottom-entry .compare__in-box {
        right: 48px
    }

    [dir=rtl] .buy-product__bottom-entry .compare__in-box {
        left: 48px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product__bottom-entry .compare__in-box {
        bottom: 48px
    }

    [dir=ltr] .buy-product__bottom-entry .compare__in-box {
        right: 48px
    }

    [dir=rtl] .buy-product__bottom-entry .compare__in-box {
        left: 48px
    }
}

@media screen and (min-width:1921px) {
    .buy-product__bottom-entry .compare__in-box {
        bottom: 48px
    }

    [dir=ltr] .buy-product__bottom-entry .compare__in-box {
        right: 48px
    }

    [dir=rtl] .buy-product__bottom-entry .compare__in-box {
        left: 48px
    }
}

.buy-product__bottom-entry .livechat-button {
    width: var(--width);
    height: var(--width);
    position: relative
}

.buy-product__bottom-entry .livechat-button:before {
    content: "";
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    box-shadow: 0 4.27px 10.67px rgba(0, 0, 0, .1)
}

.buy-product__bottom-entry .livechat-modal {
    -webkit-filter: drop-shadow(0 2px 16px rgba(0, 0, 0, .05));
    filter: drop-shadow(0 2px 16px rgba(0, 0, 0, .05))
}

.buy-product__bottom-entry .livechat-modal .support-contact__customer-service {
    width: var(--width);
    height: var(--width);
    cursor: pointer;
    -webkit-clip-path: url(96894.chunk.css#svgClipPath);
    clip-path: url(96894.chunk.css#svgClipPath);
    background-color: #fff;
    justify-content: center;
    align-items: center;
    transition: background-color .2s;
    display: grid;
    box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .1)
}

@media screen and (max-width:720px) {
    .buy-product__bottom-entry .livechat-modal .support-contact__customer-service {
        --width: 44px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .buy-product__bottom-entry .livechat-modal .support-contact__customer-service {
        --width: 44px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .buy-product__bottom-entry .livechat-modal .support-contact__customer-service {
        --width: 56px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .buy-product__bottom-entry .livechat-modal .support-contact__customer-service {
        --width: 56px
    }
}

@media screen and (min-width:1921px) {
    .buy-product__bottom-entry .livechat-modal .support-contact__customer-service {
        --width: 56px
    }
}

@media screen and (max-width:720px) {
    .buy-product__bottom-entry .livechat-modal .support-contact__customer-service svg {
        width: 22px;
        height: 22px
    }
}

.buy-product__bottom-entry .livechat-modal .support-contact__customer-service:hover {
    background: #191919
}

.buy-product__bottom-entry .livechat-modal .support-contact__customer-service:hover svg path,
.buy-product__bottom-entry .livechat-modal .support-contact__customer-service:hover svg rect {
    fill: #fff
}

@media screen and (max-width:720px) {
    .energy-label-responsive {
        --image-width: 57px;
        --info-margin-left: 6px;
        --link-font-size: 12px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 16px;
        --link-text-width: 114px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .energy-label-responsive {
        --image-width: 80px;
        --info-margin-left: 8px;
        --link-font-size: 15px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 16px;
        --link-text-width: 148px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .energy-label-responsive {
        --image-width: 91px;
        --info-margin-left: 10px;
        --link-font-size: 17px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 20px;
        --link-text-width: 148px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (max-width:720px) {
    .product-buy-together .product-buy-together-good-energy {
        --image-width: 34px;
        --info-margin-left: 4px;
        --link-font-size: 8px;
        --bundle-more-icon-size: 12px;
        --bundle-more-icon-width: 12px;
        --bundle-more-left: 8px;
        --link-text-width: 95px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together .product-buy-together-good-energy {
        --image-width: 40px;
        --info-margin-left: 5px;
        --link-font-size: 9px;
        --bundle-more-icon-size: 12px;
        --bundle-more-icon-width: 12px;
        --bundle-more-left: 12px;
        --link-text-width: 95px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .product-buy-together-good-energy {
        --image-width: 46px;
        --info-margin-left: 6px;
        --link-font-size: 10px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 95px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .product-buy-together-good-energy {
        --image-width: 46px;
        --info-margin-left: 6px;
        --link-font-size: 10px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 95px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .product-buy-together-good-energy {
        --image-width: 46px;
        --info-margin-left: 6px;
        --link-font-size: 10px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 95px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (max-width:720px) {
    .product-buy-together .product-buy-together-good-energy {
        -webkit-margin-before: 6px;
        margin-top: 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together .product-buy-together-good-energy {
        -webkit-margin-before: 12px;
        margin-top: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .product-buy-together-good-energy {
        -webkit-margin-before: 12px;
        margin-top: 12px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .product-buy-together-good-energy {
        -webkit-margin-before: 12px;
        margin-top: 12px
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .product-buy-together-good-energy {
        -webkit-margin-before: 12px;
        margin-top: 12px
    }
}

.product-buy-together {
    box-sizing: border-box;
    flex-direction: column;
    width: calc(100% - 40px);
    margin: 0 20px;
    display: flex
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (max-width:720px) {
    .product-buy-together {
        border-top: 12px solid #f7f7f7;
        width: 100%;
        max-width: 100%;
        margin: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together {
        max-width: 1000px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together {
        max-width: 1180px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together {
        max-width: 1400px
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together {
        max-width: 1400px
    }
}

@media screen and (max-width:720px) {
    .product-buy-together:not(:-webkit-any(:last-child, .product-buy-together--callscroll)) {
        margin-bottom: 16px
    }

    .product-buy-together:not(:-moz-any(:last-child, .product-buy-together--callscroll)) {
        margin-bottom: 16px
    }

    .product-buy-together:not(:is(:last-child, .product-buy-together--callscroll)) {
        margin-bottom: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together:not(:-webkit-any(:last-child, .product-buy-together--callscroll)) {
        margin-bottom: 30px
    }

    .product-buy-together:not(:-moz-any(:last-child, .product-buy-together--callscroll)) {
        margin-bottom: 30px
    }

    .product-buy-together:not(:is(:last-child, .product-buy-together--callscroll)) {
        margin-bottom: 30px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together:not(:-webkit-any(:last-child, .product-buy-together--callscroll)) {
        margin-bottom: 50px
    }

    .product-buy-together:not(:-moz-any(:last-child, .product-buy-together--callscroll)) {
        margin-bottom: 50px
    }

    .product-buy-together:not(:is(:last-child, .product-buy-together--callscroll)) {
        margin-bottom: 50px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together:not(:-webkit-any(:last-child, .product-buy-together--callscroll)) {
        margin-bottom: 62px
    }

    .product-buy-together:not(:-moz-any(:last-child, .product-buy-together--callscroll)) {
        margin-bottom: 62px
    }

    .product-buy-together:not(:is(:last-child, .product-buy-together--callscroll)) {
        margin-bottom: 62px
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together:not(:-webkit-any(:last-child, .product-buy-together--callscroll)) {
        margin-bottom: 62px
    }

    .product-buy-together:not(:-moz-any(:last-child, .product-buy-together--callscroll)) {
        margin-bottom: 62px
    }

    .product-buy-together:not(:is(:last-child, .product-buy-together--callscroll)) {
        margin-bottom: 62px
    }
}

@media screen and (max-width:720px) {
    .product-buy-together.product-buy-together--callscroll:not(:last-child) {
        margin-bottom: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together.product-buy-together--callscroll:not(:last-child) {
        margin-bottom: 40px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together.product-buy-together--callscroll:not(:last-child) {
        margin-bottom: 60px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together.product-buy-together--callscroll:not(:last-child) {
        margin-bottom: 72px
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together.product-buy-together--callscroll:not(:last-child) {
        margin-bottom: 72px
    }
}

.product-buy-together:last-child:not(.product-buy-together--callscroll) {
    margin-bottom: -10px
}

@media screen and (max-width:720px) {
    .product-buy-together--bargain-modal.cart-bargain-modal .cart-bargain__name {
        font-size: 14px;
        font-size: calc(14*var(--m-scale, 1)*1px)
    }

    .product-buy-together .carouse-button {
        width: 18px;
        height: 18px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together .carouse-button {
        width: 36px;
        height: 36px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .carouse-button {
        width: 32px;
        height: 32px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .carouse-button {
        width: 36px;
        height: 36px
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .carouse-button {
        width: 36px;
        height: 36px
    }
}

.product-buy-together .product-buy-together-header {
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    display: flex
}

@media screen and (max-width:720px) {
    .product-buy-together .product-buy-together-header {
        padding: 18px 16px 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together .product-buy-together-header {
        padding: 40px 0 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .product-buy-together-header {
        padding: 56px 0 4px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .product-buy-together-header {
        padding: 64px 0 12px
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .product-buy-together-header {
        padding: 64px 0 12px
    }
}

.product-buy-together .product-buy-together-header .navigator-section-right-price {
    -webkit-margin-end: 12px
}

.product-buy-together .product-buy-together-header .navigator-section-right-price:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.product-buy-together .product-buy-together-header .navigator-section-right-price:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.product-buy-together .product-buy-together-header .navigator-section-right-price:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.product-buy-together .product-buy-together-header .navigator-section-right-price:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.product-buy-together .product-buy-together-header .navigator-section-right-price:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.product-buy-together .product-buy-together-header .navigator-section-right-price:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.product-buy-together .product-buy-together-header .product-buy-together__button-action {
    color: #fff;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    display: flex
}

.product-buy-together .product-buy-together-header .product-buy-together__button-action .mi-btn {
    padding: 0;
    transition: all .3s
}

@media screen and (max-width:720px) {
    .product-buy-together .product-buy-together-header .product-buy-together__button-action .mi-btn {
        font-weight: 500
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together .product-buy-together-header .product-buy-together__button-action .mi-btn {
        height: 32px;
        padding: 0 20px;
        font-size: 14px;
        font-weight: 500
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .product-buy-together-header .product-buy-together__button-action .mi-btn {
        height: 36px;
        padding: 0 24px;
        font-size: 15px;
        font-weight: 500
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .product-buy-together-header .product-buy-together__button-action .mi-btn {
        height: 36px;
        padding: 0 24px;
        font-size: 15px;
        font-weight: 500
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .product-buy-together-header .product-buy-together__button-action .mi-btn {
        height: 36px;
        padding: 0 24px;
        font-size: 15px;
        font-weight: 500
    }
}

.product-buy-together .product-buy-together-title {
    margin: 0;
    padding: 0;
    font-weight: 700;
    display: inline-block
}

@media screen and (max-width:720px) {
    .product-buy-together .product-buy-together-title {
        font-size: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together .product-buy-together-title {
        font-size: 26px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .product-buy-together-title {
        font-size: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .product-buy-together-title {
        font-size: 32px
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .product-buy-together-title {
        font-size: 32px
    }
}

.product-buy-together .product-buy-together-info {
    align-items: center;
    display: inline-flex
}

@media screen and (max-width:720px) {
    .product-buy-together .product-buy-together-info {
        -moz-column-gap: 0;
        column-gap: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together .product-buy-together-info {
        -moz-column-gap: 12px;
        column-gap: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .product-buy-together-info {
        -moz-column-gap: 16px;
        column-gap: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .product-buy-together-info {
        -moz-column-gap: 16px;
        column-gap: 16px
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .product-buy-together-info {
        -moz-column-gap: 16px;
        column-gap: 16px
    }
}

.product-buy-together .product-buy-together-content {
    max-width: 100%;
    display: flex
}

.product-buy-together .product-buy-together-content .product-buy-together-add-icon {
    align-self: center
}

@media screen and (max-width:720px) {
    .product-buy-together .product-buy-together-content .product-buy-together-add-icon {
        -webkit-margin-start: 10px;
        -webkit-margin-end: 6px;
        width: 14px;
        height: 14px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 10px;
        margin-right: 6px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 10px;
        margin-right: 6px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 10px;
        margin-right: 6px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px;
        margin-right: 10px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px;
        margin-right: 10px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px;
        margin-right: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together .product-buy-together-content .product-buy-together-add-icon {
        -webkit-margin-start: 20px;
        -webkit-margin-end: 14px;
        width: 20px;
        height: 20px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 20px;
        margin-right: 14px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 20px;
        margin-right: 14px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 20px;
        margin-right: 14px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 14px;
        margin-right: 20px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 14px;
        margin-right: 20px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 14px;
        margin-right: 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .product-buy-together-content .product-buy-together-add-icon {
        -webkit-margin-start: 24px;
        -webkit-margin-end: 18px;
        width: 20px;
        height: 20px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 24px;
        margin-right: 18px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 24px;
        margin-right: 18px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 24px;
        margin-right: 18px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 18px;
        margin-right: 24px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 18px;
        margin-right: 24px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 18px;
        margin-right: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .product-buy-together-content .product-buy-together-add-icon {
        -webkit-margin-start: 28px;
        -webkit-margin-end: 18px;
        width: 24px;
        height: 24px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 28px;
        margin-right: 18px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 28px;
        margin-right: 18px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 28px;
        margin-right: 18px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 18px;
        margin-right: 28px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 18px;
        margin-right: 28px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 18px;
        margin-right: 28px
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .product-buy-together-content .product-buy-together-add-icon {
        -webkit-margin-start: 28px;
        -webkit-margin-end: 18px;
        width: 24px;
        height: 24px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 28px;
        margin-right: 18px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 28px;
        margin-right: 18px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 28px;
        margin-right: 18px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 18px;
        margin-right: 28px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 18px;
        margin-right: 28px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-add-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 18px;
        margin-right: 28px
    }
}

.product-buy-together .product-buy-together-content .product-buy-together-list {
    flex: 1;
    position: relative
}

@media screen and (max-width:720px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list {
        scrollbar-width: none;
        display: flex;
        overflow: scroll
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list {
        scrollbar-width: none;
        display: flex;
        overflow: scroll
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list {
        overflow: hidden
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list {
        overflow: hidden
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list {
        overflow: hidden
    }
}

.product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__actions {
    z-index: 2;
    position: absolute
}

.product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__actions .micon {
    opacity: .35
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__actions .micon {
        font-size: 32px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__actions .micon {
        font-size: 36px
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__actions .micon {
        font-size: 36px
    }
}

@media screen and (max-width:720px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__actions {
        display: none
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__actions {
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__actions {
        display: flex
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__actions {
        display: flex
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__actions {
        display: flex
    }
}

.product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__arrow--disabled {
    display: none
}

.product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__arrow-left {
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    [dir=ltr] .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__arrow-left {
        left: 29.5px
    }

    [dir=rtl] .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__arrow-left {
        right: 29.5px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    [dir=ltr] .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__arrow-left {
        left: 33.5px
    }

    [dir=rtl] .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__arrow-left {
        right: 33.5px
    }
}

@media screen and (min-width:1921px) {
    [dir=ltr] .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__arrow-left {
        left: 33.5px
    }

    [dir=rtl] .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__arrow-left {
        right: 33.5px
    }
}

.product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__arrow-right {
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    [dir=ltr] .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__arrow-right {
        right: 21.5px
    }

    [dir=rtl] .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__arrow-right {
        left: 21.5px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    [dir=ltr] .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__arrow-right {
        right: 25.5px
    }

    [dir=rtl] .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__arrow-right {
        left: 25.5px
    }
}

@media screen and (min-width:1921px) {
    [dir=ltr] .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__arrow-right {
        right: 25.5px
    }

    [dir=rtl] .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__arrow-right {
        left: 25.5px
    }
}

.product-buy-together .product-buy-together-content .product-buy-together-list .swiper-slide:last-of-type .product-buy-together-card {
    -webkit-margin-end: 1px
}

.product-buy-together .product-buy-together-content .product-buy-together-list .swiper-slide:last-of-type .product-buy-together-card:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 1px
}

.product-buy-together .product-buy-together-content .product-buy-together-list .swiper-slide:last-of-type .product-buy-together-card:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 1px
}

.product-buy-together .product-buy-together-content .product-buy-together-list .swiper-slide:last-of-type .product-buy-together-card:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 1px
}

.product-buy-together .product-buy-together-content .product-buy-together-list .swiper-slide:last-of-type .product-buy-together-card:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 1px
}

.product-buy-together .product-buy-together-content .product-buy-together-list .swiper-slide:last-of-type .product-buy-together-card:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 1px
}

.product-buy-together .product-buy-together-content .product-buy-together-list .swiper-slide:last-of-type .product-buy-together-card:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 1px
}

.product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper {
    margin: 0
}

@media screen and (max-width:720px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper .swiper-wrapper {
        -webkit-padding-start: 16px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper .swiper-wrapper:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 16px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper .swiper-wrapper:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 16px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper .swiper-wrapper:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 16px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper .swiper-wrapper:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-right: 16px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper .swiper-wrapper:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-right: 16px
    }

    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper .swiper-wrapper:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-right: 16px
    }
}

.product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper .swiper-wrapper .swiper-slide {
    width: auto;
    height: auto;
    display: flex
}

@media screen and (max-width:720px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper--callScroll {
        padding-bottom: 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper--callScroll {
        padding-bottom: 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper--callScroll {
        padding-bottom: 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper--callScroll {
        padding-bottom: 0
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper--callScroll {
        padding-bottom: 0
    }
}

.product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper .swiper-scrollbar {
    transform: translate(-50%)
}

@media screen and (max-width:720px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper .swiper-scrollbar {
        width: 24px;
        height: 2px;
        display: block;
        bottom: 0
    }

    [dir=ltr] .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper .swiper-scrollbar {
        left: 50%
    }

    [dir=rtl] .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper .swiper-scrollbar {
        right: 50%
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper .swiper-scrollbar {
        width: 50px;
        height: 3px;
        display: block;
        bottom: 0
    }

    [dir=ltr] .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper .swiper-scrollbar {
        left: 50%
    }

    [dir=rtl] .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper .swiper-scrollbar {
        right: 50%
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper .swiper-scrollbar {
        display: none
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper .swiper-scrollbar {
        display: none
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .product-buy-together-content .product-buy-together-list .product-buy-together-list__swiper .swiper-scrollbar {
        display: none
    }
}

.product-buy-together .product-buy-together-card {
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    flex-direction: column;
    align-items: center;
    transition: all .3s;
    display: inline-flex;
    position: relative
}

.product-buy-together .product-buy-together-card .mi-checkbox__item .checkbox-wrapper {
    color: #bababa
}

@media screen and (max-width:720px) {
    .product-buy-together .product-buy-together-card {
        border-radius: 6px;
        width: 120px;
        margin: 10px 4px;
        padding: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together .product-buy-together-card {
        border-radius: 10px;
        width: 190px;
        margin: 20px 6px;
        padding: 20px 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .product-buy-together-card {
        border-radius: 12px;
        width: 224px;
        margin: 20px 8px;
        padding: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .product-buy-together-card {
        border-radius: 12px;
        width: 264px;
        margin: 20px 10px;
        padding: 24px 20px
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .product-buy-together-card {
        border-radius: 12px;
        width: 264px;
        margin: 20px 10px;
        padding: 24px 20px
    }
}

.product-buy-together .product-buy-together-card .mi-checkbox__item {
    position: absolute
}

@media screen and (max-width:720px) {
    .product-buy-together .product-buy-together-card .mi-checkbox__item {
        top: 8px
    }

    [dir=ltr] .product-buy-together .product-buy-together-card .mi-checkbox__item {
        right: 10px
    }

    [dir=rtl] .product-buy-together .product-buy-together-card .mi-checkbox__item {
        left: 10px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together .product-buy-together-card .mi-checkbox__item {
        top: 12px
    }

    [dir=ltr] .product-buy-together .product-buy-together-card .mi-checkbox__item {
        right: 12px
    }

    [dir=rtl] .product-buy-together .product-buy-together-card .mi-checkbox__item {
        left: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .product-buy-together-card .mi-checkbox__item {
        top: 16px
    }

    [dir=ltr] .product-buy-together .product-buy-together-card .mi-checkbox__item {
        right: 16px
    }

    [dir=rtl] .product-buy-together .product-buy-together-card .mi-checkbox__item {
        left: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .product-buy-together-card .mi-checkbox__item {
        top: 19px
    }

    [dir=ltr] .product-buy-together .product-buy-together-card .mi-checkbox__item {
        right: 20px
    }

    [dir=rtl] .product-buy-together .product-buy-together-card .mi-checkbox__item {
        left: 20px
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .product-buy-together-card .mi-checkbox__item {
        top: 19px
    }

    [dir=ltr] .product-buy-together .product-buy-together-card .mi-checkbox__item {
        right: 20px
    }

    [dir=rtl] .product-buy-together .product-buy-together-card .mi-checkbox__item {
        left: 20px
    }
}

.product-buy-together .product-buy-together-card .mi-checkbox__item .checkbox__icon {
    -webkit-margin-end: 0
}

.product-buy-together .product-buy-together-card .mi-checkbox__item .checkbox__icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.product-buy-together .product-buy-together-card .mi-checkbox__item .checkbox__icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.product-buy-together .product-buy-together-card .mi-checkbox__item .checkbox__icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.product-buy-together .product-buy-together-card .mi-checkbox__item .checkbox__icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.product-buy-together .product-buy-together-card .mi-checkbox__item .checkbox__icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.product-buy-together .product-buy-together-card .mi-checkbox__item .checkbox__icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

@media screen and (max-width:720px) {
    .product-buy-together .product-buy-together-card .mi-checkbox__item .checkbox__icon {
        font-size: 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together .product-buy-together-card .mi-checkbox__item .checkbox__icon {
        font-size: 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .product-buy-together-card .mi-checkbox__item .checkbox__icon {
        font-size: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .product-buy-together-card .mi-checkbox__item .checkbox__icon {
        font-size: 24px
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .product-buy-together-card .mi-checkbox__item .checkbox__icon {
        font-size: 24px
    }
}

.product-buy-together .product-buy-together-card .mi-checkbox__item .checkbox__icon.micon-checkbox-checked {
    color: #000
}

.product-buy-together .product-buy-together-card .mi-checkbox__item .mi-checkbox__item--highlight {
    --checkbox-text-color: #000;
    --checkbox-border-color: #000
}

.product-buy-together .product-buy-together-card:hover {
    color: #000;
    border: 1px solid #d1d1d1;
    box-shadow: 0 0 0 .5px #d1d1d1
}

.product-buy-together .product-buy-together-card-disabled {
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    box-shadow: none;
    cursor: auto;
    margin-left: 0;
    margin-right: 0;
    color: #000 !important;
    background: #f7f8fa !important;
    border: 1.5px solid #f7f8fa !important
}

.product-buy-together .product-buy-together-card-disabled .checkbox__icon {
    display: none
}

.product-buy-together .product-buy-together-card-disabled:hover {
    box-shadow: none;
    border: none
}

.product-buy-together .product-buy-together-card.product-buy-together-card-selected {
    border: 1px solid #FF47C7;
    border: 1px solid var(--orange-orange100, #FF47C7);
    box-shadow: 0 0 0 .5px #FF47C7;
    box-shadow: 0 0 0 .5px var(--orange-orange100, #FF47C7)
}

@media screen and (max-width:720px) {
    .product-buy-together .product-buy-together-image {
        width: 80px;
        height: 80px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together .product-buy-together-image {
        width: 140px;
        height: 140px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .product-buy-together-image {
        width: 160px;
        height: 160px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .product-buy-together-image {
        width: 180px;
        height: 180px
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .product-buy-together-image {
        width: 180px;
        height: 180px
    }
}

.product-buy-together .product-buy-together-good-energy {
    flex-grow: 1
}

.product-buy-together .product-buy-together-good-title {
    text-align: center;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
    font-weight: 600;
    display: -webkit-box;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .product-buy-together .product-buy-together-good-title {
        -webkit-margin-before: 4px;
        height: 30px;
        margin-top: 4px;
        font-size: 12px;
        line-height: 15px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together .product-buy-together-good-title {
        -webkit-margin-before: 12px;
        height: 38px;
        margin-top: 12px;
        font-size: 15px;
        line-height: 18.75px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .product-buy-together-good-title {
        -webkit-margin-before: 12px;
        height: 40px;
        margin-top: 12px;
        font-size: 16px;
        line-height: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .product-buy-together-good-title {
        -webkit-margin-before: 12px;
        height: 40px;
        margin-top: 12px;
        font-size: 16px;
        line-height: 20px
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .product-buy-together-good-title {
        -webkit-margin-before: 12px;
        height: 40px;
        margin-top: 12px;
        font-size: 16px;
        line-height: 20px
    }
}

.product-buy-together .product-buy-together-price-sale {
    text-align: center;
    max-width: 100%;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .product-buy-together .product-buy-together-price-sale {
        -webkit-margin-before: 6px;
        flex-direction: column;
        margin-top: 6px;
        font-size: 6px;
        display: flex
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together .product-buy-together-price-sale {
        -webkit-margin-before: 12px;
        margin-top: 12px;
        font-size: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .product-buy-together-price-sale {
        -webkit-margin-before: 12px;
        margin-top: 12px;
        font-size: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .product-buy-together-price-sale {
        -webkit-margin-before: 12px;
        margin-top: 12px;
        font-size: 8px
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .product-buy-together-price-sale {
        -webkit-margin-before: 12px;
        margin-top: 12px;
        font-size: 8px
    }
}

.product-buy-together .product-buy-together-price-sale small {
    font-size: 100%
}

.product-buy-together .product-buy-together-price-sale strong {
    color: var(--brand-orange);
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700;
    display: inline-block;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .product-buy-together .product-buy-together-price-sale strong {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together .product-buy-together-price-sale strong {
        font-size: 15px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .product-buy-together-price-sale strong {
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .product-buy-together-price-sale strong {
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .product-buy-together-price-sale strong {
        font-size: 16px
    }
}

.product-buy-together .product-buy-together-price-sale del {
    color: #757575;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    font-weight: 400;
    display: inline-block;
    overflow: hidden
}

@media screen and (max-width:720px) {
    .product-buy-together .product-buy-together-price-sale del {
        -webkit-margin-start: 0;
        margin-top: 4px;
        font-size: 10px
    }

    .product-buy-together .product-buy-together-price-sale del:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 0
    }

    .product-buy-together .product-buy-together-price-sale del:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 0
    }

    .product-buy-together .product-buy-together-price-sale del:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 0
    }

    .product-buy-together .product-buy-together-price-sale del:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 0
    }

    .product-buy-together .product-buy-together-price-sale del:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 0
    }

    .product-buy-together .product-buy-together-price-sale del:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together .product-buy-together-price-sale del {
        -webkit-margin-start: 4px;
        font-size: 12px
    }

    .product-buy-together .product-buy-together-price-sale del:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .product-buy-together .product-buy-together-price-sale del:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .product-buy-together .product-buy-together-price-sale del:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 4px
    }

    .product-buy-together .product-buy-together-price-sale del:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .product-buy-together .product-buy-together-price-sale del:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }

    .product-buy-together .product-buy-together-price-sale del:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .product-buy-together-price-sale del {
        -webkit-margin-start: 8px;
        font-size: 14px
    }

    .product-buy-together .product-buy-together-price-sale del:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .product-buy-together .product-buy-together-price-sale del:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .product-buy-together .product-buy-together-price-sale del:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .product-buy-together .product-buy-together-price-sale del:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .product-buy-together .product-buy-together-price-sale del:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .product-buy-together .product-buy-together-price-sale del:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .product-buy-together-price-sale del {
        -webkit-margin-start: 8px;
        font-size: 14px
    }

    .product-buy-together .product-buy-together-price-sale del:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .product-buy-together .product-buy-together-price-sale del:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .product-buy-together .product-buy-together-price-sale del:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .product-buy-together .product-buy-together-price-sale del:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .product-buy-together .product-buy-together-price-sale del:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .product-buy-together .product-buy-together-price-sale del:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .product-buy-together-price-sale del {
        -webkit-margin-start: 8px;
        font-size: 14px
    }

    .product-buy-together .product-buy-together-price-sale del:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .product-buy-together .product-buy-together-price-sale del:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .product-buy-together .product-buy-together-price-sale del:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 8px
    }

    .product-buy-together .product-buy-together-price-sale del:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .product-buy-together .product-buy-together-price-sale del:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }

    .product-buy-together .product-buy-together-price-sale del:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 8px
    }
}

.product-buy-together .product-buy-together-button {
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid #d1d1d1;
    border: 1px solid var(--neutral-neutral20, #d1d1d1);
    border-radius: 6px;
    max-width: 100%;
    margin: 0;
    padding: 0;
    transition: all .3s;
    overflow: hidden
}

.product-buy-together .product-buy-together-button:hover {
    color: #191919;
    border: 1px solid #d1d1d1;
    border: 1px solid var(--neutral-neutral20, #d1d1d1);
    box-shadow: 0 0 0 .5px #d1d1d1
}

@media screen and (max-width:720px) {
    .product-buy-together .product-buy-together-button {
        width: 75px;
        height: 24px;
        margin-top: 8px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .product-buy-together .product-buy-together-button {
        width: 98px;
        height: 28px;
        margin-top: 12px;
        font-size: 13px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .product-buy-together .product-buy-together-button {
        width: 98px;
        height: 32px;
        margin-top: 16px;
        font-size: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .product-buy-together .product-buy-together-button {
        width: 98px;
        height: 32px;
        margin-top: 16px;
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .product-buy-together .product-buy-together-button {
        width: 98px;
        height: 32px;
        margin-top: 16px;
        font-size: 14px
    }
}

.product-buy-together .product-buy-together-button--empty {
    border-color: transparent
}

.product-buy-together .product-buy-together-button--empty:hover {
    box-shadow: none;
    border-color: transparent
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (min-width:1921px) {
    .compare:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (max-width:720px) {
    .compare {
        --compare-text-font-size: 12px;
        --compare-max-width: 100%;
        --container-spacing: 0;
        --column-gap: 12px;
        --param-rows-gap: 16px;
        --group-grid-template-columns: 100%;
        --empty-box: none;
        border-top: 12px solid #f7f7f7;
        width: 100%;
        margin: 0;
        padding: 0 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare {
        --compare-text-font-size: 14px;
        --compare-max-width: 1000px;
        --container-spacing: 0;
        --column-gap: 16px;
        --param-rows-gap: 16px;
        --group-grid-template-columns: 25% 75%;
        --empty-box: block
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare {
        --compare-text-font-size: 16px;
        --compare-max-width: 1180px;
        --container-spacing: 0;
        --column-gap: 20px;
        --param-rows-gap: 24px;
        --group-grid-template-columns: 25% 75%;
        --empty-box: block
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare {
        --compare-text-font-size: 16px;
        --compare-max-width: 1402px;
        --container-spacing: 0;
        --column-gap: 30px;
        --param-rows-gap: 24px;
        --group-grid-template-columns: 25% 75%;
        --empty-box: block
    }
}

@media screen and (min-width:1921px) {
    .compare {
        --compare-text-font-size: 16px;
        --compare-max-width: 1402px;
        --container-spacing: 0;
        --column-gap: 30px;
        --param-rows-gap: 24px;
        --group-grid-template-columns: 25% 75%;
        --empty-box: block
    }
}

@media screen and (max-width:720px) {
    .compare-header {
        padding: 28px 0 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-header {
        padding: 40px 0 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-header {
        padding: 56px 0 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-header {
        padding: 64px 0 32px
    }
}

@media screen and (min-width:1921px) {
    .compare-header {
        padding: 64px 0 32px
    }
}

@media screen and (max-width:720px) {
    .compare-header-title.mi-btn.mi-btn--link {
        --link-font-size: 18px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-header-title.mi-btn.mi-btn--link {
        --link-font-size: 26px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-header-title.mi-btn.mi-btn--link {
        --link-font-size: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-header-title.mi-btn.mi-btn--link {
        --link-font-size: 32px
    }
}

@media screen and (min-width:1921px) {
    .compare-header-title.mi-btn.mi-btn--link {
        --link-font-size: 32px
    }
}

.compare-select-container {
    background-color: #fff;
    background-color: var(--background-white)
}

.compare-select-container--sticky {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 6px 0 var(--shadow-black-a8)
}

.compare-select {
    max-width: var(--compare-max-width);
    margin: auto;
    transition: all .2s ease-in-out
}

.compare-select-in-app .rc-select-arrow {
    width: var(--compare-text-font-size);
    left: unset !important;
    right: 8px !important
}

[dir=rtl] .compare-select-in-app .rc-select-arrow {
    left: 8px !important
}

[dir=rtl] .compare-select-in-app .rc-select-arrow {
    right: unset !important
}

.compare-select .compare-select-list {
    grid-template-columns: var(--group-grid-template-columns);
    padding: var(--container-spacing);
    display: grid
}

.compare-select .compare-select-content {
    grid-column-gap: var(--column-gap);
    align-items: center;
    justify-items: center;
    display: grid
}

@media screen and (max-width:720px) {
    .compare-select .compare-select-content {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-select .compare-select-content {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-select .compare-select-content {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-select .compare-select-content {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media screen and (min-width:1921px) {
    .compare-select .compare-select-content {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.compare-select-item,
.compare-select--no-select,
.compare-select-item .rc-select-selection-item,
.compare-select-item .mi-rc-select .rc-select-selector,
.mi-rc-select .rc-select-arrow,
.compare-select-item .mi-rc-select .rc-select-selection-placeholder {
    color: var(--background-black);
    font-weight: 600;
    font-size: var(--compare-text-font-size)
}

@media screen and (max-width:720px) {

    .compare-select-item,
    .compare-select--no-select,
    .compare-select-item .rc-select-selection-item,
    .compare-select-item .mi-rc-select .rc-select-selector,
    .mi-rc-select .rc-select-arrow,
    .compare-select-item .mi-rc-select .rc-select-selection-placeholder {
        height: 28px;
        line-height: 28px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {

    .compare-select-item,
    .compare-select--no-select,
    .compare-select-item .rc-select-selection-item,
    .compare-select-item .mi-rc-select .rc-select-selector,
    .mi-rc-select .rc-select-arrow,
    .compare-select-item .mi-rc-select .rc-select-selection-placeholder {
        height: 42px;
        line-height: 42px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    .compare-select-item,
    .compare-select--no-select,
    .compare-select-item .rc-select-selection-item,
    .compare-select-item .mi-rc-select .rc-select-selector,
    .mi-rc-select .rc-select-arrow,
    .compare-select-item .mi-rc-select .rc-select-selection-placeholder {
        height: 48px;
        line-height: 48px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {

    .compare-select-item,
    .compare-select--no-select,
    .compare-select-item .rc-select-selection-item,
    .compare-select-item .mi-rc-select .rc-select-selector,
    .mi-rc-select .rc-select-arrow,
    .compare-select-item .mi-rc-select .rc-select-selection-placeholder {
        height: 48px;
        line-height: 48px
    }
}

@media screen and (min-width:1921px) {

    .compare-select-item,
    .compare-select--no-select,
    .compare-select-item .rc-select-selection-item,
    .compare-select-item .mi-rc-select .rc-select-selector,
    .mi-rc-select .rc-select-arrow,
    .compare-select-item .mi-rc-select .rc-select-selection-placeholder {
        height: 48px;
        line-height: 48px
    }
}

.compare-select-item {
    max-width: 100%
}

@media screen and (max-width:720px) {
    .compare-select-item {
        width: 158px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-select-item {
        width: 234px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-select-item {
        width: 280px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-select-item {
        width: 328px
    }
}

@media screen and (min-width:1921px) {
    .compare-select-item {
        width: 328px
    }
}

.compare-select-item .mi-rc-select .rc-select-selector {
    width: 100%
}

@media screen and (max-width:720px) {
    .compare-select-item .mi-rc-select .rc-select-selector {
        border-radius: 8px;
        padding: 0 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-select-item .mi-rc-select .rc-select-selector {
        border-radius: 12px;
        padding: 0 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-select-item .mi-rc-select .rc-select-selector {
        border-radius: 14px;
        padding: 0 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-select-item .mi-rc-select .rc-select-selector {
        border-radius: 14px;
        padding: 0 24px
    }
}

@media screen and (min-width:1921px) {
    .compare-select-item .mi-rc-select .rc-select-selector {
        border-radius: 14px;
        padding: 0 24px
    }
}

@media screen and (max-width:720px) {
    [dir=ltr] .compare-select-item .mi-rc-select .rc-select-arrow {
        right: 8px
    }

    [dir=rtl] .compare-select-item .mi-rc-select .rc-select-arrow {
        left: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    [dir=ltr] .compare-select-item .mi-rc-select .rc-select-arrow {
        right: 16px
    }

    [dir=rtl] .compare-select-item .mi-rc-select .rc-select-arrow {
        left: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    [dir=ltr] .compare-select-item .mi-rc-select .rc-select-arrow {
        right: 24px
    }

    [dir=rtl] .compare-select-item .mi-rc-select .rc-select-arrow {
        left: 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    [dir=ltr] .compare-select-item .mi-rc-select .rc-select-arrow {
        right: 24px
    }

    [dir=rtl] .compare-select-item .mi-rc-select .rc-select-arrow {
        left: 24px
    }
}

@media screen and (min-width:1921px) {
    [dir=ltr] .compare-select-item .mi-rc-select .rc-select-arrow {
        right: 24px
    }

    [dir=rtl] .compare-select-item .mi-rc-select .rc-select-arrow {
        left: 24px
    }
}

.compare-select-item .mi-rc-select.rc-select-show-arrow .rc-select-arrow .mi-select-micon-down {
    color: var(--background-black);
    font-size: var(--compare-text-font-size)
}

.compare-select-item:last-of-type {
    display: var(--empty-box)
}

.compare-select-content--no-select {
    display: var(--empty-box);
    box-sizing: border-box;
    -webkit-padding-end: var(--column-gap);
    max-width: 100%
}

.compare-select-content--no-select:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: var(--column-gap)
}

.compare-select-content--no-select:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: var(--column-gap)
}

.compare-select-content--no-select:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: var(--column-gap)
}

.compare-select-content--no-select:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: var(--column-gap)
}

.compare-select-content--no-select:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: var(--column-gap)
}

.compare-select-content--no-select:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: var(--column-gap)
}

@media screen and (max-width:720px) {
    .compare-select-content--no-select {
        width: 158px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-select-content--no-select {
        width: 234px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-select-content--no-select {
        width: 280px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-select-content--no-select {
        width: 328px
    }
}

@media screen and (min-width:1921px) {
    .compare-select-content--no-select {
        width: 328px
    }
}

.compare-select--no-select {
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    width: 100%
}

@media screen and (max-width:720px) {
    .compare-select--no-select {
        text-indent: 8px;
        border-radius: 8px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-select--no-select {
        text-indent: 16px;
        border-radius: 12px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-select--no-select {
        text-indent: 24px;
        border-radius: 14px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-select--no-select {
        text-indent: 24px;
        border-radius: 14px
    }
}

@media screen and (min-width:1921px) {
    .compare-select--no-select {
        text-indent: 24px;
        border-radius: 14px
    }
}

.compare-select-dropdown {
    border-radius: 4px;
    overflow: hidden
}

.compare-select-dropdown .rc-virtual-list {
    padding: 10px
}

.compare-select-dropdown.mi-select-dropdown .rc-select-item {
    padding: 0 4px
}

.compare-select-dropdown.mi-select-dropdown .rc-select-item.rc-select-item-option {
    color: var(--background-black);
    font-weight: 400;
    font-size: var(--compare-text-font-size)
}

@media screen and (max-width:720px) {
    .compare-select-dropdown.mi-select-dropdown .rc-select-item.rc-select-item-option {
        line-height: 28px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-select-dropdown.mi-select-dropdown .rc-select-item.rc-select-item-option {
        line-height: 32px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-select-dropdown.mi-select-dropdown .rc-select-item.rc-select-item-option {
        line-height: 44px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-select-dropdown.mi-select-dropdown .rc-select-item.rc-select-item-option {
        line-height: 44px
    }
}

@media screen and (min-width:1921px) {
    .compare-select-dropdown.mi-select-dropdown .rc-select-item.rc-select-item-option {
        line-height: 44px
    }
}

.compare-select-dropdown.mi-select-dropdown .rc-select-item.rc-select-item-option.rc-select-item-option-selected {
    color: #FF47C7
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (min-width:1921px) {
    .compare:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (max-width:720px) {
    .compare {
        --compare-text-font-size: 12px;
        --compare-max-width: 100%;
        --container-spacing: 0;
        --column-gap: 12px;
        --param-rows-gap: 16px;
        --group-grid-template-columns: 100%;
        --empty-box: none;
        border-top: 12px solid #f7f7f7;
        width: 100%;
        margin: 0;
        padding: 0 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare {
        --compare-text-font-size: 14px;
        --compare-max-width: 1000px;
        --container-spacing: 0;
        --column-gap: 16px;
        --param-rows-gap: 16px;
        --group-grid-template-columns: 25% 75%;
        --empty-box: block
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare {
        --compare-text-font-size: 16px;
        --compare-max-width: 1180px;
        --container-spacing: 0;
        --column-gap: 20px;
        --param-rows-gap: 24px;
        --group-grid-template-columns: 25% 75%;
        --empty-box: block
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare {
        --compare-text-font-size: 16px;
        --compare-max-width: 1402px;
        --container-spacing: 0;
        --column-gap: 30px;
        --param-rows-gap: 24px;
        --group-grid-template-columns: 25% 75%;
        --empty-box: block
    }
}

@media screen and (min-width:1921px) {
    .compare {
        --compare-text-font-size: 16px;
        --compare-max-width: 1402px;
        --container-spacing: 0;
        --column-gap: 30px;
        --param-rows-gap: 24px;
        --group-grid-template-columns: 25% 75%;
        --empty-box: block
    }
}

@media screen and (max-width:720px) {
    .compare-header {
        padding: 28px 0 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-header {
        padding: 40px 0 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-header {
        padding: 56px 0 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-header {
        padding: 64px 0 32px
    }
}

@media screen and (min-width:1921px) {
    .compare-header {
        padding: 64px 0 32px
    }
}

@media screen and (max-width:720px) {
    .compare-header-title.mi-btn.mi-btn--link {
        --link-font-size: 18px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-header-title.mi-btn.mi-btn--link {
        --link-font-size: 26px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-header-title.mi-btn.mi-btn--link {
        --link-font-size: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-header-title.mi-btn.mi-btn--link {
        --link-font-size: 32px
    }
}

@media screen and (min-width:1921px) {
    .compare-header-title.mi-btn.mi-btn--link {
        --link-font-size: 32px
    }
}

@media screen and (max-width:720px) {
    .compare-param {
        --property-grid-template-columns: repeat(2, 1fr);
        --specs-grid-template-columns: repeat(2, 1fr);
        --parent-icon-size: 40px;
        --text-align: start;
        --parent-group-top: 32px;
        min-height: 100px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-param {
        --property-grid-template-columns: repeat(3, 1fr);
        --specs-grid-template-columns: repeat(4, 1fr);
        --parent-icon-size: 50px;
        --text-align: center;
        --parent-group-top: 24px;
        min-height: 100px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-param {
        --property-grid-template-columns: repeat(3, 1fr);
        --specs-grid-template-columns: repeat(4, 1fr);
        --parent-icon-size: 62px;
        --text-align: center;
        --parent-group-top: 24px;
        min-height: 100px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-param {
        --property-grid-template-columns: repeat(3, 1fr);
        --specs-grid-template-columns: repeat(4, 1fr);
        --parent-icon-size: 64px;
        --text-align: center;
        --parent-group-top: 24px;
        min-height: 500px
    }
}

@media screen and (min-width:1921px) {
    .compare-param {
        --property-grid-template-columns: repeat(3, 1fr);
        --specs-grid-template-columns: repeat(4, 1fr);
        --parent-icon-size: 64px;
        --text-align: center;
        --parent-group-top: 24px;
        min-height: 500px
    }
}

.compare-param .parent-group-compare {
    position: relative
}

.compare-param .parent-group-compare .parent-group-compare__icon {
    font-size: var(--compare-text-font-size)
}

@media screen and (max-width:720px) {
    .compare-param .parent-group-compare .parent-group-compare__icon {
        padding: 40px 0 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-param .parent-group-compare .parent-group-compare__icon {
        padding: 80px 0 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-param .parent-group-compare .parent-group-compare__icon {
        padding: 80px 0 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-param .parent-group-compare .parent-group-compare__icon {
        padding: 120px 0 24px
    }
}

@media screen and (min-width:1921px) {
    .compare-param .parent-group-compare .parent-group-compare__icon {
        padding: 120px 0 24px
    }
}

.compare-param .parent-group-compare .parent-group-compare__icon img {
    width: var(--parent-icon-size);
    height: var(--parent-icon-size)
}

.compare-param .parent-group-compare .parent-group-compare__sup {
    right: unset;
    left: var(--shifting);
    position: absolute
}

@media screen and (max-width:720px) {
    .compare-param .parent-group-compare .parent-group-compare__sup {
        --shifting: 44px;
        top: 44px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-param .parent-group-compare .parent-group-compare__sup {
        --shifting: 54px;
        top: 84px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-param .parent-group-compare .parent-group-compare__sup {
        --shifting: 66px;
        top: 84px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-param .parent-group-compare .parent-group-compare__sup {
        --shifting: 68px;
        top: 124px
    }
}

@media screen and (min-width:1921px) {
    .compare-param .parent-group-compare .parent-group-compare__sup {
        --shifting: 68px;
        top: 124px
    }
}

[dir=rtl] .compare-param .parent-group-compare .parent-group-compare__sup {
    right: var(--shifting)
}

[dir=rtl] .compare-param .parent-group-compare .parent-group-compare__sup {
    left: unset
}

.compare-param .parent-group-compare .group-compare {
    font-size: var(--compare-text-font-size);
    grid-template-columns: 25% 75%;
    display: grid;
    position: relative
}

.compare-param .parent-group-compare .group-compare:before {
    transform-origin: 0 0;
    box-sizing: border-box;
    border-top: 1px solid #e0e0e0;
    border-top: 1px solid var(--border-popover);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto
}

[dir=rtl] .compare-param .parent-group-compare .group-compare:before {
    left: auto
}

[dir=rtl] .compare-param .parent-group-compare .group-compare:before {
    right: 0
}

[dir=rtl] .compare-param .parent-group-compare .group-compare:before {
    transform-origin: 100% 0
}

@media screen and (max-width:720px) {
    .compare-param .parent-group-compare .group-compare:before {
        width: 200%;
        transform: scale(.5)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-param .parent-group-compare .group-compare:before {
        width: 100%;
        transform: scale(1)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-param .parent-group-compare .group-compare:before {
        width: 100%;
        transform: scale(1)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-param .parent-group-compare .group-compare:before {
        width: 100%;
        transform: scale(1)
    }
}

@media screen and (min-width:1921px) {
    .compare-param .parent-group-compare .group-compare:before {
        width: 100%;
        transform: scale(1)
    }
}

@media screen and (max-width:720px) {
    .compare-param .parent-group-compare .group-compare {
        grid-template-columns: 100%;
        padding-top: 24px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-param .parent-group-compare .group-compare {
        grid-template-columns: 25% 75%;
        padding-top: 28px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-param .parent-group-compare .group-compare {
        grid-template-columns: 25% 75%;
        padding-top: 32px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-param .parent-group-compare .group-compare {
        grid-template-columns: 25% 75%;
        padding-top: 40px
    }
}

@media screen and (min-width:1921px) {
    .compare-param .parent-group-compare .group-compare {
        grid-template-columns: 25% 75%;
        padding-top: 40px
    }
}

.compare-param .parent-group-compare .group-compare:last-child:after {
    transform-origin: 0 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
    border-bottom: 1px solid var(--border-popover);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto
}

[dir=rtl] .compare-param .parent-group-compare .group-compare:last-child:after {
    left: auto
}

[dir=rtl] .compare-param .parent-group-compare .group-compare:last-child:after {
    right: 0
}

[dir=rtl] .compare-param .parent-group-compare .group-compare:last-child:after {
    transform-origin: 100% 100%
}

@media screen and (max-width:720px) {
    .compare-param .parent-group-compare .group-compare:last-child:after {
        width: 200%;
        transform: scale(.5)
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-param .parent-group-compare .group-compare:last-child:after {
        width: 100%;
        transform: scale(1)
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-param .parent-group-compare .group-compare:last-child:after {
        width: 100%;
        transform: scale(1)
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-param .parent-group-compare .group-compare:last-child:after {
        width: 100%;
        transform: scale(1)
    }
}

@media screen and (min-width:1921px) {
    .compare-param .parent-group-compare .group-compare:last-child:after {
        width: 100%;
        transform: scale(1)
    }
}

.compare-param .parent-group-compare .group-compare .group-compare__title {
    -webkit-margin-end: var(--column-gap);
    margin: 0;
    font-weight: 700;
    line-height: 1.6
}

.compare-param .parent-group-compare .group-compare .group-compare__title:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--column-gap)
}

.compare-param .parent-group-compare .group-compare .group-compare__title:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--column-gap)
}

.compare-param .parent-group-compare .group-compare .group-compare__title:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--column-gap)
}

.compare-param .parent-group-compare .group-compare .group-compare__title:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--column-gap)
}

.compare-param .parent-group-compare .group-compare .group-compare__title:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--column-gap)
}

.compare-param .parent-group-compare .group-compare .group-compare__title:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--column-gap)
}

@media screen and (max-width:720px) {
    .compare-param .parent-group-compare .group-compare .group-compare__title {
        padding-bottom: 24px;
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-param .parent-group-compare .group-compare .group-compare__title {
        padding-bottom: 28px;
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-param .parent-group-compare .group-compare .group-compare__title {
        padding-bottom: 32px;
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-param .parent-group-compare .group-compare .group-compare__title {
        padding-bottom: 40px;
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .compare-param .parent-group-compare .group-compare .group-compare__title {
        padding-bottom: 40px;
        font-size: 16px
    }
}

.compare-param .parent-group-compare .group-compare .group-compare__title--highlight {
    color: #FF47C7
}

.compare-param .parent-group-compare .group-compare .property {
    display: grid
}

@media screen and (max-width:720px) {
    .compare-param .parent-group-compare .group-compare .property {
        row-gap: 24px;
        padding-bottom: 24px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-param .parent-group-compare .group-compare .property {
        row-gap: 28px;
        padding-bottom: 28px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-param .parent-group-compare .group-compare .property {
        row-gap: 32px;
        padding-bottom: 32px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-param .parent-group-compare .group-compare .property {
        row-gap: 40px;
        padding-bottom: 40px
    }
}

@media screen and (min-width:1921px) {
    .compare-param .parent-group-compare .group-compare .property {
        row-gap: 40px;
        padding-bottom: 40px
    }
}

.compare-param .parent-group-compare .group-compare .property .property-list {
    grid-template-columns: var(--property-grid-template-columns);
    grid-column-gap: var(--column-gap);
    -moz-column-gap: var(--column-gap);
    align-items: center;
    column-gap: var(--column-gap);
    display: grid
}

.compare-param .parent-group-compare .group-compare .property .property-list .property-name {
    grid-template-columns: var(--group-grid-template-columns);
    color: var(--background-black);
    text-align: var(--text-align);
    font-weight: 400;
    line-height: 1.6;
    position: relative
}

@media screen and (max-width:720px) {
    .compare-param .parent-group-compare .group-compare .property .property-list .property-name {
        font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-param .parent-group-compare .group-compare .property .property-list .property-name {
        font-size: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-param .parent-group-compare .group-compare .property .property-list .property-name {
        font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-param .parent-group-compare .group-compare .property .property-list .property-name {
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .compare-param .parent-group-compare .group-compare .property .property-list .property-name {
        font-size: 16px
    }
}

.compare-param .parent-group-compare .group-compare .property .property-list .property-name:last-child {
    -webkit-margin-end: 0
}

.compare-param .parent-group-compare .group-compare .property .property-list .property-name:last-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.compare-param .parent-group-compare .group-compare .property .property-list .property-name:last-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.compare-param .parent-group-compare .group-compare .property .property-list .property-name:last-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.compare-param .parent-group-compare .group-compare .property .property-list .property-name:last-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.compare-param .parent-group-compare .group-compare .property .property-list .property-name:last-child:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.compare-param .parent-group-compare .group-compare .property .property-list .property-name:last-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.compare-param .parent-group-compare .group-compare .property sup {
    -webkit-margin-start: 2px
}

.compare-param .parent-group-compare .group-compare .property sup:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 2px
}

.compare-param .parent-group-compare .group-compare .property sup:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 2px
}

.compare-param .parent-group-compare .group-compare .property sup:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 2px
}

.compare-param .parent-group-compare .group-compare .property sup:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 2px
}

.compare-param .parent-group-compare .group-compare .property sup:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 2px
}

.compare-param .parent-group-compare .group-compare .property sup:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 2px
}

.compare-param .parent-group-compare:first-of-type {
    margin-top: var(--parent-group-top)
}

.compare-param .parent-group-compare:first-of-type .parent-group-compare__icon {
    padding-top: 0
}

.compare-param .parent-group-compare:first-of-type .parent-group-compare__sup {
    top: 4px
}

.color-list {
    text-align: center;
    height: 24px;
    display: inline-flex
}

.color-list .color-item {
    -webkit-clip-path: url(96894.chunk.css#svgClipPath);
    clip-path: url(96894.chunk.css#svgClipPath);
    display: inline-block;
    position: relative
}

.color-list .color-item:before {
    background-color: #fff;
    background-color: var(--background-white);
    content: "";
    -webkit-clip-path: url(96894.chunk.css#svgClipPath);
    clip-path: url(96894.chunk.css#svgClipPath);
    position: absolute;
    top: 1px;
    left: 1px
}

@media screen and (max-width:720px) {
    .color-list .color-item:before {
        width: 22px;
        height: 22px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .color-list .color-item:before {
        width: 22px;
        height: 22px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .color-list .color-item:before {
        width: 26px;
        height: 26px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .color-list .color-item:before {
        width: 26px;
        height: 26px
    }
}

@media screen and (min-width:1921px) {
    .color-list .color-item:before {
        width: 26px;
        height: 26px
    }
}

.color-list .color-item--selected {
    background-color: var(--selected-color)
}

@media screen and (max-width:720px) {
    .color-list .color-item {
        width: 24px;
        height: 24px;
        margin: 0 4px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .color-list .color-item {
        width: 24px;
        height: 24px;
        margin: 0 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .color-list .color-item {
        width: 28px;
        height: 28px;
        margin: 0 10px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .color-list .color-item {
        width: 28px;
        height: 28px;
        margin: 0 10px
    }
}

@media screen and (min-width:1921px) {
    .color-list .color-item {
        width: 28px;
        height: 28px;
        margin: 0 10px
    }
}

.color-list .color-item-content {
    color: var(--service-color);
    background-color: var(--service-color);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .25);
    box-shadow: 0 0 4px 0 var(--shadow-black-a25)inset;
    cursor: pointer;
    -webkit-clip-path: url(96894.chunk.css#svgClipPath);
    clip-path: url(96894.chunk.css#svgClipPath);
    position: absolute;
    top: 4px;
    left: 4px
}

@media screen and (max-width:720px) {
    .color-list .color-item-content {
        width: 16px;
        height: 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .color-list .color-item-content {
        width: 16px;
        height: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .color-list .color-item-content {
        width: 20px;
        height: 20px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .color-list .color-item-content {
        width: 20px;
        height: 20px
    }
}

@media screen and (min-width:1921px) {
    .color-list .color-item-content {
        width: 20px;
        height: 20px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (min-width:1921px) {
    .compare:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (max-width:720px) {
    .compare {
        --compare-text-font-size: 12px;
        --compare-max-width: 100%;
        --container-spacing: 0;
        --column-gap: 12px;
        --param-rows-gap: 16px;
        --group-grid-template-columns: 100%;
        --empty-box: none;
        border-top: 12px solid #f7f7f7;
        width: 100%;
        margin: 0;
        padding: 0 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare {
        --compare-text-font-size: 14px;
        --compare-max-width: 1000px;
        --container-spacing: 0;
        --column-gap: 16px;
        --param-rows-gap: 16px;
        --group-grid-template-columns: 25% 75%;
        --empty-box: block
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare {
        --compare-text-font-size: 16px;
        --compare-max-width: 1180px;
        --container-spacing: 0;
        --column-gap: 20px;
        --param-rows-gap: 24px;
        --group-grid-template-columns: 25% 75%;
        --empty-box: block
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare {
        --compare-text-font-size: 16px;
        --compare-max-width: 1402px;
        --container-spacing: 0;
        --column-gap: 30px;
        --param-rows-gap: 24px;
        --group-grid-template-columns: 25% 75%;
        --empty-box: block
    }
}

@media screen and (min-width:1921px) {
    .compare {
        --compare-text-font-size: 16px;
        --compare-max-width: 1402px;
        --container-spacing: 0;
        --column-gap: 30px;
        --param-rows-gap: 24px;
        --group-grid-template-columns: 25% 75%;
        --empty-box: block
    }
}

@media screen and (max-width:720px) {
    .compare-header {
        padding: 28px 0 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-header {
        padding: 40px 0 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-header {
        padding: 56px 0 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-header {
        padding: 64px 0 32px
    }
}

@media screen and (min-width:1921px) {
    .compare-header {
        padding: 64px 0 32px
    }
}

@media screen and (max-width:720px) {
    .compare-header-title.mi-btn.mi-btn--link {
        --link-font-size: 18px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-header-title.mi-btn.mi-btn--link {
        --link-font-size: 26px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-header-title.mi-btn.mi-btn--link {
        --link-font-size: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-header-title.mi-btn.mi-btn--link {
        --link-font-size: 32px
    }
}

@media screen and (min-width:1921px) {
    .compare-header-title.mi-btn.mi-btn--link {
        --link-font-size: 32px
    }
}

.energy-label-fixed {
    --image-width: 68px;
    --info-margin-left: 8px;
    --link-font-size: 13px;
    --bundle-more-icon-size: 16px;
    --bundle-more-icon-width: 16px;
    --bundle-more-left: 16px;
    --link-text-width: 114px;
    --bundle-more-icon-radius: 4px
}

@media screen and (max-width:720px) {
    .energy-label-responsive {
        --image-width: 57px;
        --info-margin-left: 6px;
        --link-font-size: 12px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 16px;
        --link-text-width: 114px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .energy-label-responsive {
        --image-width: 80px;
        --info-margin-left: 8px;
        --link-font-size: 15px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 16px;
        --link-text-width: 148px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .energy-label-responsive {
        --image-width: 91px;
        --info-margin-left: 10px;
        --link-font-size: 17px;
        --bundle-more-icon-size: 16px;
        --bundle-more-icon-width: 16px;
        --bundle-more-left: 20px;
        --link-text-width: 148px;
        --bundle-more-icon-radius: 4px
    }
}

@media screen and (max-width:720px) {
    .compare-product .product-goods__energy {
        --image-width: 34px;
        --info-margin-left: 4px;
        --link-font-size: 8px;
        --bundle-more-icon-size: 12px;
        --bundle-more-icon-width: 12px;
        --bundle-more-left: 8px;
        --link-text-width: 95px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-product .product-goods__energy {
        --image-width: 46px;
        --info-margin-left: 6px;
        --link-font-size: 10px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 95px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-product .product-goods__energy {
        --image-width: 46px;
        --info-margin-left: 6px;
        --link-font-size: 10px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 95px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-product .product-goods__energy {
        --image-width: 46px;
        --info-margin-left: 6px;
        --link-font-size: 10px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 95px;
        --bundle-more-icon-radius: 2px
    }
}

@media screen and (min-width:1921px) {
    .compare-product .product-goods__energy {
        --image-width: 46px;
        --info-margin-left: 6px;
        --link-font-size: 10px;
        --bundle-more-icon-size: 14px;
        --bundle-more-icon-width: 14px;
        --bundle-more-left: 12px;
        --link-text-width: 95px;
        --bundle-more-icon-radius: 2px
    }
}

.compare-product {
    grid-template-columns: var(--group-grid-template-columns);
    display: grid
}

@media screen and (max-width:720px) {
    .compare-product {
        --m-product-goods: repeat(2, 1fr);
        --image-height: 130px;
        --goods-row-gap: 16px;
        --del-price-gap: 6px;
        --price-del-height: 10px;
        --price-strong-height: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-product {
        --m-product-goods: repeat(3, 1fr);
        --image-height: 180px;
        --goods-row-gap: 20px;
        --del-price-gap: 8px;
        --price-del-height: 12px;
        --price-strong-height: 16px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-product {
        --m-product-goods: repeat(3, 1fr);
        --image-height: 210px;
        --goods-row-gap: 28px;
        --del-price-gap: 8px;
        --price-del-height: 14px;
        --price-strong-height: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-product {
        --m-product-goods: repeat(3, 1fr);
        --image-height: 230px;
        --goods-row-gap: 28px;
        --del-price-gap: 8px;
        --price-del-height: 14px;
        --price-strong-height: 16px
    }
}

@media screen and (min-width:1921px) {
    .compare-product {
        --m-product-goods: repeat(3, 1fr);
        --image-height: 230px;
        --goods-row-gap: 28px;
        --del-price-gap: 8px;
        --price-del-height: 14px;
        --price-strong-height: 16px
    }
}

.compare-product .product-select-color-list {
    display: inline-table
}

@media screen and (max-width:720px) {
    .compare-product .product-select-color-list {
        margin: -8px auto 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-product .product-select-color-list {
        margin: 0 auto
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-product .product-select-color-list {
        margin: -8px auto 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-product .product-select-color-list {
        margin: -8px auto 0
    }
}

@media screen and (min-width:1921px) {
    .compare-product .product-select-color-list {
        margin: -8px auto 0
    }
}

.compare-product .product-empty {
    display: var(--empty-box);
    -webkit-margin-end: var(--column-gap)
}

.compare-product .product-empty:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--column-gap)
}

.compare-product .product-empty:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--column-gap)
}

.compare-product .product-empty:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: var(--column-gap)
}

.compare-product .product-empty:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--column-gap)
}

.compare-product .product-empty:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--column-gap)
}

.compare-product .product-empty:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: var(--column-gap)
}

.compare-product .product-goods {
    grid-template-rows: auto auto auto auto auto auto;
    grid-auto-flow: column;
    grid-template-columns: var(--m-product-goods);
    grid-gap: var(--goods-row-gap)var(--column-gap);
    gap: var(--goods-row-gap)var(--column-gap);
    text-align: center;
    flex: 3;
    align-items: flex-start;
    justify-items: center;
    display: grid
}

.compare-product .product-goods--empty-energy {
    grid-template-rows: auto auto auto auto auto
}

.compare-product .product-goods .color-list {
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 8px;
    height: auto;
    display: inline-flex
}

.compare-product .product-goods .color-list .color-item:before {
    top: 1px;
    left: 1px;
    right: auto
}

[dir=rtl] .compare-product .product-goods .color-list .color-item:before {
    left: auto
}

[dir=rtl] .compare-product .product-goods .color-list .color-item:before {
    right: 1px
}

@media screen and (max-width:720px) {
    .compare-product .product-goods .color-list .color-item:before {
        width: 25px;
        height: 25px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-product .product-goods .color-list .color-item:before {
        width: 23px;
        height: 23px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-product .product-goods .color-list .color-item:before {
        width: 27px;
        height: 27px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-product .product-goods .color-list .color-item:before {
        width: 27px;
        height: 27px
    }
}

@media screen and (min-width:1921px) {
    .compare-product .product-goods .color-list .color-item:before {
        width: 27px;
        height: 27px
    }
}

@media screen and (max-width:720px) {
    .compare-product .product-goods .color-list .color-item {
        width: 27px;
        height: 27px;
        margin: 0 7px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-product .product-goods .color-list .color-item {
        width: 25px;
        height: 25px;
        margin: 0 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-product .product-goods .color-list .color-item {
        width: 29px;
        height: 29px;
        margin: 0 10px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-product .product-goods .color-list .color-item {
        width: 29px;
        height: 29px;
        margin: 0 10px
    }
}

@media screen and (min-width:1921px) {
    .compare-product .product-goods .color-list .color-item {
        width: 29px;
        height: 29px;
        margin: 0 10px
    }
}

@media screen and (max-width:720px) {
    .compare-product .product-goods .color-list .color-item-content {
        width: 19px;
        height: 19px;
        top: 4px
    }

    [dir=ltr] .compare-product .product-goods .color-list .color-item-content {
        left: 4px
    }

    [dir=rtl] .compare-product .product-goods .color-list .color-item-content {
        right: 4px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-product .product-goods .color-list .color-item-content {
        width: 17px;
        height: 17px;
        top: 4px
    }

    [dir=ltr] .compare-product .product-goods .color-list .color-item-content {
        left: 4px
    }

    [dir=rtl] .compare-product .product-goods .color-list .color-item-content {
        right: 4px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-product .product-goods .color-list .color-item-content {
        width: 20px;
        height: 20px;
        top: 4.5px
    }

    [dir=ltr] .compare-product .product-goods .color-list .color-item-content {
        left: 4.5px
    }

    [dir=rtl] .compare-product .product-goods .color-list .color-item-content {
        right: 4.5px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-product .product-goods .color-list .color-item-content {
        width: 20px;
        height: 20px;
        top: 4.5px
    }

    [dir=ltr] .compare-product .product-goods .color-list .color-item-content {
        left: 4.5px
    }

    [dir=rtl] .compare-product .product-goods .color-list .color-item-content {
        right: 4.5px
    }
}

@media screen and (min-width:1921px) {
    .compare-product .product-goods .color-list .color-item-content {
        width: 20px;
        height: 20px;
        top: 4.5px
    }

    [dir=ltr] .compare-product .product-goods .color-list .color-item-content {
        left: 4.5px
    }

    [dir=rtl] .compare-product .product-goods .color-list .color-item-content {
        right: 4.5px
    }
}

.compare-product .product-goods__image {
    width: auto;
    height: var(--image-height);
    margin: 0 auto
}

.compare-product .product-goods__image img {
    line-height: 1
}

.compare-product .product-goods .product-goods__price {
    margin: 0 auto
}

@media screen and (max-width:720px) {
    .compare-product .product-goods .product-goods__price {
        max-width: 126px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-product .product-goods .product-goods__price {
        max-width: 180px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-product .product-goods .product-goods__price {
        max-width: 248px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-product .product-goods .product-goods__price {
        max-width: 248px
    }
}

@media screen and (min-width:1921px) {
    .compare-product .product-goods .product-goods__price {
        max-width: 248px
    }
}

.compare-product .product-goods__name {
    cursor: pointer;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    display: flex
}

@media screen and (max-width:720px) {
    .compare-product .product-goods__name {
        row-gap: 6px;
        font-size: 12px;
        line-height: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-product .product-goods__name {
        row-gap: 12px;
        font-size: 14px;
        line-height: 14px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-product .product-goods__name {
        row-gap: 12px;
        font-size: 16px;
        line-height: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-product .product-goods__name {
        row-gap: 12px;
        font-size: 16px;
        line-height: 16px
    }
}

@media screen and (min-width:1921px) {
    .compare-product .product-goods__name {
        row-gap: 12px;
        font-size: 16px;
        line-height: 16px
    }
}

.compare-product .product-goods__name-item {
    color: var(--text-base);
    display: inline-block;
    position: relative
}

.compare-product .product-goods__name-item:last-of-type {
    -webkit-margin-end: 0
}

.compare-product .product-goods__name-item:last-of-type:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.compare-product .product-goods__name-item:last-of-type:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.compare-product .product-goods__name-item:last-of-type:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 0
}

.compare-product .product-goods__name-item:last-of-type:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.compare-product .product-goods__name-item:last-of-type:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.compare-product .product-goods__name-item:last-of-type:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 0
}

.compare-product .product-goods__name-item:after {
    content: "";
    border-right: 1px solid #d1d1d1;
    border-right: 1px solid var(--brand-black-20);
    border-left: auto;
    display: inline-block
}

[dir=rtl] .compare-product .product-goods__name-item:after {
    border-right: auto
}

[dir=rtl] .compare-product .product-goods__name-item:after {
    border-left: 1px solid #d1d1d1;
    border-left: 1px solid var(--brand-black-20)
}

@media screen and (max-width:720px) {
    .compare-product .product-goods__name-item:after {
        height: 10px;
        margin: 0 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-product .product-goods__name-item:after {
        height: 12.5px;
        margin: 0 12px -1px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-product .product-goods__name-item:after {
        height: 16px;
        margin: 0 12px -2px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-product .product-goods__name-item:after {
        height: 16px;
        margin: 0 12px -2px
    }
}

@media screen and (min-width:1921px) {
    .compare-product .product-goods__name-item:after {
        height: 16px;
        margin: 0 12px -2px
    }
}

.compare-product .product-goods__name-item:last-child:after {
    border-right: 0;
    border-left: auto;
    content: unset
}

[dir=rtl] .compare-product .product-goods__name-item:last-child:after {
    border-right: auto
}

[dir=rtl] .compare-product .product-goods__name-item:last-child:after {
    border-left: 0
}

.compare-product .product-goods__name-item--selected {
    color: var(--text-base);
    font-weight: 600;
    text-decoration: none
}

.compare-product .product-goods__price {
    gap: var(--del-price-gap);
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    line-height: 1.25;
    display: flex
}

.compare-product .product-goods__price strong {
    height: var(--price-strong-height);
    font-weight: 700;
    font-size: var(--price-strong-height);
    line-height: var(--price-strong-height)
}

@media screen and (max-width:720px) {
    .compare-product .product-goods__price strong {
        -webkit-margin-end: 6px
    }

    .compare-product .product-goods__price strong:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .compare-product .product-goods__price strong:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .compare-product .product-goods__price strong:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 6px
    }

    .compare-product .product-goods__price strong:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .compare-product .product-goods__price strong:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }

    .compare-product .product-goods__price strong:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 6px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-product .product-goods__price strong {
        -webkit-margin-end: 8px
    }

    .compare-product .product-goods__price strong:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 8px
    }

    .compare-product .product-goods__price strong:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 8px
    }

    .compare-product .product-goods__price strong:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 8px
    }

    .compare-product .product-goods__price strong:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 8px
    }

    .compare-product .product-goods__price strong:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 8px
    }

    .compare-product .product-goods__price strong:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 8px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-product .product-goods__price strong {
        -webkit-margin-end: 8px
    }

    .compare-product .product-goods__price strong:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 8px
    }

    .compare-product .product-goods__price strong:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 8px
    }

    .compare-product .product-goods__price strong:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 8px
    }

    .compare-product .product-goods__price strong:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 8px
    }

    .compare-product .product-goods__price strong:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 8px
    }

    .compare-product .product-goods__price strong:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 8px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-product .product-goods__price strong {
        -webkit-margin-end: 8px
    }

    .compare-product .product-goods__price strong:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 8px
    }

    .compare-product .product-goods__price strong:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 8px
    }

    .compare-product .product-goods__price strong:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 8px
    }

    .compare-product .product-goods__price strong:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 8px
    }

    .compare-product .product-goods__price strong:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 8px
    }

    .compare-product .product-goods__price strong:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 8px
    }
}

@media screen and (min-width:1921px) {
    .compare-product .product-goods__price strong {
        -webkit-margin-end: 8px
    }

    .compare-product .product-goods__price strong:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 8px
    }

    .compare-product .product-goods__price strong:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 8px
    }

    .compare-product .product-goods__price strong:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-right: 8px
    }

    .compare-product .product-goods__price strong:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 8px
    }

    .compare-product .product-goods__price strong:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 8px
    }

    .compare-product .product-goods__price strong:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-left: 8px
    }
}

.compare-product .product-goods__price del {
    height: var(--price-del-height);
    color: var(--brand-black-50);
    font-size: var(--price-del-height);
    line-height: var(--price-del-height)
}

@media screen and (max-width:720px) {
    .compare-product .product-goods__energy {
        margin: -4px 0
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-product .product-goods__energy {
        margin: -8px 0
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-product .product-goods__energy {
        margin: -12px 0
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-product .product-goods__energy {
        margin: -8px 0
    }
}

@media screen and (min-width:1921px) {
    .compare-product .product-goods__energy {
        margin: -8px 0
    }
}

.compare-product .product-goods__item-link {
    cursor: pointer;
    font-weight: 400;
    display: flex
}

@media screen and (max-width:720px) {
    .compare-product .product-goods__item-link {
        --item-link-font-size: 12px;
        flex-direction: column;
        flex-wrap: no-wrap;
        -moz-column-gap: 12px;
        justify-content: flex-start;
        align-items: center;
        gap: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-product .product-goods__item-link {
        --item-link-font-size: 14px;
        -moz-column-gap: 24px;
        flex-flow: wrap;
        justify-content: center;
        align-items: center;
        gap: 16px 24px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-product .product-goods__item-link {
        --item-link-font-size: 16px;
        -moz-column-gap: 24px;
        flex-flow: wrap;
        justify-content: center;
        align-items: center;
        gap: 16px 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-product .product-goods__item-link {
        --item-link-font-size: 16px;
        -moz-column-gap: 24px;
        flex-flow: wrap;
        justify-content: center;
        align-items: center;
        gap: 16px 24px
    }
}

@media screen and (min-width:1921px) {
    .compare-product .product-goods__item-link {
        --item-link-font-size: 16px;
        -moz-column-gap: 24px;
        flex-flow: wrap;
        justify-content: center;
        align-items: center;
        gap: 16px 24px
    }
}

.compare-product .product-goods__item-link .product-buy-link--learn-more {
    color: var(--background-black)
}

.compare-product .product-goods__item-link .mi-btn--link {
    line-height: var(--item-link-font-size);
    --link-font-size: var(--item-link-font-size);
    text-decoration: none
}

.compare {
    box-sizing: border-box;
    background-color: #fff;
    background-color: var(--background-white);
    flex-direction: column;
    width: calc(100% - 40px);
    margin: 0 20px;
    display: flex;
    overflow: visible
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (min-width:1921px) {
    .compare:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (max-width:720px) {
    .compare {
        --compare-text-font-size: 12px;
        --compare-max-width: 100%;
        --container-spacing: 0;
        --column-gap: 12px;
        --param-rows-gap: 16px;
        --group-grid-template-columns: 100%;
        --empty-box: none;
        border-top: 12px solid #f7f7f7;
        width: 100%;
        margin: 0;
        padding: 0 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare {
        --compare-text-font-size: 14px;
        --compare-max-width: 1000px;
        --container-spacing: 0;
        --column-gap: 16px;
        --param-rows-gap: 16px;
        --group-grid-template-columns: 25% 75%;
        --empty-box: block
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare {
        --compare-text-font-size: 16px;
        --compare-max-width: 1180px;
        --container-spacing: 0;
        --column-gap: 20px;
        --param-rows-gap: 24px;
        --group-grid-template-columns: 25% 75%;
        --empty-box: block
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare {
        --compare-text-font-size: 16px;
        --compare-max-width: 1402px;
        --container-spacing: 0;
        --column-gap: 30px;
        --param-rows-gap: 24px;
        --group-grid-template-columns: 25% 75%;
        --empty-box: block
    }
}

@media screen and (min-width:1921px) {
    .compare {
        --compare-text-font-size: 16px;
        --compare-max-width: 1402px;
        --container-spacing: 0;
        --column-gap: 30px;
        --param-rows-gap: 24px;
        --group-grid-template-columns: 25% 75%;
        --empty-box: block
    }
}

.compare-header {
    width: 100%;
    max-width: var(--compare-max-width);
    justify-content: flex-start;
    align-items: center;
    margin: auto;
    display: flex
}

@media screen and (max-width:720px) {
    .compare-header {
        padding: 28px 0 16px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-header {
        padding: 40px 0 20px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-header {
        padding: 56px 0 24px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-header {
        padding: 64px 0 32px
    }
}

@media screen and (min-width:1921px) {
    .compare-header {
        padding: 64px 0 32px
    }
}

.compare-header-title.mi-btn.mi-btn--link {
    font-weight: 700;
    display: inline-block
}

@media screen and (max-width:720px) {
    .compare-header-title.mi-btn.mi-btn--link {
        --link-font-size: 18px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .compare-header-title.mi-btn.mi-btn--link {
        --link-font-size: 26px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .compare-header-title.mi-btn.mi-btn--link {
        --link-font-size: 28px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .compare-header-title.mi-btn.mi-btn--link {
        --link-font-size: 32px
    }
}

@media screen and (min-width:1921px) {
    .compare-header-title.mi-btn.mi-btn--link {
        --link-font-size: 32px
    }
}

.compare-header-title.mi-btn.mi-btn--link .micon {
    font-size: inherit;
    transform: scaleX(var(--cardinal-number))
}

.compare-content {
    width: 100%;
    max-width: var(--compare-max-width);
    margin: var(--param-rows-gap)auto 0 auto
}

.compare-content--center {
    margin: var(--container-spacing)
}

.learn-more {
    text-align: center
}

@media screen and (max-width:720px) {
    .learn-more {
        -webkit-margin-before: 32px;
        -webkit-margin-after: 40px;
        margin-top: 32px;
        margin-bottom: 40px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .learn-more {
        -webkit-margin-before: 32px;
        -webkit-margin-after: 40px;
        margin-top: 32px;
        margin-bottom: 40px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .learn-more {
        -webkit-margin-before: 40px;
        -webkit-margin-after: 60px;
        margin-top: 40px;
        margin-bottom: 60px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .learn-more {
        -webkit-margin-before: 44px;
        -webkit-margin-after: 72px;
        margin-top: 44px;
        margin-bottom: 72px
    }
}

@media screen and (min-width:1921px) {
    .learn-more {
        -webkit-margin-before: 44px;
        -webkit-margin-after: 72px;
        margin-top: 44px;
        margin-bottom: 72px
    }
}

.learn-more__button.mi-btn.mi-btn--link {
    font-weight: 500;
    line-height: 125%
}

@media screen and (max-width:720px) {
    .learn-more__button.mi-btn.mi-btn--link {
        --link-font-size: 12px
    }
}

@media screen and (min-width:721px) and (max-width:1024px) {
    .learn-more__button.mi-btn.mi-btn--link {
        --link-font-size: 15px
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .learn-more__button.mi-btn.mi-btn--link {
        --link-font-size: 16px
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .learn-more__button.mi-btn.mi-btn--link {
        --link-font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .learn-more__button.mi-btn.mi-btn--link {
        --link-font-size: 16px
    }
}