@import url(https://cdn.alsgp0.fds.api.mi-img.com/xiaomi-b2c-i18n-upload/i18n/micon/iconfont.css);/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: initial;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: initial
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: initial
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

:root {
    --skeleton-color: #eee;
    --brand-orange: #ff6900;
    --brand-orange-90: #ff7819;
    --brand-orange-80: #ff8733;
    --brand-orange-70: #ff964c;
    --brand-orange-60: #ffa566;
    --brand-orange-50: #ffb47f;
    --brand-orange-40: #ffc399;
    --brand-orange-30: #ffd2b2;
    --brand-orange-20: #ffe1cc;
    --brand-orange-10: #fff0e5;
    --brand-grey: #898989;
    --brand-grey-90: #949494;
    --brand-grey-80: #a1a1a1;
    --brand-grey-70: #acacac;
    --brand-grey-60: #b8b8b8;
    --brand-grey-50: #c4c4c4;
    --brand-grey-40: #d0d0d0;
    --brand-grey-30: #dbdbdb;
    --brand-grey-20: #e7e7e7;
    --brand-grey-10: #f3f3f3;
    --brand-black: #191919;
    --brand-black-90: #303030;
    --brand-black-80: #474747;
    --brand-black-70: #5e5e5e;
    --brand-black-60: #757575;
    --brand-black-50: #8c8c8c;
    --brand-black-40: #a3a3a3;
    --brand-black-30: #dbdbdb;
    --brand-black-20: #d1d1d1;
    --brand-black-10: #e8e8e8;
    --brand-reverse: #fff;
    --text-base: #191919;
    --text-reverse: #fff;
    --text-primary: #ff6900;
    --text-secondary: #898989;
    --text-black: #333;
    --text-error: #ff4e4e;
    --background-base: #f7f7f7;
    --background-white: #fff;
    --background-grey: #dbdbdb;
    --background-black: #191919;
    --background-primary: #ff6900;
    --background-primary-light: #fff0e6;
    --background-disable: #ddd;
    --background-loader: #ff6900;
    --border-base: #898989;
    --border-footer: #2e2e2e;
    --border-input: #b0b0b0;
    --border-primary: #ff6900;
    --border-secondary: #191919;
    --shadow-black-a2: #00000005;
    --shadow-black-a5: #0000000d;
    --shadow-black-a7: #00000012;
    --shadow-black-a8: #00000014;
    --shadow-black-a10: #0000001a;
    --shadow-black-a15: #00000026;
    --shadow-black-a20: #0003;
    --shadow-black-a30: #0000004d;
    --shadow-black-a40: #0006;
    --shadow-black-a50: #00000080;
    --shadow-black-a60: #0009;
    --shadow-white-a10: #ffffe11a;
    --shadow-white-a20: #ffffe133;
    --shadow-white-a30: #ffffe14d;
    --shadow-white-a50: #ffffe180;
    --shadow-white-a80: #ffffe1cc;
    --shadow-white-a90: #ffffe1e6;
    --shadow-primary-a10: #ff69001a;
    --shadow-primary-a20: #ff690033;
    --shadow-primary-a30: #ff69004d;
    --shadow-primary-a40: #ff690066;
    --shadow-primary-a50: #ff690080
}

.mi-h1 {
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height)
}

.mi-h1,.mi-h2 {
    color: #191919;
    color: var(--text-base);
    font-weight: 700
}

.mi-h2 {
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height)
}

.mi-h3 {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height)
}

.mi-h3,.mi-p1 {
    color: #191919;
    color: var(--text-base)
}

.mi-p1 {
    font-size: var(--p1-font-size);
    line-height: var(--p1-line-height)
}

.mi-p2 {
    font-size: var(--p2-font-size);
    line-height: var(--p2-line-height)
}

.mi-p2,.mi-p3 {
    color: #191919;
    color: var(--text-base)
}

.mi-p3 {
    font-size: var(--p3-font-size);
    line-height: var(--p3-line-height)
}

.mi-text {
    color: #191919;
    color: var(--text-base);
    font-size: var(--text-font-size);
    font-weight: 400
}

.mi-text.mi-text--muted {
    color: #898989;
    color: var(--text-secondary)
}

.mi-no-margin {
    margin: 0
}

body,html,li,p,ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}
/* 
p,span,strong {
    white-space: pre-line
}
 */
input,select,textarea {
    background-color: #fff;
    background-color: var(--background-white);
    border-color: #191919;
    border-color: var(--text-base);
    color: #191919;
    color: var(--text-base)
}

html {
    line-height: 1.2;
    margin: 0 auto
}

body,html {
    height: 100%
}

body {
    --cardinal-number: 1;
    --grid-margin-small-special: var(
    --grid-gutter-width) 0;
    --grid-margin-medium: var(
    --grid-gutter-width);
    --outline-color: #ff690080;
    background-color: #f7f7f7;
    background-color: #ffffff;
    color: #191919;
    color: var(--text-base);
    font-weight: 400;
    min-width: 280px;
    scrollbar-color: #d0d0d0 #fff;
    scrollbar-width: thin
}

@media screen and (max-width: 720px) {
    body {
        --header-height:48px;
        --site-horizontal-padding: 16px;
        --store-max-width: 100%;
        --support-max-width: 100%;
        --max-width-1400: 720px;
        --grid-gutter-width: 2.22222vw;
        --grid-columns: 6
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    body {
        --header-height:48px;
        --site-horizontal-padding: 28px;
        --store-max-width: 945px;
        --support-max-width: 960px;
        --max-width-1400: 984px;
        --grid-gutter-width: .78125vw;
        --grid-columns: 12
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    body {
        --header-height:48px;
        --site-horizontal-padding: 32px;
        --store-max-width: 945px;
        --support-max-width: 960px;
        --max-width-1400: 1180px;
        --grid-gutter-width: 16px;
        --grid-columns: 12
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    body {
        --header-height:56px;
        --site-horizontal-padding: 32px;
        --store-max-width: 1260px;
        --support-max-width: 1260px;
        --max-width-1400: 1400px;
        --grid-gutter-width: 16px;
        --grid-columns: 12
    }
}

@media screen and (min-width: 1921px) {
    body {
        --header-height:56px;
        --site-horizontal-padding: 32px;
        --store-max-width: 1680px;
        --support-max-width: 1260px;
        --max-width-1400: 1400px;
        --grid-gutter-width: 16px;
        --grid-columns: 12
    }
}

[dir=rtl] body {
    --cardinal-number: -1
}

@media screen and (max-width: 720px) {
    body {
        --grid-margin-small:var(--grid-gutter-width) 0;
        --grid-margin-medium-special: var(--grid-gutter-width) 0;
        --grid-margin-large: var(--grid-gutter-width);
        --grid-margin-large-special: var(--grid-gutter-width) 0
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    body {
        --grid-margin-small:0;
        --grid-margin-medium-special: var(--grid-gutter-width);
        --grid-margin-large: 32px;
        --grid-margin-large-special: 32px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    body {
        --grid-margin-small:0;
        --grid-margin-medium-special: var(--grid-gutter-width);
        --grid-margin-large: 48px;
        --grid-margin-large-special: 48px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    body {
        --grid-margin-small:0;
        --grid-margin-medium-special: var(--grid-gutter-width);
        --grid-margin-large: 64px;
        --grid-margin-large-special: 64px
    }
}

@media screen and (min-width: 1921px) {
    body {
        --grid-margin-small:0;
        --grid-margin-medium-special: var(--grid-gutter-width);
        --grid-margin-large: 80px;
        --grid-margin-large-special: 80px
    }
}

@media screen and (max-width: 720px) {
    body {
        --text-font-size:12px;
        --note-font-size: 10px;
        --h1-font-size: 22px;
        --h1-line-height: 30px;
        --h2-font-size: 16px;
        --h2-line-height: 22px;
        --h3-font-size: 16px;
        --h3-line-height: 22px;
        --p1-font-size: 14px;
        --p1-line-height: 20px;
        --p2-font-size: 12px;
        --p2-line-height: 16px;
        --p3-font-size: 12px;
        --p3-line-height: 16px;
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    body {
        --text-font-size:14px;
        --note-font-size: 12px;
        --h1-font-size: 20px;
        --h1-line-height: 24px;
        --h2-font-size: 20px;
        --h2-line-height: 24px;
        --h3-font-size: 18px;
        --h3-line-height: 22px;
        --p1-font-size: 16px;
        --p1-line-height: 20px;
        --p2-font-size: 16px;
        --p2-line-height: 20px;
        --p3-font-size: 14px;
        --p3-line-height: 16px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    body {
        --text-font-size:18px;
        --note-font-size: 14px;
        --h1-font-size: 32px;
        --h1-line-height: 38px;
        --h2-font-size: 24px;
        --h2-line-height: 28px;
        --h3-font-size: 20px;
        --h3-line-height: 24px;
        --p1-font-size: 18px;
        --p1-line-height: 24px;
        --p2-font-size: 16px;
        --p2-line-height: 20px;
        --p3-font-size: 14px;
        --p3-line-height: 16px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    body {
        --text-font-size:20px;
        --note-font-size: 18px;
        --h1-font-size: 48px;
        --h1-line-height: 58px;
        --h2-font-size: 36px;
        --h2-line-height: 40px;
        --h3-font-size: 32px;
        --h3-line-height: 36px;
        --p1-font-size: 24px;
        --p1-line-height: 28px;
        --p2-font-size: 20px;
        --p2-line-height: 26px;
        --p3-font-size: 16px;
        --p3-line-height: 20px
    }
}

@media screen and (min-width: 1921px) {
    body {
        --text-font-size:24px;
        --note-font-size: 20px;
        --h1-font-size: 48px;
        --h1-line-height: 58px;
        --h2-font-size: 36px;
        --h2-line-height: 40px;
        --h3-font-size: 32px;
        --h3-line-height: 36px;
        --p1-font-size: 24px;
        --p1-line-height: 28px;
        --p2-font-size: 20px;
        --p2-line-height: 26px;
        --p3-font-size: 16px;
        --p3-line-height: 20px
    }
}

body ::-webkit-scrollbar {
    height: 5px;
    width: 5px
}

body ::-webkit-scrollbar-thumb {
    background-color: #d0d0d0;
    border-radius: 4px
}

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

a:focus-visible {
    outline: 4px solid var(--outline-color);
    outline-offset: 4px
}

#root {
    display: flex;
    flex-flow: column nowrap;
    min-height: 100%
}

@media screen and (max-width: 720px) {
    #root .site-container {
        max-width:720px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    #root .site-container {
        max-width:1024px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    #root .site-container {
        max-width:1440px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    #root .site-container {
        max-width:1500px
    }
}

@media screen and (min-width: 1921px) {
    #root .site-container {
        max-width:1500px
    }
}

#root .site-container-1400 {
    max-width: var(--max-width-1400)
}

img {
    font-size: 12px;
    line-height: 1.2
}

body>img,head>img,html>img {
    display: none;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: -10
}

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

.site-header {
    background-color: #fff;
    background-color: var(--background-white);
    box-shadow: 0 6px 16px 0 #1919190f;
    top: 0;
    z-index: 20
}

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

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

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

@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 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: var(--header-height);
    justify-content: space-between;
    margin: 0 auto
}

@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 {
    display: flex;
    height: inherit
}

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

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

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

@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 {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 100%;
    padding: 0 8px
}

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

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

.site-header .site-header__navigation .navigation__item .navigation__link.navigation__link--current {
    color: #ff6900;
    color: var(--text-primary)
}

.site-header .site-header__navigation .navigation__item .navigation__link--border {
    border-bottom: 3px solid #0000;
    border-top: 3px solid #0000;
    box-sizing: border-box;
    transition: border .2s ease-in-out
}

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

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

.site-header .site-header__navigation .navigation__item .mi-btn--highlight:hover {
    color: #ff6900;
    color: var(--text-primary)
}

.site-header .site-header__navigation .navigation__item.navigation__item--hover .navigation__link {
    color: #191919;
    color: var(--text-base)
}

.site-header .site-header__navigation .navigation__item.navigation__item--hover .navigation__link--current {
    color: #ff6900;
    color: var(--text-primary)
}

.site-header .site-header__navigation .navigation__item.navigation__item--hover .navigation__link--border {
    border-bottom: 3px solid #ff6900;
    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-slide-menu {
    --menu-header-height: 54px;
    --menu-padding-horizontal: 20px;
    --menu-divider-color: #f3f3f3;
    font-size: 12px;
    height: 100%;
    pointer-events: none;
    position: fixed;
    width: 100%;
    z-index: 22
}

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

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-slide-menu {
        display:none
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-slide-menu {
        display:none
    }
}

@media screen and (min-width: 1921px) {
    .site-slide-menu {
        display:none
    }
}

.site-slide-menu .site-slide-menu__overlay {
    background-color: #191919;
    background-color: var(--background-black);
    display: block;
    height: 100%;
    opacity: 0;
    transition: .3s;
    width: 100%
}

.site-slide-menu .site-slide-menu__wrapper {
    background-color: #fff;
    background-color: var(--background-white);
    height: 100%;
    left: auto;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: .3s;
    width: 0
}

[dir=rtl] .site-slide-menu .site-slide-menu__wrapper {
    left: 0;
    right: auto
}

.site-slide-menu .site-slide-menu__card {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    transition: .3s;
    width: 100%
}

.site-slide-menu .site-slide-menu__header {
    background-color: #fff;
    background-color: var(--background-white);
    padding: 0 14px;
    z-index: 2
}

.site-slide-menu .site-slide-menu__header .header__back {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    opacity: 0;
    transition: all .1s
}

.site-slide-menu .site-slide-menu__header .header__back .back__icon {
    font-size: 20px;
    line-height: 1;
    margin-inline-end:10px}

.site-slide-menu .site-slide-menu__header .header__content {
    align-items: center;
    border-bottom: 1px solid #0000;
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    height: var(--menu-header-height);
    justify-content: space-between;
    width: 100%
}

.site-slide-menu .site-slide-menu__header.site-slide-menu__header--verbose .header__content {
    border-bottom-color: var(--menu-divider-color)
}

.site-slide-menu .site-slide-menu__header.site-slide-menu__header--verbose .header__back {
    opacity: 1
}

.site-slide-menu .site-slide-menu__header .header__close .close__label {
    cursor: pointer;
    display: inline-block
}

.site-slide-menu .site-slide-menu__header .header__close .close__icon {
    font-size: 20px;
    line-height: 1
}

.site-slide-menu .site-slide-menu__content {
    flex-grow: 1;
    font-size: 12px;
    margin-inline-start:200px;overflow-y: auto;
    padding: 0 var(--menu-padding-horizontal) 40px;
    transition: .3s
}

.site-slide-menu .site-slide-menu__content.site-slide-menu__content--fade {
    opacity: .2;
    transform: scale(.85);
    transition: .2s
}

.site-slide-menu .site-slide-menu__content .micon {
    color: #191919;
    color: var(--text-base);
    font-size: 12px;
    font-weight: 400
}

.site-slide-menu .site-slide-menu__content .micon.micon-forward {
    transform: rotate(0)
}

[dir=rtl] .site-slide-menu .site-slide-menu__content .micon.micon-forward {
    transform: rotate(180deg)
}

.site-slide-menu .site-slide-menu__content .content__user {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.site-slide-menu .site-slide-menu__content .content__user-info {
    align-items: center;
    display: flex;
    font-size: 12px
}

.site-slide-menu .site-slide-menu__content .content__user-info--logged-in {
    font-weight: 700
}

.site-slide-menu .site-slide-menu__content .content__user-info .user-info__avatar-wrapper {
    position: relative
}

.site-slide-menu .site-slide-menu__content .content__user-info .user-info__avatar-wrapper .micon-notification-dot {
    color: #ff6900;
    color: var(--text-primary);
    font-size: 12px;
    line-height: 1;
    position: absolute;
    right: 2px;
    top: -1px;
    transform: scale(.7)
}

.site-slide-menu .site-slide-menu__content .content__user-info .user-info__avatar {
    background-size: 100%;
    -webkit-clip-path: url(#svgClipPath);
    clip-path: url(#svgClipPath);
    height: 32px;
    margin-inline-end:8px;overflow: hidden;
    width: 32px
}

.site-slide-menu .site-slide-menu__content .content__user-info .user-info__avatar-base {
    background-color: #ccc;
    background-image: url(//i01.appmifile.com/webfile/globalimg/pandora/user-head/user-avatar-v4-default.png)
}

.site-slide-menu .site-slide-menu__content .content__user-info .user-info__nickname {
    flex-shrink: 0
}

.site-slide-menu .site-slide-menu__content .content__navigation--main {
    font-size: 16px;
    font-weight: 500
}

.site-slide-menu .site-slide-menu__content .content__navigation--main .nav__link-list {
    border-top: 1px solid var(--menu-divider-color);
    margin-top: 26px;
    padding-top: 16px
}

.site-slide-menu .site-slide-menu__content .content__navigation--main .nav__link {
    display: flex;
    justify-content: space-between;
    padding: 10px 0
}

.site-slide-menu .site-slide-menu__content .content__navigation--main .nav__link--current {
    color: #ff6900;
    color: var(--text-primary)
}

.site-slide-menu .site-slide-menu__controller {
    display: none
}

.site-slide-menu .site-slide-menu__controller:checked+.site-slide-menu__overlay {
    opacity: .9;
    pointer-events: auto
}

.site-slide-menu .site-slide-menu__controller:checked~.site-slide-menu__wrapper {
    opacity: 1;
    pointer-events: auto;
    width: 100%
}

.site-slide-menu .site-slide-menu__controller:checked~.site-slide-menu__wrapper .site-slide-menu__content {
    margin-inline-start:0}

.mi-btn {
    --btn-padding: var(--btn-padding-vertical) var(--btn-padding-horizontal);
    --btn-text-base: var(--text-base);
    --btn-background-white: var(--background-white);
    --btn-background-black: var(--background-black);
    --btn-background-primary: var(--background-primary);
    --btn-ellipsis-lines: 1;
    --btn-ellipsis-direction: vertical;
    --btn-background-color: #0000;
    --link-text-decoration: underline;
    background-color: var(--btn-background-color);
    border: none;
    border-radius: var(--btn-border-radius);
    color: var(--btn-text-base);
    cursor: pointer;
    display: inline-block;
    font-size: var(--btn-font-size);
    padding: var(--btn-padding)
}

@media screen and (max-width: 720px) {
    .mi-btn {
        --btn-padding-vertical:8px;
        --btn-padding-horizontal: 20px;
        --btn-font-size: 12px;
        --btn-border-radius: 8px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .mi-btn {
        --btn-padding-vertical:10px;
        --btn-padding-horizontal: 16px;
        --btn-font-size: 1.5625vw;
        --btn-border-radius: 8px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .mi-btn {
        --btn-padding-vertical:.83333vw;
        --btn-padding-horizontal: 1.66667vw;
        --btn-font-size: 16px;
        --btn-border-radius: 8px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .mi-btn {
        --btn-padding-vertical:.625vw;
        --btn-padding-horizontal: 2.08333vw;
        --btn-font-size: 1.25vw;
        --btn-border-radius: 12px
    }
}

@media screen and (min-width: 1921px) {
    .mi-btn {
        --btn-padding-vertical:12px;
        --btn-padding-horizontal: 40px;
        --btn-font-size: 24px;
        --btn-border-radius: 14px
    }
}

.mi-btn .micon-link-arrow {
    display: none
}

.mi-btn .mi-btn__text {
    -webkit-box-orient: var(--btn-ellipsis-direction);
    -webkit-line-clamp: var(--btn-ellipsis-lines);
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.mi-btn.mi-btn--default {
    --btn-background-color: #0000;
    border: 1px solid #191919;
    border: 1px solid var(--border-secondary)
}

.mi-btn.mi-btn--default:hover {
    --btn-text-base: #666;
    border-color: #666
}

.mi-btn.mi-btn--default:focus-visible {
    outline: 2px solid #f7f7f7;
    outline: 2px solid var(--background-base);
    outline-offset: 0
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .mi-btn.mi-btn--default.mi-btn--highlight-pc {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: var(--btn-background-primary);
        border: 1px solid #0000
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--default.mi-btn--highlight-pc {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: var(--btn-background-primary);
        border: 1px solid #0000
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--default.mi-btn--highlight-pc {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: var(--btn-background-primary);
        border: 1px solid #0000
    }
}

@media screen and (min-width: 1921px) {
    .mi-btn.mi-btn--default.mi-btn--highlight-pc {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: var(--btn-background-primary);
        border: 1px solid #0000
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .mi-btn.mi-btn--default.mi-btn--highlight-pc:hover {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: #ff781a;
        border-color: #0000
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--default.mi-btn--highlight-pc:hover {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: #ff781a;
        border-color: #0000
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--default.mi-btn--highlight-pc:hover {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: #ff781a;
        border-color: #0000
    }
}

@media screen and (min-width: 1921px) {
    .mi-btn.mi-btn--default.mi-btn--highlight-pc:hover {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: #ff781a;
        border-color: #0000
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .mi-btn.mi-btn--default.mi-btn--highlight-pc:focus-visible {
        outline:2px solid #f7f7f7;
        outline: 2px solid var(--background-base);
        outline-offset: -4px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--default.mi-btn--highlight-pc:focus-visible {
        outline:2px solid #f7f7f7;
        outline: 2px solid var(--background-base);
        outline-offset: -4px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--default.mi-btn--highlight-pc:focus-visible {
        outline:2px solid #f7f7f7;
        outline: 2px solid var(--background-base);
        outline-offset: -4px
    }
}

@media screen and (min-width: 1921px) {
    .mi-btn.mi-btn--default.mi-btn--highlight-pc:focus-visible {
        outline:2px solid #f7f7f7;
        outline: 2px solid var(--background-base);
        outline-offset: -4px
    }
}

@media screen and (max-width: 720px) {
    .mi-btn.mi-btn--default.mi-btn--highlight-m {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: var(--btn-background-primary);
        border: 1px solid #0000
    }

    .mi-btn.mi-btn--default.mi-btn--highlight-m:hover {
        --btn-text-base: var(--text-reverse);
        --btn-background-color: #ff781a;
        border-color: #0000
    }

    .mi-btn.mi-btn--default.mi-btn--highlight-m:focus-visible {
        outline: 2px solid #f7f7f7;
        outline: 2px solid var(--background-base);
        outline-offset: -4px
    }
}

.mi-btn.mi-btn--default.mi-btn--dark {
    --btn-text-base: var(--text-reverse);
    border-color: var(--text-revers)
}

.mi-btn.mi-btn--default.mi-btn--dark:hover {
    --btn-text-base: #d0d0d0;
    border-color: #d0d0d0
}

.mi-btn.mi-btn--default:focus-visible {
    outline: 4px solid var(--outline-color)
}

.mi-btn.mi-btn--primary {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: var(--btn-background-black);
    border: 1px solid #0000
}

.mi-btn.mi-btn--primary:hover {
    --btn-background-color: #444
}

.mi-btn.mi-btn--primary:focus-visible {
    outline: 2px solid #f7f7f7;
    outline: 2px solid var(--background-base);
    outline-offset: -4px
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .mi-btn.mi-btn--primary.mi-btn--highlight-pc {
        --btn-background-color:var(--btn-background-primary)
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--primary.mi-btn--highlight-pc {
        --btn-background-color:var(--btn-background-primary)
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--primary.mi-btn--highlight-pc {
        --btn-background-color:var(--btn-background-primary)
    }
}

@media screen and (min-width: 1921px) {
    .mi-btn.mi-btn--primary.mi-btn--highlight-pc {
        --btn-background-color:var(--btn-background-primary)
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .mi-btn.mi-btn--primary.mi-btn--highlight-pc:hover {
        --btn-background-color:#ff781a
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--primary.mi-btn--highlight-pc:hover {
        --btn-background-color:#ff781a
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--primary.mi-btn--highlight-pc:hover {
        --btn-background-color:#ff781a
    }
}

@media screen and (min-width: 1921px) {
    .mi-btn.mi-btn--primary.mi-btn--highlight-pc:hover {
        --btn-background-color:#ff781a
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .mi-btn.mi-btn--primary.mi-btn--highlight-pc:focus-visible {
        outline-offset:-4px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--primary.mi-btn--highlight-pc:focus-visible {
        outline-offset:-4px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--primary.mi-btn--highlight-pc:focus-visible {
        outline-offset:-4px
    }
}

@media screen and (min-width: 1921px) {
    .mi-btn.mi-btn--primary.mi-btn--highlight-pc:focus-visible {
        outline-offset:-4px
    }
}

@media screen and (max-width: 720px) {
    .mi-btn.mi-btn--primary.mi-btn--highlight-m {
        --btn-background-color:var(--btn-background-primary)
    }

    .mi-btn.mi-btn--primary.mi-btn--highlight-m:hover {
        --btn-background-color: #ff781a
    }
}

.mi-btn.mi-btn--primary.mi-btn--dark {
    --btn-text-base: var(--text-base);
    --btn-background-color: var(--btn-background-white);
    border: 1px solid #0000
}

.mi-btn.mi-btn--primary.mi-btn--dark:hover {
    --btn-background-color: #e1e1e1
}

.mi-btn.mi-btn--link {
    align-items: center;
    border-radius: initial;
    display: inline-flex;
    font-size: var(--link-font-size);
    line-height: unset;
    padding: 0
}

@media screen and (max-width: 720px) {
    .mi-btn.mi-btn--link {
        --link-font-size:12px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .mi-btn.mi-btn--link {
        --link-font-size:1.5625vw
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--link {
        --link-font-size:16px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--link {
        --link-font-size:1.25vw
    }
}

@media screen and (min-width: 1921px) {
    .mi-btn.mi-btn--link {
        --link-font-size:24px
    }
}

.mi-btn.mi-btn--link:hover .mi-btn__text {
    -webkit-text-decoration: var(--link-text-decoration);
    text-decoration: var(--link-text-decoration)
}

.mi-btn.mi-btn--link:focus-visible {
    outline: 4px solid var(--outline-color);
    outline-offset: 0
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .mi-btn.mi-btn--link.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--link.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--link.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (min-width: 1921px) {
    .mi-btn.mi-btn--link.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (max-width: 720px) {
    .mi-btn.mi-btn--link.mi-btn--highlight-m {
        --btn-text-base:var(--text-primary)
    }
}

.mi-btn.mi-btn--link.mi-btn--dark {
    --btn-text-base: #fff
}

.mi-btn.mi-btn--link.mi-btn--disabled {
    border: none
}

.mi-btn.mi-btn--link.mi-btn--disabled:hover .mi-btn__text {
    --link-text-decoration: none
}

.mi-btn.mi-btn--arrow-m .micon,.mi-btn.mi-btn--arrow-pc .micon {
    font-size: inherit
}

[dir=rtl] .mi-btn.mi-btn--arrow-m .micon,[dir=rtl] .mi-btn.mi-btn--arrow-pc .micon {
    transform: rotate(180deg)
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .mi-btn.mi-btn--arrow-pc .micon-link-arrow {
        display:inline-block
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--arrow-pc .micon-link-arrow {
        display:inline-block
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--arrow-pc .micon-link-arrow {
        display:inline-block
    }
}

@media screen and (min-width: 1921px) {
    .mi-btn.mi-btn--arrow-pc .micon-link-arrow {
        display:inline-block
    }
}

@media screen and (max-width: 720px) {
    .mi-btn.mi-btn--arrow-m .micon-link-arrow {
        display:inline-block
    }
}

.mi-btn.mi-btn--icon {
    --icon-background-color: #0000;
    background-color: var(--icon-background-color);
    padding: 0
}

@media screen and (max-width: 720px) {
    .mi-btn.mi-btn--icon {
        --icon-font-size:24px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .mi-btn.mi-btn--icon {
        --icon-font-size:20px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--icon {
        --icon-font-size:2.22222vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--icon {
        --icon-font-size:1.66667vw
    }
}

@media screen and (min-width: 1921px) {
    .mi-btn.mi-btn--icon {
        --icon-font-size:32px
    }
}

.mi-btn.mi-btn--icon:hover {
    --btn-text-base: #444
}

.mi-btn.mi-btn--icon:focus-visible {
    outline: 4px solid var(--outline-color);
    outline-offset: 0!important
}

.mi-btn.mi-btn--icon .micon {
    font-size: var(--icon-font-size)
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .mi-btn.mi-btn--icon.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--icon.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--icon.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (min-width: 1921px) {
    .mi-btn.mi-btn--icon.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .mi-btn.mi-btn--icon.mi-btn--highlight-pc:hover {
        --btn-text-base:#ff781a
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--icon.mi-btn--highlight-pc:hover {
        --btn-text-base:#ff781a
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--icon.mi-btn--highlight-pc:hover {
        --btn-text-base:#ff781a
    }
}

@media screen and (min-width: 1921px) {
    .mi-btn.mi-btn--icon.mi-btn--highlight-pc:hover {
        --btn-text-base:#ff781a
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .mi-btn.mi-btn--icon.mi-btn--highlight-pc:focus-visible {
        outline-offset:-4px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--icon.mi-btn--highlight-pc:focus-visible {
        outline-offset:-4px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--icon.mi-btn--highlight-pc:focus-visible {
        outline-offset:-4px
    }
}

@media screen and (min-width: 1921px) {
    .mi-btn.mi-btn--icon.mi-btn--highlight-pc:focus-visible {
        outline-offset:-4px
    }
}

@media screen and (max-width: 720px) {
    .mi-btn.mi-btn--icon.mi-btn--highlight-m {
        --btn-text-base:var(--text-primary)
    }

    .mi-btn.mi-btn--icon.mi-btn--highlight-m:hover {
        --btn-text-base: #ff781a
    }

    .mi-btn.mi-btn--icon.mi-btn--highlight-m:focus-visible {
        outline-offset: -4px
    }
}

.mi-btn.mi-btn--icon.mi-btn--dark {
    --btn-text-base: var(--text-reverse);
    border-color: var(--text-revers)
}

.mi-btn.mi-btn--icon.mi-btn--dark:hover {
    --btn-text-base: #e1e1e1
}

.mi-btn.mi-btn--icon.mi-btn--disabled,.mi-btn.mi-btn--icon.mi-btn--disabled:hover {
    --btn-text-base: var(--text-secondary)
}

@media screen and (max-width: 720px) {
    .mi-btn.mi-btn--link-default {
        --btn-background-color:#0000;
        border: 1px solid #191919;
        border: 1px solid var(--border-secondary)
    }

    .mi-btn.mi-btn--link-default:hover {
        --btn-text-base: #666;
        border-color: #666
    }

    .mi-btn.mi-btn--link-default:focus-visible {
        outline: 2px solid #f7f7f7;
        outline: 2px solid var(--background-base);
        outline-offset: 0
    }
}

@media screen and (max-width: 720px) and (min-width:721px) and (max-width:1024px) {
    .mi-btn.mi-btn--link-default.mi-btn--highlight-pc {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: var(--btn-background-primary);
        border: 1px solid #0000
    }
}

@media screen and (max-width: 720px) and (min-width:1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--link-default.mi-btn--highlight-pc {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: var(--btn-background-primary);
        border: 1px solid #0000
    }
}

@media screen and (max-width: 720px) and (min-width:1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--link-default.mi-btn--highlight-pc {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: var(--btn-background-primary);
        border: 1px solid #0000
    }
}

@media screen and (max-width: 720px) and (min-width:1921px) {
    .mi-btn.mi-btn--link-default.mi-btn--highlight-pc {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: var(--btn-background-primary);
        border: 1px solid #0000
    }
}

@media screen and (max-width: 720px) and (min-width:721px) and (max-width:1024px) {
    .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:hover {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: #ff781a;
        border-color: #0000
    }
}

@media screen and (max-width: 720px) and (min-width:1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:hover {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: #ff781a;
        border-color: #0000
    }
}

@media screen and (max-width: 720px) and (min-width:1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:hover {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: #ff781a;
        border-color: #0000
    }
}

@media screen and (max-width: 720px) and (min-width:1921px) {
    .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:hover {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: #ff781a;
        border-color: #0000
    }
}

@media screen and (max-width: 720px) and (min-width:721px) and (max-width:1024px) {
    .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:focus-visible {
        outline:2px solid #f7f7f7;
        outline: 2px solid var(--background-base);
        outline-offset: -4px
    }
}

@media screen and (max-width: 720px) and (min-width:1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:focus-visible {
        outline:2px solid #f7f7f7;
        outline: 2px solid var(--background-base);
        outline-offset: -4px
    }
}

@media screen and (max-width: 720px) and (min-width:1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:focus-visible {
        outline:2px solid #f7f7f7;
        outline: 2px solid var(--background-base);
        outline-offset: -4px
    }
}

@media screen and (max-width: 720px) and (min-width:1921px) {
    .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:focus-visible {
        outline:2px solid #f7f7f7;
        outline: 2px solid var(--background-base);
        outline-offset: -4px
    }
}

@media screen and (max-width: 720px) and (max-width:720px) {
    .mi-btn.mi-btn--link-default.mi-btn--highlight-m {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: var(--btn-background-primary);
        border: 1px solid #0000
    }

    .mi-btn.mi-btn--link-default.mi-btn--highlight-m:hover {
        --btn-text-base: var(--text-reverse);
        --btn-background-color: #ff781a;
        border-color: #0000
    }

    .mi-btn.mi-btn--link-default.mi-btn--highlight-m:focus-visible {
        outline: 2px solid #f7f7f7;
        outline: 2px solid var(--background-base);
        outline-offset: -4px
    }
}

@media screen and (max-width: 720px) {
    .mi-btn.mi-btn--link-default.mi-btn--dark {
        --btn-text-base:var(--text-reverse);
        border-color: var(--text-revers)
    }

    .mi-btn.mi-btn--link-default.mi-btn--dark:hover {
        --btn-text-base: #d0d0d0;
        border-color: #d0d0d0
    }

    .mi-btn.mi-btn--link-default .micon-link-arrow {
        display: none
    }
}

@media screen and (min-width: 721px) {
    .mi-btn.mi-btn--link-default {
        align-items:center;
        border-radius: initial;
        display: inline-flex;
        font-size: var(--link-font-size);
        line-height: unset;
        padding: 0
    }
}

@media screen and (min-width: 721px) and (max-width:720px) {
    .mi-btn.mi-btn--link-default {
        --link-font-size:12px
    }
}

@media screen and (min-width: 721px) and (min-width:721px) and (max-width:1024px) {
    .mi-btn.mi-btn--link-default {
        --link-font-size:1.5625vw
    }
}

@media screen and (min-width: 721px) and (min-width:1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--link-default {
        --link-font-size:16px
    }
}

@media screen and (min-width: 721px) and (min-width:1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--link-default {
        --link-font-size:1.25vw
    }
}

@media screen and (min-width: 721px) and (min-width:1921px) {
    .mi-btn.mi-btn--link-default {
        --link-font-size:24px
    }
}

@media screen and (min-width: 721px) {
    .mi-btn.mi-btn--link-default:hover .mi-btn__text {
        -webkit-text-decoration:var(--link-text-decoration);
        text-decoration: var(--link-text-decoration)
    }

    .mi-btn.mi-btn--link-default:focus-visible {
        outline: 4px solid var(--outline-color);
        outline-offset: 0
    }
}

@media screen and (min-width: 721px) and (min-width:721px) and (max-width:1024px) {
    .mi-btn.mi-btn--link-default.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (min-width: 721px) and (min-width:1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--link-default.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (min-width: 721px) and (min-width:1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--link-default.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (min-width: 721px) and (min-width:1921px) {
    .mi-btn.mi-btn--link-default.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (min-width: 721px) and (max-width:720px) {
    .mi-btn.mi-btn--link-default.mi-btn--highlight-m {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (min-width: 721px) {
    .mi-btn.mi-btn--link-default.mi-btn--dark {
        --btn-text-base:#fff
    }

    .mi-btn.mi-btn--link-default.mi-btn--disabled {
        --btn-text-base: var(--text-secondary);
        --btn-background-color: #0000;
        border: none
    }

    .mi-btn.mi-btn--link-default.mi-btn--disabled:hover .mi-btn__text {
        --link-text-decoration: none
    }
}

@media screen and (max-width: 720px) {
    .mi-btn.mi-btn--default-link {
        align-items:center;
        border-radius: initial;
        display: inline-flex;
        font-size: var(--link-font-size);
        line-height: unset;
        padding: 0
    }
}

@media screen and (max-width: 720px) and (max-width:720px) {
    .mi-btn.mi-btn--default-link {
        --link-font-size:12px
    }
}

@media screen and (max-width: 720px) and (min-width:721px) and (max-width:1024px) {
    .mi-btn.mi-btn--default-link {
        --link-font-size:1.5625vw
    }
}

@media screen and (max-width: 720px) and (min-width:1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--default-link {
        --link-font-size:16px
    }
}

@media screen and (max-width: 720px) and (min-width:1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--default-link {
        --link-font-size:1.25vw
    }
}

@media screen and (max-width: 720px) and (min-width:1921px) {
    .mi-btn.mi-btn--default-link {
        --link-font-size:24px
    }
}

@media screen and (max-width: 720px) {
    .mi-btn.mi-btn--default-link:hover .mi-btn__text {
        -webkit-text-decoration:var(--link-text-decoration);
        text-decoration: var(--link-text-decoration)
    }

    .mi-btn.mi-btn--default-link:focus-visible {
        outline: 4px solid var(--outline-color);
        outline-offset: 0
    }
}

@media screen and (max-width: 720px) and (min-width:721px) and (max-width:1024px) {
    .mi-btn.mi-btn--default-link.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (max-width: 720px) and (min-width:1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--default-link.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (max-width: 720px) and (min-width:1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--default-link.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (max-width: 720px) and (min-width:1921px) {
    .mi-btn.mi-btn--default-link.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (max-width: 720px) and (max-width:720px) {
    .mi-btn.mi-btn--default-link.mi-btn--highlight-m {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (max-width: 720px) {
    .mi-btn.mi-btn--default-link.mi-btn--dark {
        --btn-text-base:#fff
    }

    .mi-btn.mi-btn--default-link.mi-btn--disabled {
        --btn-text-base: var(--text-secondary);
        --btn-background-color: #0000;
        border: none
    }

    .mi-btn.mi-btn--default-link.mi-btn--disabled:hover .mi-btn__text {
        --link-text-decoration: none
    }
}

@media screen and (min-width: 721px) {
    .mi-btn.mi-btn--default-link {
        --btn-background-color:#0000;
        border: 1px solid #191919;
        border: 1px solid var(--border-secondary)
    }

    .mi-btn.mi-btn--default-link:hover {
        --btn-text-base: #666;
        border-color: #666
    }

    .mi-btn.mi-btn--default-link:focus-visible {
        outline: 2px solid #f7f7f7;
        outline: 2px solid var(--background-base);
        outline-offset: 0
    }
}

@media screen and (min-width: 721px) and (min-width:721px) and (max-width:1024px) {
    .mi-btn.mi-btn--default-link.mi-btn--highlight-pc {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: var(--btn-background-primary);
        border: 1px solid #0000
    }
}

@media screen and (min-width: 721px) and (min-width:1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--default-link.mi-btn--highlight-pc {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: var(--btn-background-primary);
        border: 1px solid #0000
    }
}

@media screen and (min-width: 721px) and (min-width:1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--default-link.mi-btn--highlight-pc {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: var(--btn-background-primary);
        border: 1px solid #0000
    }
}

@media screen and (min-width: 721px) and (min-width:1921px) {
    .mi-btn.mi-btn--default-link.mi-btn--highlight-pc {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: var(--btn-background-primary);
        border: 1px solid #0000
    }
}

@media screen and (min-width: 721px) and (min-width:721px) and (max-width:1024px) {
    .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:hover {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: #ff781a;
        border-color: #0000
    }
}

@media screen and (min-width: 721px) and (min-width:1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:hover {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: #ff781a;
        border-color: #0000
    }
}

@media screen and (min-width: 721px) and (min-width:1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:hover {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: #ff781a;
        border-color: #0000
    }
}

@media screen and (min-width: 721px) and (min-width:1921px) {
    .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:hover {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: #ff781a;
        border-color: #0000
    }
}

@media screen and (min-width: 721px) and (min-width:721px) and (max-width:1024px) {
    .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:focus-visible {
        outline:2px solid #f7f7f7;
        outline: 2px solid var(--background-base);
        outline-offset: -4px
    }
}

@media screen and (min-width: 721px) and (min-width:1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:focus-visible {
        outline:2px solid #f7f7f7;
        outline: 2px solid var(--background-base);
        outline-offset: -4px
    }
}

@media screen and (min-width: 721px) and (min-width:1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:focus-visible {
        outline:2px solid #f7f7f7;
        outline: 2px solid var(--background-base);
        outline-offset: -4px
    }
}

@media screen and (min-width: 721px) and (min-width:1921px) {
    .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:focus-visible {
        outline:2px solid #f7f7f7;
        outline: 2px solid var(--background-base);
        outline-offset: -4px
    }
}

@media screen and (min-width: 721px) and (max-width:720px) {
    .mi-btn.mi-btn--default-link.mi-btn--highlight-m {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: var(--btn-background-primary);
        border: 1px solid #0000
    }

    .mi-btn.mi-btn--default-link.mi-btn--highlight-m:hover {
        --btn-text-base: var(--text-reverse);
        --btn-background-color: #ff781a;
        border-color: #0000
    }

    .mi-btn.mi-btn--default-link.mi-btn--highlight-m:focus-visible {
        outline: 2px solid #f7f7f7;
        outline: 2px solid var(--background-base);
        outline-offset: -4px
    }
}

@media screen and (min-width: 721px) {
    .mi-btn.mi-btn--default-link.mi-btn--dark {
        --btn-text-base:var(--text-reverse);
        border-color: var(--text-revers)
    }

    .mi-btn.mi-btn--default-link.mi-btn--dark:hover {
        --btn-text-base: #d0d0d0;
        border-color: #d0d0d0
    }

    .mi-btn.mi-btn--default-link .micon-link-arrow {
        display: none
    }
}

.mi-btn.mi-btn--default-link:focus-visible {
    outline: 4px solid var(--outline-color)
}

@media screen and (max-width: 720px) {
    .mi-btn.mi-btn--link-primary {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: var(--btn-background-black);
        border: 1px solid #0000
    }

    .mi-btn.mi-btn--link-primary:hover {
        --btn-background-color: #444
    }

    .mi-btn.mi-btn--link-primary:focus-visible {
        outline: 2px solid #f7f7f7;
        outline: 2px solid var(--background-base);
        outline-offset: -4px
    }
}

@media screen and (max-width: 720px) and (min-width:721px) and (max-width:1024px) {
    .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc {
        --btn-background-color:var(--btn-background-primary)
    }
}

@media screen and (max-width: 720px) and (min-width:1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc {
        --btn-background-color:var(--btn-background-primary)
    }
}

@media screen and (max-width: 720px) and (min-width:1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc {
        --btn-background-color:var(--btn-background-primary)
    }
}

@media screen and (max-width: 720px) and (min-width:1921px) {
    .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc {
        --btn-background-color:var(--btn-background-primary)
    }
}

@media screen and (max-width: 720px) and (min-width:721px) and (max-width:1024px) {
    .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:hover {
        --btn-background-color:#ff781a
    }
}

@media screen and (max-width: 720px) and (min-width:1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:hover {
        --btn-background-color:#ff781a
    }
}

@media screen and (max-width: 720px) and (min-width:1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:hover {
        --btn-background-color:#ff781a
    }
}

@media screen and (max-width: 720px) and (min-width:1921px) {
    .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:hover {
        --btn-background-color:#ff781a
    }
}

@media screen and (max-width: 720px) and (min-width:721px) and (max-width:1024px) {
    .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:focus-visible {
        outline-offset:-4px
    }
}

@media screen and (max-width: 720px) and (min-width:1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:focus-visible {
        outline-offset:-4px
    }
}

@media screen and (max-width: 720px) and (min-width:1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:focus-visible {
        outline-offset:-4px
    }
}

@media screen and (max-width: 720px) and (min-width:1921px) {
    .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:focus-visible {
        outline-offset:-4px
    }
}

@media screen and (max-width: 720px) and (max-width:720px) {
    .mi-btn.mi-btn--link-primary.mi-btn--highlight-m {
        --btn-background-color:var(--btn-background-primary)
    }

    .mi-btn.mi-btn--link-primary.mi-btn--highlight-m:hover {
        --btn-background-color: #ff781a
    }
}

@media screen and (max-width: 720px) {
    .mi-btn.mi-btn--link-primary.mi-btn--dark {
        --btn-text-base:var(--text-base);
        --btn-background-color: var(--btn-background-white);
        border: 1px solid #0000
    }

    .mi-btn.mi-btn--link-primary.mi-btn--dark:hover {
        --btn-background-color: #e1e1e1
    }

    .mi-btn.mi-btn--link-primary .micon-link-arrow {
        display: none
    }
}

@media screen and (min-width: 721px) {
    .mi-btn.mi-btn--link-primary {
        align-items:center;
        border-radius: initial;
        display: inline-flex;
        font-size: var(--link-font-size);
        line-height: unset;
        padding: 0
    }
}

@media screen and (min-width: 721px) and (max-width:720px) {
    .mi-btn.mi-btn--link-primary {
        --link-font-size:12px
    }
}

@media screen and (min-width: 721px) and (min-width:721px) and (max-width:1024px) {
    .mi-btn.mi-btn--link-primary {
        --link-font-size:1.5625vw
    }
}

@media screen and (min-width: 721px) and (min-width:1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--link-primary {
        --link-font-size:16px
    }
}

@media screen and (min-width: 721px) and (min-width:1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--link-primary {
        --link-font-size:1.25vw
    }
}

@media screen and (min-width: 721px) and (min-width:1921px) {
    .mi-btn.mi-btn--link-primary {
        --link-font-size:24px
    }
}

@media screen and (min-width: 721px) {
    .mi-btn.mi-btn--link-primary:hover .mi-btn__text {
        -webkit-text-decoration:var(--link-text-decoration);
        text-decoration: var(--link-text-decoration)
    }

    .mi-btn.mi-btn--link-primary:focus-visible {
        outline: 4px solid var(--outline-color);
        outline-offset: 0
    }
}

@media screen and (min-width: 721px) and (min-width:721px) and (max-width:1024px) {
    .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (min-width: 721px) and (min-width:1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (min-width: 721px) and (min-width:1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (min-width: 721px) and (min-width:1921px) {
    .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (min-width: 721px) and (max-width:720px) {
    .mi-btn.mi-btn--link-primary.mi-btn--highlight-m {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (min-width: 721px) {
    .mi-btn.mi-btn--link-primary.mi-btn--dark {
        --btn-text-base:#fff
    }

    .mi-btn.mi-btn--link-primary.mi-btn--disabled {
        --btn-text-base: var(--text-secondary);
        --btn-background-color: #0000;
        border: none
    }

    .mi-btn.mi-btn--link-primary.mi-btn--disabled:hover .mi-btn__text {
        --link-text-decoration: none
    }
}

@media screen and (max-width: 720px) {
    .mi-btn.mi-btn--primary-link {
        align-items:center;
        border-radius: initial;
        display: inline-flex;
        font-size: var(--link-font-size);
        line-height: unset;
        padding: 0
    }
}

@media screen and (max-width: 720px) and (max-width:720px) {
    .mi-btn.mi-btn--primary-link {
        --link-font-size:12px
    }
}

@media screen and (max-width: 720px) and (min-width:721px) and (max-width:1024px) {
    .mi-btn.mi-btn--primary-link {
        --link-font-size:1.5625vw
    }
}

@media screen and (max-width: 720px) and (min-width:1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--primary-link {
        --link-font-size:16px
    }
}

@media screen and (max-width: 720px) and (min-width:1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--primary-link {
        --link-font-size:1.25vw
    }
}

@media screen and (max-width: 720px) and (min-width:1921px) {
    .mi-btn.mi-btn--primary-link {
        --link-font-size:24px
    }
}

@media screen and (max-width: 720px) {
    .mi-btn.mi-btn--primary-link:hover .mi-btn__text {
        -webkit-text-decoration:var(--link-text-decoration);
        text-decoration: var(--link-text-decoration)
    }

    .mi-btn.mi-btn--primary-link:focus-visible {
        outline: 4px solid var(--outline-color);
        outline-offset: 0
    }
}

@media screen and (max-width: 720px) and (min-width:721px) and (max-width:1024px) {
    .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (max-width: 720px) and (min-width:1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (max-width: 720px) and (min-width:1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (max-width: 720px) and (min-width:1921px) {
    .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (max-width: 720px) and (max-width:720px) {
    .mi-btn.mi-btn--primary-link.mi-btn--highlight-m {
        --btn-text-base:var(--text-primary)
    }
}

@media screen and (max-width: 720px) {
    .mi-btn.mi-btn--primary-link.mi-btn--dark {
        --btn-text-base:#fff
    }

    .mi-btn.mi-btn--primary-link.mi-btn--disabled {
        --btn-text-base: var(--text-secondary);
        --btn-background-color: #0000;
        border: none
    }

    .mi-btn.mi-btn--primary-link.mi-btn--disabled:hover .mi-btn__text {
        --link-text-decoration: none
    }
}

@media screen and (min-width: 721px) {
    .mi-btn.mi-btn--primary-link {
        --btn-text-base:var(--text-reverse);
        --btn-background-color: var(--btn-background-black);
        border: 1px solid #0000
    }

    .mi-btn.mi-btn--primary-link:hover {
        --btn-background-color: #444
    }

    .mi-btn.mi-btn--primary-link:focus-visible {
        outline: 2px solid #f7f7f7;
        outline: 2px solid var(--background-base);
        outline-offset: -4px
    }
}

@media screen and (min-width: 721px) and (min-width:721px) and (max-width:1024px) {
    .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc {
        --btn-background-color:var(--btn-background-primary)
    }
}

@media screen and (min-width: 721px) and (min-width:1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc {
        --btn-background-color:var(--btn-background-primary)
    }
}

@media screen and (min-width: 721px) and (min-width:1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc {
        --btn-background-color:var(--btn-background-primary)
    }
}

@media screen and (min-width: 721px) and (min-width:1921px) {
    .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc {
        --btn-background-color:var(--btn-background-primary)
    }
}

@media screen and (min-width: 721px) and (min-width:721px) and (max-width:1024px) {
    .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:hover {
        --btn-background-color:#ff781a
    }
}

@media screen and (min-width: 721px) and (min-width:1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:hover {
        --btn-background-color:#ff781a
    }
}

@media screen and (min-width: 721px) and (min-width:1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:hover {
        --btn-background-color:#ff781a
    }
}

@media screen and (min-width: 721px) and (min-width:1921px) {
    .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:hover {
        --btn-background-color:#ff781a
    }
}

@media screen and (min-width: 721px) and (min-width:721px) and (max-width:1024px) {
    .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:focus-visible {
        outline-offset:-4px
    }
}

@media screen and (min-width: 721px) and (min-width:1025px) and (max-width:1440px) {
    .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:focus-visible {
        outline-offset:-4px
    }
}

@media screen and (min-width: 721px) and (min-width:1441px) and (max-width:1920px) {
    .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:focus-visible {
        outline-offset:-4px
    }
}

@media screen and (min-width: 721px) and (min-width:1921px) {
    .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:focus-visible {
        outline-offset:-4px
    }
}

@media screen and (min-width: 721px) and (max-width:720px) {
    .mi-btn.mi-btn--primary-link.mi-btn--highlight-m {
        --btn-background-color:var(--btn-background-primary)
    }

    .mi-btn.mi-btn--primary-link.mi-btn--highlight-m:hover {
        --btn-background-color: #ff781a
    }
}

@media screen and (min-width: 721px) {
    .mi-btn.mi-btn--primary-link.mi-btn--dark {
        --btn-text-base:var(--text-base);
        --btn-background-color: var(--btn-background-white);
        border: 1px solid #0000
    }

    .mi-btn.mi-btn--primary-link.mi-btn--dark:hover {
        --btn-background-color: #e1e1e1
    }

    .mi-btn.mi-btn--primary-link .micon-link-arrow {
        display: none
    }
}

.mi-btn.mi-btn--disabled,.mi-btn:disabled {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: var(--brand-grey-40);
    border: 1px solid #0000;
    cursor: not-allowed
}

.mi-btn.mi-btn--disabled:hover,.mi-btn:disabled:hover {
    --btn-background-color: var(--brand-grey-40);
    --btn-text-base: var(--text-reverse);
    border-color: #0000
}

.mi-btn.mi-btn--disabled:focus-visible,.mi-btn:disabled:focus-visible {
    outline: none!important
}

.mi-btn.mi-btn--highlight-m.mi-btn--disabled,.mi-btn.mi-btn--highlight-m.mi-btn--disabled:hover,.mi-btn.mi-btn--highlight-pc.mi-btn--disabled,.mi-btn.mi-btn--highlight-pc.mi-btn--disabled:hover {
    --btn-background-color: var(--brand-grey-40);
    --btn-text-base: var(--text-reverse)
}

.mi-btn.mi-btn--link.mi-btn--disabled,.mi-btn.mi-btn--link.mi-btn--disabled:hover {
    --btn-background-color: #0000;
    --btn-text-base: var(--text-secondary)
}

@media screen and (max-width: 720px) {
    .mi-link__arrow.mi-link__arrow--pc-only {
        display:none
    }
}

.mi-link__arrow.mi-link__arrow--m-only {
    display: none
}

@media screen and (max-width: 720px) {
    .mi-link__arrow.mi-link__arrow--m-only {
        display:block
    }
}

.accordion.content__navigation--secondary .secondary__menu-wrapper {
    background-color: #f7f7f7;
    background-color: var(--background-base);
    border-radius: 8px;
    margin: 10px 0;
    padding: 0 20px
}

.accordion.content__navigation--secondary .secondary__menu {
    color: #191919;
    color: var(--text-base);
    display: grid;
    font-size: 12px;
    font-weight: 400;
    grid-template-columns: repeat(3,1fr);
    justify-content: center;
    padding: 10px 0
}

.accordion.content__navigation--secondary .secondary__menu.secondary__menu--phone {
    grid-template-columns: repeat(4,1fr)
}

.accordion.content__navigation--secondary .secondary__menu.secondary__menu--phone .secondary__link {
    padding: 15px 0
}

.accordion.content__navigation--secondary .secondary__menu.secondary__menu--phone .secondary__link .secondary__icon {
    font-size: 24px
}

.accordion.content__navigation--secondary .secondary__link {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 0;
    text-align: center
}

.accordion.content__navigation--secondary .secondary__link .secondary__icon {
    font-size: 28px
}

.accordion.content__navigation--secondary .secondary__link .secondary__title {
    margin-top: 8px
}

.accordion.content__navigation--secondary .secondary__all {
    border-top: 1px solid #dedede;
    display: flex;
    justify-content: center;
    padding: 14px 0
}

.site-slide-menu .accordion .accordion__head {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 10px 0
}

.site-slide-menu .accordion .accordion__head .accordion__icon,.site-slide-menu .accordion .accordion__head .accordion__title {
    pointer-events: none
}

.site-slide-menu .accordion .accordion__body {
    max-height: 0;
    overflow: hidden;
    transition: .2s
}

.site-slide-menu .content__navigation--footer {
    border-top: 1px solid var(--menu-divider-color);
    margin-top: 16px;
    padding-top: 16px
}

.site-slide-menu .content__navigation--footer .nav__link-list {
    padding-inline-start:20px}

.site-slide-menu .content__navigation--footer .nav__link-item {
    color: #898989;
    color: var(--text-secondary)
}

.site-slide-menu .content__navigation--footer .nav__link {
    display: block;
    padding: 8px 0
}

.site-slide-menu .sub-content {
    background-color: #fff;
    background-color: var(--background-white);
    box-sizing: border-box;
    height: 100%;
    overflow: scroll;
    padding: calc(var(--menu-header-height) + 10px) var(--menu-padding-horizontal) 0;
    position: absolute;
    transform: translateX(100%);
    transition: all .2s;
    width: 100%
}

.site-slide-menu .sub-content.sub-content--show {
    transform: translateX(0)
}

.site-slide-menu .sub-content .mi-accordion {
    --default-outline-vertical: 0;
    --default-text-padding-vertical: 10px;
    --header-font-size: 16px;
    --header-font-weight: 500;
    --item-padding: 9px 0
}

.site-slide-menu .sub-content.sub-content--verbose .mi-accordion {
    --highlight-color: var(--text-base);
    --body-padding-left: 0
}

.site-slide-menu .sub-content.sub-content--verbose .cat__wrapper {
    border-bottom: 1px solid var(--menu-divider-color);
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 10px;
    padding: 14px 0 8px;
    row-gap: 8px
}

.site-slide-menu .sub-content.sub-content--verbose .cat__list {
    column-gap: 22px;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    row-gap: 10px
}

.site-slide-menu .sub-content.sub-content--verbose .cat__item {
    overflow: hidden
}

.site-slide-menu .sub-content.sub-content--verbose .cat__link {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    row-gap: 8px
}

.site-slide-menu .sub-content.sub-content--verbose .cat__link--bottom {
    align-items: center;
    display: flex;
    justify-content: center;
    justify-self: stretch;
    padding: 10px 0
}

.site-slide-menu .sub-content.sub-content--verbose .cat__link--bottom .micon {
    font-size: 12px;
    line-height: 1;
    margin-inline-start:4px}

.site-slide-menu .sub-content.sub-content--verbose .cat__image {
    height: 42px;
    object-fit: cover;
    object-position: center;
    width: 42px
}

.site-slide-menu .sub-content.sub-content--verbose .cat__label {
    text-align: center
}

.mi-accordion {
    --default-font-size: 12px;
    --default-line-height: 1.2;
    --default-color: var(--text-base);
    --default-text-padding-vertical: 8px;
    --default-outline-vertical: 10px;
    --header-padding: var(--default-text-padding-vertical) 0;
    --header-font-weight: bold;
    --header-font-size: var(--default-font-size);
    --header-line-height: var(--default-line-height);
    --header-color: var(--default-color);
    --icon-margin-left: 20px;
    --icon-font-size: var(--default-font-size);
    --icon-line-height: 1;
    --icon-color: var(--default-color);
    --body-padding-left: 28px;
    --item-padding: var(--default-text-padding-vertical) 0;
    --item-font-size: var(--default-font-size);
    --item-line-height: var(--default-line-height);
    --item-color: var(--text-secondary);
    --divider-margin: var(--default-outline-vertical) 0;
    --divider-width: 1px;
    --divider-style: solid;
    --divider-color: var(--brand-grey-20);
    --accordion-padding: var(--default-outline-vertical) 0;
    --highlight-color: var(--text-primary);
    padding: var(--accordion-padding)
}

.mi-accordion .accordion__group .group__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: var(--header-padding)
}

.mi-accordion .accordion__group .group__header.group__header--selected .group__icon,.mi-accordion .accordion__group .group__header.group__header--selected .group__title {
    color: var(--highlight-color)
}

.mi-accordion .accordion__group .group__title {
    color: var(--header-color);
    font-size: var(--header-font-size);
    font-weight: var(--header-font-weight);
    line-height: var(--header-line-height)
}

.mi-accordion .accordion__group .group__icon {
    color: var(--icon-color);
    font-size: var(--icon-font-size);
    line-height: var(--icon-line-height);
    margin-inline-start:var(--icon-margin-left)}

.mi-accordion .accordion__group .group__body {
    color: var(--item-color);
    font-size: var(--item-font-size);
    line-height: var(--item-line-height);
    max-height: 0;
    overflow: hidden;
    padding-inline-start:var(--body-padding-left);transition: .2s
}

.mi-accordion .accordion__group .accordion__item {
    padding: var(--item-padding)
}

.mi-accordion .accordion__group .accordion__item.accordion__item--selected {
    color: var(--highlight-color)
}

.mi-accordion .accordion__divider {
    border-top: var(--divider-width) var(--divider-style) var(--divider-color);
    margin: var(--divider-margin)
}

.site-top-banner.locale-switcher {
    --banner-background-color: #333;
    --mobile-min-height: 56px
}

.site-top-banner.locale-switcher .locale-switcher__prompt {
    align-items: center;
    display: flex
}

@media screen and (max-width: 720px) {
    .site-top-banner.locale-switcher .locale-switcher__prompt {
        align-items:flex-start;
        flex-direction: column;
        margin-right: 18px
    }
}

.site-top-banner.locale-switcher .locale-switcher__area {
    flex-shrink: 0;
    margin-inline-end:var(--site-horizontal-padding);margin-inline-start: 12px
}

@media screen and (max-width: 720px) {
    .site-top-banner.locale-switcher .locale-switcher__area {
        margin:0
    }
}

.site-top-banner.locale-switcher .locale-switcher__confirm {
    --btn-padding: var(--confirm-padding);
    --btn-border-radius: 8px;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    font-size: var(--content-font-size);
    height: 26px
}

@media screen and (max-width: 720px) {
    .site-top-banner.locale-switcher .locale-switcher__confirm {
        --confirm-padding:0 22px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-top-banner.locale-switcher .locale-switcher__confirm {
        --confirm-padding:0 20px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-top-banner.locale-switcher .locale-switcher__confirm {
        --confirm-padding:0 20px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-top-banner.locale-switcher .locale-switcher__confirm {
        --confirm-padding:0 20px
    }
}

@media screen and (min-width: 1921px) {
    .site-top-banner.locale-switcher .locale-switcher__confirm {
        --confirm-padding:0 20px
    }
}

.site-top-banner {
    --custom-mobile-min-height: var(--mobile-min-height,40px);
    --custom-background-color: var(--banner-background-color,var(--background-black));
    align-items: center;
    background-color: var(--custom-background-color);
    box-sizing: border-box;
    color: #fff;
    color: var(--text-reverse);
    display: flex;
    justify-content: center;
    min-height: 40px;
    padding: 6px 0
}

@media screen and (max-width: 720px) {
    .site-top-banner {
        --content-font-size:12px;
        --close-icon-size: 14px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-top-banner {
        --content-font-size:16px;
        --close-icon-size: 16px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-top-banner {
        --content-font-size:16px;
        --close-icon-size: 16px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-top-banner {
        --content-font-size:16px;
        --close-icon-size: 16px
    }
}

@media screen and (min-width: 1921px) {
    .site-top-banner {
        --content-font-size:16px;
        --close-icon-size: 16px
    }
}

@media screen and (max-width: 720px) {
    .site-top-banner {
        min-height:var(--custom-mobile-min-height)
    }
}

.site-top-banner .site-container {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    padding: 0 var(--site-horizontal-padding)
}

.site-top-banner .site-top-banner__content {
    align-items: center;
    display: flex;
    flex-grow: 1;
    font-size: var(--content-font-size);
    justify-content: center
}

.site-top-banner .site-top-banner__close {
    color: #fff;
    color: var(--text-reverse);
    cursor: pointer;
    font-size: var(--close-icon-size);
    line-height: 1;
    margin-inline-start:var(--site-horizontal-padding);opacity: .8
}

.site-top-banner.notification {
    z-index: 20
}

.site-top-banner.notification .notification__content {
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: break-word
}

.site-top-banner.notification .notification__link {
    text-align: center
}

.site-top-banner.notification .notification__link:hover {
    text-decoration: underline
}

.navigation__logo {
    box-sizing: initial;
    flex-shrink: 0;
    position: relative;
    z-index: 100
}

@media screen and (max-width: 720px) {
    .navigation__logo {
        height:28px;
        padding: 0 12px;
        width: 28px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .navigation__logo {
        height:28px;
        padding: 0 12px;
        width: 28px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .navigation__logo {
        height:28px;
        padding: 0 16px;
        width: 28px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .navigation__logo {
        height:32px;
        padding: 0 24px;
        width: 32px
    }
}

@media screen and (min-width: 1921px) {
    .navigation__logo {
        height:32px;
        padding: 0 24px;
        width: 32px
    }
}

.navigation__logo .logo__link,.navigation__logo .logo__mi {
    display: block;
    height: 100%;
    width: 100%
}

.navigation__logo .logo__link .logo__home,.navigation__logo .logo__mi .logo__home {
    transform: translateX(-100%);
    transition: transform .2s
}

.navigation__logo .logo__link:focus-visible .logo__home,.navigation__logo .logo__link:hover .logo__home {
    transform: translateX(0)
}

.site-header .navigation__menu .navigation__submenu {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-16px);
    transition: all .2s ease-in-out
}

.site-header .navigation__menu .navigation__submenu-wrapper {
    background-color: #f7f7f7;
    background-color: var(--background-base);
    box-shadow: 0 6px 16px 0 #1919190f;
    height: 0;
    left: 0;
    position: absolute;
    right: unset;
    top: var(--header-height);
    transition: all .2s ease-in-out;
    width: 100%;
    z-index: 4
}

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

[dir=rtl] .site-header .navigation__menu .navigation__submenu-wrapper {
    left: unset;
    right: 0
}

.site-header .navigation__menu .navigation__submenu-cover {
    background-color: #000;
    height: calc(100vh - var(--header-height));
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: unset;
    top: var(--header-height);
    transition: all .25s;
    width: 100%;
    z-index: 2
}

[dir=rtl] .site-header .navigation__menu .navigation__submenu-cover {
    left: unset;
    right: 0
}

.site-header .navigation__menu .navigation__item.navigation__item--open .navigation__submenu {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0)
}

.site-header .navigation__menu .navigation__item.navigation__item--open .navigation__submenu-cover {
    opacity: .7
}

.site-header .navigation__menu .navigation__item.navigation__item--hover .navigation__submenu-cover {
    pointer-events: all
}

.navigation__submenu.navigation__submenu--style-one .submenu__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: max-content
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .navigation__submenu.navigation__submenu--style-one .submenu__list {
        max-width:720px;
        padding: 14px 0
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .navigation__submenu.navigation__submenu--style-one .submenu__list {
        max-width:1020px;
        padding: 14px 0
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .navigation__submenu.navigation__submenu--style-one .submenu__list {
        max-width:1440px;
        padding: 14px 0
    }
}

@media screen and (min-width: 1921px) {
    .navigation__submenu.navigation__submenu--style-one .submenu__list {
        max-width:1440px;
        padding: 14px 0
    }
}

.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__item {
    align-items: center;
    display: flex;
    justify-content: center
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__item {
        padding:0
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__item {
        padding:0
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__item {
        padding:0 20px
    }
}

@media screen and (min-width: 1921px) {
    .navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__item {
        padding:0 20px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__icon {
        font-size:42px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__icon {
        font-size:42px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__icon {
        font-size:48px
    }
}

@media screen and (min-width: 1921px) {
    .navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__icon {
        font-size:48px
    }
}

.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__title {
    font-size: 16px;
    margin-top: 16px
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__title {
        font-size:14px
    }
}

.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__anchor {
    align-items: center;
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__anchor {
        padding:16px 0;
        width: 180px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__anchor {
        padding:25px 0;
        width: 170px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__anchor {
        padding:34px 0;
        width: 200px
    }
}

@media screen and (min-width: 1921px) {
    .navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__anchor {
        padding:34px 0;
        width: 200px
    }
}

.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__anchor:focus-visible,.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__anchor:hover {
    color: #ff6900;
    color: var(--text-primary)
}

.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__anchor:focus-visible {
    outline-offset: -4px
}

.site-header .navigation__submenu.navigation__submenu--phone .submenu__list {
    max-width: unset;
    padding: 0
}

.site-header .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__item {
    padding: 0
}

.site-header .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__item:after {
    border-inline-start:1px solid #d0d0d0;content: ""
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-header .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__item:after {
        height:8px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-header .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__item:after {
        height:8px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-header .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__item:after {
        height:12px
    }
}

@media screen and (min-width: 1921px) {
    .site-header .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__item:after {
        height:12px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-header .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__icon {
        font-size:34px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-header .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__icon {
        font-size:34px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-header .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__icon {
        font-size:48px
    }
}

@media screen and (min-width: 1921px) {
    .site-header .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__icon {
        font-size:48px
    }
}

.site-header .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__anchor {
    height: unset;
    line-height: 1;
    width: unset
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-header .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__anchor {
        margin:0 22px;
        padding: 32px 0
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-header .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__anchor {
        margin:0 22px;
        padding: 32px 0
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-header .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__anchor {
        margin:0 32px;
        padding: 50px 0
    }
}

@media screen and (min-width: 1921px) {
    .site-header .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__anchor {
        margin:0 32px;
        padding: 50px 0
    }
}

.site-header .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__item:last-child:after {
    display: none
}

.navigation__submenu.navigation__submenu--verbose {
    --column-gap: 10px;
    --menu-image-size: 40px;
    box-sizing: border-box;
    column-gap: var(--column-gap);
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    margin: 0 auto;
    padding: 0;
    padding: var(--submenu-vertical-padding,0) var(--site-horizontal-padding,0);
    row-gap: var(--row-gap)
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .navigation__submenu.navigation__submenu--verbose {
        --submenu-vertical-padding:32px;
        --row-gap: 40px;
        --menu-common-gap: 20px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .navigation__submenu.navigation__submenu--verbose {
        --submenu-vertical-padding:40px;
        --row-gap: 32px;
        --menu-common-gap: 16px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .navigation__submenu.navigation__submenu--verbose {
        --submenu-vertical-padding:48px;
        --row-gap: 48px;
        --menu-common-gap: 24px
    }
}

@media screen and (min-width: 1921px) {
    .navigation__submenu.navigation__submenu--verbose {
        --submenu-vertical-padding:48px;
        --row-gap: 48px;
        --menu-common-gap: 24px
    }
}

.navigation__submenu.navigation__submenu--verbose .group-grid {
    align-content: start;
    display: grid;
    grid-template-columns: 1fr;
    overflow: hidden;
    row-gap: var(--menu-common-gap)
}

.navigation__submenu.navigation__submenu--verbose .group-grid.group-grid--compact {
    --menu-common-gap: 14px
}

.navigation__submenu.navigation__submenu--verbose .group-grid.submenu__group--wide {
    grid-column: span 2
}

.navigation__submenu.navigation__submenu--verbose .group-grid.submenu__group--wide .group__body {
    column-gap: var(--column-gap);
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.navigation__submenu.navigation__submenu--verbose .group__header {
    font-size: 20px;
    font-weight: 700
}

.navigation__submenu.navigation__submenu--verbose .group__body .item__link {
    align-items: center;
    display: flex;
    width: -moz-fit-content;
    width: fit-content
}

.navigation__submenu.navigation__submenu--verbose .group__body .item__link:hover {
    text-decoration: underline
}

.navigation__submenu.navigation__submenu--verbose .group__body .item__image {
    height: var(--menu-image-size);
    margin-inline-end:10px;object-fit: cover;
    object-position: center;
    width: var(--menu-image-size)
}

.site-header .site-header__navigation .navigation__shortcut {
    position: relative
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__item:hover .shortcut__arrow,.site-header .site-header__navigation .navigation__shortcut .shortcut__item:hover .shortcut__view {
    display: block
}

@media screen and (max-width: 720px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__item:hover .business-navigation__link .shortcut__arrow,.site-header .site-header__navigation .navigation__shortcut .shortcut__item:hover .business-navigation__link .shortcut__view {
        display:none
    }
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__item:hover .shortcut__icon {
    color: #191919;
    color: var(--text-base)
}

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

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__item.shortcut__item-category,.site-header .site-header__navigation .navigation__shortcut .shortcut__item.shortcut__item-menu {
        display:none
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__item.shortcut__item-category,.site-header .site-header__navigation .navigation__shortcut .shortcut__item.shortcut__item-menu {
        display:none
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__item.shortcut__item-category,.site-header .site-header__navigation .navigation__shortcut .shortcut__item.shortcut__item-menu {
        display:none
    }
}

@media screen and (min-width: 1921px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__item.shortcut__item-category,.site-header .site-header__navigation .navigation__shortcut .shortcut__item.shortcut__item-menu {
        display:none
    }
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper {
    line-height: 1;
    position: relative
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification {
    background-color: #ff6900;
    background-color: var(--background-primary);
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 8px;
    color: #fff;
    color: var(--text-reverse);
    display: inline-block;
    position: absolute;
    vertical-align: middle
}

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

[dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 0
}

@media screen and (max-width: 720px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification {
        font-size:.625vw;
        font-size: max(.625vw,12px);
        padding: 0 .23438vw;
        top: -10px
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification {
        transform: scale(.6) translateX(-30%)
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification {
        font-size:12px;
        padding: 2px 4px;
        top: -10px
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification {
        transform: scale(.8) translateX(-30%)
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification {
        font-size:12px;
        padding: 2px 4px;
        top: -10px
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification {
        transform: scale(.8) translateX(-30%)
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification {
        font-size:12px;
        padding: 2px 4px;
        top: -10px
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification {
        transform: scale(.9) translateX(-30%)
    }
}

@media screen and (min-width: 1921px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification {
        font-size:12px;
        padding: 2px 4px;
        top: -10px
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification {
        transform: scale(.9) translateX(-30%)
    }
}

@media screen and (max-width: 720px) {
    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification {
        transform:scale(.6) translateX(30%)
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification {
        transform:scale(.8) translateX(30%)
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification {
        transform:scale(.8) translateX(30%)
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification {
        transform:scale(.9) translateX(30%)
    }
}

@media screen and (min-width: 1921px) {
    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification {
        transform:scale(.9) translateX(30%)
    }
}

@media screen and (max-width: 720px) {
    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart {
        transform:scale(.6) translateX(-30%)
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart {
        transform:scale(.8) translateX(-30%)
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart {
        transform:scale(.8) translateX(-10%)
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart {
        transform:scale(.9) translateX(-10%)
    }
}

@media screen and (min-width: 1921px) {
    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart {
        transform:scale(.9) translateX(-10%)
    }
}

@media screen and (max-width: 720px) {
    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart {
        transform:scale(.6) translateX(30%)
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart {
        transform:scale(.8) translateX(30%)
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart {
        transform:scale(.8) translateX(10%)
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart {
        transform:scale(.9) translateX(10%)
    }
}

@media screen and (min-width: 1921px) {
    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart {
        transform:scale(.9) translateX(10%)
    }
}

@media screen and (max-width: 720px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner {
        font-size:.625vw;
        font-size: max(.625vw,12px);
        top: 0
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner {
        transform: scale(.6) translateX(0)
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner {
        font-size:max(1.17188vw,12px);
        top: 0
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner {
        transform: scale(.9) translateX(-25%)
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner {
        font-size:max(.83333vw,12px);
        top: -4px
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner {
        transform: scale(.8) translateX(-40%)
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner {
        font-size:12px;
        top: 0
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner {
        transform: scale(.9) translateX(-20%)
    }
}

@media screen and (min-width: 1921px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner {
        font-size:14px;
        top: 0
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner {
        transform: translateX(-10%)
    }
}

@media screen and (max-width: 720px) {
    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner {
        transform:scale(.6) translateX(0)
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner {
        transform:scale(.9) translateX(25%)
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner {
        transform:scale(.8) translateX(40%)
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner {
        transform:scale(.9) translateX(20%)
    }
}

@media screen and (min-width: 1921px) {
    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner {
        transform:translateX(10%)
    }
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot {
    color: #ff6900;
    color: var(--text-primary);
    font-size: 12px;
    position: absolute
}

@media screen and (max-width: 720px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot {
        top:-3px;
        transform: scale(.6)
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot {
        right: -3px
    }

    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot {
        left: -3px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot {
        top:-.48828vw;
        transform: scale(.4)
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot {
        right: -.48828vw
    }

    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot {
        left: -.48828vw
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot {
        top:-.27778vw;
        transform: scale(.4)
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot {
        right: -.27778vw
    }

    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot {
        left: -.27778vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot {
        top:-.15625vw;
        transform: scale(.5)
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot {
        right: -.15625vw
    }

    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot {
        left: -.15625vw
    }
}

@media screen and (min-width: 1921px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot {
        top:-1px;
        transform: scale(.6)
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot {
        right: -1px
    }

    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot {
        left: -1px
    }
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__icon {
    line-height: 1
}

@media screen and (max-width: 720px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__icon {
        font-size:20px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__icon {
        font-size:20px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__icon {
        font-size:20px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__icon {
        font-size:28px
    }
}

@media screen and (min-width: 1921px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__icon {
        font-size:28px
    }
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__arrow {
    display: none;
    overflow: hidden;
    position: absolute;
    width: 100%
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__arrow {
        height:.50781vw
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__arrow {
        height:.50781vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__arrow {
        height:.50781vw
    }
}

@media screen and (min-width: 1921px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__arrow {
        height:13px
    }
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__arrow:after {
    background-color: #fff;
    background-color: var(--background-white);
    border: 1px solid #f3f3f3;
    border: 1px solid var(--brand-grey-10);
    border-radius: 3px;
    content: "";
    display: block;
    height: 18px;
    left: 50%;
    position: absolute;
    right: unset;
    transform: rotate(45deg);
    transform-origin: 0 0;
    width: 18px;
    z-index: 2
}

[dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__arrow:after {
    left: unset;
    right: 50%;
    transform: rotate(-45deg);
    transform-origin: 100% 0
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__view {
    background-color: #fff;
    background-color: var(--background-white);
    border: 1px solid #f3f3f3;
    border: 1px solid var(--brand-grey-10);
    border-radius: 5px;
    box-shadow: 0 6px 16px 0 #1919191a;
    cursor: auto;
    display: none;
    position: absolute;
    transition: all .3s;
    width: max-content
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view {
        font-size:16px;
        margin-top: .46875vw
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__view {
        right: -1.95312vw
    }

    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__view {
        left: -1.95312vw
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view {
        font-size:14px;
        margin-top: .46875vw
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__view {
        right: -1.95312vw
    }

    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__view {
        left: -1.95312vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view {
        font-size:16px;
        margin-top: .46875vw
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__view {
        right: -1.95312vw
    }

    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__view {
        left: -1.95312vw
    }
}

@media screen and (min-width: 1921px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view {
        font-size:16px;
        margin-top: 12px
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__view {
        right: -50px
    }

    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__view {
        left: -50px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart--empty {
        padding:1.5625vw
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart--empty {
        padding:.625vw .78125vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart--empty {
        padding:.625vw .78125vw
    }
}

@media screen and (min-width: 1921px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart--empty {
        padding:16px 20px
    }
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart--loading {
    max-width: 480px
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart--loading {
        padding:1.5625vw 0;
        width: 18.75vw
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart--loading {
        padding:1.5625vw 0;
        width: 18.75vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart--loading {
        padding:1.5625vw 0;
        width: 18.75vw
    }
}

@media screen and (min-width: 1921px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart--loading {
        padding:40px 0;
        width: 18.75vw
    }
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__list {
    border-bottom: 1px solid #e7e7e7;
    border-bottom: 1px solid var(--brand-grey-20);
    overflow: auto
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__list {
        margin-bottom:1.5625vw;
        margin-top: .625vw;
        max-height: 27.34375vw;
        padding: 0 .78125vw .78125vw
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__list {
        margin-bottom:1.5625vw;
        margin-top: .625vw;
        max-height: 19.53125vw;
        padding: 0 .625vw .625vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__list {
        margin-bottom:1.5625vw;
        margin-top: .625vw;
        max-height: 19.53125vw;
        padding: 0 .625vw .625vw
    }
}

@media screen and (min-width: 1921px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__list {
        margin-bottom:40px;
        margin-top: 16px;
        max-height: 500px;
        padding: 0 16px 16px
    }
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__font--muted {
    color: #898989;
    color: var(--text-secondary)
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-link {
    align-items: center;
    border-radius: 5px;
    color: #191919;
    color: var(--text-base);
    cursor: pointer;
    display: flex;
    max-width: 480px;
    position: relative
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-link {
        padding:.78125vw 0;
        width: 27.92969vw
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-link {
        padding:.78125vw 0;
        width: 18.75vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-link {
        padding:.78125vw 0;
        width: 18.75vw
    }
}

@media screen and (min-width: 1921px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-link {
        padding:20px 0;
        width: 18.75vw
    }
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-link:hover {
    background-color: #f7f7f7;
    background-color: var(--background-base)
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-link:hover .cart__item-delete {
    display: inline-block
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-image {
    flex-shrink: 0
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-image {
        height:6.83594vw;
        margin-inline-end:.78125vw;width: 6.83594vw
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-image {
        height:3.90625vw;
        margin-inline-end:.78125vw;width: 3.90625vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-image {
        height:3.90625vw;
        margin-inline-end:.78125vw;width: 3.90625vw
    }
}

@media screen and (min-width: 1921px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-image {
        height:75px;
        margin-inline-end:20px;width: 75px
    }
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-name {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-info {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    line-height: normal
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-detail {
    text-align: start
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-detail {
        margin-bottom:.15625vw;
        padding-inline-end:.9375vw}
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-detail {
        margin-bottom:.15625vw;
        padding-inline-end:.9375vw}
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-detail {
        margin-bottom:.15625vw;
        padding-inline-end:.9375vw}
}

@media screen and (min-width: 1921px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-detail {
        margin-bottom:4px;
        padding-inline-end:24px}
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-detail:last-child {
    margin-bottom: 0
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete {
    display: none;
    position: absolute
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete {
        bottom:1.17188vw;
        font-size: max(1.75781vw,12px)
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete {
        right: 1.17188vw
    }

    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete {
        left: 1.17188vw
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete {
        bottom:.9375vw;
        font-size: max(.9375vw,12px)
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete {
        right: .9375vw
    }

    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete {
        left: .9375vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete {
        bottom:.9375vw;
        font-size: max(.9375vw,12px)
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete {
        right: .9375vw
    }

    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete {
        left: .9375vw
    }
}

@media screen and (min-width: 1921px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete {
        bottom:24px;
        font-size: 20px
    }

    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete {
        right: 24px
    }

    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete {
        left: 24px
    }
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete:hover {
    color: #191919;
    color: var(--text-base)
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__summary {
        padding:0 1.5625vw 1.5625vw
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__summary {
        padding:0 1.5625vw 1.5625vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__summary {
        padding:0 1.5625vw 1.5625vw
    }
}

@media screen and (min-width: 1921px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__summary {
        padding:0 40px 54px
    }
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__summary-info {
    display: flex;
    justify-content: space-between
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__summary-info {
        margin-bottom:1.5625vw
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__summary-info {
        margin-bottom:1.5625vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__summary-info {
        margin-bottom:1.5625vw
    }
}

@media screen and (min-width: 1921px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__summary-info {
        margin-bottom:40px
    }
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__summary-price {
    font-weight: 700
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__summary .cart__jump-cart {
    display: flex;
    justify-content: center
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__summary .cart__jump-cart {
        --btn-font-size:1.5625vw;
        padding: .58594vw 0
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__summary .cart__jump-cart {
        --btn-font-size:.9375vw;
        padding: .46875vw 0
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__summary .cart__jump-cart {
        --btn-font-size:.9375vw;
        padding: .46875vw 0
    }
}

@media screen and (min-width: 1921px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-cart .cart__summary .cart__jump-cart {
        --btn-font-size:20px;
        padding: 12px 0
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__view.shortcut__view-account {
        right:-.78125vw
    }

    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__view.shortcut__view-account {
        left: -.78125vw
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__view.shortcut__view-account {
        right:-.78125vw
    }

    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__view.shortcut__view-account {
        left: -.78125vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__view.shortcut__view-account {
        right:-.78125vw
    }

    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__view.shortcut__view-account {
        left: -.78125vw
    }
}

@media screen and (min-width: 1921px) {
    [dir=ltr] .site-header .site-header__navigation .navigation__shortcut .shortcut__view.shortcut__view-account {
        right:-20px
    }

    [dir=rtl] .site-header .site-header__navigation .navigation__shortcut .shortcut__view.shortcut__view-account {
        left: -20px
    }
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__view-account .view-account__item {
    border-bottom: 1px solid #e7e7e7;
    border-bottom: 1px solid var(--brand-grey-20)
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__view-account .view-account__item:last-child {
    border-bottom: none
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__view-account .view-account__link {
    box-sizing: border-box;
    color: #898989;
    color: var(--text-secondary);
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-account .view-account__link {
        padding:1.5625vw 2.34375vw
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-account .view-account__link {
        padding:.625vw .97656vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-account .view-account__link {
        padding:.83333vw 1.30208vw
    }
}

@media screen and (min-width: 1921px) {
    .site-header .site-header__navigation .navigation__shortcut .shortcut__view-account .view-account__link {
        padding:16px 25px
    }
}

.site-header .site-header__navigation .navigation__shortcut .shortcut__view-account .view-account__link:hover {
    background-color: #fff;
    color: #191919;
    color: var(--text-base);
    text-decoration: underline
}

.mi-loading {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    width: 100vw
}

.mi-loading .mi-loading__animation {
    animation-delay: 0s;
    background: #ff6900;
    background: var(--background-loader);
    height: 20px;
    margin: 0 auto;
    overflow: visible;
    position: relative;
    transform: scale(1);
    transition: background-color .25s ease;
    width: 4px
}

.mi-loading .mi-loading__animation,.mi-loading .mi-loading__animation:after,.mi-loading .mi-loading__animation:before {
    animation-direction: alternate-reverse;
    animation-duration: .3s;
    animation-iteration-count: infinite;
    animation-name: loader;
    animation-timing-function: linear;
    transform-origin: 50% 50%
}

.mi-loading .mi-loading__animation:after,.mi-loading .mi-loading__animation:before {
    background-color: #ff6900;
    background-color: var(--background-loader);
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: background-color .25s ease;
    width: 4px
}

.mi-loading .mi-loading__animation:before {
    animation-delay: .25s;
    margin: -10px 0 0 -10px;
    transform: scaleY(.3)
}

.mi-loading .mi-loading__animation:after {
    animation-delay: .5s;
    margin: -10px 0 0 6px;
    transform: scaleY(.5)
}

.mi-loading .mi-loading__animation--white,.mi-loading .mi-loading__animation--white:after,.mi-loading .mi-loading__animation--white:before {
    background: var(--background-light)
}

.mi-loading .mi-loading__animation--gray,.mi-loading .mi-loading__animation--gray:after,.mi-loading .mi-loading__animation--gray:before {
    background: #0000004d
}

@keyframes loader {
    0% {
        opacity: .2;
        transform: scaleY(.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.mi-loading.mi-loading--scroll {
    height: auto;
    margin: 40px 0;
    width: 100%
}

.mi-loading.mi-loading--scroll .mi-loading__animation,.mi-loading.mi-loading--scroll .mi-loading__animation:after,.mi-loading.mi-loading--scroll .mi-loading__animation:before {
    height: 20px;
    width: 4px
}

.mi-loading.mi-loading--scroll .mi-loading__animation:before {
    margin: -10px 0 0 -10px
}

.mi-loading.mi-loading--scroll .mi-loading__animation:after {
    margin: -10px 0 0 6px
}

.mi-loading.mi-loading--inner {
    height: 100%;
    width: 100%
}

.mi-loading.mi-loading--mask {
    background-color: var(--background-mask-a65);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99
}

.mi-loading.mi-loading--mask .mi-loading__animation {
    position: absolute
}

.mi-loading.mi-loading--mask .mi-loading__title {
    color: var(--content-light);
    font-size: 18px;
    line-height: 1;
    margin: auto -100%;
    padding-top: 90px;
    text-align: center;
    -webkit-user-select: none;
    user-select: none
}

.search-modal {
    background-color: #191919b0;
    height: 100vh;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .2s cubic-bezier(0,0,.31,.92);
    width: 100vw
}

.search-modal .search-base {
    background-color: #fff;
    background-color: var(--background-white);
    opacity: 1;
    transform: translateY(-100%);
    transition: transform .5s cubic-bezier(0,0,.31,.92),opacity .5s cubic-bezier(0,0,.31,.92)!important;
    width: 100%
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .search-modal .search-base {
        height:411px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .search-modal .search-base {
        height:37.84722vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .search-modal .search-base {
        height:580px
    }
}

@media screen and (min-width: 1921px) {
    .search-modal .search-base {
        height:580px
    }
}

.search-modal .search-base .search-input {
    opacity: 0;
    transition: opacity .2s cubic-bezier(.4,.1,.85,.36)!important;
    transition-delay: .1s!important
}

.search-modal .search-base__container {
    box-sizing: border-box;
    margin: 0 auto
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .search-modal .search-base__container {
        padding-top:48px;
        width: 65%
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .search-modal .search-base__container {
        padding-top:5.55556vw;
        width: 55.27778vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .search-modal .search-base__container {
        padding-top:80px;
        width: 832px
    }
}

@media screen and (min-width: 1921px) {
    .search-modal .search-base__container {
        padding-top:80px;
        width: 832px
    }
}

.search-modal--hidden {
    opacity: 0;
    pointer-events: none
}

.search-modal--hidden .search-base {
    transform: translateY(-100%)
}

.search-modal--show {
    display: block;
    opacity: 1;
    pointer-events: all
}

.search-modal--show .search-base {
    max-width: 100%;
    opacity: 1;
    transform: translateY(0)
}

.search-modal--show .search-base .search-input {
    opacity: 1
}

div.search-input.mi-input {
    box-sizing: border-box
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    div.search-input.mi-input {
        border-radius:12px;
        font-size: 16px;
        height: 36px;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    div.search-input.mi-input {
        border-radius:.97222vw;
        font-size: max(1.25vw,12px);
        height: 2.91667vw;
        padding-left: 1.25vw;
        padding-right: 1.66667vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    div.search-input.mi-input {
        border-radius:14px;
        font-size: 24px;
        height: 56px;
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width: 1921px) {
    div.search-input.mi-input {
        border-radius:14px;
        font-size: 24px;
        height: 56px;
        padding-left: 24px;
        padding-right: 24px
    }
}

div.search-input.mi-input>#mi-base-search {
    box-sizing: border-box;
    line-height: 1.5;
    overflow: visible
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    div.search-input.mi-input>#mi-base-search {
        height:24px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    div.search-input.mi-input>#mi-base-search {
        height:2.22222vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    div.search-input.mi-input>#mi-base-search {
        height:32px
    }
}

@media screen and (min-width: 1921px) {
    div.search-input.mi-input>#mi-base-search {
        height:32px
    }
}

div.search-input.mi-input>#mi-base-search::placeholder {
    font-weight: 400
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    div.search-input.mi-input>.mi-input--prefix {
        margin-inline-end:.5em
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    div.search-input.mi-input>.mi-input--prefix {
        margin-inline-end:.75em
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    div.search-input.mi-input>.mi-input--prefix {
        margin-inline-end:.75em
    }
}

@media screen and (min-width: 1921px) {
    div.search-input.mi-input>.mi-input--prefix {
        margin-inline-end:.75em
    }
}

div.search-input.mi-input .micon {
    color: #898989;
    color: var(--brand-grey)
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    div.search-input.mi-input .micon {
        font-size:16px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    div.search-input.mi-input .micon {
        font-size:max(1.66667vw,12px)
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    div.search-input.mi-input .micon {
        font-size:32px
    }
}

@media screen and (min-width: 1921px) {
    div.search-input.mi-input .micon {
        font-size:32px
    }
}

div.search-input.mi-input .micon.micon-clear {
    cursor: pointer
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    div.search-input.mi-input .micon.micon-clear {
        font-size:14px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    div.search-input.mi-input .micon.micon-clear {
        font-size:max(1.25vw,12px)
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    div.search-input.mi-input .micon.micon-clear {
        font-size:24px
    }
}

@media screen and (min-width: 1921px) {
    div.search-input.mi-input .micon.micon-clear {
        font-size:24px
    }
}

div.search-input.mi-input.mi-input--active .micon {
    color: #191919;
    color: var(--brand-black)
}

div.search-input.mi-input .mi-input__clear--hide {
    display: none
}

.mi-input {
    align-items: center;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    position: relative;
    width: 240px
}

@media screen and (max-width: 720px) {
    .mi-input {
        border-radius:1.38889vw;
        font-size: 3.33333vw;
        font-size: max(3.33333vw,12px);
        height: 7.5vw;
        padding: 0 2.22222vw
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .mi-input {
        border-radius:7px;
        font-size: 12px;
        height: 32px;
        padding: 0 8px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .mi-input {
        border-radius:10px;
        font-size: 14px;
        height: 36px;
        padding: 0 12px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .mi-input {
        border-radius:12px;
        font-size: 16px;
        height: 42px;
        padding: 0 14px
    }
}

@media screen and (min-width: 1921px) {
    .mi-input {
        border-radius:14px;
        font-size: 16px;
        height: 48px;
        padding: 0 16px
    }
}

.mi-input>input {
    background-color: inherit;
    border: none;
    color: #191919;
    flex: 1 1;
    height: 100%;
    outline: none;
    padding: unset;
    width: 100%
}

.mi-input>input::placeholder {
    color: #d0d0d0
}

.mi-input--large {
    border-radius: 16px;
    font-size: 16px;
    height: 48px;
    padding: 0 16px
}

.mi-input--small {
    border-radius: 8px;
    font-size: 12px;
    height: 24px;
    padding: 0 8px
}

.mi-input--fullwidth {
    width: 100%
}

.mi-input--hover {
    border-color: #898989
}

.mi-input--hover>input::placeholder {
    color: #898989
}

.mi-input--active {
    border-color: #ff6900
}

.mi-input--disabled {
    background-color: #f3f3f3;
    border: 1px solid #d0d0d0;
    cursor: not-allowed
}

.mi-input--prefix {
    display: inline-block;
    margin-inline-end:.5em}

.mi-input--suffix {
    display: flex;
    margin-left: .5em
}

.search-recommend {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .search-recommend {
        margin-top:16px;
        padding: 16px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .search-recommend {
        margin-top:1.66667vw;
        padding: 1.66667vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .search-recommend {
        margin-top:24px;
        padding: 24px
    }
}

@media screen and (min-width: 1921px) {
    .search-recommend {
        margin-top:16px;
        padding: 24px
    }
}

.search-recommend--tip {
    color: #898989;
    color: var(--brand-grey)
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .search-recommend--tip {
        font-size:16px;
        line-height: 16px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .search-recommend--tip {
        font-size:max(1.38889vw,12px);
        line-height: 1.18056vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .search-recommend--tip {
        font-size:20px;
        line-height: 24px
    }
}

@media screen and (min-width: 1921px) {
    .search-recommend--tip {
        font-size:20px;
        line-height: 24px
    }
}

.search-recommend--list {
    box-sizing: border-box
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .search-recommend--list {
        margin-top:20px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .search-recommend--list {
        margin-top:1.38889vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .search-recommend--list {
        margin-top:20px
    }
}

@media screen and (min-width: 1921px) {
    .search-recommend--list {
        margin-top:20px
    }
}

.search-recommend--item {
    align-items: center;
    box-sizing: border-box;
    color: #898989;
    color: var(--brand-grey);
    cursor: pointer;
    display: flex;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .search-recommend--item {
        font-size:20px;
        height: 32px;
        margin-top: 16px;
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .search-recommend--item {
        font-size:max(1.25vw,12px);
        height: 2.77778vw;
        margin-top: .69444vw;
        padding-left: 3.33333vw;
        padding-right: 3.33333vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .search-recommend--item {
        font-size:24px;
        height: 40px;
        margin-top: 10px;
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width: 1921px) {
    .search-recommend--item {
        font-size:24px;
        height: 28px;
        margin-top: 10px;
        padding-left: 48px;
        padding-right: 48px
    }
}

.search-recommend--item:first-child {
    margin-top: unset
}

.search-recommend--item.active {
    background-color: #f3f3f3;
    background-color: var(--brand-grey-10);
    color: #191919;
    color: var(--brand-black);
    font-weight: 700
}

.search-recommend--item>span {
    display: inline-block
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .search-recommend.is-result-page .search-recommend--item {
        padding-left:24px;
        padding-right: 24px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .search-recommend.is-result-page .search-recommend--item {
        padding-left:1.66667vw;
        padding-right: 1.66667vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .search-recommend.is-result-page .search-recommend--item {
        padding-left:24px;
        padding-right: 24px
    }
}

@media screen and (min-width: 1921px) {
    .search-recommend.is-result-page .search-recommend--item {
        padding-left:24px;
        padding-right: 24px
    }
}

.search-suggest {
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 720px) {
    .search-suggest {
        padding-top:3.61111vw;
        padding-inline-end:3.61111vw;padding-inline-start:3.61111vw;padding-bottom: 3.61111vw
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .search-suggest {
        padding-top:24px;
        padding-inline-end:16px;padding-inline-start:16px;padding-bottom: 16px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .search-suggest {
        padding-top:.97222vw;
        padding-inline-end:.83333vw;padding-inline-start:.83333vw;padding-bottom: 1.66667vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .search-suggest {
        padding-top:14px;
        padding-inline-end:24px;padding-inline-start:24px;padding-bottom: 24px
    }
}

@media screen and (min-width: 1921px) {
    .search-suggest {
        padding-top:14px;
        padding-inline-end:24px;padding-inline-start:24px;padding-bottom: 24px
    }
}

.search-suggest--direct,.search-suggest--item {
    align-items: center;
    cursor: pointer;
    display: flex;
    position: relative
}

@media screen and (max-width: 720px) {
    .search-suggest--commodity>img {
        height:14.72222vw;
        width: 14.72222vw
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .search-suggest--commodity>img {
        height:72px;
        width: 72px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .search-suggest--commodity>img {
        height:6.66667vw;
        width: 6.66667vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .search-suggest--commodity>img {
        height:96px;
        width: 96px
    }
}

@media screen and (min-width: 1921px) {
    .search-suggest--commodity>img {
        height:96px;
        width: 96px
    }
}

.search-suggest--commodity__con {
    align-self: flex-start;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 720px) {
    .search-suggest--commodity__con {
        padding-inline-start:2.22222vw
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .search-suggest--commodity__con {
        padding-inline-start:16px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .search-suggest--commodity__con {
        padding-inline-start:1.66667vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .search-suggest--commodity__con {
        padding-inline-start:24px
    }
}

@media screen and (min-width: 1921px) {
    .search-suggest--commodity__con {
        padding-inline-start:24px
    }
}

@media screen and (max-width: 720px) {
    .search-suggest--commodity__con .mi-price {
        margin-top:2.77778vw
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .search-suggest--commodity__con .mi-price {
        margin-top:16px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .search-suggest--commodity__con .mi-price {
        margin-top:.55556vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .search-suggest--commodity__con .mi-price {
        margin-top:8px
    }
}

@media screen and (min-width: 1921px) {
    .search-suggest--commodity__con .mi-price {
        margin-top:8px
    }
}

.search-suggest--commodity__title {
    color: #898989;
    color: var(--brand-grey)
}

@media screen and (max-width: 720px) {
    .search-suggest--commodity__title {
        font-size:4.44444vw;
        font-size: max(4.44444vw,12px);
        line-height: 5.27778vw;
        margin-top: 1.66667vw
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .search-suggest--commodity__title {
        font-size:16px;
        line-height: 16px;
        margin-top: 8px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .search-suggest--commodity__title {
        font-size:max(1.66667vw,12px);
        line-height: 2.63889vw;
        margin-top: .76389vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .search-suggest--commodity__title {
        font-size:32px;
        line-height: 38px;
        margin-top: 11px
    }
}

@media screen and (min-width: 1921px) {
    .search-suggest--commodity__title {
        font-size:32px;
        line-height: 38px;
        margin-top: 11px
    }
}

.search-suggest--commodity__con>strong {
    color: #898989;
    color: var(--brand-grey);
    font-weight: 400;
    line-height: 29px
}

@media screen and (max-width: 720px) {
    .search-suggest--commodity__con>strong {
        font-size:3.33333vw;
        font-size: max(3.33333vw,12px)
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .search-suggest--commodity__con>strong {
        font-size:16px;
        line-height: 16px;
        margin-top: 16px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .search-suggest--commodity__con>strong {
        font-size:max(1.66667vw,12px);
        line-height: 1.66667vw;
        margin-top: .55556vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .search-suggest--commodity__con>strong {
        font-size:24px;
        line-height: 24px;
        margin-top: 8px
    }
}

@media screen and (min-width: 1921px) {
    .search-suggest--commodity__con>strong {
        font-size:24px;
        line-height: 29px;
        margin-top: 8px
    }
}

.search-suggest--commodity.active .search-suggest--commodity__title {
    color: #191919;
    color: var(--brand-black);
    font-weight: 700
}

.search-suggest--event>.micon-suggest {
    color: #ff6900;
    color: var(--brand-orange);
    font-weight: 700
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .search-suggest--event>.micon-suggest {
        font-size:18px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .search-suggest--event>.micon-suggest {
        font-size:max(1.66667vw,12px)
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .search-suggest--event>.micon-suggest {
        font-size:32px
    }
}

@media screen and (min-width: 1921px) {
    .search-suggest--event>.micon-suggest {
        font-size:32px
    }
}

.search-suggest--event__title {
    color: #ff6900;
    color: var(--brand-orange);
    display: inline-block;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .search-suggest--event__title {
        font-size:20px;
        line-height: 24px;
        margin-inline-start:4px;width: 78%
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .search-suggest--event__title {
        font-size:max(1.66667vw,12px);
        line-height: 2.01389vw;
        margin-inline-start:.55556vw;width: 41.66667vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .search-suggest--event__title {
        font-size:24px;
        line-height: 29px;
        margin-inline-start:8px;width: 624px
    }
}

@media screen and (min-width: 1921px) {
    .search-suggest--event__title {
        font-size:24px;
        line-height: 29px;
        margin-inline-start:8px;width: 624px
    }
}

.search-suggest i.micon-forward {
    color: #898989;
    color: var(--brand-grey);
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (max-width: 720px) {
    .search-suggest i.micon-forward {
        font-size:3.33333vw;
        font-size: max(3.33333vw,12px)
    }

    [dir=ltr] .search-suggest i.micon-forward {
        right: 3.33333vw
    }

    [dir=rtl] .search-suggest i.micon-forward {
        left: 3.33333vw
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .search-suggest i.micon-forward {
        font-size:16px
    }

    [dir=ltr] .search-suggest i.micon-forward {
        right: 16px
    }

    [dir=rtl] .search-suggest i.micon-forward {
        left: 16px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .search-suggest i.micon-forward {
        font-size:max(1.66667vw,12px)
    }

    [dir=ltr] .search-suggest i.micon-forward {
        right: 1.66667vw
    }

    [dir=rtl] .search-suggest i.micon-forward {
        left: 1.66667vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .search-suggest i.micon-forward {
        font-size:24px
    }

    [dir=ltr] .search-suggest i.micon-forward {
        right: 24px
    }

    [dir=rtl] .search-suggest i.micon-forward {
        left: 24px
    }
}

@media screen and (min-width: 1921px) {
    .search-suggest i.micon-forward {
        font-size:24px
    }

    [dir=ltr] .search-suggest i.micon-forward {
        right: 24px
    }

    [dir=rtl] .search-suggest i.micon-forward {
        left: 24px
    }
}

[dir=rtl] .search-suggest i.micon-forward {
    transform: translateY(-50%) rotate(180deg)
}

.search-suggest--item {
    align-items: center;
    box-sizing: border-box;
    color: #898989;
    color: var(--brand-grey);
    display: flex
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .search-suggest--item {
        font-size:16px;
        height: 32px;
        margin-top: 16px;
        padding-inline-start:16px}
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .search-suggest--item {
        font-size:max(1.25vw,12px);
        height: 2.77778vw;
        margin-top: .97222vw;
        padding-inline-start:2.5vw}
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .search-suggest--item {
        font-size:24px;
        height: 40px;
        margin-top: 14px;
        padding-inline-start:48px}
}

@media screen and (min-width: 1921px) {
    .search-suggest--item {
        font-size:24px;
        height: 40px;
        margin-top: 14px;
        padding-inline-start:48px}
}

.search-suggest--item.active {
    background-color: #f3f3f3;
    background-color: var(--brand-grey-10);
    font-weight: 700
}

.search-suggest--item.active,.search-suggest--item.active i.micon-forward {
    color: #191919;
    color: var(--brand-black)
}

.search-suggest--item:first-child {
    margin-top: unset
}

.search-suggest--item>span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width: 720px) {
    .search-suggest--item>span {
        line-height:4.44444vw;
        width: 63.88889vw
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .search-suggest--item>span {
        line-height:24px;
        width: 84%
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .search-suggest--item>span {
        line-height:2.01389vw;
        width: 43.75vw
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .search-suggest--item>span {
        line-height:29px;
        width: 664px
    }
}

@media screen and (min-width: 1921px) {
    .search-suggest--item>span {
        line-height:29px;
        width: 664px
    }
}

.search-suggest--direct.active i.micon-forward {
    color: #191919;
    color: var(--brand-black);
    font-weight: 700
}

.search-suggest .search-suggest--support {
    color: #ff6900;
    color: var(--text-primary)
}

.mi-price {
    word-break: keep-all
}

.mi-price mark {
    background-color: inherit;
    color: inherit;
    padding: 0
}

.mi-price i,.mi-price mark {
    font-style: inherit
}

.mi-price span {
    font-weight: 400
}

.mi-price strong {
    display: inline-block;
    font-weight: 400;
    white-space: nowrap
}

.mi-price strong small,[lang=ja-JP] .mi-price strong i[data-type=suffix] {
    font-size: 70%
}

.mi-price del {
    font-style: normal;
    white-space: nowrap
}

.error-boundary {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: center
}

@media screen and (max-width: 720px) {
    .error-boundary {
        padding-bottom:25px;
        padding-top: 16px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .error-boundary {
        padding-bottom:80px;
        padding-top: 40px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .error-boundary {
        padding-bottom:80px;
        padding-top: 40px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .error-boundary {
        padding-bottom:100px;
        padding-top: 80px
    }
}

@media screen and (min-width: 1921px) {
    .error-boundary {
        padding-bottom:100px;
        padding-top: 80px
    }
}

@media screen and (max-width: 720px) {
    .error-boundary {
        justify-content:space-between
    }

    .error-boundary~.site-footer,.error-boundary~.site__survey {
        display: none
    }
}

.error-boundary .error-boundary__notice {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 720px) {
    .error-boundary .error-boundary__notice {
        flex-grow:1;
        justify-content: center
    }
}

.error-boundary .error-boundary__image {
    background-image: url(//i01.appmifile.com/webfile/globalimg/miv4/page-error.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (max-width: 720px) {
    .error-boundary .error-boundary__image {
        height:134px;
        margin-bottom: 28px;
        width: 200px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .error-boundary .error-boundary__image {
        height:200px;
        margin-bottom: 16px;
        width: 300px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .error-boundary .error-boundary__image {
        height:320px;
        margin-bottom: 30px;
        width: 480px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .error-boundary .error-boundary__image {
        height:390px;
        margin-bottom: 65px;
        width: 600px
    }
}

@media screen and (min-width: 1921px) {
    .error-boundary .error-boundary__image {
        height:390px;
        margin-bottom: 65px;
        width: 600px
    }
}

.error-boundary .error-boundary__info {
    color: #191919;
    color: var(--text-base);
    font-weight: 700;
    text-align: center
}

@media screen and (max-width: 720px) {
    .error-boundary .error-boundary__info {
        font-size:16px;
        line-height: 20px;
        max-width: 328px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .error-boundary .error-boundary__info {
        font-size:24px;
        line-height: 30px;
        margin-bottom: 16px;
        max-width: 580px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .error-boundary .error-boundary__info {
        font-size:24px;
        line-height: 30px;
        margin-bottom: 24px;
        max-width: 800px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .error-boundary .error-boundary__info {
        font-size:32px;
        line-height: 38px;
        margin-bottom: 40px;
        max-width: 1080px
    }
}

@media screen and (min-width: 1921px) {
    .error-boundary .error-boundary__info {
        font-size:32px;
        line-height: 38px;
        margin-bottom: 40px;
        max-width: 1080px
    }
}

@media screen and (max-width: 720px) {
    .error-boundary .error-boundary__info {
        padding-bottom:16px
    }
}

.error-boundary .error-boundary__btn-wrapper {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .error-boundary .error-boundary__btn-wrapper {
        max-width:580px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .error-boundary .error-boundary__btn-wrapper {
        max-width:800px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .error-boundary .error-boundary__btn-wrapper {
        max-width:1080px
    }
}

@media screen and (min-width: 1921px) {
    .error-boundary .error-boundary__btn-wrapper {
        max-width:1080px
    }
}

@media screen and (max-width: 720px) {
    .error-boundary .error-boundary__btn-wrapper {
        padding:0 16px
    }
}

.error-boundary .error-boundary__btn {
    margin-inline-end:20px}

.error-boundary .error-boundary__btn:last-child {
    margin-inline-end:0}

@media screen and (max-width: 720px) {
    .error-boundary .error-boundary__btn {
        --btn-padding:8px 0;
        --btn-font-size: 12px;
        --btn-border-radius: 8px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .error-boundary .error-boundary__btn {
        --btn-padding:8px 16px;
        --btn-font-size: 16px;
        --btn-border-radius: 12px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .error-boundary .error-boundary__btn {
        --btn-padding:12px 24px;
        --btn-font-size: 16px;
        --btn-border-radius: 12px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .error-boundary .error-boundary__btn {
        --btn-padding:12px 40px;
        --btn-font-size: 24px;
        --btn-border-radius: 14px
    }
}

@media screen and (min-width: 1921px) {
    .error-boundary .error-boundary__btn {
        --btn-padding:12px 40px;
        --btn-font-size: 24px;
        --btn-border-radius: 14px
    }
}

@media screen and (max-width: 720px) {
    .error-boundary .error-boundary__btn {
        margin-bottom:16px;
        margin-inline-end:0;width: 100%
    }

    .error-boundary .error-boundary__btn:last-child {
        margin-bottom: 0
    }
}

.site-footer {
    color: #fff;
    color: var(--text-reverse)
}

@media screen and (max-width: 720px) {
    .site-footer.site-footer--desktop-only {
        display:none
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer.site-footer--mobile-only {
        display:none
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer.site-footer--mobile-only {
        display:none
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer.site-footer--mobile-only {
        display:none
    }
}

@media screen and (min-width: 1921px) {
    .site-footer.site-footer--mobile-only {
        display:none
    }
}

.site-footer .site-container {
    box-sizing: border-box;
    margin: 0 auto
}

@media screen and (max-width: 720px) {
    .site-footer .site-container {
        padding:0 20px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-container {
        padding:0 32px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-container {
        padding:0 32px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-container {
        padding:0 32px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-container {
        padding:0 32px
    }
}

.site-footer .site-container a:hover {
    text-decoration: underline
}

.site-footer .site-footer__content {
    background-color: #191919;
    background-color: var(--background-black)
}

@media screen and (max-width: 720px) {
    .site-footer .site-footer__content {
        padding-top:20px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__content {
        padding-top:32px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__content {
        padding-top:64px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__content {
        padding-top:64px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__content {
        padding-top:64px
    }
}

.site-footer .site-footer__main {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 720px) {
    .site-footer .site-footer__main {
        flex-direction:row
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__main {
        flex-direction:column-reverse
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__main {
        flex-direction:row
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__main {
        flex-direction:row
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__main {
        flex-direction:row
    }
}

.site-footer .site-footer__title {
    color: #fff;
    color: var(--text-reverse);
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 16px
}

@media screen and (max-width: 720px) {
    .site-footer .site-footer__title {
        font-size:12px;
        line-height: 16px;
        margin-bottom: 12px
    }
}

.site-footer .site-footer__link {
    color: #898989;
    color: var(--text-secondary)
}

.site-footer .site-footer__link:hover {
    color: #fff;
    color: var(--text-reverse)
}

.site-survey {
    bottom: 0;
    color: #d0d0d0;
    display: flex;
    height: 0;
    justify-content: flex-end;
    position: sticky;
    z-index: 2
}

@media screen and (max-width: 720px) {
    .site-survey {
        color:#ff6900;
        color: var(--text-primary);
        height: auto;
        position: static;
        width: 100%
    }
}

.site-survey:focus-visible,.site-survey:hover {
    color: #fff;
    color: var(--text-reverse)
}

.site-survey:focus-visible .survey__text,.site-survey:hover .survey__text {
    text-decoration: underline
}

@media screen and (max-width: 720px) {
    .site-survey:focus-visible,.site-survey:hover {
        color:#ff6900;
        color: var(--text-primary)
    }
}

.site-survey .survey__wrapper {
    background-color: #191919;
    background-color: var(--background-black);
    bottom: 0;
    padding: 16px;
    position: absolute
}

@media screen and (max-width: 720px) {
    .site-survey .survey__wrapper {
        background-color:initial;
        margin: 0 auto;
        position: static
    }
}

.site-survey .survey__link {
    align-items: center;
    column-gap: 8px;
    display: grid;
    grid-auto-flow: column
}

@media screen and (max-width: 720px) {
    .site-survey .survey__link {
        column-gap:6px
    }
}

.site-survey .survey__icon-notes {
    font-size: 24px;
    line-height: 1
}

@media screen and (max-width: 720px) {
    .site-survey .survey__icon-notes {
        font-size:16px
    }
}

[dir=rtl] .site-survey .survey__icon-notes {
    transform: scaleX(-1)
}

.site-survey .survey__text {
    max-width: 50vw
}

@media screen and (max-width: 720px) {
    .site-survey .survey__text {
        font-size:12px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-survey .survey__text {
        font-size:14px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-survey .survey__text {
        font-size:16px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-survey .survey__text {
        font-size:16px
    }
}

@media screen and (min-width: 1921px) {
    .site-survey .survey__text {
        font-size:16px
    }
}

@media screen and (max-width: 720px) {
    .site-survey .survey__text {
        max-width:none
    }
}

.site-survey .survey__icon-arrow {
    font-size: 14px;
    font-weight: 700;
    line-height: 1
}

@media screen and (max-width: 720px) {
    .site-survey .survey__icon-arrow {
        font-size:12px;
        font-weight: 400
    }
}

[dir=rtl] .site-survey .survey__icon-arrow {
    transform: rotate(180deg)
}

.site-footer .site-footer__nav {
    display: flex;
    flex-grow: 1;
    margin-inline-end:50px;width: 100%
}

@media screen and (max-width: 720px) {
    .site-footer .site-footer__nav {
        display:none
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__nav {
        margin-inline-end:0
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__nav {
        max-width:1008px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__nav {
        max-width:944px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__nav {
        max-width:944px
    }
}

.site-footer .site-footer__nav .nav__column {
    flex: 1 1
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__nav .nav__column {
        margin-inline-end:24px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__nav .nav__column {
        margin-inline-end:16px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__nav .nav__column {
        margin-inline-end:16px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__nav .nav__column {
        margin-inline-end:16px
    }
}

.site-footer .site-footer__nav .nav__column:last-child {
    margin-inline-end:0}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__nav .nav__column:last-child {
        margin-inline-end:24px
    }

    .site-footer .site-footer__nav .column-section {
        margin-bottom: 50px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__nav .column-section {
        margin-bottom:45px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__nav .column-section {
        margin-bottom:45px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__nav .column-section {
        margin-bottom:45px
    }
}

.site-footer .site-footer__nav .column-section:last-child {
    margin-bottom: 0
}

.site-footer .site-footer__nav .column-section .column-section__list {
    padding: 0
}

.site-footer .site-footer__nav .column-section .column-section__item {
    margin-bottom: 16px
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__nav .column-section .column-section__item {
        font-size:16px;
        line-height: 20px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__nav .column-section .column-section__item {
        font-size:14px;
        line-height: 18px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__nav .column-section .column-section__item {
        font-size:16px;
        line-height: 20px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__nav .column-section .column-section__item {
        font-size:16px;
        line-height: 20px
    }
}

.site-footer .site-footer__nav .column-section .column-section__item:last-child {
    margin-bottom: 0
}

.site-footer .site-footer__nav .column-section .column-section__link {
    color: #898989;
    color: var(--text-secondary)
}

.site-footer .site-footer__nav .column-section .column-section__link:focus-visible,.site-footer .site-footer__nav .column-section .column-section__link:hover {
    color: #fff;
    color: var(--text-reverse)
}

.site-footer .site-footer__aside {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__aside {
        border-bottom:1px solid #898989;
        border-bottom: 1px solid var(--border-base);
        flex-direction: row;
        margin-bottom: 32px;
        padding-bottom: 32px
    }
}

@media screen and (max-width: 720px) {
    .site-footer .site-footer__aside {
        --icon-size:24px;
        min-width: 100%;
        width: 100%
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__aside {
        --icon-size:32px;
        min-width: 100%;
        width: 100%
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__aside {
        --icon-size:32px;
        min-width: 316px;
        width: 316px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__aside {
        --icon-size:32px;
        min-width: 408px;
        width: 408px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__aside {
        --icon-size:32px;
        min-width: 408px;
        width: 408px
    }
}

.site-footer .site-footer__aside .site-footer__follow {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__aside .site-footer__follow {
        flex:1 1
    }
}

@media screen and (max-width: 720px) {
    .site-footer .site-footer__aside .site-footer__follow {
        margin-bottom:22px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__aside .site-footer__follow {
        margin-bottom:24px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__aside .site-footer__follow {
        margin-bottom:24px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__aside .site-footer__follow {
        margin-bottom:24px
    }
}

.site-footer .site-footer__aside .site-footer__follow-list {
    display: flex
}

@media screen and (max-width: 720px) {
    .site-footer .site-footer__aside .site-footer__follow-item {
        margin-inline-end:20px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__aside .site-footer__follow-item {
        margin-inline-end:12px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__aside .site-footer__follow-item {
        margin-inline-end:16px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__aside .site-footer__follow-item {
        margin-inline-end:16px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__aside .site-footer__follow-item {
        margin-inline-end:16px
    }
}

.site-footer .site-footer__aside .site-footer__follow-item:last-child {
    margin-inline-end:0}

.site-footer .site-footer__aside .site-footer__follow-link {
    background-size: 100%;
    display: inline-block;
    height: var(--icon-size);
    width: var(--icon-size)
}

.site-footer .site-footer__aside .site-footer__follow-link:focus-visible,.site-footer .site-footer__aside .site-footer__follow-link:hover {
    text-decoration: none
}

.site-footer .site-footer__aside .site-footer__follow-link:focus-visible .site-footer__follow-icon,.site-footer .site-footer__aside .site-footer__follow-link:hover .site-footer__follow-icon {
    color: #fff;
    color: var(--text-reverse)
}

.site-footer .site-footer__aside .site-footer__follow-link:focus-visible {
    outline-offset: -2px
}

.site-footer .site-footer__aside .site-footer__follow-icon {
    color: #d0d0d0;
    color: var(--brand-grey-40);
    font-size: var(--icon-size);
    line-height: 1
}

.site-footer .site-footer__aside .site-footer__connect {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__aside .site-footer__connect {
        flex:1 1
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__aside .site-footer__connect {
        margin-bottom:32px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__aside .site-footer__connect {
        margin-bottom:24px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__aside .site-footer__connect {
        margin-bottom:24px
    }
}

.site-footer .site-footer__aside .site-footer__connect .site-footer__form {
    width: 100%
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__aside .site-footer__connect .site-footer__form {
        width:230px
    }
}

.site-footer .site-footer__aside .site-footer__connect .site-footer__input {
    align-items: center;
    border: 1px solid #dbdbdb;
    border: 1px solid var(--brand-grey-30);
    display: flex;
    justify-content: space-between;
    position: relative
}

@media screen and (max-width: 720px) {
    .site-footer .site-footer__aside .site-footer__connect .site-footer__input {
        border-radius:8px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__aside .site-footer__connect .site-footer__input {
        border-radius:8px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__aside .site-footer__connect .site-footer__input {
        border-radius:12px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__aside .site-footer__connect .site-footer__input {
        border-radius:14px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__aside .site-footer__connect .site-footer__input {
        border-radius:14px
    }
}

.site-footer .site-footer__aside .site-footer__connect .site-footer__email {
    background-color: initial;
    border: none;
    box-shadow: none;
    box-sizing: border-box;
    color: #fff;
    color: var(--text-reverse);
    flex-grow: 1;
    width: 100%
}

.site-footer .site-footer__aside .site-footer__connect .site-footer__email:focus-visible {
    outline: 4px solid var(--outline-color)
}

@media screen and (max-width: 720px) {
    .site-footer .site-footer__aside .site-footer__connect .site-footer__email {
        border-radius:6px;
        font-size: 12px;
        height: 24px;
        padding-inline-end:26px;padding-inline-start:8px}
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__aside .site-footer__connect .site-footer__email {
        border-radius:8px;
        font-size: 14px;
        height: 30px;
        padding-inline-end:30px;padding-inline-start:12px}
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__aside .site-footer__connect .site-footer__email {
        border-radius:12px;
        font-size: 14px;
        height: 38px;
        padding-inline-end:36px;padding-inline-start:14px}
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__aside .site-footer__connect .site-footer__email {
        border-radius:14px;
        font-size: 16px;
        height: 48px;
        padding-inline-end:42px;padding-inline-start:16px}
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__aside .site-footer__connect .site-footer__email {
        border-radius:14px;
        font-size: 16px;
        height: 48px;
        padding-inline-end:42px;padding-inline-start:16px}
}

.site-footer .site-footer__aside .site-footer__connect .site-footer__email::placeholder {
    color: #d0d0d0;
    color: var(--brand-grey-40)
}

.site-footer .site-footer__aside .site-footer__connect .site-footer__email:placeholder-shown {
    text-overflow: ellipsis
}

.site-footer .site-footer__aside .site-footer__connect .site-footer__submit {
    line-height: 1;
    position: absolute;
    transform: rotate(0)
}

[dir=rtl] .site-footer .site-footer__aside .site-footer__connect .site-footer__submit {
    transform: rotate(180deg)
}

@media screen and (max-width: 720px) {
    [dir=ltr] .site-footer .site-footer__aside .site-footer__connect .site-footer__submit {
        right:8px
    }

    [dir=rtl] .site-footer .site-footer__aside .site-footer__connect .site-footer__submit {
        left: 8px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    [dir=ltr] .site-footer .site-footer__aside .site-footer__connect .site-footer__submit {
        right:12px
    }

    [dir=rtl] .site-footer .site-footer__aside .site-footer__connect .site-footer__submit {
        left: 12px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    [dir=ltr] .site-footer .site-footer__aside .site-footer__connect .site-footer__submit {
        right:14px
    }

    [dir=rtl] .site-footer .site-footer__aside .site-footer__connect .site-footer__submit {
        left: 14px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    [dir=ltr] .site-footer .site-footer__aside .site-footer__connect .site-footer__submit {
        right:16px
    }

    [dir=rtl] .site-footer .site-footer__aside .site-footer__connect .site-footer__submit {
        left: 16px
    }
}

@media screen and (min-width: 1921px) {
    [dir=ltr] .site-footer .site-footer__aside .site-footer__connect .site-footer__submit {
        right:16px
    }

    [dir=rtl] .site-footer .site-footer__aside .site-footer__connect .site-footer__submit {
        left: 16px
    }
}

.site-footer .site-footer__aside .site-footer__connect .site-footer__submit:focus-visible {
    outline: 4px solid var(--outline-color)
}

.site-footer .site-footer__aside .site-footer__connect .site-footer__submit .submit__icon {
    line-height: 1
}

@media screen and (max-width: 720px) {
    .site-footer .site-footer__aside .site-footer__connect .site-footer__submit .submit__icon {
        --icon-font-size:16px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__aside .site-footer__connect .site-footer__submit .submit__icon {
        --icon-font-size:16px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__aside .site-footer__connect .site-footer__submit .submit__icon {
        --icon-font-size:20px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__aside .site-footer__connect .site-footer__submit .submit__icon {
        --icon-font-size:24px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__aside .site-footer__connect .site-footer__submit .submit__icon {
        --icon-font-size:24px
    }
}

.site-footer .site-footer__aside .site-footer__app-wrapper {
    border: 1px solid #dbdbdb;
    border: 1px solid var(--brand-grey-30);
    box-sizing: border-box
}

@media screen and (max-width: 720px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper {
        display:none
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper {
        display:none
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper {
        border-radius:12px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper {
        border-radius:14px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper {
        border-radius:14px
    }
}

.site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app:not(:first-child) {
    border-top: 1px solid #dbdbdb;
    border-top: 1px solid var(--brand-grey-30)
}

.site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--mi-store {
    align-items: center;
    display: flex
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--mi-store {
        padding:16px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--mi-store {
        padding:16px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--mi-store {
        padding:16px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--mi-store .app-mi-store__qr-code {
        margin-inline-end:10px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--mi-store .app-mi-store__qr-code {
        margin-inline-end:16px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--mi-store .app-mi-store__qr-code {
        margin-inline-end:16px
    }
}

.site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--mi-store .app-mi-store__qr-code img {
    border-radius: 4px
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--mi-store .app-mi-store__qr-code img {
        height:64px;
        width: 64px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--mi-store .app-mi-store__qr-code img {
        height:80px;
        width: 80px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--mi-store .app-mi-store__qr-code img {
        height:80px;
        width: 80px
    }
}

.site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--mi-store .app-mi-store__title {
    color: #fff;
    color: var(--text-reverse);
    margin-bottom: 8px
}

.site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--mi-store .app-mi-store__description {
    color: #898989;
    color: var(--text-secondary)
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--mi-store .app-mi-store__description {
        font-size:14px;
        line-height: 18px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--mi-store .app-mi-store__description {
        font-size:16px;
        line-height: 20px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--mi-store .app-mi-store__description {
        font-size:16px;
        line-height: 20px
    }
}

.site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--play-store .app-play-store__title {
    display: none
}

.site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--play-store .app-play-store__link {
    align-items: center;
    color: #fff;
    color: var(--text-reverse);
    display: flex;
    justify-content: center
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--play-store .app-play-store__link {
        font-size:14px;
        line-height: 18px;
        margin: 16px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--play-store .app-play-store__link {
        font-size:16px;
        line-height: 20px;
        margin: 16px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--play-store .app-play-store__link {
        font-size:16px;
        line-height: 20px;
        margin: 16px
    }
}

.site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--play-store .app-play-store__link:focus-visible {
    outline-offset: 2px
}

.site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--play-store .app-play-store__link:hover {
    color: #fff;
    color: var(--text-reverse)
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--play-store .app-play-store__logo {
        height:20px;
        margin-inline-end:16px;width: 20px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--play-store .app-play-store__logo {
        height:24px;
        margin-inline-end:24px;width: 24px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__aside .site-footer__app-wrapper .site-footer__app--play-store .app-play-store__logo {
        height:24px;
        margin-inline-end:24px;width: 24px
    }
}

.mi-toast .mi-toast__wrapper-enter,.mi-toast .mi-toast__wrapper-enter-active,.mi-toast .mi-toast__wrapper-exit {
    opacity: 1
}

.mi-toast .mi-toast__wrapper-exit-active {
    opacity: 0;
    transition: opacity .5s
}

.mi-toast .mi-toast__main {
    align-items: center;
    background: #191919cc;
    border-radius: 11px;
    box-shadow: 0 4px 8px 0 #19191914;
    box-sizing: border-box;
    color: #fff;
    color: var(--text-reverse);
    display: flex;
    font-size: 24px;
    font-weight: 400;
    justify-content: space-between;
    left: 50%;
    line-height: 1.3;
    max-width: 520px;
    min-width: 318px;
    padding: 24px 32px;
    position: fixed;
    text-align: center;
    top: 50%;
    transform: translate(-50%);
    z-index: 50
}

@media screen and (max-width: 720px) {
    .mi-toast .mi-toast__main {
        border-radius:1.66667vw;
        box-shadow: 0 .83333vw 1.66667vw 0 #19191914;
        font-size: 3.33333vw;
        font-size: max(3.33333vw,12px);
        max-width: 66.66667vw;
        min-width: 43.88889vw;
        padding: 2.77778vw 4.44444vw
    }
}

.mi-toast .mi-toast__content {
    word-wrap: break-word;
    width: 100%
}

.site-footer .site-footer__footer {
    align-items: center;
    border-top: 1px solid #898989;
    border-top: 1px solid var(--border-base);
    box-sizing: border-box;
    display: flex
}

@media screen and (max-width: 720px) {
    .site-footer .site-footer__footer {
        flex-direction:column-reverse;
        font-size: 12px;
        line-height: 14px
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__footer {
        flex-direction:column-reverse;
        font-size: 16px;
        line-height: 20px;
        margin-top: 32px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__footer {
        flex-direction:row;
        font-size: 14px;
        line-height: 16px;
        margin-top: 48px;
        padding: 22px 0 38px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__footer {
        flex-direction:row;
        font-size: 16px;
        line-height: 20px;
        margin-top: 64px;
        padding: 24px 0 38px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__footer {
        flex-direction:row;
        font-size: 18px;
        line-height: 20px;
        margin-top: 64px;
        padding: 24px 0 38px
    }
}

@media screen and (max-width: 720px) {
    .site-footer .site-footer__footer {
        border-top:none
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__footer {
        align-items:flex-start;
        border-top: none
    }
}

.site-footer .site-footer__footer .text-with-inline-end-border {
    border-inline-end:1px solid #fff;border-inline-end:1px solid var(--background-white);margin-inline-end: 16px;
    padding-inline-end:16px}

@media screen and (max-width: 720px) {
    .site-footer .site-footer__footer .text-with-inline-end-border {
        margin-inline-end:8px;
        padding-inline-end:8px}

    .site-footer .site-footer__footer .site-footer__legal {
        border-top: 1px solid #898989;
        border-top: 1px solid var(--border-base);
        color: #898989;
        color: var(--text-secondary);
        padding: 14px 0;
        width: 100%
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__footer .site-footer__legal {
        border-top:1px solid #898989;
        border-top: 1px solid var(--border-base);
        color: #898989;
        color: var(--text-secondary);
        padding: 16px 0 32px;
        width: 100%
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__footer .site-footer__legal {
        margin-inline-end:32px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__footer .site-footer__legal {
        margin-inline-end:32px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__footer .site-footer__legal {
        margin-inline-end:32px
    }
}

.site-footer .site-footer__footer .site-footer__settings {
    align-items: center;
    display: flex;
    flex: 1 1
}

@media screen and (max-width: 720px) {
    .site-footer .site-footer__footer .site-footer__settings {
        align-items:start;
        flex-direction: column;
        padding: 22px 0 14px;
        width: 100%
    }
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__footer .site-footer__settings {
        border-top:1px solid #898989;
        border-top: 1px solid var(--border-base);
        padding: 22px 0;
        width: 100%
    }
}

.site-footer .site-footer__footer .site-footer__settings .site-footer__sitemap {
    flex: 1 1;
    margin-inline-end:32px}

@media screen and (max-width: 720px) {
    .site-footer .site-footer__footer .site-footer__settings .site-footer__sitemap {
        margin-top:12px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__footer .site-footer__settings>:only-child.site-footer__locale {
        margin-inline-start:auto
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__footer .site-footer__settings>:only-child.site-footer__locale {
        margin-inline-start:auto
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__footer .site-footer__settings>:only-child.site-footer__locale {
        margin-inline-start:auto
    }
}

.site-footer .site-footer__footer .site-footer__settings .site-footer__cookie {
    margin-inline-end:32px}

.site-footer .site-footer__footer .site-footer__settings .site-footer__cookie #teconsent,.site-footer .site-footer__footer .site-footer__settings .site-footer__cookie a {
    display: inline-block
}

.site-footer .site-footer__footer .site-footer__settings .site-footer__locale {
    align-items: center;
    display: flex
}

@media screen and (max-width: 720px) {
    .site-footer .site-footer__footer .site-footer__settings .site-footer__locale {
        margin-top:12px
    }

    .site-footer .site-footer__footer .site-footer__settings .site-footer__locale .locale__link {
        margin-inline-end:8px}
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__footer .site-footer__settings .site-footer__locale .locale__link {
        margin-inline-end:24px
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__footer .site-footer__settings .site-footer__locale .locale__link {
        margin-inline-end:16px
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__footer .site-footer__settings .site-footer__locale .locale__link {
        margin-inline-end:16px
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__footer .site-footer__settings .site-footer__locale .locale__link {
        margin-inline-end:16px
    }
}

.site-footer .site-footer__footer .site-footer__settings .site-footer__locale .locale__link:focus-visible,.site-footer .site-footer__footer .site-footer__settings .site-footer__locale .locale__link:hover {
    color: #fff;
    color: var(--text-reverse)
}

.site-footer .site-footer__footer .site-footer__settings .site-footer__locale .locale__link:last-child {
    margin-inline-end:0;text-decoration: none
}

.site-footer .site-footer__footer .site-footer__settings .site-footer__locale .locale__icon {
    font-size: 24px;
    line-height: 1
}

@media screen and (max-width: 720px) {
    .site-footer .site-footer__footer .site-footer__settings .site-footer__locale .locale__icon {
        font-size:14px
    }
}

.site-footer .site-footer__footer .site-footer__app--mi-store {
    align-items: center;
    border-top: 1px solid #898989;
    border-top: 1px solid var(--border-base);
    display: flex;
    padding: 32px 0;
    width: 100%
}

@media screen and (max-width: 720px) {
    .site-footer .site-footer__footer .site-footer__app--mi-store {
        display:none
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__footer .site-footer__app--mi-store {
        display:none
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__footer .site-footer__app--mi-store {
        display:none
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__footer .site-footer__app--mi-store {
        display:none
    }
}

.site-footer .site-footer__footer .site-footer__app--mi-store .app-mi-store__qr-code {
    margin-inline-end:16px}

.site-footer .site-footer__footer .site-footer__app--mi-store .app-mi-store__qr-code img {
    border-radius: 4px;
    height: 80px;
    width: 80px
}

.site-footer .site-footer__footer .site-footer__app--mi-store .app-mi-store__description {
    color: #898989;
    color: var(--text-secondary);
    font-size: 16px;
    line-height: 20px
}

.site-footer .site-footer__footer .site-footer__app--play-store {
    margin-top: 20px;
    width: 100%
}

@media screen and (min-width: 721px) and (max-width:1024px) {
    .site-footer .site-footer__footer .site-footer__app--play-store {
        display:none
    }
}

@media screen and (min-width: 1025px) and (max-width:1440px) {
    .site-footer .site-footer__footer .site-footer__app--play-store {
        display:none
    }
}

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .site-footer .site-footer__footer .site-footer__app--play-store {
        display:none
    }
}

@media screen and (min-width: 1921px) {
    .site-footer .site-footer__footer .site-footer__app--play-store {
        display:none
    }
}

.site-footer .site-footer__footer .site-footer__app--play-store .app-play-store__link {
    align-items: center;
    background-color: #fff;
    background-color: var(--background-white);
    border-radius: 8px;
    color: #191919;
    color: var(--text-base);
    display: flex;
    font-size: 12px;
    justify-content: center;
    padding: 8px 0
}

.site-footer .site-footer__footer .site-footer__app--play-store .app-play-store__link:focus,.site-footer .site-footer__footer .site-footer__app--play-store .app-play-store__link:hover {
    background-color: #e1e1e1;
    text-decoration: none
}

.site-footer .site-footer__footer .site-footer__app--play-store .app-play-store__link:focus-visible {
    outline-offset: 0
}

.site-footer .site-footer__footer .site-footer__app--play-store .app-play-store__logo {
    height: 16px;
    margin-inline-end:12px;width: 16px
}