.shadow-01 {
  box-shadow: 0 6px 16px rgba(0,0,0,.1)
}
.shadow-02 {
  box-shadow: 0 12px 22px rgba(0,0,0,.1)
}
.shadow-03 {
  box-shadow: 0 24px 34px rgba(0,0,0,.1)
}
.blur-01 {
  filter: blur(4px)
}
@font-face {
  font-family: Inter;
  src: url("../assets/asset-0.ttf") format("truetype-variations");
  font-weight: 400 700
}
@font-face {
  font-family: REM;
  src: url("../assets/asset-1.ttf") format("truetype-variations");
  font-weight: 300 600
}
.heading-alt-01,
.heading-alt-02,
.heading-alt-03,
.navigation-01,
.title-alt-01,
.title-alt-02,
.title-alt-03 {
  text-transform: uppercase
}
.body-01 {
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0
}
.body-02,
.contactForm .smartTribuneWidget .st-contact-form-select-root .question-list-item .question-item-button,
.dropdownBloc .dbItemCol .dbItemRenderer {
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
.body-03,
.dropdownBloc .dbItemCol .dbItemRenderer.db-l {
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0
}
.body-strong-01 {
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0
}
.body-strong-02 {
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0
}
.body-strong-03 {
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0
}
.caption-01 {
  font-family: Inter,sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0
}
.caption-02 {
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0
}
.caption-strong-01 {
  font-family: Inter,sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0
}
.caption-strong-02 {
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0
}
.link-01 {
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  cursor: pointer
}
.link-02 {
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  cursor: pointer
}
.title-01 {
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0
}
.title-02 {
  font-family: Inter,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0
}
.title-03 {
  font-family: Inter,sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0
}
.title-strong-01 {
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0
}
.title-strong-02 {
  font-family: Inter,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0
}
.title-strong-03 {
  font-family: Inter,sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0
}
.title-alt-01 {
  font-family: REM,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0
}
.title-alt-02 {
  font-family: REM,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
  letter-spacing: 0
}
.title-alt-03 {
  font-family: REM,sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px;
  letter-spacing: 0
}
.heading-01 {
  font-family: Inter,sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0
}
.heading-02 {
  font-family: Inter,sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0
}
.heading-03 {
  font-family: Inter,sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: 0
}
.heading-alt-01 {
  font-family: REM,sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 40px;
  letter-spacing: 0
}
.heading-alt-02 {
  font-family: REM,sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  line-height: 48px;
  letter-spacing: 0
}
.heading-alt-03 {
  font-family: REM,sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 300;
  line-height: 56px;
  letter-spacing: 0
}
.product-01 {
  font-family: REM,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  letter-spacing: 0
}
.product-02 {
  font-family: REM,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0
}
.product-03 {
  font-family: REM,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  letter-spacing: 0
}
.product-04 {
  font-family: REM,sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px;
  letter-spacing: 0
}
.collection-01 {
  font-family: Inter,sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0
}
.collection-02 {
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0
}
.collection-03 {
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
.price-01 {
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0
}
.price-02 {
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
.price-03 {
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0
}
.price-04 {
  font-family: Inter,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0
}
.price-slashed-01 {
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through
}
.price-slashed-02 {
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through
}
.price-slashed-03 {
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through
}
.price-slashed-04 {
  font-family: Inter,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through
}
.navigation-01 {
  font-family: REM,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0
}
:root {
  --sfra-brand-01: #0b1215;
  --sfra-brand-02: #0b1215;
  --sfra-brand-03: #f9d0db;
  --sfra-payment: #0b1215;
  --sfra-payment-hover: #343a3f;
  --sfra-sales-01: #eb5445;
  --sfra-sales-02: #fbddda;
  --sfra-loyalty-01: #e0144c;
  --sfra-loyalty-background-01: #fff8f8;
  --sfra-loyalty-02: #fff;
  --sfra-loyalty-background-02: #fff;
  --sfra-loyalty-03: #e0144c;
  --sfra-loyalty-background-03: #fdecee;
  --sfra-loyalty-04: #fff;
  --sfra-loyalty-background-04: #fff;
  --sfra-loyalty-05: #e0144c;
  --sfra-loyalty-background-05: #ffdee2;
  --sfra-loyalty-highlight: #0b1215;
  --sfra-wecare-01: #9ab2a2;
  --sfra-wecare-02: #E1E8E3;
  --sfra-app-01: #fdfdfd;
  --sfra-app-02: #fdfdfd;
  --sfra-onboarding-01: #fdfdfd;
  --sfra-onboarding-02: #fdfdfd;
  --sfra-onboarding-03: #fdfdfd;
  --sfra-success: #42be65;
  --sfra-warning: #D8A800;
  --sfra-error: #fa4d56;
  --sfra-information: #33b1ff;
  --sfra-white: #fdfdfd;
  --sfra-grey-01: #f2f4f8;
  --sfra-grey-02: #dde1e6;
  --sfra-grey-03: #a2a9b0;
  --sfra-grey-04: #697077;
  --sfra-grey-05: #21272a;
  --sfra-black: #0b1215;
  --backgroundInactifFilter: #a2a9b0;
  --sfra-border-width: 1px;
  --sfra-border-style: solid;
  --sfra-border-color: #a2a9b0;
  --sfra-border-color-translucent: rgba(11, 18, 21, 0.175);
  --sfra-border-radius: 0;
  --sfra-border-radius-none: 0;
  --sfra-border-radius-xs: 1px;
  --sfra-border-radius-sm: 2px;
  --sfra-border-radius-md: 4px;
  --sfra-border-radius-lg: 8px;
  --sfra-border-radius-xl: 16px;
  --sfra-border-radius-xxl: 24px;
  --sfra-border-radius-circle: 50%;
  --sfra-border-radius-pill: 360px;
  --sfra-shadow-01: 0 6px 16px rgba(0, 0, 0, 0.1);
  --sfra-shadow-02: 0 12px 22px rgba(0, 0, 0, 0.1);
  --sfra-shadow-03: 0 24px 34px rgba(0, 0, 0, 0.1);
  --sfra-loyalty-gradient-01: linear-gradient(243deg, #fff8f8 0%, #fdecee 100%);
  --sfra-loyalty-gradient-02: linear-gradient(243deg, #fff 0%, #fff 100%);
  --sfra-loyalty-gradient-03: linear-gradient(243deg, #fdecee 0%, #ffdee2 100%);
  --sfra-loyalty-gradient-04: linear-gradient(243deg, #fff 0%, #fff 100%);
  --sfra-loyalty-gradient-05: linear-gradient(243deg, #ffdee2 0%, #fcd1d5 100%);
  --app-height: 100vh;
  --sfra-gap: 16px;
  --sfra-columns: 12;
  --sfra-rows: 1;
  --productImageRatio: 0.6666666667;
  --scrollbar-width: 0px;
  --sfra-footer-color: #fdfdfd;
  --sfra-footer-background-color: #0b1215;
  --sfra-spacer-0: 0;
  --sfra-spacer-2: 2px;
  --sfra-spacer-4: 4px;
  --sfra-spacer-6: 6px;
  --sfra-spacer-8: 8px;
  --sfra-spacer-10: 10px;
  --sfra-spacer-12: 12px;
  --sfra-spacer-16: 16px;
  --sfra-spacer-20: 20px;
  --sfra-spacer-24: 24px;
  --sfra-spacer-28: 28px;
  --sfra-spacer-32: 32px;
  --sfra-spacer-40: 40px;
  --sfra-spacer-48: 48px;
  --sfra-spacer-64: 64px;
  --sfra-spacer-80: 80px;
  --sfra-spacer-120: 120px;
  --sfra-spacer-160: 160px;
  --sfra-spacer-240: 240px;
  --sfra-spacer-320: 320px;
  --sfra-spacer-400: 400px
}
@media(min-width:600px) {
  :root {
    --sfra-gap: 16px
  }
}
@media(min-width:1200px) {
  :root {
    --sfra-gap: 24px
  }
}
@media(min-width:1800px) {
  :root {
    --sfra-gap: 32px
  }
}
[class*=" icon-"],
[class^=icon-] {
  display: block;
  background-color: #0b1215;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 24px;
  width: 24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center center;
  mask-position: center center
}
[class*=" icon-"].-xsmall,
[class^=icon-].-xsmall {
  width: 12px;
  height: 12px
}
[class*=" icon-"].-small,
[class^=icon-].-small {
  width: 16px;
  height: 16px
}
[class*=" icon-"].-smedium,
[class^=icon-].-smedium {
  width: 20px;
  height: 20px
}
[class*=" icon-"].-medium,
[class^=icon-].-medium {
  width: 24px;
  height: 24px
}
[class*=" icon-"].-large,
[class^=icon-].-large {
  width: 32px;
  height: 32px
}
[class*=" icon-"].-xlarge,
[class^=icon-].-xlarge {
  width: 48px;
  height: 48px
}
[class*=" icon-"].-xxlarge,
[class^=icon-].-xxlarge {
  width: 56px;
  height: 56px
}
.icon-facebook {
  background-image: url("../assets/asset-2.svg");
  background-color: transparent!important
}
.icon-facebook-white {
  background-image: url("../images/pictos/icon-facebook-white.svg");
  background-color: transparent!important
}
.icon-google {
  background-image: url("../images/pictos/icon-google.svg");
  background-color: transparent!important
}
.icon-googlepay {
  background-image: url("../images/pictos/icon-googlepay.svg");
  background-color: transparent!important
}
.icon-googlepay.-xsmall {
  width: 28px
}
.icon-googlepay.-small {
  width: 37px
}
.icon-googlepay.-smedium {
  width: 47px
}
.icon-googlepay.-medium {
  width: 56px
}
.icon-googlepay.-large {
  width: 74px
}
.icon-playstore {
  background-image: url("../images/pictos/icon-playstore.svg");
  background-color: transparent
}
.icon-appstore {
  background-image: url("../images/pictos/icon-appstore.svg");
  background-color: transparent
}
.icon-insta {
  background-image: url("../assets/asset-3.svg");
  background-color: transparent!important
}
.icon-insta-white {
  background-image: url("../images/pictos/icon-insta-white.svg");
  background-color: transparent!important
}
.icon-klarna {
  background-image: url("../images/pictos/icon-klarna.svg");
  background-color: transparent!important
}
.icon-klarna.-xsmall {
  width: 28px
}
.icon-klarna.-small {
  width: 37px
}
.icon-klarna.-smedium {
  width: 47px
}
.icon-klarna.-medium {
  width: 56px
}
.icon-klarna.-large {
  width: 74px
}
.icon-lydia {
  background-image: url("../images/pictos/icon-lydia.svg");
  background-color: transparent!important
}
.icon-mastercard {
  background-image: url("../assets/asset-4.svg");
  background-color: transparent!important
}
.icon-messenger {
  background-image: url("../images/pictos/icon-messenger.svg");
  background-color: transparent!important
}
.icon-messenger-white {
  background-image: url("../images/pictos/icon-messenger-white.svg");
  background-color: transparent!important
}
.icon-paypal {
  background-image: url("../assets/asset-5.svg");
  background-color: transparent!important
}
.icon-cashondelivery {
  background-image: url("../images/pictos/icon-cashondelivery.svg");
  background-color: transparent!important
}
.icon-pinterest {
  background-image: url("../assets/asset-6.svg");
  background-color: transparent!important
}
.icon-pinterest-white {
  background-image: url("../images/pictos/icon-pinterest-white.svg");
  background-color: transparent!important
}
.icon-tiktok {
  background-image: url("../images/pictos/icon-tiktok.svg");
  background-color: transparent!important
}
.icon-tiktok-white {
  background-image: url("../images/pictos/icon-tiktok-white.svg");
  background-color: transparent!important
}
.icon-snapchat {
  background-image: url("../images/pictos/icon-snapchat.svg");
  background-color: transparent!important
}
.icon-snapchat-white {
  background-image: url("../images/pictos/icon-snapchat-white.svg");
  background-color: transparent!important
}
.icon-twitter {
  background-image: url("../images/pictos/icon-twitter.svg");
  background-color: transparent!important
}
.icon-twitter-white {
  background-image: url("../images/pictos/icon-twitter-white.svg");
  background-color: transparent!important
}
.icon-X {
  background-image: url("../assets/asset-7.svg");
  background-color: transparent!important
}
.icon-X-white {
  background-image: url("../images/pictos/icon-X-white.svg");
  background-color: transparent!important
}
.icon-whatsapp {
  background-image: url("../images/pictos/icon-whatsapp.svg");
  background-color: transparent!important
}
.icon-whatsapp-white {
  background-image: url("../images/pictos/icon-whatsapp-white.svg");
  background-color: transparent!important
}
.icon-youtube {
  background-image: url("../assets/asset-8.svg");
  background-color: transparent!important
}
.icon-youtube-white {
  background-image: url("../images/pictos/icon-youtube-white.svg");
  background-color: transparent!important
}
.icon-wecare {
  -webkit-mask-image: url("../images/pictos/icon-wecare.svg");
  mask-image: url("../images/pictos/icon-wecare.svg");
  background-color: #9ab2a2!important
}
.icon-wecare-2 {
  background-image: url("../images/pictos/icon-wecare2.svg");
  background-color: transparent!important
}
.icon-amazon {
  background-image: url("../images/pictos/icon-amazon.svg");
  background-color: transparent!important
}
.icon-cb {
  background-image: url("../assets/asset-9.svg");
  background-color: transparent!important
}
.icon-illicado {
  background-image: url("../assets/asset-10.svg");
  background-color: transparent!important
}
.icon-bancontact,
.icon-bcmc {
  background-image: url("../images/pictos/icon-bancontact.svg");
  background-color: transparent!important
}
.icon-bancontact.-xsmall,
.icon-bcmc.-xsmall {
  width: 28px
}
.icon-bancontact.-small,
.icon-bcmc.-small {
  width: 37px
}
.icon-bancontact.-smedium,
.icon-bcmc.-smedium {
  width: 47px
}
.icon-bancontact.-medium,
.icon-bcmc.-medium {
  width: 56px
}
.icon-bancontact.-large,
.icon-bcmc.-large {
  width: 74px
}
.icon-amex {
  background-image: url("../images/pictos/icon-amex.svg");
  background-color: transparent!important
}
.icon-maestro {
  background-image: url("../images/pictos/icon-maestro.svg");
  background-color: transparent!important
}
.icon-sofort {
  background-image: url("../images/pictos/icon-sofort.svg");
  background-color: transparent!important
}
.icon-sofort.-xsmall {
  width: 28px
}
.icon-sofort.-small {
  width: 37px
}
.icon-sofort.-smedium {
  width: 47px
}
.icon-sofort.-medium {
  width: 56px
}
.icon-sofort.-large {
  width: 74px
}
.icon-przlewy24 {
  background-image: url("../images/pictos/icon-przlewy24.svg");
  background-color: transparent!important
}
.icon-przlewy24.-xsmall {
  width: 28px
}
.icon-przlewy24.-small {
  width: 37px
}
.icon-przlewy24.-smedium {
  width: 47px
}
.icon-przlewy24.-medium {
  width: 56px
}
.icon-przlewy24.-large {
  width: 74px
}
.icon-giropay {
  background-image: url("../images/pictos/icon-giropay.svg");
  background-color: transparent!important
}
.icon-giropay.-xsmall {
  width: 28px
}
.icon-giropay.-small {
  width: 37px
}
.icon-giropay.-smedium {
  width: 47px
}
.icon-giropay.-medium {
  width: 56px
}
.icon-giropay.-large {
  width: 74px
}
.icon-diners {
  background-image: url("../images/pictos/icon-diners.svg");
  background-color: transparent!important
}
.icon-diners.-xsmall {
  width: 28px
}
.icon-diners.-small {
  width: 37px
}
.icon-diners.-smedium {
  width: 47px
}
.icon-diners.-medium {
  width: 56px
}
.icon-diners.-large {
  width: 74px
}
.icon-twint {
  background-image: url("../images/pictos/icon-twint.svg");
  background-color: transparent!important
}
.icon-twint.-xsmall {
  width: 28px
}
.icon-twint.-small {
  width: 37px
}
.icon-twint.-smedium {
  width: 47px
}
.icon-twint.-medium {
  width: 56px
}
.icon-twint.-large {
  width: 74px
}
.icon-blik {
  background-image: url("../images/pictos/icon-blik.svg");
  background-color: transparent!important
}
.icon-blik.-xsmall {
  width: 28px
}
.icon-blik.-small {
  width: 37px
}
.icon-blik.-smedium {
  width: 47px
}
.icon-blik.-medium {
  width: 56px
}
.icon-blik.-large {
  width: 74px
}
.icon-mnp {
  background-image: url("../images/pictos/icon-mnp.svg");
  background-color: transparent!important
}
.icon-mnp.-xsmall {
  width: 28px
}
.icon-mnp.-small {
  width: 37px
}
.icon-mnp.-smedium {
  width: 47px
}
.icon-mnp.-medium {
  width: 56px
}
.icon-mnp.-large {
  width: 74px
}
.icon-applepay {
  background-image: url("../assets/asset-11.svg");
  background-color: transparent!important
}
.icon-applepay.-xsmall {
  width: 28px
}
.icon-applepay.-small {
  width: 37px
}
.icon-applepay.-smedium {
  width: 47px
}
.icon-applepay.-medium {
  width: 56px
}
.icon-applepay.-large {
  width: 74px
}
.icon-visa {
  background-image: url("../assets/asset-12.svg");
  background-color: transparent!important
}
.icon-paypo {
  background-image: url("../images/pictos/icon-paypo.svg");
  background-color: transparent!important
}
.icon-paypo.-xsmall {
  width: 42px
}
.icon-paypo.-small {
  width: 56px
}
.icon-paypo.-smedium {
  width: 71px
}
.icon-paypo.-medium {
  width: 85px
}
.icon-paypo.-large {
  width: 113px
}
.icon-geolocfill {
  background-image: url("../images/pictos/icon-geolocfill.svg");
  background-color: transparent!important
}
.icon-klarna-monochrome {
  -webkit-mask-image: url("../images/pictos/icon-klarna-monochrome.svg");
  mask-image: url("../images/pictos/icon-klarna-monochrome.svg")
}
.icon-klarna-monochrome.-xsmall {
  width: 28px
}
.icon-klarna-monochrome.-small {
  width: 37px
}
.icon-klarna-monochrome.-smedium {
  width: 47px
}
.icon-klarna-monochrome.-medium {
  width: 56px
}
.icon-klarna-monochrome.-large {
  width: 74px
}
.icon-alma {
  -webkit-mask-image: url("../images/pictos/icon-alma.svg");
  mask-image: url("../images/pictos/icon-alma.svg")
}
.icon-alma.-xsmall {
  width: 28px
}
.icon-alma.-small {
  width: 37px
}
.icon-alma.-smedium {
  width: 47px
}
.icon-alma.-medium {
  width: 56px
}
.icon-alma.-large {
  width: 74px
}
.icon-alma-small {
  -webkit-mask-image: url("../assets/asset-13.svg");
  mask-image: url("../assets/asset-13.svg")
}
.icon-android {
  -webkit-mask-image: url("../images/pictos/icon-android.svg");
  mask-image: url("../images/pictos/icon-android.svg")
}
.icon-apple {
  -webkit-mask-image: url("../images/pictos/icon-apple.svg");
  mask-image: url("../images/pictos/icon-apple.svg")
}
.icon-blanchiment_aucun {
  -webkit-mask-image: url("../images/pictos/icon-blanchiment_aucun.svg");
  mask-image: url("../images/pictos/icon-blanchiment_aucun.svg")
}
.icon-blanchiment_oxygenees_uniquement,
.icon-lavage-vide-no {
  -webkit-mask-image: url("../images/pictos/icon-blanchiment_oxygenees_uniquement.svg");
  mask-image: url("../images/pictos/icon-blanchiment_oxygenees_uniquement.svg")
}
.icon-blanchiment_tous_type {
  -webkit-mask-image: url("../images/pictos/icon-blanchiment_tous_type.svg");
  mask-image: url("../images/pictos/icon-blanchiment_tous_type.svg")
}
.icon-cycle_modere_30 {
  -webkit-mask-image: url("../images/pictos/icon-cycle_modere_30.svg");
  mask-image: url("../images/pictos/icon-cycle_modere_30.svg")
}
.icon-cycle_modere_40 {
  -webkit-mask-image: url("../images/pictos/icon-cycle_modere_40.svg");
  mask-image: url("../images/pictos/icon-cycle_modere_40.svg")
}
.icon-cycle_modere_50 {
  -webkit-mask-image: url("../images/pictos/icon-cycle_modere_50.svg");
  mask-image: url("../images/pictos/icon-cycle_modere_50.svg")
}
.icon-cycle_modere_60 {
  -webkit-mask-image: url("../images/pictos/icon-cycle_modere_60.svg");
  mask-image: url("../images/pictos/icon-cycle_modere_60.svg")
}
.icon-cycle_modere_70 {
  -webkit-mask-image: url("../images/pictos/icon-cycle_modere_70.svg");
  mask-image: url("../images/pictos/icon-cycle_modere_70.svg")
}
.icon-cycle_modere_90 {
  -webkit-mask-image: url("../images/pictos/icon-cycle_modere_90.svg");
  mask-image: url("../images/pictos/icon-cycle_modere_90.svg")
}
.icon-cycle_modere_95 {
  -webkit-mask-image: url("../images/pictos/icon-cycle_modere_95.svg");
  mask-image: url("../images/pictos/icon-cycle_modere_95.svg")
}
.icon-cycle_normal_30 {
  -webkit-mask-image: url("../images/pictos/icon-cycle_normal_30.svg");
  mask-image: url("../images/pictos/icon-cycle_normal_30.svg")
}
.icon-cycle_normal_40 {
  -webkit-mask-image: url("../images/pictos/icon-cycle_normal_40.svg");
  mask-image: url("../images/pictos/icon-cycle_normal_40.svg")
}
.icon-cycle_normal_50 {
  -webkit-mask-image: url("../images/pictos/icon-cycle_normal_50.svg");
  mask-image: url("../images/pictos/icon-cycle_normal_50.svg")
}
.icon-cycle_normal_60 {
  -webkit-mask-image: url("../images/pictos/icon-cycle_normal_60.svg");
  mask-image: url("../images/pictos/icon-cycle_normal_60.svg")
}
.icon-cycle_normal_70 {
  -webkit-mask-image: url("../images/pictos/icon-cycle_normal_70.svg");
  mask-image: url("../images/pictos/icon-cycle_normal_70.svg")
}
.icon-cycle_normal_90 {
  -webkit-mask-image: url("../images/pictos/icon-cycle_normal_90.svg");
  mask-image: url("../images/pictos/icon-cycle_normal_90.svg")
}
.icon-cycle_normal_95 {
  -webkit-mask-image: url("../images/pictos/icon-cycle_normal_95.svg");
  mask-image: url("../images/pictos/icon-cycle_normal_95.svg")
}
.icon-cycle_tres_modere_30 {
  -webkit-mask-image: url("../images/pictos/icon-cycle_tres_modere_30.svg");
  mask-image: url("../images/pictos/icon-cycle_tres_modere_30.svg")
}
.icon-cycle_tres_modere_40 {
  -webkit-mask-image: url("../images/pictos/icon-cycle_tres_modere_40.svg");
  mask-image: url("../images/pictos/icon-cycle_tres_modere_40.svg")
}
.icon-cycle_tres_modere_70 {
  -webkit-mask-image: url("../images/pictos/icon-cycle_tres_modere_70.svg");
  mask-image: url("../images/pictos/icon-cycle_tres_modere_70.svg")
}
.icon-entretien_pro_a_sec_aucun {
  -webkit-mask-image: url("../images/pictos/icon-entretien_pro_a_sec_aucun.svg");
  mask-image: url("../images/pictos/icon-entretien_pro_a_sec_aucun.svg")
}
.icon-entretien_pro_a_sec_eau {
  -webkit-mask-image: url("../images/pictos/icon-entretien_pro_a_sec_eau.svg");
  mask-image: url("../images/pictos/icon-entretien_pro_a_sec_eau.svg")
}
.icon-entretien_pro_a_sec_produit_petroilier_eau {
  -webkit-mask-image: url("../images/pictos/icon-entretien_pro_a_sec_produit_petroilier_eau.svg");
  mask-image: url("../images/pictos/icon-entretien_pro_a_sec_produit_petroilier_eau.svg")
}
.icon-entretien_pro_a_sec_produit_petroliers {
  -webkit-mask-image: url("../images/pictos/icon-entretien_pro_a_sec_produit_petroliers.svg");
  mask-image: url("../images/pictos/icon-entretien_pro_a_sec_produit_petroliers.svg")
}
.icon-entretien_pro_a_sec_produit_ttrachloroethylene_eau {
  -webkit-mask-image: url("../images/pictos/icon-entretien_pro_a_sec_produit_ttrachloroethylene_eau.svg");
  mask-image: url("../images/pictos/icon-entretien_pro_a_sec_produit_ttrachloroethylene_eau.svg")
}
.icon-entretien_pro_a_sec_solvant {
  -webkit-mask-image: url("../images/pictos/icon-entretien_pro_a_sec_solvant.svg");
  mask-image: url("../images/pictos/icon-entretien_pro_a_sec_solvant.svg")
}
.icon-auditedWorkshop {
  -webkit-mask-image: url("../images/pictos/icon-feature-sewing.svg");
  mask-image: url("../images/pictos/icon-feature-sewing.svg")
}
.icon-naturalMaterial {
  -webkit-mask-image: url("../images/pictos/icon-feature-natural-material.svg");
  mask-image: url("../images/pictos/icon-feature-natural-material.svg")
}
.icon-organicCoton {
  -webkit-mask-image: url("../images/pictos/icon-feature-coton.svg");
  mask-image: url("../images/pictos/icon-feature-coton.svg")
}
.icon-recycledMaterial {
  -webkit-mask-image: url("../images/pictos/icon-feature-tshirt.svg");
  mask-image: url("../images/pictos/icon-feature-tshirt.svg")
}
.icon-madeInEurope {
  -webkit-mask-image: url("../images/pictos/icon-feature-europe.svg");
  mask-image: url("../images/pictos/icon-feature-europe.svg")
}
.icon-certifiedGRS {
  -webkit-mask-image: url("../images/pictos/icon-feature-check.svg");
  mask-image: url("../images/pictos/icon-feature-check.svg")
}
.icon-certifiedGOTS {
  -webkit-mask-image: url("../images/pictos/icon-feature-GOTS.svg");
  mask-image: url("../images/pictos/icon-feature-GOTS.svg")
}
.icon-certifiedGOTS_color {
  background-image: url("../images/pictos/icon-feature-GOTS-color.svg");
  background-color: transparent!important
}
.icon-certifiedGOTS_color.-large {
  width: 40px!important;
  height: 40px!important
}
.icon-certifiedEuropeanFlax {
  -webkit-mask-image: url("../images/pictos/icon-feature-check.svg");
  mask-image: url("../images/pictos/icon-feature-check.svg")
}
.icon-lenzingEcovero {
  -webkit-mask-image: url("../images/pictos/icon-feature-check.svg");
  mask-image: url("../images/pictos/icon-feature-check.svg")
}
.icon-certifiedRWS {
  -webkit-mask-image: url("../images/pictos/icon-feature-check.svg");
  mask-image: url("../images/pictos/icon-feature-check.svg")
}
.icon-certifiedOCS {
  -webkit-mask-image: url("../images/pictos/icon-feature-check.svg");
  mask-image: url("../images/pictos/icon-feature-check.svg")
}
.icon-certifiedMasterOfLinen {
  -webkit-mask-image: url("../images/pictos/icon-feature-check.svg");
  mask-image: url("../images/pictos/icon-feature-check.svg")
}
.icon-personnalisable {
  -webkit-mask-image: url("../images/pictos/icon-feature-perso.svg");
  mask-image: url("../images/pictos/icon-feature-perso.svg")
}
.icon-webExclusivity {
  -webkit-mask-image: url("../images/pictos/icon-feature-exclu-web.svg");
  mask-image: url("../images/pictos/icon-feature-exclu-web.svg")
}
.icon-icon-repassage_max_150,
.icon-repassage_max_110 {
  -webkit-mask-image: url("../images/pictos/icon-icon-icon-repassage_max_150.svg");
  mask-image: url("../images/pictos/icon-icon-icon-repassage_max_150.svg")
}
.icon-lavage_main_max_40 {
  -webkit-mask-image: url("../images/pictos/icon-lavage_main_max_40.svg");
  mask-image: url("../images/pictos/icon-lavage_main_max_40.svg")
}
.icon-lavage-small {
  -webkit-mask-image: url("../images/pictos/icon-lavage-small.svg");
  mask-image: url("../images/pictos/icon-lavage-small.svg")
}
.icon-ne_pas_laver {
  -webkit-mask-image: url("../images/pictos/icon-ne_pas_laver.svg");
  mask-image: url("../images/pictos/icon-ne_pas_laver.svg")
}
.icon-repassage_aucun {
  -webkit-mask-image: url("../images/pictos/icon-repassage_aucun.svg");
  mask-image: url("../images/pictos/icon-repassage_aucun.svg")
}
.icon-repassage_max_150 {
  -webkit-mask-image: url("../images/pictos/icon-repassage_max_150.svg");
  mask-image: url("../images/pictos/icon-repassage_max_150.svg")
}
.icon-repassage_max_200 {
  -webkit-mask-image: url("../images/pictos/icon-repassage_max_200.svg");
  mask-image: url("../images/pictos/icon-repassage_max_200.svg")
}
.icon-sw13 {
  -webkit-mask-image: url("../images/pictos/icon-sw13.svg");
  mask-image: url("../images/pictos/icon-sw13.svg")
}
.icon-icon-sw17 {
  -webkit-mask-image: url("../images/pictos/icon-icon-sw17.svg");
  mask-image: url("../images/pictos/icon-icon-sw17.svg")
}
.icon-sw23 {
  -webkit-mask-image: url("../images/pictos/icon-sw23.svg");
  mask-image: url("../images/pictos/icon-sw23.svg")
}
.icon-sw30 {
  -webkit-mask-image: url("../images/pictos/icon-sw30.svg");
  mask-image: url("../images/pictos/icon-sw30.svg")
}
.icon-tambour_sechage_80 {
  -webkit-mask-image: url("../images/pictos/icon-tambour_sechage_80.svg");
  mask-image: url("../images/pictos/icon-tambour_sechage_80.svg")
}
.icon-account {
  -webkit-mask-image: url("../assets/asset-14.svg");
  mask-image: url("../assets/asset-14.svg")
}
.icon-accountfull {
  -webkit-mask-image: url("../images/pictos/icon-accountfull.svg");
  mask-image: url("../images/pictos/icon-accountfull.svg")
}
.footer .titleItemFooter::after,
.icon-arrowdown,
.icon-arrowleft,
.icon-arrowright,
.icon-arrowup,
.subMenu__item.-child .subMenu__link::after {
  -webkit-mask-image: url("../assets/asset-15.svg");
  mask-image: url("../assets/asset-15.svg")
}
.icon-arrow {
  -webkit-mask-image: url("../assets/asset-16.svg");
  mask-image: url("../assets/asset-16.svg")
}
.icon-basket {
  -webkit-mask-image: url("../images/pictos/icon-basket.svg");
  mask-image: url("../images/pictos/icon-basket.svg")
}
.icon-basket-wishlist {
  -webkit-mask-image: url("../assets/asset-17.svg");
  mask-image: url("../assets/asset-17.svg")
}
.icon-basketfull {
  -webkit-mask-image: url("../images/pictos/icon-basketfull.svg");
  mask-image: url("../images/pictos/icon-basketfull.svg")
}
.icon-basketshare {
  -webkit-mask-image: url("../images/pictos/icon-basketshare.svg");
  mask-image: url("../images/pictos/icon-basketshare.svg")
}
.icon-burgermenu {
  -webkit-mask-image: url("../assets/asset-18.svg");
  mask-image: url("../assets/asset-18.svg")
}
.icon-burn {
  -webkit-mask-image: url("../images/pictos/icon-burn.svg");
  mask-image: url("../images/pictos/icon-burn.svg")
}
.icon-calendar {
  -webkit-mask-image: url("../images/pictos/icon-calendar.svg");
  mask-image: url("../images/pictos/icon-calendar.svg")
}
.icon-challenge {
  -webkit-mask-image: url("../images/pictos/icon-challenge.svg");
  mask-image: url("../images/pictos/icon-challenge.svg")
}
.icon-chatbot {
  -webkit-mask-image: url("../images/pictos/icon-chatbot.svg");
  mask-image: url("../images/pictos/icon-chatbot.svg")
}
.authPanel__passwordCheckItem.-valid .authPanel__passwordCheckIcon,
.checkbox__input::after,
.checkbox__input:disabled:checked::after,
.forgottenPasswordPanel__passwordCheckItem.-valid .forgottenPasswordPanel__passwordCheckIcon,
.icon-check,
.splittedAuthPanel__passwordCheckItem.-valid .splittedAuthPanel__passwordCheckIcon {
  -webkit-mask-image: url("../assets/asset-19.svg");
  mask-image: url("../assets/asset-19.svg")
}
.icon-checkfill {
  -webkit-mask-image: url("../images/pictos/icon-checkfill.svg");
  mask-image: url("../images/pictos/icon-checkfill.svg")
}
.icon-cookie {
  -webkit-mask-image: url("../images/pictos/icon-cookie.svg");
  mask-image: url("../images/pictos/icon-cookie.svg")
}
.icon-layout-classic {
  -webkit-mask-image: url("../images/pictos/icon-layout-classic.svg");
  mask-image: url("../images/pictos/icon-layout-classic.svg")
}
.icon-layout-classic-active {
  -webkit-mask-image: url("../images/pictos/icon-layout-classic-active.svg");
  mask-image: url("../images/pictos/icon-layout-classic-active.svg")
}
.icon-clicandcollect {
  -webkit-mask-image: url("../images/pictos/icon-clicandcollect.svg");
  mask-image: url("../images/pictos/icon-clicandcollect.svg")
}
.icon-close {
  -webkit-mask-image: url("../assets/asset-20.svg");
  mask-image: url("../assets/asset-20.svg")
}
.icon-contactform {
  -webkit-mask-image: url("../images/pictos/icon-contactform.svg");
  mask-image: url("../images/pictos/icon-contactform.svg")
}
.icon-creditcard {
  -webkit-mask-image: url("../images/pictos/icon-creditcard.svg");
  mask-image: url("../images/pictos/icon-creditcard.svg")
}
.icon-delivery {
  -webkit-mask-image: url("../assets/asset-21.svg");
  mask-image: url("../assets/asset-21.svg")
}
.icon-edit {
  -webkit-mask-image: url("../images/pictos/icon-edit.svg");
  mask-image: url("../images/pictos/icon-edit.svg")
}
.icon-error {
  -webkit-mask-image: url("../assets/asset-22.svg");
  mask-image: url("../assets/asset-22.svg")
}
.icon-filter {
  -webkit-mask-image: url("../images/pictos/icon-filter.svg");
  mask-image: url("../images/pictos/icon-filter.svg")
}
.icon-geoloc {
  -webkit-mask-image: url("../images/pictos/icon-geoloc.svg");
  mask-image: url("../images/pictos/icon-geoloc.svg")
}
.icon-gift {
  -webkit-mask-image: url("../images/pictos/icon-gift.svg");
  mask-image: url("../images/pictos/icon-gift.svg")
}
.icon-giftcard {
  -webkit-mask-image: url("../assets/asset-23.svg");
  mask-image: url("../assets/asset-23.svg")
}
.icon-hanger {
  -webkit-mask-image: url("../images/pictos/icon-hanger.svg");
  mask-image: url("../images/pictos/icon-hanger.svg")
}
.icon-heart {
  -webkit-mask-image: url("../images/pictos/icon-heart.svg");
  mask-image: url("../images/pictos/icon-heart.svg")
}
.icon-heartfill {
  -webkit-mask-image: url("../images/pictos/icon-heartfill.svg");
  mask-image: url("../images/pictos/icon-heartfill.svg")
}
.icon-home {
  -webkit-mask-image: url("../images/pictos/icon-home.svg");
  mask-image: url("../images/pictos/icon-home.svg")
}
.icon-information {
  -webkit-mask-image: url("../images/pictos/icon-information.svg");
  mask-image: url("../images/pictos/icon-information.svg")
}
.icon-layout-detailed-mobile {
  -webkit-mask-image: url("../images/pictos/icon-layout-detailed-mobile.svg");
  mask-image: url("../images/pictos/icon-layout-detailed-mobile.svg")
}
.icon-layout-detailed {
  -webkit-mask-image: url("../images/pictos/icon-layout-detailed.svg");
  mask-image: url("../images/pictos/icon-layout-detailed.svg")
}
.icon-layout-detailed-active {
  -webkit-mask-image: url("../images/pictos/icon-layout-detailed-active.svg");
  mask-image: url("../images/pictos/icon-layout-detailed-active.svg")
}
.icon-layout-mobile {
  -webkit-mask-image: url("../images/pictos/icon-layout-mobile.svg");
  mask-image: url("../images/pictos/icon-layout-mobile.svg")
}
.icon-less {
  -webkit-mask-image: url("../images/pictos/icon-less.svg");
  mask-image: url("../images/pictos/icon-less.svg")
}
.icon-lock {
  -webkit-mask-image: url("../assets/asset-24.svg");
  mask-image: url("../assets/asset-24.svg")
}
.icon-logout {
  -webkit-mask-image: url("../images/pictos/icon-logout.svg");
  mask-image: url("../images/pictos/icon-logout.svg")
}
.icon-lowstock {
  -webkit-mask-image: url("../images/pictos/icon-lowstock.svg");
  mask-image: url("../images/pictos/icon-lowstock.svg")
}
.icon-lowquantity {
  -webkit-mask-image: url("../images/pictos/icon-lowquantity.svg");
  mask-image: url("../images/pictos/icon-lowquantity.svg")
}
.icon-bundle {
  -webkit-mask-image: url("../images/pictos/icon-bundle.svg");
  mask-image: url("../images/pictos/icon-bundle.svg")
}
.icon-flag {
  -webkit-mask-image: url("../images/pictos/icon-flag.svg");
  mask-image: url("../images/pictos/icon-flag.svg")
}
.icon-promo {
  -webkit-mask-image: url("../images/pictos/icon-promo.svg");
  mask-image: url("../images/pictos/icon-promo.svg")
}
.icon-loyalty {
  -webkit-mask-image: url("../assets/asset-25.svg");
  mask-image: url("../assets/asset-25.svg")
}
.icon-coupon {
  -webkit-mask-image: url("../images/pictos/icon-coupon.svg");
  mask-image: url("../images/pictos/icon-coupon.svg")
}
.icon-donation {
  -webkit-mask-image: url("../images/pictos/icon-donation.svg");
  mask-image: url("../images/pictos/icon-donation.svg")
}
.icon-category {
  -webkit-mask-image: url("../images/pictos/icon-category.svg");
  mask-image: url("../images/pictos/icon-category.svg")
}
.icon-loyalty-01 {
  -webkit-mask-image: url("../images/pictos/icon-loyalty-01.svg");
  mask-image: url("../images/pictos/icon-loyalty-01.svg")
}
.icon-loyalty-02 {
  -webkit-mask-image: url("../images/pictos/icon-loyalty-02.svg");
  mask-image: url("../images/pictos/icon-loyalty-02.svg")
}
.icon-loyalty-03 {
  -webkit-mask-image: url("../images/pictos/icon-loyalty-03.svg");
  mask-image: url("../images/pictos/icon-loyalty-03.svg")
}
.icon-loyalty-04 {
  -webkit-mask-image: url("../images/pictos/icon-loyalty-04.svg");
  mask-image: url("../images/pictos/icon-loyalty-04.svg")
}
.icon-loyalty-05 {
  -webkit-mask-image: url("../images/pictos/icon-loyalty-05.svg");
  mask-image: url("../images/pictos/icon-loyalty-05.svg")
}
.icon-loyaltycard {
  -webkit-mask-image: url("../images/pictos/icon-loyaltycard.svg");
  mask-image: url("../images/pictos/icon-loyaltycard.svg")
}
.icon-mail {
  -webkit-mask-image: url("../images/pictos/icon-mail.svg");
  mask-image: url("../images/pictos/icon-mail.svg")
}
.icon-mail_new {
  -webkit-mask-image: url("../images/pictos/icon-mail_new.svg");
  mask-image: url("../images/pictos/icon-mail_new.svg")
}
.icon-moreoptions {
  -webkit-mask-image: url("../images/pictos/icon-moreoptions.svg");
  mask-image: url("../images/pictos/icon-moreoptions.svg")
}
.icon-layout-mosaic {
  -webkit-mask-image: url("../images/pictos/icon-layout-mosaic.svg");
  mask-image: url("../images/pictos/icon-layout-mosaic.svg")
}
.icon-layout-mosaic-active {
  -webkit-mask-image: url("../images/pictos/icon-layout-mosaic-active.svg");
  mask-image: url("../images/pictos/icon-layout-mosaic-active.svg")
}
.icon-nonetwork {
  -webkit-mask-image: url("../images/pictos/icon-nonetwork.svg");
  mask-image: url("../images/pictos/icon-nonetwork.svg")
}
.icon-notification {
  -webkit-mask-image: url("../images/pictos/icon-notification.svg");
  mask-image: url("../images/pictos/icon-notification.svg")
}
.icon-order {
  -webkit-mask-image: url("../assets/asset-26.svg");
  mask-image: url("../assets/asset-26.svg")
}
.icon-return-order {
  -webkit-mask-image: url("../assets/asset-27.svg");
  mask-image: url("../assets/asset-27.svg")
}
.icon-ordercancelled {
  -webkit-mask-image: url("../images/pictos/icon-ordercancelled.svg");
  mask-image: url("../images/pictos/icon-ordercancelled.svg")
}
.icon-orderdelivered {
  -webkit-mask-image: url("../images/pictos/icon-orderdelivered.svg");
  mask-image: url("../images/pictos/icon-orderdelivered.svg")
}
.icon-orderdeliveryinformation {
  -webkit-mask-image: url("../images/pictos/icon-orderdeliveryinformation.svg");
  mask-image: url("../images/pictos/icon-orderdeliveryinformation.svg")
}
.icon-orderlate {
  -webkit-mask-image: url("../images/pictos/icon-orderlate.svg");
  mask-image: url("../images/pictos/icon-orderlate.svg")
}
.icon-ordershipped {
  -webkit-mask-image: url("../images/pictos/icon-ordershipped.svg");
  mask-image: url("../images/pictos/icon-ordershipped.svg")
}
.icon-ia {
  -webkit-mask-image: url("../images/pictos/icon-ia.svg");
  mask-image: url("../images/pictos/icon-ia.svg")
}
.icon-perso {
  -webkit-mask-image: url("../images/pictos/icon-perso.svg");
  mask-image: url("../images/pictos/icon-perso.svg")
}
.icon-persoApp {
  -webkit-mask-image: url("../images/pictos/icon-perso-app.svg");
  mask-image: url("../images/pictos/icon-perso-app.svg")
}
.icon-phone {
  -webkit-mask-image: url("../assets/asset-28.svg");
  mask-image: url("../assets/asset-28.svg")
}
.icon-play {
  -webkit-mask-image: url("../images/pictos/icon-play.svg");
  mask-image: url("../images/pictos/icon-play.svg")
}
.icon-plus {
  -webkit-mask-image: url("../images/pictos/icon-plus.svg");
  mask-image: url("../images/pictos/icon-plus.svg")
}
.icon-promotions {
  -webkit-mask-image: url("../images/pictos/icon-promotions.svg");
  mask-image: url("../images/pictos/icon-promotions.svg")
}
.icon-qrcode {
  -webkit-mask-image: url("../images/pictos/icon-qrcode.svg");
  mask-image: url("../images/pictos/icon-qrcode.svg")
}
.icon-question {
  -webkit-mask-image: url("../assets/asset-29.svg");
  mask-image: url("../assets/asset-29.svg")
}
.icon-pages {
  -webkit-mask-image: url("../images/pictos/icon-pages.svg");
  mask-image: url("../images/pictos/icon-pages.svg")
}
.icon-relaypickup {
  -webkit-mask-image: url("../images/pictos/icon-relaypickup.svg");
  mask-image: url("../images/pictos/icon-relaypickup.svg")
}
.icon-relaypin {
  background-image: url("../images/pictos/icon-relaypin.svg");
  background-color: transparent!important
}
.icon-pointrelais {
  -webkit-mask-image: url("../images/pictos/icon-pointrelais.svg");
  mask-image: url("../images/pictos/icon-pointrelais.svg")
}
.icon-return {
  -webkit-mask-image: url("../images/pictos/icon-return.svg");
  mask-image: url("../images/pictos/icon-return.svg")
}
.icon-search {
  -webkit-mask-image: url("../assets/asset-30.svg");
  mask-image: url("../assets/asset-30.svg")
}
.icon-securedpayment {
  -webkit-mask-image: url("../images/pictos/icon-lock.svg");
  mask-image: url("../images/pictos/icon-lock.svg")
}
.icon-share {
  -webkit-mask-image: url("../images/pictos/icon-share.svg");
  mask-image: url("../images/pictos/icon-share.svg")
}
.icon-shop {
  -webkit-mask-image: url("../assets/asset-31.svg");
  mask-image: url("../assets/asset-31.svg")
}
.icon-store-unavailable {
  -webkit-mask-image: url("../images/pictos/icon-store-unavailable.svg");
  mask-image: url("../images/pictos/icon-store-unavailable.svg");
  background-color: #fa4d56
}
.icon-store-availableInStore {
  -webkit-mask-image: url("../images/pictos/icon-store-availableInStore.svg");
  mask-image: url("../images/pictos/icon-store-availableInStore.svg");
  background-color: #42be65
}
.icon-store-available {
  -webkit-mask-image: url("../images/pictos/icon-store-available.svg");
  mask-image: url("../images/pictos/icon-store-available.svg");
  background-color: #42be65
}
.icon-store-lowStock {
  -webkit-mask-image: url("../images/pictos/icon-store-lowStock.svg");
  mask-image: url("../images/pictos/icon-store-lowStock.svg");
  background-color: #42be65
}
.icon-store-availablelq {
  -webkit-mask-image: url("../images/pictos/icon-store-lowStock.svg");
  mask-image: url("../images/pictos/icon-store-lowStock.svg");
  background-color: #d8a800
}
.icon-store-CNC2LQ {
  -webkit-mask-image: url("../images/pictos/icon-store-lowStock.svg");
  mask-image: url("../images/pictos/icon-store-lowStock.svg");
  background-color: #d8a800
}
.icon-store-CNCLQ {
  -webkit-mask-image: url("../images/pictos/icon-store-lowStock.svg");
  mask-image: url("../images/pictos/icon-store-lowStock.svg");
  background-color: #d8a800
}
.icon-store-CNC2 {
  -webkit-mask-image: url("../images/pictos/icon-store-available.svg");
  mask-image: url("../images/pictos/icon-store-available.svg");
  background-color: #42be65
}
.icon-store-CNC {
  -webkit-mask-image: url("../images/pictos/icon-store-available.svg");
  mask-image: url("../images/pictos/icon-store-available.svg");
  background-color: #42be65
}
.icon-store-nostock {
  -webkit-mask-image: url("../images/pictos/icon-store-unavailable.svg");
  mask-image: url("../images/pictos/icon-store-unavailable.svg");
  background-color: #fa4d56
}
.icon-store-indelivery {
  -webkit-mask-image: url("../images/pictos/icon-store-available.svg");
  mask-image: url("../images/pictos/icon-store-available.svg");
  background-color: #42be65
}
.icon-store-indeliverylowstock {
  -webkit-mask-image: url("../images/pictos/icon-store-lowStock.svg");
  mask-image: url("../images/pictos/icon-store-lowStock.svg");
  background-color: #d8a800
}
.icon-stock {
  -webkit-mask-image: url("../images/pictos/icon-stock.svg");
  mask-image: url("../images/pictos/icon-stock.svg");
  background-color: #a2a9b0
}
.icon-size {
  -webkit-mask-image: url("../assets/asset-32.svg");
  mask-image: url("../assets/asset-32.svg")
}
.icon-star {
  -webkit-mask-image: url("../images/pictos/icon-star.svg");
  mask-image: url("../images/pictos/icon-star.svg")
}
.icon-storepin {
  -webkit-mask-image: url("../images/pictos/icon-storepin.svg");
  mask-image: url("../images/pictos/icon-storepin.svg")
}
.icon-student {
  -webkit-mask-image: url("../images/pictos/icon-student.svg");
  mask-image: url("../images/pictos/icon-student.svg")
}
.icon-trash {
  -webkit-mask-image: url("../images/pictos/icon-trash.svg");
  mask-image: url("../images/pictos/icon-trash.svg")
}
.icon-visibleoff {
  -webkit-mask-image: url("../images/pictos/icon-visibleoff.svg");
  mask-image: url("../images/pictos/icon-visibleoff.svg")
}
.icon-visibleon {
  -webkit-mask-image: url("../images/pictos/icon-visibleon.svg");
  mask-image: url("../images/pictos/icon-visibleon.svg")
}
.icon-volume {
  -webkit-mask-image: url("../images/pictos/icon-volume.svg");
  mask-image: url("../images/pictos/icon-volume.svg")
}
.icon-win {
  -webkit-mask-image: url("../images/pictos/icon-win.svg");
  mask-image: url("../images/pictos/icon-win.svg")
}
.icon-zoomin {
  -webkit-mask-image: url("../images/pictos/icon-zoomin.svg");
  mask-image: url("../images/pictos/icon-zoomin.svg")
}
.icon-zoomout {
  -webkit-mask-image: url("../images/pictos/icon-zoomout.svg");
  mask-image: url("../images/pictos/icon-zoomout.svg")
}
.icon-sparkles {
  -webkit-mask-image: url("../images/pictos/icon-sparkles.svg");
  mask-image: url("../images/pictos/icon-sparkles.svg")
}
.icon-timer {
  -webkit-mask-image: url("../images/pictos/icon-timer.svg");
  mask-image: url("../images/pictos/icon-timer.svg")
}
.icon-arrowright,
.subMenu__item.-child .subMenu__link::after {
  transform: rotate(90deg)
}
.icon-arrowdown {
  transform: rotate(180deg)
}
.icon-arrowleft {
  transform: rotate(-90deg)
}
.icon-facturation {
  -webkit-mask-image: url("../images/pictos/icon-facturation.svg");
  mask-image: url("../images/pictos/icon-facturation.svg")
}
.icon-colissimo {
  background-image: url("../images/pictos/icon-colissimo.svg");
  background-color: transparent!important
}
.icon-chronopost {
  background-image: url("../images/pictos/icon-chronopost.svg");
  background-color: transparent!important
}
.icon-bpost {
  background-image: url("../images/pictos/icon-bpost.svg");
  background-color: transparent!important
}
.icon-imx {
  background-image: url("../images/pictos/icon-imx.svg");
  background-color: transparent!important
}
.icon-shippingtime {
  -webkit-mask-image: url("../images/pictos/icon-shippingtime.svg");
  mask-image: url("../images/pictos/icon-shippingtime.svg")
}
.icon-language {
  -webkit-mask-image: url("../images/pictos/icon-language.svg");
  mask-image: url("../images/pictos/icon-language.svg")
}
.icon-help {
  -webkit-mask-image: url("../images/pictos/icon-help.svg");
  mask-image: url("../images/pictos/icon-help.svg")
}
.icon-account2 {
  -webkit-mask-image: url("../images/pictos/icon-account2.svg");
  mask-image: url("../images/pictos/icon-account2.svg")
}
.icon-shoppingbag {
  -webkit-mask-image: url("../images/pictos/icon-shoppingbag.svg");
  mask-image: url("../images/pictos/icon-shoppingbag.svg")
}
.icon-setting {
  -webkit-mask-image: url("../images/pictos/icon-setting.svg");
  mask-image: url("../images/pictos/icon-setting.svg")
}
.icon-applewallet {
  background-image: url("../images/pictos/icon-applewallet.svg");
  background-color: transparent!important
}
.icon-applewallet.-xsmall {
  width: 16px
}
.icon-applewallet.-small {
  width: 21px
}
.icon-applewallet.-smedium {
  width: 27px
}
.icon-applewallet.-medium {
  width: 32px
}
.icon-applewallet.-large {
  width: 43px
}
.icon-applewallet.-xlarge {
  width: 64px
}
.icon-applewallet.-xxlarge {
  width: 75px
}
.icon-googlewallet {
  background-image: url("../images/pictos/icon-googlewallet.svg");
  background-color: transparent!important
}
.icon-googlewallet.-xsmall {
  width: 16px
}
.icon-googlewallet.-small {
  width: 18px
}
.icon-googlewallet.-smedium {
  width: 22px
}
.icon-googlewallet.-medium {
  width: 27px
}
.icon-googlewallet.-large {
  width: 36px
}
.icon-googlewallet.-xlarge {
  width: 54px
}
.icon-googlewallet.-xxlarge {
  width: 62px
}
.icon-flux-1 {
  -webkit-mask-image: url("../images/pictos/icon-flux-1.svg");
  mask-image: url("../images/pictos/icon-flux-1.svg")
}
.icon-flux-2 {
  -webkit-mask-image: url("../images/pictos/icon-flux-2.svg");
  mask-image: url("../images/pictos/icon-flux-2.svg")
}
.icon-flux-2.-xsmall {
  width: 16px;
  height: 12px
}
.icon-flux-2.-small {
  width: 21px;
  height: 16px
}
.icon-flux-2.-smedium {
  width: 26px;
  height: 20px
}
.icon-flux-2.-medium {
  width: 32px;
  height: 24px
}
.icon-flux-2.-large {
  width: 42px;
  height: 32px
}
.icon-flux-2.-xlarge {
  width: 64px;
  height: 48px
}
.icon-flux-2.-xxlarge {
  width: 74px;
  height: 56px
}
.icon-flux-3 {
  -webkit-mask-image: url("../images/pictos/icon-flux-3.svg");
  mask-image: url("../images/pictos/icon-flux-3.svg")
}
.icon-flux-3.-xsmall {
  width: 24px;
  height: 12px
}
.icon-flux-3.-small {
  width: 32px;
  height: 16px
}
.icon-flux-3.-smedium {
  width: 40px;
  height: 20px
}
.icon-flux-3.-medium {
  width: 48px;
  height: 24px
}
.icon-flux-3.-large {
  width: 64px;
  height: 32px
}
.icon-flux-3.-xlarge {
  width: 96px;
  height: 48px
}
.icon-flux-3.-xxlarge {
  width: 112px;
  height: 56px
}
.icon-experience {
  -webkit-mask-image: url("../images/pictos/icon-experience.svg");
  mask-image: url("../images/pictos/icon-experience.svg")
}
.icon-bcorp,
.icon-bcorp-white {
  -webkit-mask-image: url("../assets/asset-33.svg");
  mask-image: url("../assets/asset-33.svg")
}
.icon-bcorp-white.-xsmall,
.icon-bcorp.-xsmall {
  width: 12px;
  height: 18px
}
.icon-bcorp-white.-small,
.icon-bcorp.-small {
  width: 16px;
  height: 23px
}
.icon-bcorp-white.-smedium,
.icon-bcorp.-smedium {
  width: 20px;
  height: 29px
}
.icon-bcorp-white.-medium,
.icon-bcorp.-medium {
  width: 24px;
  height: 37px
}
.icon-bcorp-white.-large,
.icon-bcorp.-large {
  width: 40px;
  height: 61px
}
.icon-bcorp-white.-xlarge,
.icon-bcorp.-xlarge {
  width: 50px;
  height: 73px
}
.icon-bcorp-white.-xxlarge,
.icon-bcorp.-xxlarge {
  width: 56px;
  height: 81px
}
.icon-bcorp-white {
  background-color: #fdfdfd
}
[class*=" illu-"],
[class^=illu-] {
  display: block;
  background-image: url("../images/pictos/illu-default.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 100%;
  width: 100%
}
.illu-cart {
  background-image: url("../images/pictos/illu-cart.svg")
}
.illu-empty {
  background-image: url("../images/pictos/illu-empty.svg")
}
.illu-emptycart {
  background-image: url("../images/pictos/illu-emptycart.svg")
}
.illu-emptywishlist {
  background-image: url("../images/pictos/illu-emptywishlist.svg")
}
.illu-error {
  background-image: url("../images/pictos/illu-error.svg")
}
.illu-hangers {
  background-image: url("../images/pictos/illu-hangers.svg")
}
.illu-map {
  background-image: url("../images/pictos/illu-map.svg")
}
.illu-outofstock {
  background-image: url("../images/pictos/illu-outofstock.svg")
}
.illu-scan {
  background-image: url("../images/pictos/illu-scan.svg")
}
.illu-sizeguide {
  background-image: url("../images/pictos/illu-sizeguide.svg")
}
.illu-sizehomeware {
  background-image: url("../images/pictos/illu-sizehomeware.svg")
}
.illu-sizetop {
  background-image: url("../images/pictos/illu-sizetop.svg")
}
.illu-store {
  background-image: url("../images/pictos/illu-store.svg")
}
.illu-thanks {
  background-image: url("../images/pictos/illu-thanks.svg")
}
.illu-welcome {
  background-image: url("../images/pictos/illu-welcome.svg")
}
.illu-babiz {
  background-image: url("../images/pictos/illu-babiz.svg")
}
.illu-ladiz {
  background-image: url("../images/pictos/illu-ladiz.svg")
}
.illu-order {
  background-image: url("../images/pictos/illu-order.svg")
}
.illu-queeniz {
  background-image: url("../images/pictos/illu-queeniz.svg")
}
.illu-teeniz {
  background-image: url("../images/pictos/illu-teeniz.svg")
}
.illu-app-logo {
  background-image: url("../images/pictos/illu-app-logo.svg")
}
.illu-app-logo-footer {
  background-image: url("../assets/asset-34.svg")
}
.tag {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  border-radius: 0;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 24px;
  color: #fdfdfd
}
.tag.-default {
  background-color: #0b1215
}
.tag.-secondary {
  background-color: #f2f4f8;
  color: #0b1215
}
.tag.-promotion {
  background-color: #fbddda;
  color: #eb5445
}
.tag.-loyalty {
  background-color: #ffdee2;
  color: #e0144c
}
.tag.-bestseller {
  background: #f2f4f8;
  color: #0b1215
}
.tag.-lowstock {
  background: #0b1215
}
.tag.-look {
  background: #fdfdfd;
  color: #0b1215
}
.tag.-wecare {
  background: #e1e8e3;
  color: #9ab2a2
}
.tag.-wecare .icon-wecare {
  width: 60px;
  height: 24px;
  margin-left: 0
}
.tag.-wecare:has(.icon) p {
  display: none
}
.tag.-periodunderwear {
  background-color: #f2f4f8;
  color: #0b1215;
  padding: 2px
}
.tag.-periodunderwear .icon {
  margin-left: 0
}
.tag.-periodunderwear .icon.icon-flux-2.-xsmall {
  width: 16px;
  height: 12px
}
.tag.-periodunderwear .icon.icon-flux-2.-small {
  width: 21px;
  height: 16px
}
.tag.-periodunderwear .icon.icon-flux-2.-smedium {
  width: 26px;
  height: 20px
}
.tag.-periodunderwear .icon.icon-flux-3.-xsmall {
  width: 24px;
  height: 12px
}
.tag.-periodunderwear .icon.icon-flux-3.-small {
  width: 32px;
  height: 16px
}
.tag.-periodunderwear .icon.icon-flux-3.-smedium {
  width: 40px;
  height: 20px
}
.tag.-success {
  background: #42be65;
  color: #fdfdfd
}
.tag.-error {
  background: #fa4d56;
  color: #fdfdfd
}
.tag.-expired {
  background: #f2f4f8;
  color: #0b1215
}
.tag .icon {
  margin-left: 4px;
  width: 16px;
  height: 16px;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: currentcolor;
  flex-shrink: 0
}
.tag.-transparent {
  background: 0 0;
  border: 1px solid #dde1e6;
  color: #697077
}
.tag.-selected {
  background: #0b1215;
  color: #fdfdfd
}
.sizeButton__container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  color: #0b1215;
  cursor: pointer;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  position: relative;
  min-width: 60px;
  transition: border-color .5s ease-in-out,color .5s ease-in-out,background-color .5s ease-in-out;
  gap: 4px
}
.sizeButton__container.-default-classic {
  border-color: #dde1e6
}
.sizeButton__container.-default-classic:hover:not(.-selected) {
  border-color: #0b1215;
  color: #0b1215
}
.sizeButton__container.-outOfStock {
  border-color: #dde1e6;
  color: #a2a9b0
}
.sizeButton__container.-outOfStock .itemIcon {
  background-color: #a2a9b0
}
.sizeButton__container.-outOfStock:hover:not(.loading) {
  border-color: #697077;
  color: #a2a9b0
}
.sizeButton__container.-outOfStock.-selected {
  background-color: #697077;
  color: #fdfdfd
}
.sizeButton__container.-outOfStock.-selected:hover:not(.loading) {
  color: #fdfdfd
}
.sizeButton__container.-outOfStock.-selected .itemIcon {
  background-color: #fdfdfd
}
.sizeButton__container.-outOfStock.-hideNotAvailable {
  display: none
}
.sizeButton__container.-default-transparent {
  color: #fdfdfd;
  background: rgba(11,18,21,.2);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px)
}
.sizeButton__container.-default-transparent.-selected,
.sizeButton__container.-default-transparent:hover:not(.loading) {
  background-color: #fdfdfd;
  color: #0b1215
}
.sizeButton__container.-default-transparent.-selected .itemIcon,
.sizeButton__container.-default-transparent:hover:not(.loading) .itemIcon {
  background-color: #fdfdfd
}
.sizeButton__container.-disabled {
  border-color: #dde1e6;
  color: #a2a9b0;
  pointer-events: none
}
.sizeButton__container.-disabled .itemIcon {
  background-color: #a2a9b0
}
.sizeButton__container.-selected {
  background-color: #0b1215;
  color: #fdfdfd
}
.sizeButton__container.-selected .itemIcon {
  background: #fdfdfd
}
.sizeButton__container.-selected.-low .itemIcon:not(.icon-mail) {
  background-color: #d8a800
}
.sizeButton__container.-low.-default-classic:hover:not(.-selected) {
  border-color: #d8a800
}
.sizeButton__container.-low.-default-classic .itemIcon {
  background-color: #d8a800
}
.sizeButton__container.-low.-default-transparent:not(.loading) .itemIcon {
  background: #d8a800
}
.sizeButton__container.loading {
  background: #0b1215
}
.sizeButton__container.loading .sizeButton__content {
  color: transparent
}
.sizeButton__container.loading .itemIcon {
  background-color: transparent
}
.sizeButton__container.loading .loader-element {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center
}
.sizeButton__container .itemIcon {
  flex: 0 0 auto
}
.sizeButtonList__container {
  display: grid;
  align-items: center;
  width: 100%;
  grid-gap: 8px;
  grid-template-columns: repeat(auto-fill,minmax(60px,1fr))
}
.tagMessage__container {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px
}
.tagMessage__container .tooltip__text,
.tagMessage__container__text {
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0
}
@media(min-width:900px) {
  .tagMessage__container .tooltip__text,
  .tagMessage__container__text {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
}
.tagMessage__container .tooltip__icon {
  width: 12px;
  height: 12px
}
@media(min-width:900px) {
  .tagMessage__container .tooltip__icon {
    width: 16px;
    height: 16px
  }
}
.tagMessage__container.-promotion .icon {
  background-color: #eb5445
}
.tagMessage__container.-promotion .tooltip__icon {
  background-color: #697077
}
.tagMessage__container.-promotion__text + .tagMessage__icon {
  margin-left: 8px
}
.tagMessage__container.-promotion .tagMessage__text,
.tagMessage__container.-promotion .tooltip__text {
  color: #eb5445
}
.tagMessage__container.-promotion .tagMessage__text + .tooltip__icon,
.tagMessage__container.-promotion .tooltip__text + .tooltip__icon {
  margin-left: 6px
}
.tagMessage__container.-loyalty .icon {
  background-color: #e0144c
}
.tagMessage__container.-loyalty .tooltip__icon {
  background-color: #697077
}
.tagMessage__container.-loyalty .tagMessage__text,
.tagMessage__container.-loyalty .tooltip__text {
  color: #e0144c
}
.tagMessage__container.-S .tooltip__text + .tooltip__icon {
  margin-left: 4px
}
.badges {
  border-radius: 360px;
  display: flex;
  align-items: center;
  justify-content: center
}
.badges.notification {
  text-align: center;
  width: 20px;
  height: 20px
}
.badges.notification.black {
  background-color: #0b1215;
  color: #fdfdfd;
  z-index: 1
}
.badges.notification.black.stroke {
  border: 1px solid #fdfdfd;
  box-sizing: content-box
}
.badges.notification.white {
  background-color: #fdfdfd;
  color: #0b1215
}
.badges.notification.white.stroke {
  border: 1px solid #0b1215;
  box-sizing: content-box
}
.badges.online {
  width: 8px;
  height: 8px
}
.badges.online.on {
  background-color: #42be65
}
.badges.online.off {
  background-color: #fa4d56
}
.badges.goldentip {
  background-repeat: no-repeat;
  height: 8px;
  width: 8px;
  background-image: url("../images/pictos/icon-golden-tip.svg")
}
.tabs {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dde1e6;
  position: relative;
  width: 100%
}
.tabs .tab {
  color: #697077;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 48px;
  flex: 1 1 0;
  grid-gap: 12px;
  position: relative;
  border-radius: 0 0 0 0;
  transition: all .3s ease-in
}
@media(prefers-reduced-motion:reduce) {
  .tabs .tab {
    transition: none
  }
}
.tabs .tab.-active {
  color: #0b1215;
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0
}
.tabs .tab.-active .badges,
.tabs .tab.-active .icon {
  background-color: #0b1215
}
.tabs .tab .badges,
.tabs .tab .icon {
  transition: all .3s ease-in;
  background-color: #697077
}
@media(prefers-reduced-motion:reduce) {
  .tabs .tab .badges,
  .tabs .tab .icon {
    transition: none
  }
}
.tabs .tab .badges {
  z-index: 1
}
.tabs .tab .badges.animated {
  background-color: #0b1215;
  transform: scale(1.2)
}
.tabs .tab .badges.animated.-reversed {
  transform: scale(.8)
}
.tabs .tabUnderline {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #0b1215;
  will-change: transform;
  transition: transform .5s;
  transform-origin: 0 0;
  border-radius: 0 0 0 0
}
.icon__container {
  position: relative;
  width: 24px;
  height: 24px
}
.icon__container .badges {
  position: absolute;
  right: -9px;
  top: -9px
}
.icon__container .badges.mini-cart-count {
  top: auto;
  bottom: -8px
}
.colorBubble {
  display: block;
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 0;
  overflow: inherit;
  border: 1px solid transparent;
  transition: transform .6s cubic-bezier(.5, 1.6, .45, .7);
  cursor: pointer
}
.colorBubble::before {
  content: none;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 0;
  border: 1px solid var(--colorBubbleBackground);
  position: absolute;
  top: -4px;
  left: -4px;
  box-sizing: border-box
}
.colorBubble:not(.-selected).-hover::before,
.colorBubble:not(.-selected):hover::before {
  content: "";
  border-color: #dde1e6
}
.colorBubble.-light {
  border-color: #dde1e6
}
.colorBubble__border {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 0;
  left: 0;
  top: 0;
  background-color: var(--colorBubbleBackground)
}
.colorBubble.-L {
  width: 18px;
  height: 18px
}
.colorBubble.-L.-disabled::after {
  width: 32px
}
.colorBubble.-L::before {
  width: 24px;
  height: 24px
}
.colorBubble.-L .colorBubble__border {
  width: 16px;
  height: 16px
}
.colorBubble.-selected::before {
  content: ""
}
.colorBubble.-selected.-light .colorBubble__border {
  border-color: #dde1e6
}
.colorBubble.-selected.-light::before {
  border-color: #dde1e6
}
.colorBubble.-selected.-dark::before {
  border-color: #dde1e6
}
.colorBubble.-disabled {
  cursor: auto
}
.colorBubble.-disabled::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -50%;
  width: 20px;
  height: 1px;
  background: #fa4d56;
  transform: rotate(135deg)
}
.colorBubbleContainer {
  position: relative
}
.colorBubbleContainer__wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%
}
.colorBubbleContainer__wrapper.scrollList.-horizontal {
  display: flex;
  justify-content: flex-start
}
.colorBubbleContainer.-grid .colorBubbleContainer__wrapper {
  flex-wrap: wrap
}
.colorBubbleContainer .visualSlider__navigation {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  opacity: 1;
  margin-top: 0;
  background-color: #fdfdfd;
  transition: opacity .3s ease;
  cursor: pointer
}
.colorBubbleContainer .visualSlider__navigation::after {
  display: none
}
.colorBubbleContainer .visualSlider__navigation.-prev {
  left: 0
}
.colorBubbleContainer .visualSlider__navigation.-next {
  right: 0
}
.colorBubbleContainer .visualSlider__navigation.-disabled {
  opacity: 0;
  pointer-events: none
}
.colorBubbleContainer .visualSlider__navigationNext,
.colorBubbleContainer .visualSlider__navigationPrev {
  width: 100%;
  height: 100%
}
.colorBubbleContainer.-S .visualSlider__navigation {
  width: 23px;
  height: 23px
}
.colorBubbleContainer .colorBubble {
  margin: 4px 4px 4px 4px
}
.colorBubbleContainer .visualSlider__item {
  min-width: auto
}
[class*=" icon-"],
[class*=" logo-"],
[class^=icon-],
[class^=logo-] {
  display: block;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
.logo-size-big {
  -webkit-mask-image: url("../images/logos/logo-big.svg");
  mask-image: url("../images/logos/logo-big.svg");
  background-color: #0b1215;
  height: 72px;
  width: 204px
}
.logo-size-small {
  -webkit-mask-image: url("../images/logos/logo-small.svg");
  mask-image: url("../images/logos/logo-small.svg");
  background-color: #0b1215;
  height: 24px;
  width: 71px
}
.logo-size-medium {
  -webkit-mask-image: url("../images/logos/logo-medium.svg");
  mask-image: url("../images/logos/logo-medium.svg");
  background-color: #0b1215;
  height: 40px;
  width: 108px
}
.logo-size-big-white {
  -webkit-mask-image: url("../images/logos/logo-big-white.svg");
  mask-image: url("../images/logos/logo-big-white.svg");
  background-color: #fdfdfd;
  height: 72px;
  width: 204px
}
.logo-size-small-white {
  -webkit-mask-image: url("../images/logos/logo-small-white.svg");
  mask-image: url("../images/logos/logo-small-white.svg");
  background-color: #fdfdfd;
  height: 24px;
  width: 71px
}
.logo-size-medium-white {
  -webkit-mask-image: url("../images/logos/logo-medium-white.svg");
  mask-image: url("../images/logos/logo-medium-white.svg");
  background-color: #fdfdfd;
  height: 40px;
  width: 108px
}
.logo-size-big {
  -webkit-mask-image: url("../images/logos/logo-big.svg");
  mask-image: url("../images/logos/logo-big.svg");
  background-color: #0b1215;
  height: 72px;
  width: 204px
}
.logo-size-small {
  -webkit-mask-image: url("../images/logos/logo-small.svg");
  mask-image: url("../images/logos/logo-small.svg");
  background-color: #0b1215;
  height: 24px;
  width: 71px
}
.logo-size-medium {
  -webkit-mask-image: url("../images/logos/logo-medium.svg");
  mask-image: url("../images/logos/logo-medium.svg");
  background-color: #0b1215;
  height: 40px;
  width: 108px
}
.logo-size-big-white {
  -webkit-mask-image: url("../images/logos/logo-big-white.svg");
  mask-image: url("../images/logos/logo-big-white.svg");
  background-color: #fdfdfd;
  height: 72px;
  width: 204px
}
.logo-size-small-white {
  -webkit-mask-image: url("../images/logos/logo-small-white.svg");
  mask-image: url("../images/logos/logo-small-white.svg");
  background-color: #fdfdfd;
  height: 24px;
  width: 71px
}
.logo-size-medium-white {
  -webkit-mask-image: url("../images/logos/logo-medium-white.svg");
  mask-image: url("../images/logos/logo-medium-white.svg");
  background-color: #fdfdfd;
  height: 40px;
  width: 108px
}
@media(min-width:600px) {
  .logo-size-sm-big {
    -webkit-mask-image: url("../images/logos/logo-big.svg");
    mask-image: url("../images/logos/logo-big.svg");
    background-color: #0b1215;
    height: 72px;
    width: 204px
  }
  .logo-size-sm-small {
    -webkit-mask-image: url("../images/logos/logo-small.svg");
    mask-image: url("../images/logos/logo-small.svg");
    background-color: #0b1215;
    height: 24px;
    width: 71px
  }
  .logo-size-sm-medium {
    -webkit-mask-image: url("../images/logos/logo-medium.svg");
    mask-image: url("../images/logos/logo-medium.svg");
    background-color: #0b1215;
    height: 40px;
    width: 108px
  }
  .logo-size-big-white {
    -webkit-mask-image: url("../images/logos/logo-big-white.svg");
    mask-image: url("../images/logos/logo-big-white.svg");
    background-color: #fdfdfd;
    height: 72px;
    width: 204px
  }
  .logo-size-small-white {
    -webkit-mask-image: url("../images/logos/logo-small-white.svg");
    mask-image: url("../images/logos/logo-small-white.svg");
    background-color: #fdfdfd;
    height: 24px;
    width: 71px
  }
  .logo-size-medium-white {
    -webkit-mask-image: url("../images/logos/logo-medium-white.svg");
    mask-image: url("../images/logos/logo-medium-white.svg");
    background-color: #fdfdfd;
    height: 40px;
    width: 108px
  }
}
@media(min-width:900px) {
  .logo-size-md-big {
    -webkit-mask-image: url("../images/logos/logo-big.svg");
    mask-image: url("../images/logos/logo-big.svg");
    background-color: #0b1215;
    height: 72px;
    width: 204px
  }
  .logo-size-md-small {
    -webkit-mask-image: url("../images/logos/logo-small.svg");
    mask-image: url("../images/logos/logo-small.svg");
    background-color: #0b1215;
    height: 24px;
    width: 71px
  }
  .logo-size-md-medium {
    -webkit-mask-image: url("../images/logos/logo-medium.svg");
    mask-image: url("../images/logos/logo-medium.svg");
    background-color: #0b1215;
    height: 40px;
    width: 108px
  }
  .logo-size-big-white {
    -webkit-mask-image: url("../images/logos/logo-big-white.svg");
    mask-image: url("../images/logos/logo-big-white.svg");
    background-color: #fdfdfd;
    height: 72px;
    width: 204px
  }
  .logo-size-small-white {
    -webkit-mask-image: url("../images/logos/logo-small-white.svg");
    mask-image: url("../images/logos/logo-small-white.svg");
    background-color: #fdfdfd;
    height: 24px;
    width: 71px
  }
  .logo-size-medium-white {
    -webkit-mask-image: url("../images/logos/logo-medium-white.svg");
    mask-image: url("../images/logos/logo-medium-white.svg");
    background-color: #fdfdfd;
    height: 40px;
    width: 108px
  }
}
@media(min-width:1200px) {
  .logo-size-xl-big {
    -webkit-mask-image: url("../images/logos/logo-big.svg");
    mask-image: url("../images/logos/logo-big.svg");
    background-color: #0b1215;
    height: 72px;
    width: 204px
  }
  .logo-size-xl-small {
    -webkit-mask-image: url("../images/logos/logo-small.svg");
    mask-image: url("../images/logos/logo-small.svg");
    background-color: #0b1215;
    height: 24px;
    width: 71px
  }
  .logo-size-xl-medium {
    -webkit-mask-image: url("../images/logos/logo-medium.svg");
    mask-image: url("../images/logos/logo-medium.svg");
    background-color: #0b1215;
    height: 40px;
    width: 108px
  }
  .logo-size-big-white {
    -webkit-mask-image: url("../images/logos/logo-big-white.svg");
    mask-image: url("../images/logos/logo-big-white.svg");
    background-color: #fdfdfd;
    height: 72px;
    width: 204px
  }
  .logo-size-small-white {
    -webkit-mask-image: url("../images/logos/logo-small-white.svg");
    mask-image: url("../images/logos/logo-small-white.svg");
    background-color: #fdfdfd;
    height: 24px;
    width: 71px
  }
  .logo-size-medium-white {
    -webkit-mask-image: url("../images/logos/logo-medium-white.svg");
    mask-image: url("../images/logos/logo-medium-white.svg");
    background-color: #fdfdfd;
    height: 40px;
    width: 108px
  }
}
@media(min-width:1800px) {
  .logo-size-xxl-big {
    -webkit-mask-image: url("../images/logos/logo-big.svg");
    mask-image: url("../images/logos/logo-big.svg");
    background-color: #0b1215;
    height: 72px;
    width: 204px
  }
  .logo-size-xxl-small {
    -webkit-mask-image: url("../images/logos/logo-small.svg");
    mask-image: url("../images/logos/logo-small.svg");
    background-color: #0b1215;
    height: 24px;
    width: 71px
  }
  .logo-size-xxl-medium {
    -webkit-mask-image: url("../images/logos/logo-medium.svg");
    mask-image: url("../images/logos/logo-medium.svg");
    background-color: #0b1215;
    height: 40px;
    width: 108px
  }
  .logo-size-big-white {
    -webkit-mask-image: url("../images/logos/logo-big-white.svg");
    mask-image: url("../images/logos/logo-big-white.svg");
    background-color: #fdfdfd;
    height: 72px;
    width: 204px
  }
  .logo-size-small-white {
    -webkit-mask-image: url("../images/logos/logo-small-white.svg");
    mask-image: url("../images/logos/logo-small-white.svg");
    background-color: #fdfdfd;
    height: 24px;
    width: 71px
  }
  .logo-size-medium-white {
    -webkit-mask-image: url("../images/logos/logo-medium-white.svg");
    mask-image: url("../images/logos/logo-medium-white.svg");
    background-color: #fdfdfd;
    height: 40px;
    width: 108px
  }
}
.icon-size-big {
  -webkit-mask-image: url("../images/logos/icon-big.svg");
  mask-image: url("../images/logos/icon-big.svg");
  background-color: #0b1215;
  height: 72px;
  width: 72px
}
.icon-size-small {
  -webkit-mask-image: url("../images/logos/icon-small.svg");
  mask-image: url("../images/logos/icon-small.svg");
  background-color: #0b1215;
  height: 24px;
  width: 24px
}
.icon-size-medium {
  -webkit-mask-image: url("../images/logos/icon-medium.svg");
  mask-image: url("../images/logos/icon-medium.svg");
  background-color: #0b1215;
  height: 40px;
  width: 40px
}
.icon-size-big-white {
  -webkit-mask-image: url("../images/logos/icon-big-white.svg");
  mask-image: url("../images/logos/icon-big-white.svg");
  background-color: #fdfdfd;
  height: 72px;
  width: 72px
}
.icon-size-small-white {
  -webkit-mask-image: url("../images/logos/icon-small-white.svg");
  mask-image: url("../images/logos/icon-small-white.svg");
  background-color: #fdfdfd;
  height: 24px;
  width: 24px
}
.icon-size-medium-white {
  -webkit-mask-image: url("../images/logos/icon-medium-white.svg");
  mask-image: url("../images/logos/icon-medium-white.svg");
  background-color: #fdfdfd;
  height: 40px;
  width: 40px
}
.icon-size-big {
  -webkit-mask-image: url("../images/logos/icon-big.svg");
  mask-image: url("../images/logos/icon-big.svg");
  background-color: #0b1215;
  height: 72px;
  width: 72px
}
.icon-size-small {
  -webkit-mask-image: url("../images/logos/icon-small.svg");
  mask-image: url("../images/logos/icon-small.svg");
  background-color: #0b1215;
  height: 24px;
  width: 24px
}
.icon-size-medium {
  -webkit-mask-image: url("../images/logos/icon-medium.svg");
  mask-image: url("../images/logos/icon-medium.svg");
  background-color: #0b1215;
  height: 40px;
  width: 40px
}
.icon-size-big-white {
  -webkit-mask-image: url("../images/logos/icon-big-white.svg");
  mask-image: url("../images/logos/icon-big-white.svg");
  background-color: #fdfdfd;
  height: 72px;
  width: 72px
}
.icon-size-small-white {
  -webkit-mask-image: url("../images/logos/icon-small-white.svg");
  mask-image: url("../images/logos/icon-small-white.svg");
  background-color: #fdfdfd;
  height: 24px;
  width: 24px
}
.icon-size-medium-white {
  -webkit-mask-image: url("../images/logos/icon-medium-white.svg");
  mask-image: url("../images/logos/icon-medium-white.svg");
  background-color: #fdfdfd;
  height: 40px;
  width: 40px
}
@media(min-width:600px) {
  .icon-size-sm-big {
    -webkit-mask-image: url("../images/logos/icon-big.svg");
    mask-image: url("../images/logos/icon-big.svg");
    background-color: #0b1215;
    height: 72px;
    width: 72px
  }
  .icon-size-sm-small {
    -webkit-mask-image: url("../images/logos/icon-small.svg");
    mask-image: url("../images/logos/icon-small.svg");
    background-color: #0b1215;
    height: 24px;
    width: 24px
  }
  .icon-size-sm-medium {
    -webkit-mask-image: url("../images/logos/icon-medium.svg");
    mask-image: url("../images/logos/icon-medium.svg");
    background-color: #0b1215;
    height: 40px;
    width: 40px
  }
  .icon-size-big-white {
    -webkit-mask-image: url("../images/logos/icon-big-white.svg");
    mask-image: url("../images/logos/icon-big-white.svg");
    background-color: #fdfdfd;
    height: 72px;
    width: 72px
  }
  .icon-size-small-white {
    -webkit-mask-image: url("../images/logos/icon-small-white.svg");
    mask-image: url("../images/logos/icon-small-white.svg");
    background-color: #fdfdfd;
    height: 24px;
    width: 24px
  }
  .icon-size-medium-white {
    -webkit-mask-image: url("../images/logos/icon-medium-white.svg");
    mask-image: url("../images/logos/icon-medium-white.svg");
    background-color: #fdfdfd;
    height: 40px;
    width: 40px
  }
}
@media(min-width:900px) {
  .icon-size-md-big {
    -webkit-mask-image: url("../images/logos/icon-big.svg");
    mask-image: url("../images/logos/icon-big.svg");
    background-color: #0b1215;
    height: 72px;
    width: 72px
  }
  .icon-size-md-small {
    -webkit-mask-image: url("../images/logos/icon-small.svg");
    mask-image: url("../images/logos/icon-small.svg");
    background-color: #0b1215;
    height: 24px;
    width: 24px
  }
  .icon-size-md-medium {
    -webkit-mask-image: url("../images/logos/icon-medium.svg");
    mask-image: url("../images/logos/icon-medium.svg");
    background-color: #0b1215;
    height: 40px;
    width: 40px
  }
  .icon-size-big-white {
    -webkit-mask-image: url("../images/logos/icon-big-white.svg");
    mask-image: url("../images/logos/icon-big-white.svg");
    background-color: #fdfdfd;
    height: 72px;
    width: 72px
  }
  .icon-size-small-white {
    -webkit-mask-image: url("../images/logos/icon-small-white.svg");
    mask-image: url("../images/logos/icon-small-white.svg");
    background-color: #fdfdfd;
    height: 24px;
    width: 24px
  }
  .icon-size-medium-white {
    -webkit-mask-image: url("../images/logos/icon-medium-white.svg");
    mask-image: url("../images/logos/icon-medium-white.svg");
    background-color: #fdfdfd;
    height: 40px;
    width: 40px
  }
}
@media(min-width:1200px) {
  .icon-size-xl-big {
    -webkit-mask-image: url("../images/logos/icon-big.svg");
    mask-image: url("../images/logos/icon-big.svg");
    background-color: #0b1215;
    height: 72px;
    width: 72px
  }
  .icon-size-xl-small {
    -webkit-mask-image: url("../images/logos/icon-small.svg");
    mask-image: url("../images/logos/icon-small.svg");
    background-color: #0b1215;
    height: 24px;
    width: 24px
  }
  .icon-size-xl-medium {
    -webkit-mask-image: url("../images/logos/icon-medium.svg");
    mask-image: url("../images/logos/icon-medium.svg");
    background-color: #0b1215;
    height: 40px;
    width: 40px
  }
  .icon-size-big-white {
    -webkit-mask-image: url("../images/logos/icon-big-white.svg");
    mask-image: url("../images/logos/icon-big-white.svg");
    background-color: #fdfdfd;
    height: 72px;
    width: 72px
  }
  .icon-size-small-white {
    -webkit-mask-image: url("../images/logos/icon-small-white.svg");
    mask-image: url("../images/logos/icon-small-white.svg");
    background-color: #fdfdfd;
    height: 24px;
    width: 24px
  }
  .icon-size-medium-white {
    -webkit-mask-image: url("../images/logos/icon-medium-white.svg");
    mask-image: url("../images/logos/icon-medium-white.svg");
    background-color: #fdfdfd;
    height: 40px;
    width: 40px
  }
}
@media(min-width:1800px) {
  .icon-size-xxl-big {
    -webkit-mask-image: url("../images/logos/icon-big.svg");
    mask-image: url("../images/logos/icon-big.svg");
    background-color: #0b1215;
    height: 72px;
    width: 72px
  }
  .icon-size-xxl-small {
    -webkit-mask-image: url("../images/logos/icon-small.svg");
    mask-image: url("../images/logos/icon-small.svg");
    background-color: #0b1215;
    height: 24px;
    width: 24px
  }
  .icon-size-xxl-medium {
    -webkit-mask-image: url("../images/logos/icon-medium.svg");
    mask-image: url("../images/logos/icon-medium.svg");
    background-color: #0b1215;
    height: 40px;
    width: 40px
  }
  .icon-size-big-white {
    -webkit-mask-image: url("../images/logos/icon-big-white.svg");
    mask-image: url("../images/logos/icon-big-white.svg");
    background-color: #fdfdfd;
    height: 72px;
    width: 72px
  }
  .icon-size-small-white {
    -webkit-mask-image: url("../images/logos/icon-small-white.svg");
    mask-image: url("../images/logos/icon-small-white.svg");
    background-color: #fdfdfd;
    height: 24px;
    width: 24px
  }
  .icon-size-medium-white {
    -webkit-mask-image: url("../images/logos/icon-medium-white.svg");
    mask-image: url("../images/logos/icon-medium-white.svg");
    background-color: #fdfdfd;
    height: 40px;
    width: 40px
  }
}
.storybookExemple .visualIndicator__itemContainer:first-child {
  background-color: #fdfdfd
}
.visualIndicator__container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px
}
.visualIndicator__container.-vertical {
  flex-direction: column;
  width: auto
}
@media(min-width:900px) {
  .visualIndicator__container.-thumbnail {
    gap: 8px
  }
  .visualIndicator__container.-thumbnail.-productImageThumbnail .visualIndicator__itemContainer.-thumbnail {
    transition: opacity .3s ease-in-out
  }
  .visualIndicator__container.-thumbnail.-productImageThumbnail .visualIndicator__itemContainer.-thumbnail:not(.-active) {
    opacity: .5
  }
}
.visualIndicator__itemContainer {
  background-color: rgba(253,253,253,.5);
  width: 100%;
  height: 2px;
  border-radius: 0;
  position: relative;
  transition: background .3s ease-in-out;
  cursor: pointer
}
.visualIndicator__itemContainer::before {
  content: "";
  position: absolute;
  bottom: -10px;
  top: -10px;
  display: block;
  width: 100%
}
.visualIndicator__itemContainer.-S {
  height: 1px;
  max-width: 20px;
  width: 20px
}
.visualIndicator__itemContainer.-active {
  background-color: #fdfdfd
}
.visualIndicator__itemContainer.-vertical {
  width: 2px;
  height: 45px
}
.visualIndicator__itemContainer.-vertical.-S {
  width: 1px;
  height: 20px
}
.visualIndicator__itemContainer.-vertical::before {
  inset: 0 -10px;
  width: auto
}
@media(min-width:900px) {
  .visualIndicator__itemContainer.-thumbnail {
    background: 0 0
  }
  .visualIndicator__itemContainer.-thumbnail.-vertical {
    width: 60px;
    height: 70px
  }
  .visualIndicator__itemContainer.-thumbnail img {
    height: 100%;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 0
  }
  .visualIndicator__itemContainer.-thumbnail::before {
    content: none
  }
}
.visualIndicator__itemContainerIcon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%,-50%,0)
}
.quickAddToCartOverlay {
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  height: auto;
  max-height: 400px;
  transition: max-height .3s ease-out;
  overflow: hidden
}
.quickAddToCartOverlay[minSize="1"] .quickAddToCartOverlay__container {
  max-height: 38px
}
.quickAddToCartOverlay[minSize="1"] .quickAddToCartOverlay__showMore {
  display: flex
}
.quickAddToCartOverlay[minSize="1"]:hover .quickAddToCartOverlay__container {
  max-height: initial
}
.quickAddToCartOverlay[minSize="1"]:hover .quickAddToCartOverlay__showMore {
  display: none
}
.quickAddToCartOverlay .sizeButtonList__container {
  flex: 1
}
.quickAddToCartOverlay__wrapper {
  padding: 0 8px 8px 8px
}
.quickAddToCartOverlay__container {
  display: flex;
  justify-content: space-between;
  flex: 1;
  height: auto;
  transition: max-height .1s ease-out;
  overflow: hidden;
  grid-gap: 8px
}
.quickAddToCartOverlay__title {
  margin-bottom: 12px;
  display: block
}
.quickAddToCartOverlay__showMore {
  margin: auto 0;
  display: none;
  align-items: flex-end
}
.comingSoonOverlay {
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  height: auto;
  max-height: 0;
  transition: max-height .3s ease-out;
  overflow: hidden
}
@media(max-width:899.98px) {
  .comingSoonOverlay {
    display: none
  }
}
.comingSoonOverlay__wrapper {
  padding: 0 8px 8px 8px
}
.comingSoonOverlay__wrapper button {
  border-radius: 0!important;
  height: 40px
}
.backInStockOverlay {
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  height: auto;
  max-height: 0;
  transition: max-height .3s ease-out;
  overflow: hidden
}
@media(max-width:899.98px) {
  .backInStockOverlay {
    display: none
  }
}
.backInStockOverlay__wrapper {
  padding: 0 8px 8px 8px
}
.backInStockOverlay__wrapper button {
  height: 40px
}
.productCard {
  display: grid;
  position: relative
}
@media(max-width:899.98px) {
  .productCard {
    display: flex;
    flex-direction: column
  }
}
.productCard:not(.-notAvailable):hover .productCard__productImageContainer::after {
  content: ""
}
.productCard:not(.-notAvailable):hover .quickAddToCartOverlay {
  z-index: 10;
  max-height: 400px
}
.productCard:not(.-notAvailable):hover .comingSoonOverlay {
  z-index: 10;
  max-height: 400px
}
.productCard:not(.-notAvailable):hover .backInStockOverlay {
  z-index: 10;
  max-height: 400px
}
.productCard:hover .productCard__productBlockContainer:not(.-hideArrow) .visualSlider__navigation {
  opacity: 1;
  z-index: 7
}
.productCard:hover .productCard__productBlockContainer:not(.-hideArrow) .visualSlider__navigation.-prev {
  left: 8px
}
.productCard:hover .productCard__productBlockContainer:not(.-hideArrow) .visualSlider__navigation.-next {
  right: 8px
}
.productCard:hover .productCard__productBlockContainer:not(.-hideArrow) .visualSlider__navigation.-disabled {
  opacity: .3;
  pointer-events: auto
}
.productCard__productBlockContainer {
  cursor: pointer;
  display: flex;
  position: relative
}
.product-grid:not(.grid-mosaic) .productTileWrapper.-notVisible:not(.-tile-D,.-tile-T) .productCard__productBlockContainer .visualSlider__item:not(:first-child) {
  display: none
}
.productCard__productBlockContainer .visualSlider__navigation {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  opacity: 0;
  transition: all .3s ease-in-out;
  margin-top: 0;
  align-items: center;
  justify-content: center;
  z-index: 4
}
@media(min-width:900px) {
  .productCard__productBlockContainer .visualSlider__navigation {
    display: flex
  }
}
.productCard__productBlockContainer .visualSlider__navigation.-prev {
  left: -32px
}
.productCard__productBlockContainer .visualSlider__navigation.-next {
  right: -32px
}
.productCard__productBlockContainer .visualSlider__navigation.-disabled {
  opacity: 0;
  pointer-events: none
}
.productCard__productBlockContainer.-notAvailable:not(>.productCard__productImageContainerBackInStock,>.productCard__productImageContainerComingSoon) .productCard__productImageContent::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 50%)
}
.productCard__productBlockContainer.-notAvailable:not(>.productCard__productImageContainerBackInStock,>.productCard__productImageContainerComingSoon) .productCard__productImageContent img {
  filter: brightness(70%)
}
.productCard__productBlockContainer.-notAvailable:not(>.productCard__productImageContainerBackInStock,>.productCard__productImageContainerComingSoon) .productCard__productImageContent .visualIndicator__container,
.productCard__productBlockContainer.-notAvailable:not(>.productCard__productImageContainerBackInStock,>.productCard__productImageContainerComingSoon) .productCard__productImageContent .visualSlider__navigation {
  display: none
}
.productCard__productImageContent .lazyLoadedContainer img {
  border-radius: 0
}
.productCard__productImageContainer {
  width: 100%
}
.productCard__productContentFlag {
  position: absolute;
  top: 8px;
  font-weight: 600;
  font-size: .6875rem
}
.productCard__productContentFlag.-left {
  left: 8px
}
.productCard__wishlistContainer {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 7
}
.productCard__productNotAvailable {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 7
}
@media(min-width:900px) {
  .product-grid:not(.grid-mosaic) .productCard__productNotAvailable {
    inset: 50% auto auto 50%;
    transform: translate3d(-50%,-50%,0);
    width: 100%;
    max-width: 90%;
    margin: 0 auto
  }
}
@media(min-width:1200px) {
  .product-grid:not(.grid-mosaic) .productCard__productNotAvailable {
    max-width: 75%
  }
}
.productCard__productNotAvailable .productCard__productNotAvailableDesktop {
  display: none
}
@media(min-width:900px) {
  .product-grid:not(.grid-mosaic) .productCard__productNotAvailable .productCard__productNotAvailableDesktop {
    display: flex
  }
}
.productCard__productNotAvailable .productCard__productNotAvailableMobile {
  border-radius: 360px
}
@media(min-width:900px) {
  .product-grid:not(.grid-mosaic) .productCard__productNotAvailable .productCard__productNotAvailableMobile {
    display: none
  }
}
.productCard__bottomContent {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 7
}
.productCard__bottomContent .quickAddToCartOverlay {
  max-height: 0
}
.productCard__bottomContent.isPersoApp {
  display: none
}
.productCard__infos {
  display: flex;
  flex-direction: column-reverse
}
.productCard__infosContent {
  display: flex;
  flex-direction: column;
  padding: 0 8px;
  margin-top: 12px;
  order: 2
}
.productCard__infosContent > :not(:first-child) {
  margin-top: 8px
}
.productCard__infosContent .tagMessage__container .tooltip .icon {
  position: relative;
  z-index: 5
}
.productCard__infosContentColors {
  position: relative;
  overflow: hidden;
  align-items: center;
  margin-top: 8px;
  z-index: 6;
  order: 0
}
.productCard__quickAddToCartMobile {
  position: absolute;
  right: 8px;
  bottom: 16px;
  z-index: 7;
  opacity: 1;
  transition: opacity .3s ease-in-out;
  display: block
}
.productCard__quickAddToCartMobile.-hide {
  opacity: 0
}
.product-grid.grid-mosaic .productCard__quickAddToCartMobile {
  bottom: 8px
}
@media(min-width:900px) {
  .productCard__quickAddToCartMobile {
    bottom: 8px
  }
}
.productTileWrapper.tile-D .productCard__quickAddToCartMobile,
.productTileWrapper.tile-T .productCard__quickAddToCartMobile {
  bottom: 8px
}
@media(min-width:900px) {
  .productCard__quickAddToCartMobile {
    display: none
  }
}
.productCard__infosContentNameTitle .productCard__nameTitle {
  font-family: REM,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  letter-spacing: 0
}
@media(min-width:900px) {
  .productCard__infosContentNameTitle .productCard__nameTitle {
    font-family: REM,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0
  }
}
.productCard__infosContentNameTitle .wecare {
  display: inline-block;
  vertical-align: text-bottom
}
.productCard .gamme {
  display: none;
  text-transform: lowercase;
  display: block
}
.productCard .gamme::first-letter {
  text-transform: capitalize
}
.crosssell .productCard .gamme:not(.-onlyClassic) {
  display: block
}
.productCard__calloutAndTags {
  display: flex;
  flex-flow: column nowrap;
  grid-gap: 8px;
  margin: 8px 40px 16px 8px;
  max-height: 24px;
  overflow: hidden
}
@media(min-width:900px) {
  .productCard__calloutAndTags {
    margin: 8px;
    flex-flow: row wrap
  }
}
.productTileWrapper.tile-D .productCard__calloutAndTags,
.productTileWrapper.tile-T .productCard__calloutAndTags {
  margin: 8px
}
.productCard__infosContentMarketingflag {
  height: 24px
}
.productCard__infosContentMarketingflag img {
  display: block;
  height: 100%
}
.productCard__marketingflag {
  max-width: 40px;
  position: absolute;
  top: 8px
}
.productCard__marketingflag.-left {
  left: 8px
}
.productCard__marketingflag ~ .productCard__promo {
  left: calc(40px + 8px)
}
.productCard__promo {
  position: absolute;
  top: 8px;
  left: 8px
}
.productCard .pageDesigner__tuileSubContent.-isPourcentOffVisual .badge.-promo {
  display: none
}
.productCard.-notAvailable .productCard__quickAddToCartMobile,
.productCard.-notAvailable .visualIndicator__container,
.productCard.-notAvailable .visualSlider__navigation {
  display: none
}
.productCard__productImageContainer::after {
  content: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 50%);
  pointer-events: none;
  border-radius: 0
}
.productCard__productImageContainerBackInStock::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0b121566;
  pointer-events: none
}
.productCard__productImageContainerComingSoon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(87.78% 62.66% at 49.86% 49.91%,rgba(11,18,21,0) 0,rgba(6,10,12,.2) 53.3%,rgba(0,0,0,.8) 100%);
  pointer-events: none;
  opacity: 1;
  transition: opacity .3s ease-in-out
}
@media(max-width:899.98px) {
  .productCard__productImageContainerComingSoon::after {
    background: radial-gradient(141.97% 101.35% at 49.86% 49.91%,rgba(11,18,21,0) 33.17%,rgba(8,13,15,.2) 49.52%,rgba(6,10,12,.8) 66.83%,#000 100%)
  }
}
.productCard__productImageContainerComingSoon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(166.21% 68.8% at 49.86% 50%,rgba(11,18,21,0) 0,rgba(6,10,12,.02) 50%,rgba(0,0,0,.05) 100%);
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s ease-in-out
}
.productCard__productImageContainerComingSoon:hover::after {
  opacity: 0
}
.productCard__productImageContainerComingSoon:hover::before {
  opacity: 1
}
.productCard__infosDescription {
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0
}
@media(min-width:900px) {
  .productCard__infosDescription {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
}
.productCard__infosDescriptionLink {
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  cursor: pointer
}
@media(min-width:900px) {
  .productCard__infosDescriptionLink {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    cursor: pointer
  }
}
.productCard .pageDesigner__tuileSubContent {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 4px;
  gap: 8px;
  z-index: 3
}
.productCard .pageDesigner__tuileSubContent .tooltip__content {
  transform: translate3d(0,10px,0)
}
@media(max-width:899.98px) {
  .productCard .pageDesigner__tuileSubContent .tooltip__content {
    display: none
  }
}
.productCard .pageDesigner__tuileSubContent .tooltip:not(.-noHover):hover .tooltip__content {
  transform: inherit
}
.productCard .pageDesigner__tuileProductPrice {
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0
}
@media(min-width:900px) {
  .productCard .pageDesigner__tuileProductPrice {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
}
.productCard .pageDesigner__tuileProductPrice.-crossed {
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through
}
@media(min-width:900px) {
  .productCard .pageDesigner__tuileProductPrice.-crossed {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
  }
}
.productCard .pageDesigner__productBlockContent .productNoteReview {
  display: none
}
@media(min-width:900px) {
  .productCard .visualIndicator__container {
    display: none
  }
}
.pageDesigner__product .colorLoaderContainer {
  position: absolute;
  inset: 0;
  background: #fffA;
  z-index: 7
}
.-tile-B .productCard__calloutAndTags,
.grid-detailed .productCard__calloutAndTags {
  flex-flow: row wrap;
  margin: 8px 40px 16px 8px
}
.visualSlider {
  position: relative;
  overflow: hidden
}
.visualSlider__container {
  overflow: auto;
  display: flex;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  position: relative;
  --hovered: 0
}
.visualSlider__container::-webkit-scrollbar {
  display: none
}
.visualSlider__container:hover {
  --hovered: 1
}
.visualSlider__container.-active {
  scroll-snap-type: unset
}
.visualSlider__container.-horizontal {
  overflow: scroll hidden;
  scroll-snap-type: x mandatory
}
.visualSlider__container.-vertical {
  overflow: hidden auto;
  scroll-snap-type: y mandatory;
  height: var(--visualsliderheight);
  display: block
}
.visualSlider__container.-vertical .visualSlider__item img,
.visualSlider__container.-vertical .visualSlider__item picture {
  height: 100%;
  width: 100%
}
.visualSlider__container.-hover-fade-mode {
  overflow: hidden
}
.visualSlider__container.-hover-fade-mode .visualSlider__item {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  z-index: 1
}
.visualSlider__container.-hover-fade-mode .visualSlider__item.hoveroneimage {
  transition: opacity 75ms ease-in-out
}
.visualSlider__container.-hover-fade-mode .visualSlider__item.hoverswipe {
  transition: opacity .35s ease-in-out
}
.visualSlider__container.-hover-fade-mode .visualSlider__item.-fade-visible {
  opacity: 1;
  pointer-events: auto;
  z-index: 2
}
.visualSlider__container.-hover-fade-mode .visualSlider__item.-active {
  opacity: 1;
  pointer-events: auto;
  position: relative
}
.visualSlider__item {
  width: 100%;
  min-width: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%
}
@media(min-width:900px) {
  .visualSlider__item {
    scroll-snap-stop: unset
  }
}
.visualSlider__item img,
.visualSlider__item video {
  display: block;
  height: auto
}
.visualSlider__indicator {
  position: absolute;
  display: flex;
  width: 100%;
  z-index: 8
}
.visualSlider__indicator.-vertical {
  left: 32px;
  top: 8px;
  justify-content: flex-start
}
.visualSlider__indicator.-horizontal {
  left: 50%;
  transform: translateX(-50%);
  bottom: 8px;
  justify-content: center;
  padding: 0 8px
}
.visualSlider__navigation.-picture {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 100%;
  opacity: 0;
  transition: all .3s ease-in-out;
  margin-top: 0;
  align-items: center;
  justify-content: center;
  z-index: 2
}
@media(min-width:900px) {
  .visualSlider__navigation.-picture {
    display: flex
  }
}
.visualSlider__navigation.-picture.-prev {
  left: -32px
}
.visualSlider__navigation.-picture.-next {
  right: -32px
}
.visualSlider__navigation.-picture.-disabled {
  opacity: 0;
  pointer-events: none
}
.visualSlider__navigation.-thumbnail {
  display: none;
  position: sticky;
  width: 40px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  z-index: 3
}
@media(min-width:900px) {
  .visualSlider__navigation.-thumbnail {
    display: flex
  }
}
.visualSlider__navigation.-thumbnail.-prev {
  top: -1px;
  background: linear-gradient(180deg,#fff 0,#fff 66%,rgba(255,255,255,.8) 95%,rgba(255,255,255,0) 100%)
}
.visualSlider__navigation.-thumbnail.-next {
  bottom: -1px;
  background: linear-gradient(0deg,#fff 0,#fff 66%,rgba(255,255,255,.8) 95%,rgba(255,255,255,0) 100%)
}
.visualSlider__navigation.-thumbnail.-disabled {
  opacity: 0;
  pointer-events: none
}
.visualSlider:hover .visualSlider__navigation.-picture {
  opacity: 1
}
.visualSlider:hover .visualSlider__navigation.-picture.-prev {
  left: 0
}
.visualSlider:hover .visualSlider__navigation.-picture.-next {
  right: 0
}
.visualSlider:hover .visualSlider__navigation.-picture.-disabled {
  opacity: .3;
  pointer-events: auto
}
.visualSlider__navigationNext,
.visualSlider__navigationPrev {
  cursor: pointer
}
#crossSellContainer {
  width: 100%
}
#crossSellContainer .crosssell__header {
  justify-content: flex-start
}
#crossSellContainer .visualSlider:not(.-colorBubble) .visualSlider__container {
  overflow-x: hidden;
  pointer-events: auto
}
@media(min-width:900px) {
  #crossSellContainer .visualSlider:not(.-colorBubble) .visualSlider__container {
    overflow-x: scroll;
    pointer-events: auto
  }
}
@media(min-width:900px) {
  #crossSellContainer .visualSlider:not(.-colorBubble).-crosssell[data-items="2"] > .visualSlider__navigation,
  #crossSellContainer .visualSlider:not(.-colorBubble).-crosssell[data-items="3"] > .visualSlider__navigation {
    display: none
  }
}
@media(min-width:1200px) {
  #crossSellContainer .visualSlider:not(.-colorBubble).-crosssell[data-items="1"] > .visualSlider__navigation,
  #crossSellContainer .visualSlider:not(.-colorBubble).-crosssell[data-items="2"] > .visualSlider__navigation,
  #crossSellContainer .visualSlider:not(.-colorBubble).-crosssell[data-items="3"] > .visualSlider__navigation,
  #crossSellContainer .visualSlider:not(.-colorBubble).-crosssell[data-items="4"] > .visualSlider__navigation {
    display: none
  }
}
#crossSellContainer .visualSlider__navigation {
  display: block;
  position: absolute;
  top: -40px;
  padding: 0;
  right: 0;
  left: unset;
  background-color: transparent;
  box-shadow: none
}
#crossSellContainer .visualSlider__navigation.-prev {
  right: 28px
}
#crossSellContainer .visualSlider__navigation.-disabled {
  opacity: .3;
  pointer-events: none
}
.crosssell {
  height: -moz-fit-content;
  height: fit-content;
  margin: 20px 0
}
.crosssell .isPersoApp {
  display: none
}
.accordion .crosssell {
  margin: 4px 0 0 0;
  padding: 12px 12px 0 12px
}
.accordion .crosssell .crosssell__header {
  padding: 0
}
.accordion .crosssell .productCard__bottomContent,
.accordion .crosssell .productCard__wishlistContainer {
  display: none
}
@media(min-width:900px) {
  .accordion .crosssell .productCard__quickAddToCartMobile {
    display: block;
    opacity: 0
  }
  .accordion .crosssell .pageDesigner__product:hover .productCard__quickAddToCartMobile {
    opacity: 1;
    visibility: visible
  }
  .accordion .crosssell .productCard__nameTitle {
    font-family: REM,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0
  }
  .accordion .crosssell .pageDesigner__tuileProductPrice {
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0
  }
  .accordion .crosssell .pageDesigner__tuileProductPrice.-crossed {
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
  }
}
.crosssell .pageDesigner__product {
  width: 100%
}
.crosssell .productCard {
  width: 100%;
  display: flex;
  flex-direction: column
}
.crosssell .productCard .visualSlider:not(.-colorBubble) .visualSlider__container {
  overflow-x: hidden;
  pointer-events: none
}
@media(min-width:900px) {
  .crosssell .productCard .visualSlider:not(.-colorBubble) .visualSlider__container {
    overflow-x: hidden;
    pointer-events: none
  }
}
@media(min-width:900px) {
  .crosssell .productCard__productNotAvailable {
    inset: 50% auto auto 50%;
    transform: translate3d(-50%,-50%,0);
    width: 100%;
    z-index: 3;
    max-width: 90%;
    margin: 0 auto
  }
}
.crosssell .productCard__productNotAvailableDesktop {
  display: none
}
@media(min-width:900px) {
  .crosssell .productCard__productNotAvailableDesktop {
    display: flex
  }
}
@media(min-width:900px) {
  .crosssell .productCard__productNotAvailableMobile {
    display: none
  }
}
.crosssell .productCard:has(.abctABtn) {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 8px
}
.crosssell .productCard:has(.abctABtn) .abctABtn {
  position: relative;
  cursor: pointer;
  z-index: 10
}
.crosssell .productCard:has(.abctABtn) .productCard__productImageContainer {
  overflow: hidden
}
.crosssell .productCard:has(.abctABtn) .quickAddToCartPopIn .quickAddToCartPopIn__button {
  transition: opacity .2s ease-in-out;
  margin: 8px;
  margin-top: 0;
  max-width: none;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  opacity: 1
}
.crosssell .productCard:has(.abctABtn) .quickAddToCartPopIn .quickAddToCartPopIn__container {
  transition: transform .2s ease-in-out,opacity .4s ease-in-out;
  margin: 8px;
  margin-top: 0;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: #fff;
  padding: 16px;
  opacity: 0;
  position: absolute;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  bottom: 0
}
.crosssell .productCard:has(.abctABtn) .quickAddToCartPopIn .quickAddToCartPopIn__container.-active {
  transform: translateY(0);
  opacity: 1;
  visibility: visible
}
.crosssell__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 8px;
  margin-bottom: 16px;
  padding: 0 16px
}
@media(min-width:900px) {
  .crosssell__header {
    padding: 0 80px;
    justify-content: flex-start
  }
}
@media(min-width:900px) {
  .crosssell__header[data-items="1"] .crosssell__headerItems,
  .crosssell__header[data-items="2"] .crosssell__headerItems,
  .crosssell__header[data-items="3"] .crosssell__headerItems,
  .crosssell__header[data-items="4"] .crosssell__headerItems,
  .crosssell__header[data-items="5"] .crosssell__headerItems {
    display: none
  }
}
@media(max-width:899.98px) {
  .crosssell__header[data-items="1"] .crosssell__headerItems,
  .crosssell__header[data-items="2"] .crosssell__headerItems {
    display: none
  }
}
.crosssell__headerItems {
  flex: 0 0 auto
}
.crosssell .visualSlider.-crosssell {
  overflow: inherit
}
@media(min-width:900px) {
  .crosssell .visualSlider.-crosssell[data-items="2"] > .visualSlider__navigation,
  .crosssell .visualSlider.-crosssell[data-items="3"] > .visualSlider__navigation,
  .crosssell .visualSlider.-crosssell[data-items="4"] > .visualSlider__navigation {
    display: none
  }
}
@media(min-width:1200px) {
  .crosssell .visualSlider.-crosssell[data-items="1"] > .visualSlider__navigation,
  .crosssell .visualSlider.-crosssell[data-items="2"] > .visualSlider__navigation,
  .crosssell .visualSlider.-crosssell[data-items="3"] > .visualSlider__navigation,
  .crosssell .visualSlider.-crosssell[data-items="4"] > .visualSlider__navigation,
  .crosssell .visualSlider.-crosssell[data-items="5"] > .visualSlider__navigation {
    display: none
  }
}
.crosssell .visualSlider.-crosssell[data-items="1"] > .visualSlider__container {
  justify-content: left
}
.crosssell .visualSlider.-crosssell > .visualSlider__container {
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  display: grid;
  grid-template-rows: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  grid-auto-flow: column;
  align-items: flex-start;
  width: 100%;
  justify-content: start;
  grid-auto-columns: 170px;
  gap: 4px
}
.crosssell .visualSlider.-crosssell > .visualSlider__container[data-items="2"],
.crosssell .visualSlider.-crosssell > .visualSlider__container[data-items="3"],
.crosssell .visualSlider.-crosssell > .visualSlider__container[data-items="4"] {
  justify-content: start
}
@media(min-width:900px) {
  .crosssell .visualSlider.-crosssell > .visualSlider__container {
    grid-auto-columns: calc((100% - 12px)/ 4.25)
  }
}
@media(min-width:1200px) {
  .crosssell .visualSlider.-crosssell > .visualSlider__container {
    grid-auto-columns: calc((100% - 12px)/ 5.5)
  }
}
@media(min-width:900px) {
  .accordion .crosssell .visualSlider.-crosssell > .visualSlider__container {
    grid-auto-columns: calc((100% - 1rem)/ 2)
  }
}
@media(min-width:1200px) {
  .accordion .crosssell .visualSlider.-crosssell > .visualSlider__container {
    grid-auto-columns: calc((100% - 2rem)/ 3)
  }
}
.crosssell .visualSlider.-crosssell > .visualSlider__container::-webkit-scrollbar {
  display: none
}
.crosssell .visualSlider.-crosssell > .visualSlider__container.disable-scroll .visualSlider__navigation {
  pointer-events: none
}
.crosssell .visualSlider.-crosssell > .visualSlider__container.-horizontal .product-tile {
  opacity: 1
}
.crosssell .visualSlider.-crosssell > .visualSlider__container > .visualSlider__item {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: left;
  position: relative;
  scroll-snap-align: start;
  align-items: flex-start;
  justify-content: flex-start
}
.crosssell .visualSlider.-crosssell > .visualSlider__navigation {
  display: none;
  position: absolute;
  top: 38%;
  width: 32px;
  height: 32px;
  justify-items: center;
  align-content: center;
  padding: 0;
  min-width: unset;
  min-height: unset;
  z-index: 2
}
.crosssell .visualSlider.-crosssell > .visualSlider__navigation.-prev {
  left: 0
}
.crosssell .visualSlider.-crosssell > .visualSlider__navigation.-next {
  right: 0
}
.crosssell .visualSlider.-crosssell > .visualSlider__navigation.-disabled {
  opacity: 0;
  pointer-events: none
}
@media(min-width:1200px) {
  .crosssell .visualSlider.-crosssell > .visualSlider__navigation {
    display: block
  }
}
.page.-productPage .crosssell {
  margin: 0
}
.crosssell.CrossSellInfini_ABC {
  display: flex;
  flex-direction: column;
  margin: 0
}
.crosssell.CrossSellInfini_ABC .crosssell__headerContainer {
  margin: 40px
}
.crosssell.CrossSellInfini_ABC .crosssell__headerContainer .CrossSellInfini_ABC_Header {
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 0;
  padding: 0;
  max-width: none
}
.crosssell.CrossSellInfini_ABC .crosssell__headerContainer .crosssell__chips {
  display: flex;
  gap: 8px;
  flex-wrap: wrap
}
@media(max-width:899.98px) {
  .crosssell.CrossSellInfini_ABC .crosssell__headerContainer {
    margin: 24px
  }
  .crosssell.CrossSellInfini_ABC .crosssell__headerContainer .CrossSellInfini_ABC_Header {
    margin-bottom: 0
  }
}
.crosssell.CrossSellInfini_ABC .visualSlider__navigation {
  display: none!important
}
.crosssell.CrossSellInfini_ABC .CrossSellInfini_ABC_B_mosaic {
  padding: 0 16px;
  grid-gap: 8px!important;
  grid-template-columns: repeat(6,1fr);
  margin-top: 0;
  grid-auto-flow: initial!important
}
@media(max-width:899.98px) {
  .crosssell.CrossSellInfini_ABC .CrossSellInfini_ABC_B_mosaic {
    padding: 0;
    grid-gap: 4px!important;
    grid-template-columns: repeat(3,1fr)
  }
  .crosssell.CrossSellInfini_ABC .CrossSellInfini_ABC_B_mosaic .visualSlider__item {
    padding: 0!important
  }
}
@media(min-width:1200px) {
  .crosssell.CrossSellInfini_ABC .CrossSellInfini_ABC_B_mosaic .productCard__quickAddToCartMobile {
    display: block;
    opacity: 0
  }
  .crosssell.CrossSellInfini_ABC .CrossSellInfini_ABC_B_mosaic .pageDesigner__product:hover .productCard__quickAddToCartMobile {
    opacity: 1;
    visibility: visible
  }
}
.crosssell.CrossSellInfini_ABC .CrossSellInfini_ABC_B_mosaic .productCard .pageDesigner__productBlockContent,
.crosssell.CrossSellInfini_ABC .CrossSellInfini_ABC_B_mosaic .productCard .productCard__bottomContent {
  display: none
}
.crosssell.CrossSellInfini_ABC .CrossSellInfini_ABC_B_mosaic .productCard__promo,
.crosssell.CrossSellInfini_ABC .CrossSellInfini_ABC_B_mosaic .visualIndicator__container,
.crosssell.CrossSellInfini_ABC .CrossSellInfini_ABC_B_mosaic .visualSlider__navigation {
  display: none
}
.crosssell.CrossSellInfini_ABC .CrossSellInfini_ABC_C_classic {
  padding: 0 40px;
  grid-gap: 16px!important;
  grid-template-columns: repeat(4,1fr);
  margin-top: 0;
  grid-auto-flow: initial!important
}
.crosssell.CrossSellInfini_ABC .CrossSellInfini_ABC_C_classic .visualSlider__navigation {
  display: flex!important
}
@media(max-width:899.98px) {
  .crosssell.CrossSellInfini_ABC .CrossSellInfini_ABC_C_classic {
    padding: 0!important;
    grid-gap: 40px 12px!important;
    grid-template-columns: repeat(2,1fr)
  }
  .crosssell.CrossSellInfini_ABC .CrossSellInfini_ABC_C_classic .visualSlider__item {
    padding: 0!important
  }
}
.colorSlider__container .visualSlider:not(.-colorBubble) {
  overflow: inherit
}
.colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__container {
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  display: grid;
  grid-template-rows: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  grid-auto-flow: column;
  align-items: flex-start;
  width: 100%;
  justify-content: safe center;
  grid-auto-columns: auto;
  grid-gap: 12px
}
@media(min-width:900px) {
  .colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__container {
    grid-auto-columns: calc(100% / 3)
  }
}
@media(min-width:1200px) {
  .colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__container {
    grid-auto-columns: calc(100% / 4)
  }
}
@media screen and (width >= 1600px) {
  .colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__container {
    grid-auto-columns: calc(100% / 5)
  }
}
.colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__container::-webkit-scrollbar {
  display: none
}
.colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__container.disable-scroll .visualSlider__navigation {
  pointer-events: none
}
.colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__container.-horizontal .product-tile {
  opacity: 1
}
.colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__container > .visualSlider__item {
  margin: 0;
  padding: 0;
  min-width: 140px;
  width: 100%;
  height: 100%;
  text-align: left;
  position: relative;
  scroll-snap-align: start;
  align-items: flex-start;
  justify-content: flex-start
}
.colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__container > .visualSlider__item .colorSlider__item {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content
}
.colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__container > .visualSlider__item .colorSlider__item img,
.colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__container > .visualSlider__item .colorSlider__item picture {
  width: 100%
}
.colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__container > .visualSlider__item .colorSlider__item img {
  border-radius: 0
}
.colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__navigation {
  display: none;
  position: absolute;
  top: -35px;
  right: 6px
}
.colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__navigation.-prev {
  right: 26px
}
.colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__navigation.-disabled {
  opacity: .3;
  pointer-events: none
}
@media(min-width:900px) {
  .colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__navigation {
    display: block
  }
}
.colorSlider__itemInfo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 4px
}
.colorSlider__bubble {
  width: 12px;
  height: 12px;
  border-radius: 0
}
.colorSlider__bubble.-light {
  border: 1px solid #dde1e6
}
.alert {
  display: flex;
  gap: 16px;
  background-color: #fdfdfd;
  padding: 12px 16px;
  border-radius: 0;
  align-items: center
}
.alert.-snackbar {
  gap: 12px;
  padding: 8px 16px
}
.alert.-snackbar .alert__close {
  align-self: center
}
.alert > .icon,
.alert >[class*=button-],
.alert >[class*=link-] {
  flex-shrink: 0
}
.alert__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-grow: 1
}
.alert__close {
  align-self: flex-start
}
.progressbarlinear {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px
}
.progressbarlinear__header {
  display: flex;
  justify-content: space-between
}
.progressbarlinear__header__value {
  margin-left: auto
}
.progressbarlinear__header__btn {
  display: flex;
  flex-direction: row;
  gap: 6px;
  cursor: pointer;
  align-items: center
}
.progressbarlinear__bar {
  border-radius: 360px;
  margin-top: 2px;
  background-color: #f2f4f8;
  overflow: hidden
}
.progressbarlinear__bar__value {
  border-radius: 360px;
  height: 100%;
  background: #0b1215
}
.pbl-s .progressbarlinear__bar {
  height: 4px
}
.pbl-s .progressbarlinear__header {
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
.pbl-s .progressbarcircular__container {
  width: 80px;
  height: 80px
}
.pbl-s .progressbarcircular__background,
.pbl-s .progressbarcircular__progress {
  stroke-width: 1
}
.pbl-s .progressbarcircular__value {
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
.pbl-m .progressbarlinear__bar {
  height: 8px
}
.pbl-m .progressbarlinear__header {
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
.pbl-m .progressbarcircular__container {
  width: 160px;
  height: 160px
}
.pbl-m .progressbarcircular__background,
.pbl-m .progressbarcircular__progress {
  stroke-width: 1
}
.pbl-m .progressbarcircular__value {
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
.pbl-l .progressbarlinear__bar {
  height: 8px
}
.pbl-l .progressbarlinear__header {
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0
}
.pbl-l .progressbarcircular__container {
  width: 128px;
  height: 128px
}
.pbl-l .progressbarcircular__background,
.pbl-l .progressbarcircular__progress {
  stroke-width: 1
}
.pbl-l .progressbarcircular__value {
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0
}
@media(min-width:600px) {
  .pbl-sm-s .progressbarlinear__bar {
    height: 4px
  }
  .pbl-sm-s .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-sm-s .progressbarcircular__container {
    width: 80px;
    height: 80px
  }
  .pbl-sm-s .progressbarcircular__background,
  .pbl-sm-s .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-sm-s .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-sm-m .progressbarlinear__bar {
    height: 8px
  }
  .pbl-sm-m .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-sm-m .progressbarcircular__container {
    width: 160px;
    height: 160px
  }
  .pbl-sm-m .progressbarcircular__background,
  .pbl-sm-m .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-sm-m .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-sm-l .progressbarlinear__bar {
    height: 8px
  }
  .pbl-sm-l .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
  }
  .pbl-sm-l .progressbarcircular__container {
    width: 128px;
    height: 128px
  }
  .pbl-sm-l .progressbarcircular__background,
  .pbl-sm-l .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-sm-l .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
  }
}
@media(min-width:900px) {
  .pbl-md-s .progressbarlinear__bar {
    height: 4px
  }
  .pbl-md-s .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-md-s .progressbarcircular__container {
    width: 80px;
    height: 80px
  }
  .pbl-md-s .progressbarcircular__background,
  .pbl-md-s .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-md-s .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-md-m .progressbarlinear__bar {
    height: 8px
  }
  .pbl-md-m .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-md-m .progressbarcircular__container {
    width: 160px;
    height: 160px
  }
  .pbl-md-m .progressbarcircular__background,
  .pbl-md-m .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-md-m .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-md-l .progressbarlinear__bar {
    height: 8px
  }
  .pbl-md-l .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
  }
  .pbl-md-l .progressbarcircular__container {
    width: 128px;
    height: 128px
  }
  .pbl-md-l .progressbarcircular__background,
  .pbl-md-l .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-md-l .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
  }
}
@media(min-width:1200px) {
  .pbl-xl-s .progressbarlinear__bar {
    height: 4px
  }
  .pbl-xl-s .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-xl-s .progressbarcircular__container {
    width: 80px;
    height: 80px
  }
  .pbl-xl-s .progressbarcircular__background,
  .pbl-xl-s .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-xl-s .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-xl-m .progressbarlinear__bar {
    height: 8px
  }
  .pbl-xl-m .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-xl-m .progressbarcircular__container {
    width: 160px;
    height: 160px
  }
  .pbl-xl-m .progressbarcircular__background,
  .pbl-xl-m .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-xl-m .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-xl-l .progressbarlinear__bar {
    height: 8px
  }
  .pbl-xl-l .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
  }
  .pbl-xl-l .progressbarcircular__container {
    width: 128px;
    height: 128px
  }
  .pbl-xl-l .progressbarcircular__background,
  .pbl-xl-l .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-xl-l .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
  }
}
@media(min-width:1800px) {
  .pbl-xxl-s .progressbarlinear__bar {
    height: 4px
  }
  .pbl-xxl-s .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-xxl-s .progressbarcircular__container {
    width: 80px;
    height: 80px
  }
  .pbl-xxl-s .progressbarcircular__background,
  .pbl-xxl-s .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-xxl-s .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-xxl-m .progressbarlinear__bar {
    height: 8px
  }
  .pbl-xxl-m .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-xxl-m .progressbarcircular__container {
    width: 160px;
    height: 160px
  }
  .pbl-xxl-m .progressbarcircular__background,
  .pbl-xxl-m .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-xxl-m .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-xxl-l .progressbarlinear__bar {
    height: 8px
  }
  .pbl-xxl-l .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
  }
  .pbl-xxl-l .progressbarcircular__container {
    width: 128px;
    height: 128px
  }
  .pbl-xxl-l .progressbarcircular__background,
  .pbl-xxl-l .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-xxl-l .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
  }
}
.progressbarcircular {
  width: 100%
}
.progressbarcircular__header {
  display: flex;
  margin-bottom: 2px
}
.progressbarcircular__header__title {
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
.progressbarcircular__container {
  position: relative;
  width: 40px;
  height: 40px
}
.progressbarcircular__svg {
  transform: rotate(-90deg);
  width: 100%;
  height: 100%
}
.progressbarcircular__background {
  fill: none;
  stroke: #f2f4f8;
  stroke-width: 1
}
.progressbarcircular__progress {
  fill: none;
  stroke: #0b1215;
  stroke-width: 2;
  stroke-linecap: round;
  transition: stroke-dashoffset .5s ease
}
.progressbarcircular__value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
.pbl-s .progressbarlinear__bar {
  height: 4px
}
.pbl-s .progressbarlinear__header {
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
.pbl-s .progressbarcircular__container {
  width: 80px;
  height: 80px
}
.pbl-s .progressbarcircular__background,
.pbl-s .progressbarcircular__progress {
  stroke-width: 1
}
.pbl-s .progressbarcircular__value {
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
.pbl-m .progressbarlinear__bar {
  height: 8px
}
.pbl-m .progressbarlinear__header {
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
.pbl-m .progressbarcircular__container {
  width: 160px;
  height: 160px
}
.pbl-m .progressbarcircular__background,
.pbl-m .progressbarcircular__progress {
  stroke-width: 1
}
.pbl-m .progressbarcircular__value {
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
.pbl-l .progressbarlinear__bar {
  height: 8px
}
.pbl-l .progressbarlinear__header {
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0
}
.pbl-l .progressbarcircular__container {
  width: 128px;
  height: 128px
}
.pbl-l .progressbarcircular__background,
.pbl-l .progressbarcircular__progress {
  stroke-width: 1
}
.pbl-l .progressbarcircular__value {
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0
}
@media(min-width:600px) {
  .pbl-sm-s .progressbarlinear__bar {
    height: 4px
  }
  .pbl-sm-s .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-sm-s .progressbarcircular__container {
    width: 80px;
    height: 80px
  }
  .pbl-sm-s .progressbarcircular__background,
  .pbl-sm-s .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-sm-s .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-sm-m .progressbarlinear__bar {
    height: 8px
  }
  .pbl-sm-m .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-sm-m .progressbarcircular__container {
    width: 160px;
    height: 160px
  }
  .pbl-sm-m .progressbarcircular__background,
  .pbl-sm-m .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-sm-m .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-sm-l .progressbarlinear__bar {
    height: 8px
  }
  .pbl-sm-l .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
  }
  .pbl-sm-l .progressbarcircular__container {
    width: 128px;
    height: 128px
  }
  .pbl-sm-l .progressbarcircular__background,
  .pbl-sm-l .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-sm-l .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
  }
}
@media(min-width:900px) {
  .pbl-md-s .progressbarlinear__bar {
    height: 4px
  }
  .pbl-md-s .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-md-s .progressbarcircular__container {
    width: 80px;
    height: 80px
  }
  .pbl-md-s .progressbarcircular__background,
  .pbl-md-s .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-md-s .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-md-m .progressbarlinear__bar {
    height: 8px
  }
  .pbl-md-m .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-md-m .progressbarcircular__container {
    width: 160px;
    height: 160px
  }
  .pbl-md-m .progressbarcircular__background,
  .pbl-md-m .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-md-m .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-md-l .progressbarlinear__bar {
    height: 8px
  }
  .pbl-md-l .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
  }
  .pbl-md-l .progressbarcircular__container {
    width: 128px;
    height: 128px
  }
  .pbl-md-l .progressbarcircular__background,
  .pbl-md-l .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-md-l .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
  }
}
@media(min-width:1200px) {
  .pbl-xl-s .progressbarlinear__bar {
    height: 4px
  }
  .pbl-xl-s .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-xl-s .progressbarcircular__container {
    width: 80px;
    height: 80px
  }
  .pbl-xl-s .progressbarcircular__background,
  .pbl-xl-s .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-xl-s .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-xl-m .progressbarlinear__bar {
    height: 8px
  }
  .pbl-xl-m .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-xl-m .progressbarcircular__container {
    width: 160px;
    height: 160px
  }
  .pbl-xl-m .progressbarcircular__background,
  .pbl-xl-m .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-xl-m .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-xl-l .progressbarlinear__bar {
    height: 8px
  }
  .pbl-xl-l .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
  }
  .pbl-xl-l .progressbarcircular__container {
    width: 128px;
    height: 128px
  }
  .pbl-xl-l .progressbarcircular__background,
  .pbl-xl-l .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-xl-l .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
  }
}
@media(min-width:1800px) {
  .pbl-xxl-s .progressbarlinear__bar {
    height: 4px
  }
  .pbl-xxl-s .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-xxl-s .progressbarcircular__container {
    width: 80px;
    height: 80px
  }
  .pbl-xxl-s .progressbarcircular__background,
  .pbl-xxl-s .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-xxl-s .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-xxl-m .progressbarlinear__bar {
    height: 8px
  }
  .pbl-xxl-m .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-xxl-m .progressbarcircular__container {
    width: 160px;
    height: 160px
  }
  .pbl-xxl-m .progressbarcircular__background,
  .pbl-xxl-m .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-xxl-m .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
  .pbl-xxl-l .progressbarlinear__bar {
    height: 8px
  }
  .pbl-xxl-l .progressbarlinear__header {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
  }
  .pbl-xxl-l .progressbarcircular__container {
    width: 128px;
    height: 128px
  }
  .pbl-xxl-l .progressbarcircular__background,
  .pbl-xxl-l .progressbarcircular__progress {
    stroke-width: 1
  }
  .pbl-xxl-l .progressbarcircular__value {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
  }
}
.capsule {
  --sfra-gap-x: 16px;
  --sfra-gap-y: 0;
  width: 100%;
  padding-right: calc(var(--sfra-gap-x) * .5);
  padding-left: calc(var(--sfra-gap-x) * .5);
  margin-right: auto;
  margin-left: auto
}
.capsule-fluid,
.capsule-md,
.capsule-sm,
.capsule-xl,
.capsule-xxl {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--sfra-gutter-x,16px);
  padding-left: var(--sfra-gutter-x,16px)
}
@media(min-width:600px) {
  .capsule-fluid,
  .capsule-md,
  .capsule-sm,
  .capsule-xl,
  .capsule-xxl {
    padding-right: var(--sfra-gutter-x,24px);
    padding-left: var(--sfra-gutter-x,24px)
  }
}
@media(min-width:900px) {
  .capsule-fluid,
  .capsule-md,
  .capsule-sm,
  .capsule-xl,
  .capsule-xxl {
    padding-right: var(--sfra-gutter-x,40px);
    padding-left: var(--sfra-gutter-x,40px)
  }
}
@media(min-width:1200px) {
  .capsule-fluid,
  .capsule-md,
  .capsule-sm,
  .capsule-xl,
  .capsule-xxl {
    padding-right: var(--sfra-gutter-x,80px);
    padding-left: var(--sfra-gutter-x,80px)
  }
}
@media(min-width:1800px) {
  .capsule-fluid,
  .capsule-md,
  .capsule-sm,
  .capsule-xl,
  .capsule-xxl {
    padding-right: var(--sfra-gutter-x,160px);
    padding-left: var(--sfra-gutter-x,160px)
  }
}
@media(min-width:600px) {
  .capsule,
  .capsule-sm {
    max-width: 568px
  }
}
@media(min-width:900px) {
  .capsule,
  .capsule-md,
  .capsule-sm {
    max-width: 852px
  }
}
@media(min-width:1200px) {
  .capsule,
  .capsule-md,
  .capsule-sm,
  .capsule-xl {
    max-width: 1120px
  }
}
@media(min-width:1800px) {
  .capsule,
  .capsule-md,
  .capsule-sm,
  .capsule-xl,
  .capsule-xxl {
    max-width: 1640px
  }
}
.fade {
  transition: opacity .15s linear
}
@media(prefers-reduced-motion:reduce) {
  .fade {
    transition: none
  }
}
.fade:not(.show) {
  opacity: 0
}
.collapse:not(.show) {
  display: none
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height .35s ease
}
@media(prefers-reduced-motion:reduce) {
  .collapsing {
    transition: none
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width .35s ease
}
@media(prefers-reduced-motion:reduce) {
  .collapsing.collapse-horizontal {
    transition: none
  }
}
.row {
  --sfra-gap-x: 16px;
  --sfra-gap-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--sfra-gap-y));
  margin-right: calc(-.5 * var(--sfra-gap-x));
  margin-left: calc(-.5 * var(--sfra-gap-x))
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--sfra-gap-x) * .5);
  padding-left: calc(var(--sfra-gap-x) * .5);
  margin-top: var(--sfra-gap-y)
}
.grid {
  display: grid;
  grid-template-rows: repeat(var(--sfra-rows,1),1fr);
  grid-template-columns: repeat(var(--sfra-columns,12),1fr);
  gap: var(--sfra-gap,16px)
}
.grid .g-col-1 {
  grid-column: auto/span 1
}
.grid .g-col-2 {
  grid-column: auto/span 2
}
.grid .g-col-3 {
  grid-column: auto/span 3
}
.grid .g-col-4 {
  grid-column: auto/span 4
}
.grid .g-col-5 {
  grid-column: auto/span 5
}
.grid .g-col-6 {
  grid-column: auto/span 6
}
.grid .g-col-7 {
  grid-column: auto/span 7
}
.grid .g-col-8 {
  grid-column: auto/span 8
}
.grid .g-col-9 {
  grid-column: auto/span 9
}
.grid .g-col-10 {
  grid-column: auto/span 10
}
.grid .g-col-11 {
  grid-column: auto/span 11
}
.grid .g-col-12 {
  grid-column: auto/span 12
}
.grid .g-start-1 {
  grid-column-start: 1
}
.grid .g-start-2 {
  grid-column-start: 2
}
.grid .g-start-3 {
  grid-column-start: 3
}
.grid .g-start-4 {
  grid-column-start: 4
}
.grid .g-start-5 {
  grid-column-start: 5
}
.grid .g-start-6 {
  grid-column-start: 6
}
.grid .g-start-7 {
  grid-column-start: 7
}
.grid .g-start-8 {
  grid-column-start: 8
}
.grid .g-start-9 {
  grid-column-start: 9
}
.grid .g-start-10 {
  grid-column-start: 10
}
.grid .g-start-11 {
  grid-column-start: 11
}
@media(min-width:600px) {
  .grid .g-col-sm-1 {
    grid-column: auto/span 1
  }
  .grid .g-col-sm-2 {
    grid-column: auto/span 2
  }
  .grid .g-col-sm-3 {
    grid-column: auto/span 3
  }
  .grid .g-col-sm-4 {
    grid-column: auto/span 4
  }
  .grid .g-col-sm-5 {
    grid-column: auto/span 5
  }
  .grid .g-col-sm-6 {
    grid-column: auto/span 6
  }
  .grid .g-col-sm-7 {
    grid-column: auto/span 7
  }
  .grid .g-col-sm-8 {
    grid-column: auto/span 8
  }
  .grid .g-col-sm-9 {
    grid-column: auto/span 9
  }
  .grid .g-col-sm-10 {
    grid-column: auto/span 10
  }
  .grid .g-col-sm-11 {
    grid-column: auto/span 11
  }
  .grid .g-col-sm-12 {
    grid-column: auto/span 12
  }
  .grid .g-start-sm-1 {
    grid-column-start: 1
  }
  .grid .g-start-sm-2 {
    grid-column-start: 2
  }
  .grid .g-start-sm-3 {
    grid-column-start: 3
  }
  .grid .g-start-sm-4 {
    grid-column-start: 4
  }
  .grid .g-start-sm-5 {
    grid-column-start: 5
  }
  .grid .g-start-sm-6 {
    grid-column-start: 6
  }
  .grid .g-start-sm-7 {
    grid-column-start: 7
  }
  .grid .g-start-sm-8 {
    grid-column-start: 8
  }
  .grid .g-start-sm-9 {
    grid-column-start: 9
  }
  .grid .g-start-sm-10 {
    grid-column-start: 10
  }
  .grid .g-start-sm-11 {
    grid-column-start: 11
  }
}
@media(min-width:900px) {
  .grid .g-col-md-1 {
    grid-column: auto/span 1
  }
  .grid .g-col-md-2 {
    grid-column: auto/span 2
  }
  .grid .g-col-md-3 {
    grid-column: auto/span 3
  }
  .grid .g-col-md-4 {
    grid-column: auto/span 4
  }
  .grid .g-col-md-5 {
    grid-column: auto/span 5
  }
  .grid .g-col-md-6 {
    grid-column: auto/span 6
  }
  .grid .g-col-md-7 {
    grid-column: auto/span 7
  }
  .grid .g-col-md-8 {
    grid-column: auto/span 8
  }
  .grid .g-col-md-9 {
    grid-column: auto/span 9
  }
  .grid .g-col-md-10 {
    grid-column: auto/span 10
  }
  .grid .g-col-md-11 {
    grid-column: auto/span 11
  }
  .grid .g-col-md-12 {
    grid-column: auto/span 12
  }
  .grid .g-start-md-1 {
    grid-column-start: 1
  }
  .grid .g-start-md-2 {
    grid-column-start: 2
  }
  .grid .g-start-md-3 {
    grid-column-start: 3
  }
  .grid .g-start-md-4 {
    grid-column-start: 4
  }
  .grid .g-start-md-5 {
    grid-column-start: 5
  }
  .grid .g-start-md-6 {
    grid-column-start: 6
  }
  .grid .g-start-md-7 {
    grid-column-start: 7
  }
  .grid .g-start-md-8 {
    grid-column-start: 8
  }
  .grid .g-start-md-9 {
    grid-column-start: 9
  }
  .grid .g-start-md-10 {
    grid-column-start: 10
  }
  .grid .g-start-md-11 {
    grid-column-start: 11
  }
}
@media(min-width:1200px) {
  .grid .g-col-xl-1 {
    grid-column: auto/span 1
  }
  .grid .g-col-xl-2 {
    grid-column: auto/span 2
  }
  .grid .g-col-xl-3 {
    grid-column: auto/span 3
  }
  .grid .g-col-xl-4 {
    grid-column: auto/span 4
  }
  .grid .g-col-xl-5 {
    grid-column: auto/span 5
  }
  .grid .g-col-xl-6 {
    grid-column: auto/span 6
  }
  .grid .g-col-xl-7 {
    grid-column: auto/span 7
  }
  .grid .g-col-xl-8 {
    grid-column: auto/span 8
  }
  .grid .g-col-xl-9 {
    grid-column: auto/span 9
  }
  .grid .g-col-xl-10 {
    grid-column: auto/span 10
  }
  .grid .g-col-xl-11 {
    grid-column: auto/span 11
  }
  .grid .g-col-xl-12 {
    grid-column: auto/span 12
  }
  .grid .g-start-xl-1 {
    grid-column-start: 1
  }
  .grid .g-start-xl-2 {
    grid-column-start: 2
  }
  .grid .g-start-xl-3 {
    grid-column-start: 3
  }
  .grid .g-start-xl-4 {
    grid-column-start: 4
  }
  .grid .g-start-xl-5 {
    grid-column-start: 5
  }
  .grid .g-start-xl-6 {
    grid-column-start: 6
  }
  .grid .g-start-xl-7 {
    grid-column-start: 7
  }
  .grid .g-start-xl-8 {
    grid-column-start: 8
  }
  .grid .g-start-xl-9 {
    grid-column-start: 9
  }
  .grid .g-start-xl-10 {
    grid-column-start: 10
  }
  .grid .g-start-xl-11 {
    grid-column-start: 11
  }
}
@media(min-width:1800px) {
  .grid .g-col-xxl-1 {
    grid-column: auto/span 1
  }
  .grid .g-col-xxl-2 {
    grid-column: auto/span 2
  }
  .grid .g-col-xxl-3 {
    grid-column: auto/span 3
  }
  .grid .g-col-xxl-4 {
    grid-column: auto/span 4
  }
  .grid .g-col-xxl-5 {
    grid-column: auto/span 5
  }
  .grid .g-col-xxl-6 {
    grid-column: auto/span 6
  }
  .grid .g-col-xxl-7 {
    grid-column: auto/span 7
  }
  .grid .g-col-xxl-8 {
    grid-column: auto/span 8
  }
  .grid .g-col-xxl-9 {
    grid-column: auto/span 9
  }
  .grid .g-col-xxl-10 {
    grid-column: auto/span 10
  }
  .grid .g-col-xxl-11 {
    grid-column: auto/span 11
  }
  .grid .g-col-xxl-12 {
    grid-column: auto/span 12
  }
  .grid .g-start-xxl-1 {
    grid-column-start: 1
  }
  .grid .g-start-xxl-2 {
    grid-column-start: 2
  }
  .grid .g-start-xxl-3 {
    grid-column-start: 3
  }
  .grid .g-start-xxl-4 {
    grid-column-start: 4
  }
  .grid .g-start-xxl-5 {
    grid-column-start: 5
  }
  .grid .g-start-xxl-6 {
    grid-column-start: 6
  }
  .grid .g-start-xxl-7 {
    grid-column-start: 7
  }
  .grid .g-start-xxl-8 {
    grid-column-start: 8
  }
  .grid .g-start-xxl-9 {
    grid-column-start: 9
  }
  .grid .g-start-xxl-10 {
    grid-column-start: 10
  }
  .grid .g-start-xxl-11 {
    grid-column-start: 11
  }
}
.col {
  flex: 1 0 0%
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%
}
.col-auto {
  flex: 0 0 auto;
  width: auto
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%
}
.col-3 {
  flex: 0 0 auto;
  width: 25%
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%
}
.col-6 {
  flex: 0 0 auto;
  width: 50%
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%
}
.col-9 {
  flex: 0 0 auto;
  width: 75%
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%
}
.col-12 {
  flex: 0 0 auto;
  width: 100%
}
.offset-1 {
  margin-left: 8.33333333%
}
.offset-2 {
  margin-left: 16.66666667%
}
.offset-3 {
  margin-left: 25%
}
.offset-4 {
  margin-left: 33.33333333%
}
.offset-5 {
  margin-left: 41.66666667%
}
.offset-6 {
  margin-left: 50%
}
.offset-7 {
  margin-left: 58.33333333%
}
.offset-8 {
  margin-left: 66.66666667%
}
.offset-9 {
  margin-left: 75%
}
.offset-10 {
  margin-left: 83.33333333%
}
.offset-11 {
  margin-left: 91.66666667%
}
.g-0,
.gx-0 {
  --sfra-gutter-x: 0
}
.g-0,
.gy-0 {
  --sfra-gutter-y: 0
}
.g-2,
.gx-2 {
  --sfra-gutter-x: 2px
}
.g-2,
.gy-2 {
  --sfra-gutter-y: 2px
}
.g-4,
.gx-4 {
  --sfra-gutter-x: 4px
}
.g-4,
.gy-4 {
  --sfra-gutter-y: 4px
}
.g-6,
.gx-6 {
  --sfra-gutter-x: 6px
}
.g-6,
.gy-6 {
  --sfra-gutter-y: 6px
}
.g-8,
.gx-8 {
  --sfra-gutter-x: 8px
}
.g-8,
.gy-8 {
  --sfra-gutter-y: 8px
}
.g-10,
.gx-10 {
  --sfra-gutter-x: 10px
}
.g-10,
.gy-10 {
  --sfra-gutter-y: 10px
}
.g-12,
.gx-12 {
  --sfra-gutter-x: 12px
}
.g-12,
.gy-12 {
  --sfra-gutter-y: 12px
}
.g-16,
.gx-16 {
  --sfra-gutter-x: 16px
}
.g-16,
.gy-16 {
  --sfra-gutter-y: 16px
}
.g-20,
.gx-20 {
  --sfra-gutter-x: 20px
}
.g-20,
.gy-20 {
  --sfra-gutter-y: 20px
}
.g-24,
.gx-24 {
  --sfra-gutter-x: 24px
}
.g-24,
.gy-24 {
  --sfra-gutter-y: 24px
}
.g-28,
.gx-28 {
  --sfra-gutter-x: 28px
}
.g-28,
.gy-28 {
  --sfra-gutter-y: 28px
}
.g-32,
.gx-32 {
  --sfra-gutter-x: 32px
}
.g-32,
.gy-32 {
  --sfra-gutter-y: 32px
}
.g-40,
.gx-40 {
  --sfra-gutter-x: 40px
}
.g-40,
.gy-40 {
  --sfra-gutter-y: 40px
}
.g-48,
.gx-48 {
  --sfra-gutter-x: 48px
}
.g-48,
.gy-48 {
  --sfra-gutter-y: 48px
}
.g-56,
.gx-56 {
  --sfra-gutter-x: 56px
}
.g-56,
.gy-56 {
  --sfra-gutter-y: 56px
}
.g-64,
.gx-64 {
  --sfra-gutter-x: 64px
}
.g-64,
.gy-64 {
  --sfra-gutter-y: 64px
}
.g-80,
.gx-80 {
  --sfra-gutter-x: 80px
}
.g-80,
.gy-80 {
  --sfra-gutter-y: 80px
}
.g-96,
.gx-96 {
  --sfra-gutter-x: 96px
}
.g-96,
.gy-96 {
  --sfra-gutter-y: 96px
}
.g-120,
.gx-120 {
  --sfra-gutter-x: 120px
}
.g-120,
.gy-120 {
  --sfra-gutter-y: 120px
}
.g-160,
.gx-160 {
  --sfra-gutter-x: 160px
}
.g-160,
.gy-160 {
  --sfra-gutter-y: 160px
}
.g-240,
.gx-240 {
  --sfra-gutter-x: 240px
}
.g-240,
.gy-240 {
  --sfra-gutter-y: 240px
}
.g-320,
.gx-320 {
  --sfra-gutter-x: 320px
}
.g-320,
.gy-320 {
  --sfra-gutter-y: 320px
}
.g-400,
.gx-400 {
  --sfra-gutter-x: 400px
}
.g-400,
.gy-400 {
  --sfra-gutter-y: 400px
}
@media(min-width:600px) {
  .col-sm {
    flex: 1 0 0%
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%
  }
  .offset-sm-0 {
    margin-left: 0
  }
  .offset-sm-1 {
    margin-left: 8.33333333%
  }
  .offset-sm-2 {
    margin-left: 16.66666667%
  }
  .offset-sm-3 {
    margin-left: 25%
  }
  .offset-sm-4 {
    margin-left: 33.33333333%
  }
  .offset-sm-5 {
    margin-left: 41.66666667%
  }
  .offset-sm-6 {
    margin-left: 50%
  }
  .offset-sm-7 {
    margin-left: 58.33333333%
  }
  .offset-sm-8 {
    margin-left: 66.66666667%
  }
  .offset-sm-9 {
    margin-left: 75%
  }
  .offset-sm-10 {
    margin-left: 83.33333333%
  }
  .offset-sm-11 {
    margin-left: 91.66666667%
  }
  .g-sm-0,
  .gx-sm-0 {
    --sfra-gutter-x: 0
  }
  .g-sm-0,
  .gy-sm-0 {
    --sfra-gutter-y: 0
  }
  .g-sm-2,
  .gx-sm-2 {
    --sfra-gutter-x: 2px
  }
  .g-sm-2,
  .gy-sm-2 {
    --sfra-gutter-y: 2px
  }
  .g-sm-4,
  .gx-sm-4 {
    --sfra-gutter-x: 4px
  }
  .g-sm-4,
  .gy-sm-4 {
    --sfra-gutter-y: 4px
  }
  .g-sm-6,
  .gx-sm-6 {
    --sfra-gutter-x: 6px
  }
  .g-sm-6,
  .gy-sm-6 {
    --sfra-gutter-y: 6px
  }
  .g-sm-8,
  .gx-sm-8 {
    --sfra-gutter-x: 8px
  }
  .g-sm-8,
  .gy-sm-8 {
    --sfra-gutter-y: 8px
  }
  .g-sm-10,
  .gx-sm-10 {
    --sfra-gutter-x: 10px
  }
  .g-sm-10,
  .gy-sm-10 {
    --sfra-gutter-y: 10px
  }
  .g-sm-12,
  .gx-sm-12 {
    --sfra-gutter-x: 12px
  }
  .g-sm-12,
  .gy-sm-12 {
    --sfra-gutter-y: 12px
  }
  .g-sm-16,
  .gx-sm-16 {
    --sfra-gutter-x: 16px
  }
  .g-sm-16,
  .gy-sm-16 {
    --sfra-gutter-y: 16px
  }
  .g-sm-20,
  .gx-sm-20 {
    --sfra-gutter-x: 20px
  }
  .g-sm-20,
  .gy-sm-20 {
    --sfra-gutter-y: 20px
  }
  .g-sm-24,
  .gx-sm-24 {
    --sfra-gutter-x: 24px
  }
  .g-sm-24,
  .gy-sm-24 {
    --sfra-gutter-y: 24px
  }
  .g-sm-28,
  .gx-sm-28 {
    --sfra-gutter-x: 28px
  }
  .g-sm-28,
  .gy-sm-28 {
    --sfra-gutter-y: 28px
  }
  .g-sm-32,
  .gx-sm-32 {
    --sfra-gutter-x: 32px
  }
  .g-sm-32,
  .gy-sm-32 {
    --sfra-gutter-y: 32px
  }
  .g-sm-40,
  .gx-sm-40 {
    --sfra-gutter-x: 40px
  }
  .g-sm-40,
  .gy-sm-40 {
    --sfra-gutter-y: 40px
  }
  .g-sm-48,
  .gx-sm-48 {
    --sfra-gutter-x: 48px
  }
  .g-sm-48,
  .gy-sm-48 {
    --sfra-gutter-y: 48px
  }
  .g-sm-56,
  .gx-sm-56 {
    --sfra-gutter-x: 56px
  }
  .g-sm-56,
  .gy-sm-56 {
    --sfra-gutter-y: 56px
  }
  .g-sm-64,
  .gx-sm-64 {
    --sfra-gutter-x: 64px
  }
  .g-sm-64,
  .gy-sm-64 {
    --sfra-gutter-y: 64px
  }
  .g-sm-80,
  .gx-sm-80 {
    --sfra-gutter-x: 80px
  }
  .g-sm-80,
  .gy-sm-80 {
    --sfra-gutter-y: 80px
  }
  .g-sm-96,
  .gx-sm-96 {
    --sfra-gutter-x: 96px
  }
  .g-sm-96,
  .gy-sm-96 {
    --sfra-gutter-y: 96px
  }
  .g-sm-120,
  .gx-sm-120 {
    --sfra-gutter-x: 120px
  }
  .g-sm-120,
  .gy-sm-120 {
    --sfra-gutter-y: 120px
  }
  .g-sm-160,
  .gx-sm-160 {
    --sfra-gutter-x: 160px
  }
  .g-sm-160,
  .gy-sm-160 {
    --sfra-gutter-y: 160px
  }
  .g-sm-240,
  .gx-sm-240 {
    --sfra-gutter-x: 240px
  }
  .g-sm-240,
  .gy-sm-240 {
    --sfra-gutter-y: 240px
  }
  .g-sm-320,
  .gx-sm-320 {
    --sfra-gutter-x: 320px
  }
  .g-sm-320,
  .gy-sm-320 {
    --sfra-gutter-y: 320px
  }
  .g-sm-400,
  .gx-sm-400 {
    --sfra-gutter-x: 400px
  }
  .g-sm-400,
  .gy-sm-400 {
    --sfra-gutter-y: 400px
  }
}
@media(min-width:900px) {
  .col-md {
    flex: 1 0 0%
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%
  }
  .offset-md-0 {
    margin-left: 0
  }
  .offset-md-1 {
    margin-left: 8.33333333%
  }
  .offset-md-2 {
    margin-left: 16.66666667%
  }
  .offset-md-3 {
    margin-left: 25%
  }
  .offset-md-4 {
    margin-left: 33.33333333%
  }
  .offset-md-5 {
    margin-left: 41.66666667%
  }
  .offset-md-6 {
    margin-left: 50%
  }
  .offset-md-7 {
    margin-left: 58.33333333%
  }
  .offset-md-8 {
    margin-left: 66.66666667%
  }
  .offset-md-9 {
    margin-left: 75%
  }
  .offset-md-10 {
    margin-left: 83.33333333%
  }
  .offset-md-11 {
    margin-left: 91.66666667%
  }
  .g-md-0,
  .gx-md-0 {
    --sfra-gutter-x: 0
  }
  .g-md-0,
  .gy-md-0 {
    --sfra-gutter-y: 0
  }
  .g-md-2,
  .gx-md-2 {
    --sfra-gutter-x: 2px
  }
  .g-md-2,
  .gy-md-2 {
    --sfra-gutter-y: 2px
  }
  .g-md-4,
  .gx-md-4 {
    --sfra-gutter-x: 4px
  }
  .g-md-4,
  .gy-md-4 {
    --sfra-gutter-y: 4px
  }
  .g-md-6,
  .gx-md-6 {
    --sfra-gutter-x: 6px
  }
  .g-md-6,
  .gy-md-6 {
    --sfra-gutter-y: 6px
  }
  .g-md-8,
  .gx-md-8 {
    --sfra-gutter-x: 8px
  }
  .g-md-8,
  .gy-md-8 {
    --sfra-gutter-y: 8px
  }
  .g-md-10,
  .gx-md-10 {
    --sfra-gutter-x: 10px
  }
  .g-md-10,
  .gy-md-10 {
    --sfra-gutter-y: 10px
  }
  .g-md-12,
  .gx-md-12 {
    --sfra-gutter-x: 12px
  }
  .g-md-12,
  .gy-md-12 {
    --sfra-gutter-y: 12px
  }
  .g-md-16,
  .gx-md-16 {
    --sfra-gutter-x: 16px
  }
  .g-md-16,
  .gy-md-16 {
    --sfra-gutter-y: 16px
  }
  .g-md-20,
  .gx-md-20 {
    --sfra-gutter-x: 20px
  }
  .g-md-20,
  .gy-md-20 {
    --sfra-gutter-y: 20px
  }
  .g-md-24,
  .gx-md-24 {
    --sfra-gutter-x: 24px
  }
  .g-md-24,
  .gy-md-24 {
    --sfra-gutter-y: 24px
  }
  .g-md-28,
  .gx-md-28 {
    --sfra-gutter-x: 28px
  }
  .g-md-28,
  .gy-md-28 {
    --sfra-gutter-y: 28px
  }
  .g-md-32,
  .gx-md-32 {
    --sfra-gutter-x: 32px
  }
  .g-md-32,
  .gy-md-32 {
    --sfra-gutter-y: 32px
  }
  .g-md-40,
  .gx-md-40 {
    --sfra-gutter-x: 40px
  }
  .g-md-40,
  .gy-md-40 {
    --sfra-gutter-y: 40px
  }
  .g-md-48,
  .gx-md-48 {
    --sfra-gutter-x: 48px
  }
  .g-md-48,
  .gy-md-48 {
    --sfra-gutter-y: 48px
  }
  .g-md-56,
  .gx-md-56 {
    --sfra-gutter-x: 56px
  }
  .g-md-56,
  .gy-md-56 {
    --sfra-gutter-y: 56px
  }
  .g-md-64,
  .gx-md-64 {
    --sfra-gutter-x: 64px
  }
  .g-md-64,
  .gy-md-64 {
    --sfra-gutter-y: 64px
  }
  .g-md-80,
  .gx-md-80 {
    --sfra-gutter-x: 80px
  }
  .g-md-80,
  .gy-md-80 {
    --sfra-gutter-y: 80px
  }
  .g-md-96,
  .gx-md-96 {
    --sfra-gutter-x: 96px
  }
  .g-md-96,
  .gy-md-96 {
    --sfra-gutter-y: 96px
  }
  .g-md-120,
  .gx-md-120 {
    --sfra-gutter-x: 120px
  }
  .g-md-120,
  .gy-md-120 {
    --sfra-gutter-y: 120px
  }
  .g-md-160,
  .gx-md-160 {
    --sfra-gutter-x: 160px
  }
  .g-md-160,
  .gy-md-160 {
    --sfra-gutter-y: 160px
  }
  .g-md-240,
  .gx-md-240 {
    --sfra-gutter-x: 240px
  }
  .g-md-240,
  .gy-md-240 {
    --sfra-gutter-y: 240px
  }
  .g-md-320,
  .gx-md-320 {
    --sfra-gutter-x: 320px
  }
  .g-md-320,
  .gy-md-320 {
    --sfra-gutter-y: 320px
  }
  .g-md-400,
  .gx-md-400 {
    --sfra-gutter-x: 400px
  }
  .g-md-400,
  .gy-md-400 {
    --sfra-gutter-y: 400px
  }
}
@media(min-width:1200px) {
  .col-xl {
    flex: 1 0 0%
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%
  }
  .offset-xl-0 {
    margin-left: 0
  }
  .offset-xl-1 {
    margin-left: 8.33333333%
  }
  .offset-xl-2 {
    margin-left: 16.66666667%
  }
  .offset-xl-3 {
    margin-left: 25%
  }
  .offset-xl-4 {
    margin-left: 33.33333333%
  }
  .offset-xl-5 {
    margin-left: 41.66666667%
  }
  .offset-xl-6 {
    margin-left: 50%
  }
  .offset-xl-7 {
    margin-left: 58.33333333%
  }
  .offset-xl-8 {
    margin-left: 66.66666667%
  }
  .offset-xl-9 {
    margin-left: 75%
  }
  .offset-xl-10 {
    margin-left: 83.33333333%
  }
  .offset-xl-11 {
    margin-left: 91.66666667%
  }
  .g-xl-0,
  .gx-xl-0 {
    --sfra-gutter-x: 0
  }
  .g-xl-0,
  .gy-xl-0 {
    --sfra-gutter-y: 0
  }
  .g-xl-2,
  .gx-xl-2 {
    --sfra-gutter-x: 2px
  }
  .g-xl-2,
  .gy-xl-2 {
    --sfra-gutter-y: 2px
  }
  .g-xl-4,
  .gx-xl-4 {
    --sfra-gutter-x: 4px
  }
  .g-xl-4,
  .gy-xl-4 {
    --sfra-gutter-y: 4px
  }
  .g-xl-6,
  .gx-xl-6 {
    --sfra-gutter-x: 6px
  }
  .g-xl-6,
  .gy-xl-6 {
    --sfra-gutter-y: 6px
  }
  .g-xl-8,
  .gx-xl-8 {
    --sfra-gutter-x: 8px
  }
  .g-xl-8,
  .gy-xl-8 {
    --sfra-gutter-y: 8px
  }
  .g-xl-10,
  .gx-xl-10 {
    --sfra-gutter-x: 10px
  }
  .g-xl-10,
  .gy-xl-10 {
    --sfra-gutter-y: 10px
  }
  .g-xl-12,
  .gx-xl-12 {
    --sfra-gutter-x: 12px
  }
  .g-xl-12,
  .gy-xl-12 {
    --sfra-gutter-y: 12px
  }
  .g-xl-16,
  .gx-xl-16 {
    --sfra-gutter-x: 16px
  }
  .g-xl-16,
  .gy-xl-16 {
    --sfra-gutter-y: 16px
  }
  .g-xl-20,
  .gx-xl-20 {
    --sfra-gutter-x: 20px
  }
  .g-xl-20,
  .gy-xl-20 {
    --sfra-gutter-y: 20px
  }
  .g-xl-24,
  .gx-xl-24 {
    --sfra-gutter-x: 24px
  }
  .g-xl-24,
  .gy-xl-24 {
    --sfra-gutter-y: 24px
  }
  .g-xl-28,
  .gx-xl-28 {
    --sfra-gutter-x: 28px
  }
  .g-xl-28,
  .gy-xl-28 {
    --sfra-gutter-y: 28px
  }
  .g-xl-32,
  .gx-xl-32 {
    --sfra-gutter-x: 32px
  }
  .g-xl-32,
  .gy-xl-32 {
    --sfra-gutter-y: 32px
  }
  .g-xl-40,
  .gx-xl-40 {
    --sfra-gutter-x: 40px
  }
  .g-xl-40,
  .gy-xl-40 {
    --sfra-gutter-y: 40px
  }
  .g-xl-48,
  .gx-xl-48 {
    --sfra-gutter-x: 48px
  }
  .g-xl-48,
  .gy-xl-48 {
    --sfra-gutter-y: 48px
  }
  .g-xl-56,
  .gx-xl-56 {
    --sfra-gutter-x: 56px
  }
  .g-xl-56,
  .gy-xl-56 {
    --sfra-gutter-y: 56px
  }
  .g-xl-64,
  .gx-xl-64 {
    --sfra-gutter-x: 64px
  }
  .g-xl-64,
  .gy-xl-64 {
    --sfra-gutter-y: 64px
  }
  .g-xl-80,
  .gx-xl-80 {
    --sfra-gutter-x: 80px
  }
  .g-xl-80,
  .gy-xl-80 {
    --sfra-gutter-y: 80px
  }
  .g-xl-96,
  .gx-xl-96 {
    --sfra-gutter-x: 96px
  }
  .g-xl-96,
  .gy-xl-96 {
    --sfra-gutter-y: 96px
  }
  .g-xl-120,
  .gx-xl-120 {
    --sfra-gutter-x: 120px
  }
  .g-xl-120,
  .gy-xl-120 {
    --sfra-gutter-y: 120px
  }
  .g-xl-160,
  .gx-xl-160 {
    --sfra-gutter-x: 160px
  }
  .g-xl-160,
  .gy-xl-160 {
    --sfra-gutter-y: 160px
  }
  .g-xl-240,
  .gx-xl-240 {
    --sfra-gutter-x: 240px
  }
  .g-xl-240,
  .gy-xl-240 {
    --sfra-gutter-y: 240px
  }
  .g-xl-320,
  .gx-xl-320 {
    --sfra-gutter-x: 320px
  }
  .g-xl-320,
  .gy-xl-320 {
    --sfra-gutter-y: 320px
  }
  .g-xl-400,
  .gx-xl-400 {
    --sfra-gutter-x: 400px
  }
  .g-xl-400,
  .gy-xl-400 {
    --sfra-gutter-y: 400px
  }
}
@media(min-width:1800px) {
  .col-xxl {
    flex: 1 0 0%
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%
  }
  .offset-xxl-0 {
    margin-left: 0
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%
  }
  .offset-xxl-3 {
    margin-left: 25%
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%
  }
  .offset-xxl-6 {
    margin-left: 50%
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%
  }
  .offset-xxl-9 {
    margin-left: 75%
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --sfra-gutter-x: 0
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --sfra-gutter-y: 0
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --sfra-gutter-x: 2px
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --sfra-gutter-y: 2px
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --sfra-gutter-x: 4px
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --sfra-gutter-y: 4px
  }
  .g-xxl-6,
  .gx-xxl-6 {
    --sfra-gutter-x: 6px
  }
  .g-xxl-6,
  .gy-xxl-6 {
    --sfra-gutter-y: 6px
  }
  .g-xxl-8,
  .gx-xxl-8 {
    --sfra-gutter-x: 8px
  }
  .g-xxl-8,
  .gy-xxl-8 {
    --sfra-gutter-y: 8px
  }
  .g-xxl-10,
  .gx-xxl-10 {
    --sfra-gutter-x: 10px
  }
  .g-xxl-10,
  .gy-xxl-10 {
    --sfra-gutter-y: 10px
  }
  .g-xxl-12,
  .gx-xxl-12 {
    --sfra-gutter-x: 12px
  }
  .g-xxl-12,
  .gy-xxl-12 {
    --sfra-gutter-y: 12px
  }
  .g-xxl-16,
  .gx-xxl-16 {
    --sfra-gutter-x: 16px
  }
  .g-xxl-16,
  .gy-xxl-16 {
    --sfra-gutter-y: 16px
  }
  .g-xxl-20,
  .gx-xxl-20 {
    --sfra-gutter-x: 20px
  }
  .g-xxl-20,
  .gy-xxl-20 {
    --sfra-gutter-y: 20px
  }
  .g-xxl-24,
  .gx-xxl-24 {
    --sfra-gutter-x: 24px
  }
  .g-xxl-24,
  .gy-xxl-24 {
    --sfra-gutter-y: 24px
  }
  .g-xxl-28,
  .gx-xxl-28 {
    --sfra-gutter-x: 28px
  }
  .g-xxl-28,
  .gy-xxl-28 {
    --sfra-gutter-y: 28px
  }
  .g-xxl-32,
  .gx-xxl-32 {
    --sfra-gutter-x: 32px
  }
  .g-xxl-32,
  .gy-xxl-32 {
    --sfra-gutter-y: 32px
  }
  .g-xxl-40,
  .gx-xxl-40 {
    --sfra-gutter-x: 40px
  }
  .g-xxl-40,
  .gy-xxl-40 {
    --sfra-gutter-y: 40px
  }
  .g-xxl-48,
  .gx-xxl-48 {
    --sfra-gutter-x: 48px
  }
  .g-xxl-48,
  .gy-xxl-48 {
    --sfra-gutter-y: 48px
  }
  .g-xxl-56,
  .gx-xxl-56 {
    --sfra-gutter-x: 56px
  }
  .g-xxl-56,
  .gy-xxl-56 {
    --sfra-gutter-y: 56px
  }
  .g-xxl-64,
  .gx-xxl-64 {
    --sfra-gutter-x: 64px
  }
  .g-xxl-64,
  .gy-xxl-64 {
    --sfra-gutter-y: 64px
  }
  .g-xxl-80,
  .gx-xxl-80 {
    --sfra-gutter-x: 80px
  }
  .g-xxl-80,
  .gy-xxl-80 {
    --sfra-gutter-y: 80px
  }
  .g-xxl-96,
  .gx-xxl-96 {
    --sfra-gutter-x: 96px
  }
  .g-xxl-96,
  .gy-xxl-96 {
    --sfra-gutter-y: 96px
  }
  .g-xxl-120,
  .gx-xxl-120 {
    --sfra-gutter-x: 120px
  }
  .g-xxl-120,
  .gy-xxl-120 {
    --sfra-gutter-y: 120px
  }
  .g-xxl-160,
  .gx-xxl-160 {
    --sfra-gutter-x: 160px
  }
  .g-xxl-160,
  .gy-xxl-160 {
    --sfra-gutter-y: 160px
  }
  .g-xxl-240,
  .gx-xxl-240 {
    --sfra-gutter-x: 240px
  }
  .g-xxl-240,
  .gy-xxl-240 {
    --sfra-gutter-y: 240px
  }
  .g-xxl-320,
  .gx-xxl-320 {
    --sfra-gutter-x: 320px
  }
  .g-xxl-320,
  .gy-xxl-320 {
    --sfra-gutter-y: 320px
  }
  .g-xxl-400,
  .gx-xxl-400 {
    --sfra-gutter-x: 400px
  }
  .g-xxl-400,
  .gy-xxl-400 {
    --sfra-gutter-y: 400px
  }
}
.toast {
  --sfra-toast-padding-x: 0.75rem;
  --sfra-toast-padding-y: 0.5rem;
  --sfra-toast-max-width: 480px;
  --sfra-toast-bg: #fdfdfd;
  --sfra-toast-border-width: 0;
  --sfra-toast-border-color: var(--sfra-border-color-translucent);
  --sfra-toast-border-radius: 0;
  --sfra-toast-box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  max-width: calc(100% - 32px);
  pointer-events: auto;
  background-color: var(--sfra-toast-bg);
  border: var(--sfra-toast-border-width) solid var(--sfra-toast-border-color);
  box-shadow: var(--sfra-toast-box-shadow);
  border-radius: var(--sfra-toast-border-radius)
}
@media(max-width:599.98px) {
  .toast {
    margin: 0 auto
  }
}
@media(min-width:600px) {
  .toast {
    width: var(--sfra-toast-max-width)
  }
}
.toast.show {
  opacity: 1;
  transition: all .3s linear;
  margin: 0 auto 12px
}
.toast.showing {
  opacity: 0;
  transform: translate(0,-55px);
  transition: all .3s linear;
  transition-delay: .3s
}
@media(min-width:600px) {
  .toast.showing {
    transform: translate(var(--sfra-toast-max-width),0)
  }
}
.toast:not(.show) {
  opacity: 0;
  display: none
}
.toast .toast__wrapper {
  display: grid;
  grid-template: "content" auto/1fr;
  padding: 16px;
  gap: 16px
}
.toast .toast__wrapper:has(.toast__left img) {
  grid-template: "left content" auto/80px auto
}
.toast .toast__wrapper:has(.toast__left .illu) {
  grid-template: "left content" auto/56px auto
}
.toast .toast__wrapper:has(.toast__left .flag-icon),
.toast .toast__wrapper:has(.toast__left .icon) {
  grid-template: "left content" auto/24px auto
}
.toast .toast__wrapper:has(.toast__actions) {
  grid-template: "content" auto "actions" 1fr/1fr
}
.toast .toast__wrapper:has(.toast__actions):has(.toast__left img) {
  grid-template: "left content" auto "actions actions" auto/80px auto
}
.toast .toast__wrapper:has(.toast__actions):has(.toast__left .illu) {
  grid-template: "left content" auto "actions actions" auto/56px auto
}
.toast .toast__wrapper:has(.toast__actions):has(.toast__left .flag-icon),
.toast .toast__wrapper:has(.toast__actions):has(.toast__left .icon) {
  grid-template: "left content" auto "actions actions" auto/24px auto
}
@media(min-width:600px) {
  .toast .toast__wrapper:has(.toast__actions):has(.toast__left img) {
    grid-template: "left content" auto "left actions" 1fr/80px auto
  }
  .toast .toast__wrapper:has(.toast__actions):has(.toast__left .illu) {
    grid-template: "left content" auto "left actions" 1fr/56px auto
  }
  .toast .toast__wrapper:has(.toast__actions):not(.countryNotificationContainer):has(.toast__left .flag-icon),
  .toast .toast__wrapper:has(.toast__actions):not(.countryNotificationContainer):has(.toast__left .icon) {
    grid-template: "left content" auto "left actions" 1fr/24px auto
  }
}
.toast .toast__wrapper .toast__close {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end
}
.toast .toast__wrapper .toast__left {
  grid-area: left
}
.toast .toast__wrapper .toast__left:has(.icon) {
  align-self: flex-start
}
.toast .toast__wrapper .toast__left:has(.flag-icon) {
  display: flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center
}
.toast .toast__wrapper .toast__left:has(.flag-icon) .flag-icon {
  width: 24px
}
.toast .toast__wrapper .toast__left img {
  display: block;
  border-radius: 0;
  aspect-ratio: .6666666667;
  -o-object-fit: cover;
  object-fit: cover
}
.toast .toast__wrapper .toast__left .illu {
  display: block;
  width: 56px;
  height: 56px;
  border-radius: 0;
  -o-object-fit: cover;
  object-fit: cover
}
.authPanel__passwordCheckItem.-valid .toast .toast__wrapper .toast__left .authPanel__passwordCheckIcon,
.forgottenPasswordPanel__passwordCheckItem.-valid .toast .toast__wrapper .toast__left .forgottenPasswordPanel__passwordCheckIcon,
.splittedAuthPanel__passwordCheckItem.-valid .toast .toast__wrapper .toast__left .splittedAuthPanel__passwordCheckIcon,
.toast .toast__wrapper .toast__left .authPanel__passwordCheckItem.-valid .authPanel__passwordCheckIcon,
.toast .toast__wrapper .toast__left .checkbox__input::after,
.toast .toast__wrapper .toast__left .forgottenPasswordPanel__passwordCheckItem.-valid .forgottenPasswordPanel__passwordCheckIcon,
.toast .toast__wrapper .toast__left .icon-check,
.toast .toast__wrapper .toast__left .splittedAuthPanel__passwordCheckItem.-valid .splittedAuthPanel__passwordCheckIcon {
  background-color: #42be65
}
.toast .toast__wrapper .toast__left .icon-information {
  background-color: #fa4d56
}
.toast .toast__wrapper .toast__left .icon-timer {
  background-color: #d8a800
}
.toast .toast__wrapper .toast__content {
  grid-area: content;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%
}
.toast .toast__wrapper .toast__content .toast__header {
  display: flex;
  gap: 16px
}
.toast .toast__wrapper .toast__content .toast__header .toast__title {
  flex-grow: 1;
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0
}
.toast .toast__wrapper .toast__content .toast_details {
  display: flex;
  gap: 16px;
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
.toast .toast__wrapper .toast__actions {
  grid-area: actions;
  display: flex;
  flex-direction: column;
  gap: 8px
}
@media(min-width:600px) {
  .toast .toast__wrapper .toast__actions {
    flex-direction: row;
    gap: 6px;
    justify-content: flex-start;
    align-items: flex-start
  }
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .toast .toast__wrapper .toast__actions input[type=submit],
  .toast .toast__wrapper .toast__actions .button,
  .toast .toast__wrapper .toast__actions .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit] {
    width: auto
  }
}
.toast-container {
  position: absolute;
  z-index: 1200;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
  margin-top: 16px;
  top: 0
}
@media(max-width:599.98px) {
  .toast-container {
    width: 100%
  }
}
@media(min-width:600px) {
  .toast-container {
    margin-top: 88px
  }
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .toast-container .countryNotificationContainer .toast__actions input[type=submit],
  .toast-container .countryNotificationContainer .toast__actions .button,
  .toast-container .countryNotificationContainer .toast__actions .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit] {
    flex: 1
  }
}
@media(min-width:600px) {
  .page:has(.floatingBar) ~ .toast-container {
    margin-top: 123px
  }
}
.toast-container ~ .bottomSheet.opened {
  z-index: 1200
}
.offcanvas,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --sfra-offcanvas-width: 40%;
  --sfra-offcanvas-height: 30vh;
  --sfra-offcanvas-color: #0b1215;
  --sfra-offcanvas-bg: #fdfdfd;
  --sfra-offcanvas-border-width: 1px;
  --sfra-offcanvas-border-color: var(--sfra-border-color-translucent);
  --sfra-offcanvas-box-shadow: 0 12px 22px rgba(0, 0, 0, 0.1)
}
@media(max-width:599.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: 1110;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--sfra-offcanvas-color);
    visibility: hidden;
    background-color: var(--sfra-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--sfra-offcanvas-box-shadow);
    transition: transform .3s ease-in-out
  }
}
@media(max-width:599.98px)and (prefers-reduced-motion:reduce) {
  .offcanvas-sm {
    transition: none
  }
}
@media(max-width:599.98px) {
  .offcanvas-sm.show:not(.hiding),
  .offcanvas-sm.showing {
    transform: none
  }
}
@media(max-width:599.98px) {
  .offcanvas-sm.hiding,
  .offcanvas-sm.show,
  .offcanvas-sm.showing {
    visibility: visible
  }
}
@media(max-width:599.98px) {
  .offcanvas-sm.offcanvas-start:not(#sizeGuidePanel) {
    left: 0
  }
}
@media(max-width:599.98px) {
  .offcanvas-sm.offcanvas-end:not(#sizeGuidePanel) {
    right: 0
  }
}
@media(max-width:599.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    transform: translateX(-100%);
    width: var(--sfra-offcanvas-width)!important;
    min-width: 450px!important;
    border-right: var(--sfra-offcanvas-border-width) solid var(--sfra-offcanvas-border-color)
  }
}
@media(max-width:599.98px) {
  .offcanvas-sm.offcanvas-end {
    top: 0;
    transform: translateX(100%);
    width: var(--sfra-offcanvas-width)!important;
    min-width: 450px!important;
    border-left: var(--sfra-offcanvas-border-width) solid var(--sfra-offcanvas-border-color)
  }
}
@media(max-width:599.98px) {
  .offcanvas-sm.offcanvas-top {
    inset: 0 0 auto;
    min-height: var(--sfra-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--sfra-offcanvas-border-width) solid var(--sfra-offcanvas-border-color);
    transform: translateY(-100%)
  }
}
@media(max-width:599.98px) {
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    max-height: 100%;
    border-top: var(--sfra-offcanvas-border-width) solid var(--sfra-offcanvas-border-color);
    transform: translateY(100%)
  }
}
@media(min-width:600px) {
  .offcanvas-sm {
    --sfra-offcanvas-height: auto;
    --sfra-offcanvas-border-width: 0;
    background-color: transparent!important
  }
  .offcanvas-sm .offcanvas-header {
    display: none
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent!important
  }
}
@media(max-width:899.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: 1110;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--sfra-offcanvas-color);
    visibility: hidden;
    background-color: var(--sfra-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--sfra-offcanvas-box-shadow);
    transition: transform .3s ease-in-out
  }
}
@media(max-width:899.98px)and (prefers-reduced-motion:reduce) {
  .offcanvas-md {
    transition: none
  }
}
@media(max-width:899.98px) {
  .offcanvas-md.show:not(.hiding),
  .offcanvas-md.showing {
    transform: none
  }
}
@media(max-width:899.98px) {
  .offcanvas-md.hiding,
  .offcanvas-md.show,
  .offcanvas-md.showing {
    visibility: visible
  }
}
@media(max-width:899.98px) {
  .offcanvas-md.offcanvas-start:not(#sizeGuidePanel) {
    left: 0
  }
}
@media(max-width:899.98px) {
  .offcanvas-md.offcanvas-end:not(#sizeGuidePanel) {
    right: 0
  }
}
@media(max-width:899.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    transform: translateX(-100%);
    width: var(--sfra-offcanvas-width)!important;
    min-width: 450px!important;
    border-right: var(--sfra-offcanvas-border-width) solid var(--sfra-offcanvas-border-color)
  }
}
@media(max-width:899.98px) {
  .offcanvas-md.offcanvas-end {
    top: 0;
    transform: translateX(100%);
    width: var(--sfra-offcanvas-width)!important;
    min-width: 450px!important;
    border-left: var(--sfra-offcanvas-border-width) solid var(--sfra-offcanvas-border-color)
  }
}
@media(max-width:899.98px) {
  .offcanvas-md.offcanvas-top {
    inset: 0 0 auto;
    min-height: var(--sfra-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--sfra-offcanvas-border-width) solid var(--sfra-offcanvas-border-color);
    transform: translateY(-100%)
  }
}
@media(max-width:899.98px) {
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    max-height: 100%;
    border-top: var(--sfra-offcanvas-border-width) solid var(--sfra-offcanvas-border-color);
    transform: translateY(100%)
  }
}
@media(min-width:900px) {
  .offcanvas-md {
    --sfra-offcanvas-height: auto;
    --sfra-offcanvas-border-width: 0;
    background-color: transparent!important
  }
  .offcanvas-md .offcanvas-header {
    display: none
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent!important
  }
}
@media(max-width:1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: 1110;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--sfra-offcanvas-color);
    visibility: hidden;
    background-color: var(--sfra-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--sfra-offcanvas-box-shadow);
    transition: transform .3s ease-in-out
  }
}
@media(max-width:1199.98px)and (prefers-reduced-motion:reduce) {
  .offcanvas-xl {
    transition: none
  }
}
@media(max-width:1199.98px) {
  .offcanvas-xl.show:not(.hiding),
  .offcanvas-xl.showing {
    transform: none
  }
}
@media(max-width:1199.98px) {
  .offcanvas-xl.hiding,
  .offcanvas-xl.show,
  .offcanvas-xl.showing {
    visibility: visible
  }
}
@media(max-width:1199.98px) {
  .offcanvas-xl.offcanvas-start:not(#sizeGuidePanel) {
    left: 0
  }
}
@media(max-width:1199.98px) {
  .offcanvas-xl.offcanvas-end:not(#sizeGuidePanel) {
    right: 0
  }
}
@media(max-width:1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    transform: translateX(-100%);
    width: var(--sfra-offcanvas-width)!important;
    min-width: 450px!important;
    border-right: var(--sfra-offcanvas-border-width) solid var(--sfra-offcanvas-border-color)
  }
}
@media(max-width:1199.98px) {
  .offcanvas-xl.offcanvas-end {
    top: 0;
    transform: translateX(100%);
    width: var(--sfra-offcanvas-width)!important;
    min-width: 450px!important;
    border-left: var(--sfra-offcanvas-border-width) solid var(--sfra-offcanvas-border-color)
  }
}
@media(max-width:1199.98px) {
  .offcanvas-xl.offcanvas-top {
    inset: 0 0 auto;
    min-height: var(--sfra-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--sfra-offcanvas-border-width) solid var(--sfra-offcanvas-border-color);
    transform: translateY(-100%)
  }
}
@media(max-width:1199.98px) {
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    max-height: 100%;
    border-top: var(--sfra-offcanvas-border-width) solid var(--sfra-offcanvas-border-color);
    transform: translateY(100%)
  }
}
@media(min-width:1200px) {
  .offcanvas-xl {
    --sfra-offcanvas-height: auto;
    --sfra-offcanvas-border-width: 0;
    background-color: transparent!important
  }
  .offcanvas-xl .offcanvas-header {
    display: none
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent!important
  }
}
@media(max-width:1799.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: 1110;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--sfra-offcanvas-color);
    visibility: hidden;
    background-color: var(--sfra-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--sfra-offcanvas-box-shadow);
    transition: transform .3s ease-in-out
  }
}
@media(max-width:1799.98px)and (prefers-reduced-motion:reduce) {
  .offcanvas-xxl {
    transition: none
  }
}
@media(max-width:1799.98px) {
  .offcanvas-xxl.show:not(.hiding),
  .offcanvas-xxl.showing {
    transform: none
  }
}
@media(max-width:1799.98px) {
  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show,
  .offcanvas-xxl.showing {
    visibility: visible
  }
}
@media(max-width:1799.98px) {
  .offcanvas-xxl.offcanvas-start:not(#sizeGuidePanel) {
    left: 0
  }
}
@media(max-width:1799.98px) {
  .offcanvas-xxl.offcanvas-end:not(#sizeGuidePanel) {
    right: 0
  }
}
@media(max-width:1799.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    transform: translateX(-100%);
    width: var(--sfra-offcanvas-width)!important;
    min-width: 450px!important;
    border-right: var(--sfra-offcanvas-border-width) solid var(--sfra-offcanvas-border-color)
  }
}
@media(max-width:1799.98px) {
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    transform: translateX(100%);
    width: var(--sfra-offcanvas-width)!important;
    min-width: 450px!important;
    border-left: var(--sfra-offcanvas-border-width) solid var(--sfra-offcanvas-border-color)
  }
}
@media(max-width:1799.98px) {
  .offcanvas-xxl.offcanvas-top {
    inset: 0 0 auto;
    min-height: var(--sfra-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--sfra-offcanvas-border-width) solid var(--sfra-offcanvas-border-color);
    transform: translateY(-100%)
  }
}
@media(max-width:1799.98px) {
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    max-height: 100%;
    border-top: var(--sfra-offcanvas-border-width) solid var(--sfra-offcanvas-border-color);
    transform: translateY(100%)
  }
}
@media(min-width:1800px) {
  .offcanvas-xxl {
    --sfra-offcanvas-height: auto;
    --sfra-offcanvas-border-width: 0;
    background-color: transparent!important
  }
  .offcanvas-xxl .offcanvas-header {
    display: none
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent!important
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1110;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--sfra-offcanvas-color);
  visibility: hidden;
  background-color: var(--sfra-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  box-shadow: var(--sfra-offcanvas-box-shadow);
  transition: transform .3s ease-in-out
}
@media(prefers-reduced-motion:reduce) {
  .offcanvas {
    transition: none
  }
}
.offcanvas.show:not(.hiding),
.offcanvas.showing {
  transform: none
}
.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
  visibility: visible
}
.offcanvas.offcanvas-start:not(#sizeGuidePanel) {
  left: 0
}
.offcanvas.offcanvas-end:not(#sizeGuidePanel) {
  right: 0
}
.offcanvas.offcanvas-start {
  top: 0;
  transform: translateX(-100%);
  width: var(--sfra-offcanvas-width)!important;
  min-width: 450px!important;
  border-right: var(--sfra-offcanvas-border-width) solid var(--sfra-offcanvas-border-color)
}
.offcanvas.offcanvas-end {
  top: 0;
  transform: translateX(100%);
  width: var(--sfra-offcanvas-width)!important;
  min-width: 450px!important;
  border-left: var(--sfra-offcanvas-border-width) solid var(--sfra-offcanvas-border-color)
}
.offcanvas.offcanvas-top {
  inset: 0 0 auto;
  min-height: var(--sfra-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--sfra-offcanvas-border-width) solid var(--sfra-offcanvas-border-color);
  transform: translateY(-100%)
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  max-height: 100%;
  border-top: var(--sfra-offcanvas-border-width) solid var(--sfra-offcanvas-border-color);
  transform: translateY(100%)
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #0b1215
}
.offcanvas-backdrop.fade {
  opacity: 0
}
.offcanvas-backdrop.show {
  opacity: .2
}
.offcanvas-backdrop.show ~ .offcanvas-backdrop.show {
  z-index: 1111
}
.offcanvas-backdrop.show ~ .offcanvas-backdrop.show ~ .offcanvas-backdrop.show {
  z-index: 1113
}
.offcanvas.show ~ .offcanvas.show {
  z-index: 1112
}
.offcanvas.show ~ .offcanvas.show ~ .offcanvas.show {
  z-index: 1114
}
.offcanvas-start .panel__close {
  right: 10px;
  left: auto
}
.offcanvas.offcanvas-bottom:not(.-isFullHeight) {
  border-radius: 16px 16px 0 0;
  overflow: hidden
}
hr[class*=" divider-"],
hr[class^=divider-] {
  border: 0;
  margin: 0
}
.divider-horizontal {
  width: 100%;
  height: 1px;
  box-shadow: 0 .5px 0 0 #dde1e6
}
.page[data-action=StyleGuide-StoryBookContent] .divider-horizontal {
  width: 150px
}
.divider-vertical {
  width: 1px;
  height: 100%;
  background-color: #dde1e6
}
.page[data-action=StyleGuide-StoryBookContent] .divider-vertical {
  height: 150px;
  margin: auto
}
.divider-sticky {
  width: calc(100% + 32px);
  margin-left: -16px!important
}
@media(min-width:600px) {
  .divider-sticky {
    width: calc(100% + 48px);
    margin-left: -24px!important
  }
}
.divider-withText {
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;
  color: #dde1e6
}
.divider-withText::after,
.divider-withText::before {
  content: "";
  flex: 1;
  border-bottom: 1px solid #dde1e6
}
.divider-withText .divider-text {
  padding: 0 16px;
  white-space: nowrap;
  color: #697077
}
.aspect-ratio,
.productLine.persoApp .productLine__imgContainer {
  aspect-ratio: .6666666667
}
.aspect-ratio img,
.productLine.persoApp .productLine__imgContainer img {
  -o-object-fit: cover;
  object-fit: cover
}
@supports not (aspect-ratio:1) {
  .aspect-ratio:not(img),
  .productLine.persoApp .productLine__imgContainer:not(img) {
    position: relative;
    height: auto
  }
  .aspect-ratio:not(img)::before,
  .productLine.persoApp .productLine__imgContainer:not(img)::before {
    float: left;
    padding-top: 150%;
    content: " ";
    display: block
  }
  .aspect-ratio:not(img)::after,
  .productLine.persoApp .productLine__imgContainer:not(img)::after {
    display: block;
    content: " ";
    clear: both
  }
  .aspect-ratio:not(img) > :not(dialog),
  .productLine.persoApp .productLine__imgContainer:not(img) > :not(dialog) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
  }
}
.checkbox__container {
  display: flex;
  align-items: center;
  grid-gap: 8px
}
.checkbox__container + .invalid-feedback {
  margin-left: 24px
}
.checkbox__field {
  position: relative;
  display: inline-block;
  z-index: 1
}
.checkbox__input {
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: content-box;
  cursor: pointer
}
.checkbox__input::before {
  content: "";
  border: 1px solid #0b1215;
  border-radius: 0;
  width: 14px;
  height: 14px;
  display: block
}
.checkbox__input::after {
  content: "";
  background-color: #fdfdfd;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-mask-size: contain;
  mask-size: contain;
  display: none
}
.checkbox__input:checked::before {
  content: "";
  background-color: #0b1215;
  border-radius: 0
}
.checkbox__input:checked::after {
  content: "";
  display: block
}
.checkbox__input:disabled::before {
  content: "";
  border-color: #a2a9b0
}
.checkbox__input:disabled:checked::before {
  content: "";
  background-color: #a2a9b0
}
.checkbox__input:disabled:checked::after {
  content: "";
  display: block
}
.checkbox__input:disabled + .checkbox__label {
  color: #a2a9b0
}
.radio__field {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 4px
}
.radio__field:has(.radio__input.inline) {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px
}
.radio__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  width: 16px;
  height: 16px;
  border: 1px solid #0b1215;
  border-radius: 50%;
  position: relative;
  cursor: pointer
}
.radio__input::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #0b1215;
  display: block;
  inset: 0;
  margin: auto;
  position: absolute
}
.radio__input:checked::before {
  transform: scale(1)
}
.radio__input.-active::after,
.radio__input:active::after {
  transform: translateX(-50%) scale(1)
}
.radio__input::after {
  content: "";
  background-color: rgba(11,18,21,.1);
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  inset: 0 0 0 50%;
  margin: auto;
  border-radius: 50%;
  transform: translateX(0) scale(0)
}
.radio__input:disabled {
  border-color: #a2a9b0
}
.radio__input:disabled::before {
  content: "";
  box-shadow: inset 1em 1em #a2a9b0
}
.radio__input:disabled:hover::after {
  transform: translateX(0) scale(0)
}
.radio__input:disabled + .radio__label {
  color: #a2a9b0
}
.radio__input + .form__label-background label {
  cursor: pointer
}
.radio__input.inline {
  vertical-align: middle;
  display: inline-block
}
.radio__input.inline + .form__label-background {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  vertical-align: middle;
  padding-left: 8px
}
.accordion {
  padding: 0;
  transition: padding .2s ease-in-out;
  border-radius: 0;
  border: var(--sfra-border-width) solid #dde1e6
}
.accordion[open] {
  padding: 0 0 12px 0
}
.accordion[open] .accordion__summary {
  margin-bottom: 8px
}
.accordion[open] .accordion__summary .icon-arrowdown {
  transform: rotate(0)
}
.accordion .accordion__summary:hover,
.accordion.-hover .accordion__summary {
  background-color: #f2f4f8
}
.accordion.-disabled {
  pointer-events: none
}
.accordion.-disabled .accordion__summary .accordion__center * {
  color: #a2a9b0
}
.accordion.-disabled .accordion__summary .icon-arrowdown {
  background-color: #a2a9b0
}
.accordion.-disabled .accordion__content * {
  opacity: .5
}
.accordion.-disabled .accordion__right * .radio__input {
  border-color: #a2a9b0
}
.accordion__summary {
  padding: 8px 12px;
  outline: 0;
  cursor: pointer;
  transition: all .2s ease-in-out
}
.accordion__summary__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px
}
.accordion__summary__bottom {
  margin: 8px 0 0 0
}
.accordion__summary::-webkit-details-marker {
  display: none
}
.accordion__summary .icon-arrowdown {
  transition: transform .2s ease-in-out
}
.accordion__left {
  flex-basis: 20px;
  align-self: center
}
.accordion__center {
  flex-grow: 1;
  align-self: center
}
.accordion__center * {
  word-break: break-word
}
.accordion__center > :not(:first-child) {
  margin-top: 2px
}
.accordion__right {
  flex-basis: 16px;
  min-width: 16px;
  align-self: center;
  margin-left: 6px
}
.accordion .form__group {
  margin-bottom: 0
}
.cardContainer {
  position: relative;
  background-color: #fdfdfd;
  padding: 16px;
  border-radius: 0;
  border: var(--sfra-border-width) solid var(--sfra-grey-02);
  display: flex;
  flex-direction: column;
  align-items: stretch
}
.cardContainer.-active {
  border-color: #0b1215
}
.cardContainer.-disabled {
  pointer-events: none;
  background-color: #dde1e6;
  opacity: .5
}
.cardHeader {
  flex-grow: 1
}
.cardContent {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 8px;
  width: 100%
}
.cardContent__containerLink {
  display: contents
}
.cardContent__left {
  flex-basis: 32px
}
.cardContent__left.-M,
.cardContent__left.-S {
  flex-basis: 24px
}
.cardContent__left.-M.-picture,
.cardContent__left.-S.-picture {
  flex-basis: 24px
}
.cardContent__left.-picture {
  flex-basis: 56px;
  min-width: 56px
}
.cardContent__center {
  flex: 1;
  align-self: center
}
.cardContent__center > :not(:first-child) {
  margin-top: 4px
}
.cardContent__right {
  flex-basis: 24px;
  min-width: 24px
}
.cardContent__right.-hasBtn {
  min-width: auto;
  flex: 1;
  display: flex;
  justify-content: flex-end
}
.cardContent__right.-hasToggle {
  flex-basis: 52px;
  min-width: 52px
}
.cardContent__right.-alignVertically {
  align-self: center
}
.cardContent__link {
  position: absolute;
  inset: 0;
  cursor: pointer;
  margin: 0
}
.cardContent + :not(.cardContent__link) {
  margin-top: 16px
}
.cardContent .form__group {
  margin: 0
}
.cardBackground {
  border: 0
}
.cardAccount {
  transition: all .2s ease-in-out;
  border-color: var(--sfra-grey-02);
  min-height: 150px
}
.cardAccount .cardContainer--topContent {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  flex-grow: 1;
  gap: 16px
}
.cardAccount .cardContainer--leftContent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex-grow: 1
}
.cardAccount .cardContainer--leftContent .caption-02 {
  transition: all .2s ease-in-out;
  color: #a2a9b0
}
@media(max-width:899.98px) {
  .cardAccount .cardContainer--leftContent.alignIconLeftMobile {
    align-items: start;
    flex-flow: row wrap;
    justify-content: space-between
  }
  .cardAccount .cardContainer--leftContent.alignIconLeftMobile .leftContentTitle {
    order: -1
  }
  .cardAccount .cardContainer--leftContent.alignIconLeftMobile .cardHeader {
    flex-grow: initial
  }
  .cardAccount .cardContainer--leftContent.alignIconLeftMobile > :not(.leftContentTitle,.cardHeader) {
    width: 100%
  }
}
.cardAccount .cardContainer--rightContent {
  display: flex
}
.cardAccount .cardContainer--rightContent .creditCardIcons img {
  display: block;
  height: 24px
}
@media(hover:none)and (pointer:coarse) {
  .cardAccount .cardContainer--rightContent:has(.appearHover) {
    display: none
  }
}
.cardAccount .cardContainer--rightContentTop {
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 1
}
.cardAccount .appearHover {
  position: relative;
  left: -8px;
  visibility: hidden;
  opacity: 0;
  align-self: flex-end;
  transition: all .2s ease-in-out
}
.cardAccount .cardContainer--bottomContent {
  width: 100%;
  align-self: flex-end
}
@media(hover:hover)and (pointer:fine) {
  .cardAccount:hover {
    border-color: var(--sfra-grey-03);
    box-shadow: 0 6px 16px rgba(0,0,0,.1)
  }
  .cardAccount:hover .cardContainer--leftContent .caption-02:not(.estimationDate) {
    color: #0b1215
  }
  .cardAccount:hover .appearHover {
    visibility: visible;
    opacity: 1;
    left: 0
  }
}
.cardAccount.-loyalty {
  border-color: var(--sfra-loyalty-01)
}
.cardAccount.-loyalty-backgrounded {
  background: var(--sfra-loyalty-background-01)
}
.cardAccount.-empty {
  border-color: var(--sfra-grey-02);
  background-color: var(--sfra-grey-02)
}
@media(hover:hover)and (pointer:fine) {
  .cardAccount.-empty:hover {
    border-color: var(--sfra-grey-02);
    box-shadow: none
  }
}
.cardAccount.-paymentInstrument {
  border-color: red
}
.cardAccount.orderTrackingCard.active .progressbarlinear__bar__value {
  background: var(--sfra-success)
}
.cardAccount.orderTrackingCard.active .estimationDate {
  color: var(--sfra-success)
}
.cardAccount.orderTrackingCard.isDelayed .progressbarlinear__bar__value {
  background: var(--sfra-warning)
}
.cardAccount.orderTrackingCard.cancel .displayStatus {
  color: var(--sfra-error)
}
.listItem {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px
}
.listItem.greyborder {
  border: 1px solid #dde1e6
}
.listItem__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 12px;
  gap: 16px
}
.listItem.-noPadding .listItem__header {
  padding: 0
}
.listItem__headerContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px
}
.listItem__headerContent .listItem__image {
  width: 60px;
  height: 60px
}
.listItem__headerCenter {
  display: flex;
  gap: 2px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-right: 6px
}
.listItem__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 40px 8px 42px
}
.listItem__content.rowElement {
  flex-flow: row nowrap
}
.listItem__content .listItem__contentSubItem {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: -moz-fit-content;
  max-width: fit-content;
  gap: 4px
}
.listItem__content.noLeftContent {
  margin-left: 12px!important
}
.listItem__content.noRightContent {
  margin-right: 12px!important
}
.listItem__content:last-child {
  margin-bottom: 12px
}
.listItem__content .listItem__image {
  width: 60px;
  height: 60px
}
.listItem__content .button,
.listItem__content .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .listItem__content input[type=submit] {
  max-width: none!important
}
.listItem__left {
  flex-basis: 24px;
  min-width: 24px
}
.listItem__left.-picture {
  flex-basis: 56px;
  min-width: 56px
}
.listItem__left.-toggle {
  flex-basis: 52px;
  min-width: 52px
}
.listItem__center {
  flex-grow: 1;
  align-self: center
}
.listItem__center > :not(:first-child) {
  margin-top: 4px
}
.listItem__right {
  flex-basis: 24px;
  min-width: 24px;
  align-self: center
}
.listItem__right.-button {
  flex-basis: 70px;
  min-width: 70px
}
.listItem__right.-toggle {
  flex-basis: 52px;
  min-width: 52px
}
.listItem__right.-checkbox {
  flex-basis: 20px;
  min-width: 20px
}
.listItem .form__group {
  margin: 0
}
.listItem:not(.hidden) + .listItem {
  margin-top: 16px
}
.listItem:last-child {
  margin-bottom: 0
}
.topbar__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fdfdfd;
  height: 56px;
  padding: 0 16px
}
.topbar__wrapper.-transparent {
  background-color: transparent
}
@media(min-width:900px) {
  .topbar__wrapper {
    height: 64px
  }
}
.topbar__text {
  width: 100%;
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0
}
@media(min-width:900px) {
  .topbar__text {
    font-family: Inter,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0
  }
}
.topbar__back {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px
}
.topbar__back .icon {
  flex-basis: 32px
}
.topbar__back .icon.-medium {
  flex-basis: 24px
}
.topbar__back::after {
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  content: attr(data-title);
  cursor: pointer
}
.topbar__back .popOver {
  position: absolute;
  left: 0;
  bottom: 4px
}
.topbar__icons {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  position: relative
}
@media(min-width:900px) {
  .topbar__icons {
    gap: 20px
  }
}
.dropdownContainer {
  position: relative
}
.dropdownButtonContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  cursor: pointer
}
.dropdownButtonContainer.db-s .dropdownButton {
  padding: 8px 12px
}
.dropdownButtonContainer.db-l .dropdownButton {
  padding: 12px 16px
}
.dropdownButtonContainer.db-border .dropdownButton {
  border: 1px #dde1e6 solid
}
.dropdownButtonContainer.-hover .dropdownButton {
  background-color: #f2f4f8
}
.dropdownButtonContainer.-disable .dropdownLabel,
.dropdownButtonContainer.-disable .dropdownSubText {
  color: #a2a9b0
}
.dropdownButtonContainer.-disable .dropdownButton {
  border-color: #f2f4f8;
  color: #a2a9b0;
  pointer-events: none
}
.dropdownButtonContainer.-disable .dropdownButton .dropdownIndicator {
  background-color: #a2a9b0
}
.dropdownButtonContainer.-error .dropdownButton {
  border-color: #fa4d56
}
.dropdownButtonContainer.-error .dropdownSubText {
  color: #fa4d56
}
.dropdownButtonContainer.-warning .dropdownSubText {
  color: #d8a800
}
.dropdownButtonContainer.-open .dropdownButton {
  border: 1px #0b1215 solid
}
.dropdownButtonContainer.-open .dropdownButton .dropdownIndicator {
  transform: rotateZ(0)
}
.dropdownButtonContainer.-open:not(.db-border) .dropdownButton {
  border: none
}
.dropdownButtonContainer:not(.db-border) .dropdownButton.-hover,
.dropdownButtonContainer:not(.db-border) .dropdownButton:focus,
.dropdownButtonContainer:not(.db-border) .dropdownButton:hover {
  background-color: none
}
.dropdownButtonContainer .dropdownButton {
  border-radius: 0;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: #0b1215;
  border: none;
  transition: all .2s ease-in-out
}
.dropdownButtonContainer .dropdownButton .dropdownElementContainer {
  display: flex;
  gap: 8px;
  align-items: center
}
.dropdownButtonContainer .dropdownButton .dropdownElementContainer div {
  margin: 0
}
.dropdownButtonContainer .dropdownButton .dropdownElementContainer .loader-element {
  width: 32px;
  max-height: 20px
}
.dropdownButtonContainer .dropdownButton .dropdownDisplaySizeSpec {
  margin-left: auto
}
.dropdownButtonContainer .dropdownButton .dropdownActions {
  display: flex;
  align-items: center;
  gap: 4px
}
.dropdownButtonContainer .dropdownButton.-hover,
.dropdownButtonContainer .dropdownButton:focus,
.dropdownButtonContainer .dropdownButton:hover {
  background-color: #f2f4f8
}
.dropdownButtonContainer .dropdownLabel,
.dropdownButtonContainer .dropdownSubText {
  color: #697077;
  display: flex;
  gap: 2px
}
.dropdownButtonContainer .dropdownLabel__required,
.dropdownButtonContainer .dropdownSubText__required {
  color: #d8a800
}
.dropdownButton .dropdownLabel {
  text-align: left
}
.dropdownButton .dropdownDisplaySizeSpec {
  position: absolute;
  right: 50px
}
.dropdownButton .dropdownDisplaySizeSpec .rightContent {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8px
}
.dropdownButton .dropdownDisplaySizeSpec .rightContent .itemIcon {
  width: 16px;
  height: 16px
}
.authPanel__passwordCheckItem.-valid .dropdownButton .dropdownDisplaySizeSpec .rightContent .authPanel__passwordCheckIcon,
.dropdownButton .dropdownDisplaySizeSpec .rightContent .authPanel__passwordCheckItem.-valid .authPanel__passwordCheckIcon,
.dropdownButton .dropdownDisplaySizeSpec .rightContent .checkbox__input::after,
.dropdownButton .dropdownDisplaySizeSpec .rightContent .forgottenPasswordPanel__passwordCheckItem.-valid .forgottenPasswordPanel__passwordCheckIcon,
.dropdownButton .dropdownDisplaySizeSpec .rightContent .icon-check,
.dropdownButton .dropdownDisplaySizeSpec .rightContent .splittedAuthPanel__passwordCheckItem.-valid .splittedAuthPanel__passwordCheckIcon,
.forgottenPasswordPanel__passwordCheckItem.-valid .dropdownButton .dropdownDisplaySizeSpec .rightContent .forgottenPasswordPanel__passwordCheckIcon,
.splittedAuthPanel__passwordCheckItem.-valid .dropdownButton .dropdownDisplaySizeSpec .rightContent .splittedAuthPanel__passwordCheckIcon {
  display: none
}
.dropdownButton .dropdownDisplaySizeSpec .rightContent .icon-mail {
  background-color: #0b1215
}
.dropdownButton .dropdownDisplaySizeSpec .rightContent .icon-lowstock {
  background-color: #d8a800
}
.dropdownButton .dropdownDisplaySizeSpec .rightContent .-lowquantity {
  color: #d8a800;
  line-height: normal
}
.dropdownButton .dropdownDisplaySizeSpec .rightContent .-lowquantity span:not(.icon) {
  padding: 0 4px
}
.dropdownButton .dropdownDisplaySizeSpec .rightContent .-unavailable {
  color: #0b1215
}
.dropdownButton:has(.loader-element) {
  justify-content: center
}
.dropdownButton:has(.loader-element) .loading {
  max-height: 20px
}
.dropdownButton:has(.loader-element) .dropdownActions {
  display: none
}
.dropdownBloc {
  display: flex;
  gap: 8px;
  flex-direction: column;
  padding: 12px;
  background-color: #fdfdfd;
  position: absolute;
  z-index: 1000;
  width: 100%
}
.dropdownBloc.ddbGrid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 8px
}
.dropdownBloc .dbItemCol .dbItemRenderer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border: 1px #dde1e6 solid;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  border-radius: 0
}
.dropdownBloc .dbItemCol .dbItemRenderer__leftPart {
  display: flex;
  gap: 8px;
  align-items: center
}
.dropdownBloc .dbItemCol .dbItemRenderer__leftPart > * {
  margin: 0
}
.dropdownBloc .dbItemCol .dbItemRenderer__leftPart.db-l {
  gap: 12px
}
.dropdownBloc .dbItemCol .dbItemRenderer.db-l {
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  padding: 12px 16px
}
.dropdownBloc .dbItemCol .dbItemRenderer.-disabled {
  background-color: #f2f4f8;
  color: #697077;
  pointer-events: none
}
.dropdownBloc .dbItemCol .dbItemRenderer.-selected {
  border: 1px #0b1215 solid
}
.dropdownBloc .dbItemCol .dbItemRenderer.-hover,
.dropdownBloc .dbItemCol .dbItemRenderer:hover {
  background-color: #f2f4f8
}
.dropdownBloc .dbItemCol .dbItemStockLocatorRenderer {
  display: flex;
  align-items: center
}
.dropdownBloc .dbItemCol .dbItemStockLocatorRenderer__state {
  margin-left: auto;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 4px
}
.dropdownBloc .dbItemCol .dbItemStockLocatorRenderer__state__infos {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  text-align: right
}
.dropdownBloc .dbItemCol:has(.dbItemStockLocatorRenderer) {
  padding: 12px 0;
  gap: 0
}
.dropdownBloc .dbItemCol:has(.dbItemStockLocatorRenderer):not(:first-child) {
  border-top: 1px solid #dde1e6
}
.dbItemCol .dbItemRenderer .rightContent,
.dropdownDisplaySizeSpec .rightContent {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 4px
}
.dbItemCol .dbItemRenderer .rightContent p,
.dropdownDisplaySizeSpec .rightContent p {
  order: 1
}
.dbItemCol .dbItemRenderer .rightContent .itemIcon,
.dropdownDisplaySizeSpec .rightContent .itemIcon {
  width: 16px;
  height: 16px
}
.dbItemCol .dbItemRenderer .rightContent .itemIcon:nth-child(3),
.dropdownDisplaySizeSpec .rightContent .itemIcon:nth-child(3) {
  margin-left: 4px
}
.dbItemCol .dbItemRenderer .rightContent .icon-mail,
.dropdownDisplaySizeSpec .rightContent .icon-mail {
  order: 2;
  background-color: #0b1215
}
.dbItemCol .dbItemRenderer .rightContent .-lowquantity,
.dropdownDisplaySizeSpec .rightContent .-lowquantity {
  color: #d8a800;
  line-height: normal
}
.dbItemCol .dbItemRenderer .rightContent .icon-lowstock,
.dropdownDisplaySizeSpec .rightContent .icon-lowstock {
  order: 0;
  background-color: #d8a800
}
.authPanel__passwordCheckItem.-valid .dbItemCol .dbItemRenderer .rightContent .authPanel__passwordCheckIcon,
.authPanel__passwordCheckItem.-valid .dropdownDisplaySizeSpec .rightContent .authPanel__passwordCheckIcon,
.dbItemCol .dbItemRenderer .rightContent .authPanel__passwordCheckItem.-valid .authPanel__passwordCheckIcon,
.dbItemCol .dbItemRenderer .rightContent .checkbox__input::after,
.dbItemCol .dbItemRenderer .rightContent .forgottenPasswordPanel__passwordCheckItem.-valid .forgottenPasswordPanel__passwordCheckIcon,
.dbItemCol .dbItemRenderer .rightContent .icon-check,
.dbItemCol .dbItemRenderer .rightContent .splittedAuthPanel__passwordCheckItem.-valid .splittedAuthPanel__passwordCheckIcon,
.dropdownDisplaySizeSpec .rightContent .authPanel__passwordCheckItem.-valid .authPanel__passwordCheckIcon,
.dropdownDisplaySizeSpec .rightContent .checkbox__input::after,
.dropdownDisplaySizeSpec .rightContent .forgottenPasswordPanel__passwordCheckItem.-valid .forgottenPasswordPanel__passwordCheckIcon,
.dropdownDisplaySizeSpec .rightContent .icon-check,
.dropdownDisplaySizeSpec .rightContent .splittedAuthPanel__passwordCheckItem.-valid .splittedAuthPanel__passwordCheckIcon,
.forgottenPasswordPanel__passwordCheckItem.-valid .dbItemCol .dbItemRenderer .rightContent .forgottenPasswordPanel__passwordCheckIcon,
.forgottenPasswordPanel__passwordCheckItem.-valid .dropdownDisplaySizeSpec .rightContent .forgottenPasswordPanel__passwordCheckIcon,
.splittedAuthPanel__passwordCheckItem.-valid .dbItemCol .dbItemRenderer .rightContent .splittedAuthPanel__passwordCheckIcon,
.splittedAuthPanel__passwordCheckItem.-valid .dropdownDisplaySizeSpec .rightContent .splittedAuthPanel__passwordCheckIcon {
  order: 2
}
.dbItemCol .dbItemRenderer .rightContent .-unavailable,
.dropdownDisplaySizeSpec .rightContent .-unavailable {
  color: #0b1215
}
#panelSizeSelector .bottomSheetContent .bottomSheetBody {
  padding: 0 16px
}
#panelSizeSelector .bottomSheetContent .bottomSheetBody .panelSizeSelector__container {
  margin: 0;
  width: inherit;
  position: initial;
  padding: 0;
  justify-content: space-between;
  height: 100%;
  flex-wrap: nowrap;
  gap: 0
}
#panelSizeSelector .bottomSheetContent .bottomSheetBody .panelSizeSelector__container .container {
  max-height: none
}
#panelSizeSelector .bottomSheetContent .actionButtonContainer {
  padding: 16px 0;
  margin: -16px 0 0;
  background: #fff;
  z-index: 1001;
  position: sticky;
  bottom: 0
}
.panelSizeSelector__container {
  margin: 0 8px
}
.panelSizeSelector__container .container {
  padding: 0 0 8px 0
}
.panelSizeSelector__container .container .dbItemCol {
  padding-bottom: 8px
}
.panelSizeSelector__container .container .dbItemCol:not(.js-sizeSelector) {
  padding-bottom: 16px
}
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  max-height: none;
  scrollbar-width: none
}
input[type=date]::input-placeholder,
input[type=datetime-local]::input-placeholder,
input[type=email]::input-placeholder,
input[type=month]::input-placeholder,
input[type=number]::input-placeholder,
input[type=password]::input-placeholder,
input[type=search]::input-placeholder,
input[type=tel]::input-placeholder,
input[type=text]::input-placeholder,
textarea::input-placeholder {
  color: #a2a9b0;
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0
}
input[type=date]:placeholder,
input[type=datetime-local]:placeholder,
input[type=email]:placeholder,
input[type=month]:placeholder,
input[type=number]:placeholder,
input[type=password]:placeholder,
input[type=search]:placeholder,
input[type=tel]:placeholder,
input[type=text]:placeholder,
textarea:placeholder {
  color: #a2a9b0;
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0
}
input[type=date]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
textarea::-moz-placeholder {
  color: #a2a9b0;
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0
}
input[type=date]::placeholder,
input[type=datetime-local]::placeholder,
input[type=email]::placeholder,
input[type=month]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
textarea::placeholder {
  color: #a2a9b0;
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0
}
input[type=date]:input-placeholder,
input[type=datetime-local]:input-placeholder,
input[type=email]:input-placeholder,
input[type=month]:input-placeholder,
input[type=number]:input-placeholder,
input[type=password]:input-placeholder,
input[type=search]:input-placeholder,
input[type=tel]:input-placeholder,
input[type=text]:input-placeholder,
textarea:input-placeholder {
  color: #a2a9b0;
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0
}
input[type=date]:invalid::-webkit-datetime-edit,
input[type=datetime-local]:invalid::-webkit-datetime-edit,
input[type=email]:invalid::-webkit-datetime-edit,
input[type=month]:invalid::-webkit-datetime-edit,
input[type=number]:invalid::-webkit-datetime-edit,
input[type=password]:invalid::-webkit-datetime-edit,
input[type=search]:invalid::-webkit-datetime-edit,
input[type=tel]:invalid::-webkit-datetime-edit,
input[type=text]:invalid::-webkit-datetime-edit,
textarea:invalid::-webkit-datetime-edit {
  color: #a2a9b0;
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0
}
input[type=date]:-webkit-scrollbar,
input[type=datetime-local]:-webkit-scrollbar,
input[type=email]:-webkit-scrollbar,
input[type=month]:-webkit-scrollbar,
input[type=number]:-webkit-scrollbar,
input[type=password]:-webkit-scrollbar,
input[type=search]:-webkit-scrollbar,
input[type=tel]:-webkit-scrollbar,
input[type=text]:-webkit-scrollbar,
textarea:-webkit-scrollbar {
  display: none
}
input::-webkit-date-and-time-value {
  text-align: left
}
button[type=submit].-disabled,
input[type=submit].-disabled {
  background: #a2a9b0
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  -webkit-text-fill-color: unset!important;
  box-shadow: 0 0 0 40px #fdfdfd inset!important
}
.input__field {
  position: relative;
  margin: 0 0 4px 0
}
.input__field.-textarea {
  margin: 0
}
.input__field input[type=date].-focus,
.input__field input[type=date]:focus,
.input__field input[type=datetime-local].-focus,
.input__field input[type=datetime-local]:focus,
.input__field input[type=email].-focus,
.input__field input[type=email]:focus,
.input__field input[type=month].-focus,
.input__field input[type=month]:focus,
.input__field input[type=number].-focus,
.input__field input[type=number]:focus,
.input__field input[type=password].-focus,
.input__field input[type=password]:focus,
.input__field input[type=search].-focus,
.input__field input[type=search]:focus,
.input__field input[type=tel].-focus,
.input__field input[type=tel]:focus,
.input__field input[type=text].-focus,
.input__field input[type=text]:focus,
.input__field textarea.-focus,
.input__field textarea:focus {
  border: 1px solid #0b1215
}
.input__field input[type=date].-focus + .input__fieldLabel,
.input__field input[type=date]:focus + .input__fieldLabel,
.input__field input[type=datetime-local].-focus + .input__fieldLabel,
.input__field input[type=datetime-local]:focus + .input__fieldLabel,
.input__field input[type=email].-focus + .input__fieldLabel,
.input__field input[type=email]:focus + .input__fieldLabel,
.input__field input[type=month].-focus + .input__fieldLabel,
.input__field input[type=month]:focus + .input__fieldLabel,
.input__field input[type=number].-focus + .input__fieldLabel,
.input__field input[type=number]:focus + .input__fieldLabel,
.input__field input[type=password].-focus + .input__fieldLabel,
.input__field input[type=password]:focus + .input__fieldLabel,
.input__field input[type=search].-focus + .input__fieldLabel,
.input__field input[type=search]:focus + .input__fieldLabel,
.input__field input[type=tel].-focus + .input__fieldLabel,
.input__field input[type=tel]:focus + .input__fieldLabel,
.input__field input[type=text].-focus + .input__fieldLabel,
.input__field input[type=text]:focus + .input__fieldLabel,
.input__field textarea.-focus + .input__fieldLabel,
.input__field textarea:focus + .input__fieldLabel {
  color: #0b1215
}
.input__field input[type=date]:not(:-moz-placeholder-shown) + .input__fieldLabel,
.input__field input[type=datetime-local]:not(:-moz-placeholder-shown) + .input__fieldLabel,
.input__field input[type=email]:not(:-moz-placeholder-shown) + .input__fieldLabel,
.input__field input[type=month]:not(:-moz-placeholder-shown) + .input__fieldLabel,
.input__field input[type=number]:not(:-moz-placeholder-shown) + .input__fieldLabel,
.input__field input[type=password]:not(:-moz-placeholder-shown) + .input__fieldLabel,
.input__field input[type=search]:not(:-moz-placeholder-shown) + .input__fieldLabel,
.input__field input[type=tel]:not(:-moz-placeholder-shown) + .input__fieldLabel,
.input__field input[type=text]:not(:-moz-placeholder-shown) + .input__fieldLabel,
.input__field textarea:not(:-moz-placeholder-shown) + .input__fieldLabel {
  font-size: 0
}
.input__field input[type=date]:not(:placeholder-shown) + .input__fieldLabel,
.input__field input[type=datetime-local]:not(:placeholder-shown) + .input__fieldLabel,
.input__field input[type=email]:not(:placeholder-shown) + .input__fieldLabel,
.input__field input[type=month]:not(:placeholder-shown) + .input__fieldLabel,
.input__field input[type=number]:not(:placeholder-shown) + .input__fieldLabel,
.input__field input[type=password]:not(:placeholder-shown) + .input__fieldLabel,
.input__field input[type=search]:not(:placeholder-shown) + .input__fieldLabel,
.input__field input[type=tel]:not(:placeholder-shown) + .input__fieldLabel,
.input__field input[type=text]:not(:placeholder-shown) + .input__fieldLabel,
.input__field textarea:not(:placeholder-shown) + .input__fieldLabel {
  font-size: 0
}
.input__field input[type=date]:not(.-disabled).-hover,
.input__field input[type=date]:not(.-disabled):hover,
.input__field input[type=date]:not(:disabled).-hover,
.input__field input[type=date]:not(:disabled):hover,
.input__field input[type=datetime-local]:not(.-disabled).-hover,
.input__field input[type=datetime-local]:not(.-disabled):hover,
.input__field input[type=datetime-local]:not(:disabled).-hover,
.input__field input[type=datetime-local]:not(:disabled):hover,
.input__field input[type=email]:not(.-disabled).-hover,
.input__field input[type=email]:not(.-disabled):hover,
.input__field input[type=email]:not(:disabled).-hover,
.input__field input[type=email]:not(:disabled):hover,
.input__field input[type=month]:not(.-disabled).-hover,
.input__field input[type=month]:not(.-disabled):hover,
.input__field input[type=month]:not(:disabled).-hover,
.input__field input[type=month]:not(:disabled):hover,
.input__field input[type=number]:not(.-disabled).-hover,
.input__field input[type=number]:not(.-disabled):hover,
.input__field input[type=number]:not(:disabled).-hover,
.input__field input[type=number]:not(:disabled):hover,
.input__field input[type=password]:not(.-disabled).-hover,
.input__field input[type=password]:not(.-disabled):hover,
.input__field input[type=password]:not(:disabled).-hover,
.input__field input[type=password]:not(:disabled):hover,
.input__field input[type=search]:not(.-disabled).-hover,
.input__field input[type=search]:not(.-disabled):hover,
.input__field input[type=search]:not(:disabled).-hover,
.input__field input[type=search]:not(:disabled):hover,
.input__field input[type=tel]:not(.-disabled).-hover,
.input__field input[type=tel]:not(.-disabled):hover,
.input__field input[type=tel]:not(:disabled).-hover,
.input__field input[type=tel]:not(:disabled):hover,
.input__field input[type=text]:not(.-disabled).-hover,
.input__field input[type=text]:not(.-disabled):hover,
.input__field input[type=text]:not(:disabled).-hover,
.input__field input[type=text]:not(:disabled):hover,
.input__field textarea:not(.-disabled).-hover,
.input__field textarea:not(.-disabled):hover,
.input__field textarea:not(:disabled).-hover,
.input__field textarea:not(:disabled):hover {
  background-color: #f2f4f8
}
.input__field:has(>.tooltip:not(.hidden)) > .form__validIcon {
  padding: 0 38px
}
.input__field.-error + .input__fieldHelperText,
form.trySubmit .input__field:invalid + .input__fieldHelperText {
  color: #fa4d56
}
.input__field.-error .input__fieldAppend .icon-error,
form.trySubmit .input__field:invalid .input__fieldAppend .icon-error {
  background-color: #fa4d56
}
.input__field.-error .form__validIcon,
form.trySubmit .input__field:invalid .form__validIcon {
  display: flex
}
.input__field.-error .form__validIconCheck,
form.trySubmit .input__field:invalid .form__validIconCheck {
  display: none
}
.input__field.-error .form__validIconError,
form.trySubmit .input__field:invalid .form__validIconError {
  display: block;
  color: #fa4d56;
  background-color: #fa4d56
}
.input__field.-error .form__validIconClose,
form.trySubmit .input__field:invalid .form__validIconClose {
  display: none
}
.input__field.-disabled {
  pointer-events: none
}
.input__field.-disabled .input__fieldPrepend .icon {
  background-color: #a2a9b0
}
.input__field.-focus .form__validIcon {
  display: flex;
  cursor: pointer
}
.input__field.-focus .form__validIconCheck {
  display: none
}
.input__field.-focus .form__validIconError {
  display: none
}
.input__field.-focus .form__validIconClose {
  display: block;
  color: #0b1215;
  background-color: #0b1215
}
.input__field.-valid .form__validIcon {
  display: flex
}
.input__field.-valid .form__validIconCheck {
  display: block;
  color: #42be65;
  background-color: #42be65
}
.input__field.-valid .form__validIconError {
  display: none
}
.input__field.-valid .form__validIconClose {
  display: none
}
.input__textarea {
  max-height: 188px;
  padding: 13px 13px 16px 16px!important
}
.input__link {
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translate(0,-50%);
  padding: 0 8px
}
.input__fieldInput {
  height: 48px;
  border: 1px solid #dde1e6;
  padding: 16px 14px 16px 14px;
  box-sizing: border-box;
  width: 100%;
  outline: 0;
  border-radius: 0;
  background-color: #fdfdfd;
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0
}
.input__fieldInput.-leadingicon {
  padding: 16px 40px
}
input[type=date].input__fieldInput,
input[type=datetime-local].input__fieldInput,
input[type=month].input__fieldInput,
input[type=number].input__fieldInput,
textarea.input__fieldInput {
  padding-right: 16px
}
.input__fieldInput.is-invalid {
  border-color: #fa4d56
}
.input__fieldInput.-valid {
  border-color: #0b1215
}
.input__fieldInput.-capitalize {
  text-transform: capitalize
}
.input__fieldInput.-error,
form.trySubmit .input__fieldInput:invalid {
  border-color: #fa4d56
}
.input__fieldInput.-disabled {
  border-color: #f2f4f8;
  color: #a2a9b0
}
.input__fieldInput.-disabled + .input__fieldAppend .icon {
  background-color: #a2a9b0
}
.input__fieldLabel {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  grid-gap: 2px;
  align-items: center;
  margin-bottom: 8px;
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0
}
.input__fieldLabel.-disabled {
  color: #a2a9b0!important
}
.input__fieldLabel.-disabled .icon {
  background-color: #a2a9b0
}
.input__fieldPrepend {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%)
}
.input__fieldPrepend + .input__fieldInput {
  padding-left: 40px
}
.input__fieldAppend {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0,-50%);
  align-items: center;
  display: flex;
  cursor: pointer;
  padding: 0 16px
}
.input__fieldAppend + .input__fieldAppend {
  right: 40px
}
.input__fieldLink {
  position: absolute;
  align-items: center;
  top: 50%;
  right: 16px;
  transform: translate(0,-50%)
}
.input__field.-disabled .input__fieldLink {
  color: #a2a9b0
}
.input__fieldHelperText {
  color: #697077
}
.input__field.-disabled + .input__fieldHelperText {
  color: #a2a9b0
}
.u-color-brand-01 {
  color: #0b1215!important
}
.u-bgcolor-brand-01 {
  background-color: #0b1215!important
}
.u-bdcolor-brand-01 {
  border-color: #0b1215!important
}
.u-color-brand-02 {
  color: #0b1215!important
}
.u-bgcolor-brand-02 {
  background-color: #0b1215!important
}
.u-bdcolor-brand-02 {
  border-color: #0b1215!important
}
.u-color-brand-03 {
  color: #f9d0db!important
}
.u-bgcolor-brand-03 {
  background-color: #f9d0db!important
}
.u-bdcolor-brand-03 {
  border-color: #f9d0db!important
}
.u-color-payment {
  color: #0b1215!important
}
.u-bgcolor-payment {
  background-color: #0b1215!important
}
.u-bdcolor-payment {
  border-color: #0b1215!important
}
.u-color-payment-hover {
  color: #343a3f!important
}
.u-bgcolor-payment-hover {
  background-color: #343a3f!important
}
.u-bdcolor-payment-hover {
  border-color: #343a3f!important
}
.u-color-sales-01 {
  color: #eb5445!important
}
.u-bgcolor-sales-01 {
  background-color: #eb5445!important
}
.u-bdcolor-sales-01 {
  border-color: #eb5445!important
}
.u-color-sales-02 {
  color: #fbddda!important
}
.u-bgcolor-sales-02 {
  background-color: #fbddda!important
}
.u-bdcolor-sales-02 {
  border-color: #fbddda!important
}
.u-color-loyalty-01 {
  color: #e0144c!important
}
.u-bgcolor-loyalty-01 {
  background-color: #e0144c!important
}
.u-bdcolor-loyalty-01 {
  border-color: #e0144c!important
}
.u-color-loyalty-background-01 {
  color: #fff8f8!important
}
.u-bgcolor-loyalty-background-01 {
  background-color: #fff8f8!important
}
.u-bdcolor-loyalty-background-01 {
  border-color: #fff8f8!important
}
.u-color-loyalty-02 {
  color: #fff!important
}
.u-bgcolor-loyalty-02 {
  background-color: #fff!important
}
.u-bdcolor-loyalty-02 {
  border-color: #fff!important
}
.u-color-loyalty-background-02 {
  color: #fff!important
}
.u-bgcolor-loyalty-background-02 {
  background-color: #fff!important
}
.u-bdcolor-loyalty-background-02 {
  border-color: #fff!important
}
.u-color-loyalty-03 {
  color: #e0144c!important
}
.u-bgcolor-loyalty-03 {
  background-color: #e0144c!important
}
.u-bdcolor-loyalty-03 {
  border-color: #e0144c!important
}
.u-color-loyalty-background-03 {
  color: #fdecee!important
}
.u-bgcolor-loyalty-background-03 {
  background-color: #fdecee!important
}
.u-bdcolor-loyalty-background-03 {
  border-color: #fdecee!important
}
.u-color-loyalty-04 {
  color: #fff!important
}
.u-bgcolor-loyalty-04 {
  background-color: #fff!important
}
.u-bdcolor-loyalty-04 {
  border-color: #fff!important
}
.u-color-loyalty-background-04 {
  color: #fff!important
}
.u-bgcolor-loyalty-background-04 {
  background-color: #fff!important
}
.u-bdcolor-loyalty-background-04 {
  border-color: #fff!important
}
.u-color-loyalty-05 {
  color: #e0144c!important
}
.u-bgcolor-loyalty-05 {
  background-color: #e0144c!important
}
.u-bdcolor-loyalty-05 {
  border-color: #e0144c!important
}
.u-color-loyalty-background-05 {
  color: #ffdee2!important
}
.u-bgcolor-loyalty-background-05 {
  background-color: #ffdee2!important
}
.u-bdcolor-loyalty-background-05 {
  border-color: #ffdee2!important
}
.u-color-loyalty-highlight {
  color: #0b1215!important
}
.u-bgcolor-loyalty-highlight {
  background-color: #0b1215!important
}
.u-bdcolor-loyalty-highlight {
  border-color: #0b1215!important
}
.u-color-wecare-01 {
  color: #9ab2a2!important
}
.u-bgcolor-wecare-01 {
  background-color: #9ab2a2!important
}
.u-bdcolor-wecare-01 {
  border-color: #9ab2a2!important
}
.u-color-wecare-02 {
  color: #e1e8e3!important
}
.u-bgcolor-wecare-02 {
  background-color: #e1e8e3!important
}
.u-bdcolor-wecare-02 {
  border-color: #e1e8e3!important
}
.u-color-app-01 {
  color: #fdfdfd!important
}
.u-bgcolor-app-01 {
  background-color: #fdfdfd!important
}
.u-bdcolor-app-01 {
  border-color: #fdfdfd!important
}
.u-color-app-02 {
  color: #fdfdfd!important
}
.u-bgcolor-app-02 {
  background-color: #fdfdfd!important
}
.u-bdcolor-app-02 {
  border-color: #fdfdfd!important
}
.u-color-onboarding-01 {
  color: #fdfdfd!important
}
.u-bgcolor-onboarding-01 {
  background-color: #fdfdfd!important
}
.u-bdcolor-onboarding-01 {
  border-color: #fdfdfd!important
}
.u-color-onboarding-02 {
  color: #fdfdfd!important
}
.u-bgcolor-onboarding-02 {
  background-color: #fdfdfd!important
}
.u-bdcolor-onboarding-02 {
  border-color: #fdfdfd!important
}
.u-color-onboarding-03 {
  color: #fdfdfd!important
}
.u-bgcolor-onboarding-03 {
  background-color: #fdfdfd!important
}
.u-bdcolor-onboarding-03 {
  border-color: #fdfdfd!important
}
.u-color-success {
  color: #42be65!important
}
.u-bgcolor-success {
  background-color: #42be65!important
}
.u-bdcolor-success {
  border-color: #42be65!important
}
.u-color-warning {
  color: #d8a800!important
}
.u-bgcolor-warning {
  background-color: #d8a800!important
}
.u-bdcolor-warning {
  border-color: #d8a800!important
}
.u-color-error {
  color: #fa4d56!important
}
.u-bgcolor-error {
  background-color: #fa4d56!important
}
.u-bdcolor-error {
  border-color: #fa4d56!important
}
.u-color-information {
  color: #33b1ff!important
}
.u-bgcolor-information {
  background-color: #33b1ff!important
}
.u-bdcolor-information {
  border-color: #33b1ff!important
}
.u-color-white {
  color: #fdfdfd!important
}
.u-bgcolor-white {
  background-color: #fdfdfd!important
}
.u-bdcolor-white {
  border-color: #fdfdfd!important
}
.u-color-grey-01 {
  color: #f2f4f8!important
}
.u-bgcolor-grey-01 {
  background-color: #f2f4f8!important
}
.u-bdcolor-grey-01 {
  border-color: #f2f4f8!important
}
.u-color-grey-02 {
  color: #dde1e6!important
}
.u-bgcolor-grey-02 {
  background-color: #dde1e6!important
}
.u-bdcolor-grey-02 {
  border-color: #dde1e6!important
}
.u-color-grey-03 {
  color: #a2a9b0!important
}
.u-bgcolor-grey-03 {
  background-color: #a2a9b0!important
}
.u-bdcolor-grey-03 {
  border-color: #a2a9b0!important
}
.u-color-grey-04 {
  color: #697077!important
}
.u-bgcolor-grey-04 {
  background-color: #697077!important
}
.u-bdcolor-grey-04 {
  border-color: #697077!important
}
.u-color-grey-05 {
  color: #21272a!important
}
.u-bgcolor-grey-05 {
  background-color: #21272a!important
}
.u-bdcolor-grey-05 {
  border-color: #21272a!important
}
.u-color-black {
  color: #0b1215!important
}
.u-bgcolor-black {
  background-color: #0b1215!important
}
.u-bdcolor-black {
  border-color: #0b1215!important
}
.u-bgcolor-alpha-brand-01 {
  background-color: rgba(11,18,21,.1)!important
}
.u-bgcolor-alpha-brand-02 {
  background-color: rgba(11,18,21,.1)!important
}
.u-bgcolor-alpha-brand-03 {
  background-color: rgba(249,208,219,.1)!important
}
.u-bgcolor-alpha-payment {
  background-color: rgba(11,18,21,.1)!important
}
.u-bgcolor-alpha-payment-hover {
  background-color: rgba(52,58,63,.1)!important
}
.u-bgcolor-alpha-sales-01 {
  background-color: rgba(235,84,69,.1)!important
}
.u-bgcolor-alpha-sales-02 {
  background-color: rgba(251,221,218,.1)!important
}
.u-bgcolor-alpha-loyalty-01 {
  background-color: rgba(224,20,76,.1)!important
}
.u-bgcolor-alpha-loyalty-background-01 {
  background-color: rgba(255,248,248,.1)!important
}
.u-bgcolor-alpha-loyalty-02 {
  background-color: rgba(255,255,255,.1)!important
}
.u-bgcolor-alpha-loyalty-background-02 {
  background-color: rgba(255,255,255,.1)!important
}
.u-bgcolor-alpha-loyalty-03 {
  background-color: rgba(224,20,76,.1)!important
}
.u-bgcolor-alpha-loyalty-background-03 {
  background-color: rgba(253,236,238,.1)!important
}
.u-bgcolor-alpha-loyalty-04 {
  background-color: rgba(255,255,255,.1)!important
}
.u-bgcolor-alpha-loyalty-background-04 {
  background-color: rgba(255,255,255,.1)!important
}
.u-bgcolor-alpha-loyalty-05 {
  background-color: rgba(224,20,76,.1)!important
}
.u-bgcolor-alpha-loyalty-background-05 {
  background-color: rgba(255,222,226,.1)!important
}
.u-bgcolor-alpha-loyalty-highlight {
  background-color: rgba(11,18,21,.1)!important
}
.u-bgcolor-alpha-wecare-01 {
  background-color: rgba(154,178,162,.1)!important
}
.u-bgcolor-alpha-wecare-02 {
  background-color: rgba(225,232,227,.1)!important
}
.u-bgcolor-alpha-app-01 {
  background-color: rgba(253,253,253,.1)!important
}
.u-bgcolor-alpha-app-02 {
  background-color: rgba(253,253,253,.1)!important
}
.u-bgcolor-alpha-onboarding-01 {
  background-color: rgba(253,253,253,.1)!important
}
.u-bgcolor-alpha-onboarding-02 {
  background-color: rgba(253,253,253,.1)!important
}
.u-bgcolor-alpha-onboarding-03 {
  background-color: rgba(253,253,253,.1)!important
}
.u-bgcolor-alpha-success {
  background-color: rgba(66,190,101,.1)!important
}
.u-bgcolor-alpha-warning {
  background-color: rgba(216,168,0,.1)!important
}
.u-bgcolor-alpha-error {
  background-color: rgba(250,77,86,.1)!important
}
.u-bgcolor-alpha-information {
  background-color: rgba(51,177,255,.1)!important
}
.u-bgcolor-alpha-white {
  background-color: rgba(253,253,253,.1)!important
}
.u-bgcolor-alpha-grey-01 {
  background-color: rgba(242,244,248,.1)!important
}
.u-bgcolor-alpha-grey-02 {
  background-color: rgba(221,225,230,.1)!important
}
.u-bgcolor-alpha-grey-03 {
  background-color: rgba(162,169,176,.1)!important
}
.u-bgcolor-alpha-grey-04 {
  background-color: rgba(105,112,119,.1)!important
}
.u-bgcolor-alpha-grey-05 {
  background-color: rgba(33,39,42,.1)!important
}
.u-bgcolor-alpha-black {
  background-color: rgba(11,18,21,.1)!important
}
.u-bgcolor-loyalty-gradient-01 {
  background: linear-gradient(243deg,#fff8f8 0,#fdecee 100%)!important
}
.u-bgcolor-loyalty-gradient-02 {
  background: linear-gradient(243deg,#fff 0,#fff 100%)!important
}
.u-bgcolor-loyalty-gradient-03 {
  background: linear-gradient(243deg,#fdecee 0,#ffdee2 100%)!important
}
.u-bgcolor-loyalty-gradient-04 {
  background: linear-gradient(243deg,#fff 0,#fff 100%)!important
}
.u-bgcolor-loyalty-gradient-05 {
  background: linear-gradient(243deg,#ffdee2 0,#fcd1d5 100%)!important
}
.tooltip {
  position: relative
}
.tooltip__text {
  display: inline
}
.tooltip__icon {
  display: inline-block;
  vertical-align: text-bottom
}
.tooltip__content {
  visibility: hidden;
  z-index: 1080;
  padding: 8px 12px 8px 10px;
  border-radius: 0;
  width: -moz-max-content;
  width: max-content;
  max-width: 200px;
  display: flex;
  gap: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  background-color: inherit
}
.tooltip__content.-transparent {
  background-color: rgba(253,253,253,.5)
}
.tooltip__content.-white {
  background: #fdfdfd
}
.tooltip__content.-black,
.tooltip__content.u-arrow {
  background: #0b1215
}
.tooltip__content.-black .tooltip__text,
.tooltip__content.u-arrow .tooltip__text {
  color: #fdfdfd
}
.tooltip__content.-black .tooltip__icon,
.tooltip__content.u-arrow .tooltip__icon {
  background: #fdfdfd
}
.tooltip:not(.-noHover):hover .tooltip__content {
  opacity: 1;
  visibility: visible
}
.tooltip:focus .tooltip__content,
.tooltip:focus-within .tooltip__content {
  opacity: 1;
  visibility: visible
}
.tooltip.-bottom .tooltip__content {
  margin: 8px 0 0 0;
  top: 100%
}
.tooltip.-bottom .tooltip__content.-active {
  opacity: 1
}
.tooltip.-top .tooltip__content {
  margin: 0 0 8px 0;
  bottom: 100%
}
.tooltip.-top .tooltip__content.-active {
  opacity: 1
}
.tooltip.-right .tooltip__content {
  top: 50%;
  left: 100%;
  margin: 0 0 0 8px
}
.tooltip.-left .tooltip__content {
  top: 100%;
  right: 100%;
  margin: 0 8px 0 0;
  left: auto
}
.cart__lineProduct:last-child .productLine {
  padding-bottom: 0
}
.cart__lineProduct:last-child .divider-horizontal {
  display: none
}
.cart__lineProduct > .alert.animated {
  animation: slideDisappear .5s forwards ease-in-out
}
.cart__lineProduct > .alert.unanimated {
  animation: slideAppear .5s forwards ease-in-out
}
.cart__lineProduct + .js-backInStockBtn.animated {
  animation: slideDisappear .5s forwards ease-in-out
}
.cart__lineProduct + .js-backInStockBtn.unanimated {
  animation: slideAppear .5s forwards ease-in-out
}
.productLine {
  position: relative;
  padding: 16px 0
}
@media(max-width:899.98px) {
  .productLine__footer {
    margin-top: 16px
  }
}
.productLine.animated {
  overflow: hidden
}
.productLine.animated .productLine__messages {
  display: flex;
  align-items: center;
  animation: slideAppear .5s forwards ease-in-out
}
.productLine.animated .productLine__infos {
  animation: slideDisappear .5s forwards ease-in-out
}
.productLine.animated .productLine__footer {
  animation: slideDisappear .5s forwards ease-in-out
}
.productLine.unanimated .productLine__messages {
  display: flex;
  align-items: center;
  animation: slideDisappear .5s forwards ease-in-out
}
.productLine.unanimated .productLine__infos {
  animation: slideAppear .5s forwards ease-in-out
}
.productLine.unanimated .productLine__footer {
  animation: slideAppear .5s forwards ease-in-out
}
.productLine.removing {
  animation: slideDisappear .5s forwards ease-in-out
}
.productLine__warning {
  display: none
}
.productLine__warning.-active {
  display: block;
  animation: warningFadeinout 5s linear forwards
}
.productLine__infos {
  display: flex;
  flex-direction: row;
  gap: 16px
}
.productLine__right {
  display: flex;
  flex-direction: column;
  width: 100%
}
.productLine__details {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1
}
.productLine__text {
  display: flex;
  gap: 4px;
  flex-flow: row wrap
}
@media(max-width:899.98px) {
  .productLine__text {
    flex-direction: column
  }
}
.productLine__title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
  gap: 4px
}
.productLine__gamme {
  text-transform: lowercase
}
.productLine__gamme::first-letter {
  text-transform: capitalize
}
.productLine__nameProd > i {
  vertical-align: middle;
  display: inline-block
}
.productLine__prices {
  display: flex;
  flex-direction: row;
  justify-content: flex-end
}
.productLine__specInfo {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  margin-top: 8px;
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0
}
.productLine__itemInfos {
  display: flex;
  flex-direction: column;
  gap: 4px
}
.productLine__actions {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-end
}
.productLine__actionsDesktop .productLine__actions {
  margin-top: 4px
}
@media(min-width:900px) {
  .productLine__actionsDesktop .productLine__actions {
    margin-top: 16px
  }
}
.productLine__messages {
  display: none
}
.productLine__messages .productLine__message {
  width: 100%
}
.productLine__imgContainer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-width: 100px;
  max-width: 150px;
  width: 25%
}
@media(min-width:600px) {
  .productLine__imgContainer {
    min-width: 150px
  }
}
.productLine__imgContainer > a {
  border-radius: 0
}
.productLine__imgContainer .productLine__img {
  position: relative
}
.productLine__imgContainer .lazyLoadedContainer {
  height: auto
}
.productLine__imgContainerSrc {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  min-height: 190px
}
.productLine__imgContainer .icon-error {
  background-color: #fdfdfd;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%)
}
.productLine__titleContainer .productLine__gamme {
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
@media(min-width:600px) {
  .productLine__titleContainer .productLine__gamme {
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0
  }
}
.productLine__titleContainer .productLine__name {
  font-family: REM,sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px;
  letter-spacing: 0
}
@media(min-width:600px) {
  .productLine__titleContainer .productLine__name {
    font-family: REM,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 0
  }
}
.productLine__titleContainer .productLine__name .icon {
  display: inline-block;
  vertical-align: bottom
}
.productLine__description .productLine:not(.-notEditable) {
  grid-area: 1/2/2/3;
  display: grid;
  grid-template-columns: 65% 35%
}
@media(min-width:900px) {
  .productLine__description .productLine:not(.-notEditable) {
    grid-template-columns: minmax(10px,1fr) 70px
  }
}
.productLine__description .productLine__label {
  color: #697077
}
.productLine__description .productLine__labelValue {
  color: #0b1215
}
.productLine__label {
  display: flex;
  gap: 8px;
  flex-wrap: wrap
}
.productLine__labelName::after {
  content: "";
  display: inline-block;
  padding-left: 8px
}
.productLine__labelValue {
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0
}
.productLine__labelValue.-color {
  text-transform: lowercase
}
.productLine__labelValue.-color::first-letter {
  text-transform: capitalize
}
.productLine__lowStockContainer {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  margin-top: 8px
}
@media(min-width:900px) {
  .productLine__lowStockContainer {
    margin-top: 16px
  }
}
.productLine__lowStockContainer > i {
  background: #d8a800
}
.productLine__priceTotal {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: flex-start;
  white-space: nowrap
}
@media(min-width:900px) {
  .productLine__priceTotal {
    justify-content: flex-end
  }
}
@media(max-width:899.98px) {
  .productLine__priceTotal {
    gap: 8px
  }
}
.productLine__itemImgLink {
  position: relative;
  display: block;
  width: 100%;
  z-index: 0
}
.productLine__itemImgPreorder,
.productLine__itemPromoTotal {
  display: inline-block
}
.productLine__itemPrice {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%
}
@media(max-width:899.98px) {
  .productLine__itemPrice.-updateSize {
    align-items: flex-end;
    padding-top: 8px
  }
  .productLine__itemPrice.-updateSize .cartLine__itemQuantity {
    max-width: 160px;
    margin-bottom: 8px
  }
}
.productLine__itemPrice.-onlyPrice {
  justify-content: flex-end
}
.productLine__itemPriceBonus {
  justify-content: flex-end
}
.productLine__itemDelete.btn {
  background-color: transparent;
  padding: 0;
  align-items: flex-start;
  justify-content: flex-end
}
.productLine__itemTotalPrices {
  display: flex;
  gap: 4px 8px;
  align-items: center;
  flex-wrap: wrap
}
@media(min-width:900px) {
  .productLine__itemTotalPrices {
    gap: 4px 12px
  }
}
.productLine__itemTotalPrices .tooltip {
  order: 1
}
@media(min-width:900px) {
  .productLine__itemTotalPrices .tooltip {
    order: 0
  }
}
.productLine__itemTotalPrice {
  width: 100%
}
.productLine__itemSizeSelect {
  height: 35px;
  padding: 4px 30px 4px 8px;
  background-color: transparent;
  display: flex;
  align-items: center;
  width: auto
}
.productLine__itemPromoTotalNumber {
  display: inline-block
}
.productLine__virtualGiftContainer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px
}
.productLine__virtualGiftContainerRemove {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 16px
}
.productLine__virtualGiftInfo {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%
}
.productLine__productNotAvailable {
  position: relative
}
.productLine__productNotAvailable .productLine__imgContainer > a {
  position: relative
}
.productLine__productNotAvailable .productLine__imgContainer > a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0b121566;
  pointer-events: none;
  border-radius: 0
}
.productLine__productNotAvailable .productLine__specInfo {
  justify-content: flex-end
}
.productLine + .cartLine {
  margin-top: 4px
}
.productLine .loader-element {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  left: 0;
  right: 0
}
.productLine.unavailable .productLine__priceFinal,
.productLine.unavailable .productLine__specInfo,
.productLine.unavailable .productLine__text a {
  color: #697077!important
}
.productLine.unavailable .productLine__img {
  filter: grayscale(100%)
}
.productLine.persoApp .productLine__imgContainer {
  display: flex;
  height: auto
}
.productLine.persoApp .productLine__img {
  border: 2px solid transparent;
  background: linear-gradient(to right,#fdfdfd,#fdfdfd),#0b1215;
  background-clip: padding-box,border-box;
  background-origin: padding-box,border-box;
  -o-object-fit: cover;
  object-fit: cover
}
.productLine.persoApp .productLine__namePersoApp {
  background: #0b1215;
  display: block;
  margin-bottom: 8px;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent
}
.alert__contentPL {
  width: 100%;
  display: flex;
  gap: 16px;
  align-items: center
}
.alert__contentPL__text {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  flex: 1
}
@keyframes slideAppear {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes slideDisappear {
  0% {
    opacity: 1;
    max-height: 250px
  }
  100% {
    opacity: 0;
    max-height: 0;
    display: none
  }
}
@keyframes warningFadeinout {
  0% {
    opacity: 0
  }
  10%,
  90% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
.productMarker {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: 30px;
  cursor: pointer;
  overflow: visible;
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  transition: opacity .2s ease-in-out
}
.productMarker__iconPlus {
  display: block;
  height: auto;
  color: #fdfdfd;
  background-color: #fdfdfd;
  font-size: 1.5rem;
  margin-left: 3px;
  z-index: 4
}
.productMarker__label {
  position: absolute;
  display: block;
  border-radius: 360px;
  text-align: center;
  color: #0b1215;
  background: #fdfdfd;
  border: 1px solid #a2a9b0;
  padding: 4px 8px;
  right: 0;
  top: 30px;
  white-space: nowrap;
  z-index: 3
}
.productMarker__label.-left {
  left: 0;
  right: auto
}
.productMarker__label.-top {
  top: auto;
  bottom: 30px
}
.productMarker.-noLabel .productMarker__icon {
  width: 30px
}
.productMarker__icon {
  height: 24px;
  min-width: 24px;
  border-radius: 360px;
  display: flex;
  align-items: center;
  border: 1px solid #fdfdfd;
  box-shadow: var(--sfra-shadow-02)
}
.productMarker__iconLabel {
  color: #0b1215;
  transition: all .2s ease-in-out;
  position: absolute;
  display: flex;
  align-items: center;
  border-radius: 360px;
  text-align: center;
  right: 0;
  white-space: nowrap;
  height: 100%;
  padding: 0 24px 0 12px;
  background-color: inherit;
  font-size: 0;
  z-index: 3
}
.productMarker.-active .productMarker__icon .productMarker__iconLabel {
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0
}
@media(min-width:900px) {
  .productMarker:not(.-noLabel):hover .productMarker__icon {
    background-color: #fdfdfd
  }
  .productMarker:not(.-noLabel):hover .productMarker__icon .productMarker__iconLabel {
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0
  }
  .productMarker:not(.-noLabel):hover .productMarker__icon .productMarker__iconPlus {
    color: #0b1215;
    background-color: #0b1215
  }
  .productMarker:not(.-noLabel):hover.markerBlack .productMarker__icon {
    background-color: #0b1215
  }
  .productMarker:not(.-noLabel):hover.markerBlack .productMarker__icon .productMarker__iconLabel {
    color: #fdfdfd
  }
  .productMarker:not(.-noLabel):hover.markerBlack .productMarker__icon .productMarker__iconPlus {
    color: #fdfdfd;
    background-color: #fdfdfd
  }
}
.productMarker.-noShow {
  display: none
}
.productMarker.-visible {
  visibility: visible;
  opacity: 1
}
.productMarker.markerBlack .productMarker__icon {
  border-color: #0b1215
}
.productMarker.markerBlack .productMarker__icon .productMarker__iconLabel {
  color: #fdfdfd
}
.productMarker.markerBlack .productMarker__icon .productMarker__iconPlus {
  color: #0b1215;
  background-color: #0b1215
}
.productMarker.-right .productMarker__iconLabel {
  padding: 0 12px 0 24px;
  left: 0;
  right: auto
}
.stepbar {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  padding: 16px 0 0
}
.stepbar__step {
  color: #a2a9b0;
  flex: 1;
  text-align: center
}
.stepbar__step::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-radius: 360px;
  background-color: #a2a9b0
}
.stepbar__step.-active {
  color: #0b1215
}
.stepbar__step.-active::before {
  background: #0b1215
}
.stepbar__label {
  display: block;
  margin-top: 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.avatar .avatar__iconLink {
  padding: 12px;
  margin: -12px;
  display: flex;
  align-items: center;
  gap: 8px
}
.avatar .avatar__iconLink .avatar__iconUser {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #0b1215;
  text-transform: uppercase
}
.avatar .avatar__iconLink .avatar__iconUser.whiteAvatar {
  border: 1px solid #fdfdfd;
  color: #fdfdfd
}
.avatar .avatar__iconLink .whiteAvatarIcon {
  background-color: #fdfdfd
}
.avatar.-small .avatar__iconUser {
  width: 24px;
  height: 24px
}
.chip {
  width: -moz-fit-content;
  width: fit-content;
  height: 32px;
  display: flex;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 0
}
.chip:has(.chip__containerIconClose) {
  padding-right: 6px
}
.chip__iconCheck {
  width: 20px;
  height: 20px
}
.chip__containerIconClose {
  padding: 4px;
  border-radius: 360px
}
.chip__label {
  white-space: nowrap
}
.chip.chip-type-select {
  border: 1px solid #0b1215;
  cursor: pointer
}
.chip.chip-type-select.-hover,
.chip.chip-type-select:hover {
  background-color: #f2f4f8
}
.chip.chip-type-select.-active,
.chip.chip-type-select.-selected {
  background-color: #0b1215;
  color: #fdfdfd
}
.chip.chip-type-multiselect {
  border: 1px solid #0b1215
}
.chip.chip-type-multiselect .chip__containerIconClose {
  background-color: transparent;
  transition: all .2s ease-in-out
}
.chip.chip-type-multiselect .chip__containerIconClose .chip__iconClose {
  background-color: #0b1215
}
.chip.chip-type-multiselect .chip__containerIconClose:hover {
  background-color: #dde1e6
}
.chip.chip-type-multiselect.-hover,
.chip.chip-type-multiselect:hover {
  background-color: #f2f4f8
}
.chip.chip-type-link {
  border: none;
  background-color: #f2f4f8;
  cursor: pointer
}
.chip.chip-type-link.-hover,
.chip.chip-type-link:hover {
  background-color: #dde1e6
}
.snackbar {
  border-radius: 0;
  justify-content: space-between;
  padding: 8px 16px 8px 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px
}
.snackbar.black {
  background: #0b1215
}
.snackbar.white {
  background: #fdfdfd
}
.snackbar__content {
  display: flex;
  gap: 8px;
  align-items: center
}
.snackbar__content i {
  flex-shrink: 0
}
.snackbar__actions {
  display: flex;
  gap: 12px;
  align-items: center
}
.icon_white {
  background: #fdfdfd
}
.validAnimationBackground {
  position: fixed;
  background: #fdfdfd;
  inset: 0;
  animation: validationFadeIn .3s ease 2s reverse forwards;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  text-align: center;
  z-index: 10
}
.validAnimationBackground.-inPanel {
  position: relative
}
.validAnimationBackground.-stay {
  animation: validationFadeIn .3s ease
}
.validAnimationBackground.-small {
  gap: 8px
}
.validAnimationContainer {
  width: 52px;
  height: 52px
}
.-small .validAnimationContainer {
  width: 24px;
  height: 24px
}
.-small .validAnimationContainer .icon {
  width: 16px;
  height: 16px
}
.validAnimation {
  display: flex;
  width: 100%;
  height: 100%;
  background: #42be65;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 0 auto;
  animation: validAnimationFrames 1s ease forwards
}
.validAnimation .icon {
  transform: scale(0);
  background-color: #fdfdfd;
  animation: validationIconFrames .5s ease .5s forwards
}
.validAnimationText {
  position: relative;
  overflow: hidden;
  width: 100%
}
.-small .validAnimationText {
  margin-bottom: 16px
}
.validationTitle {
  transform: translate(0,100%);
  animation: validationTitle .5s ease .5s forwards
}
@keyframes validAnimationFrames {
  0% {
    transform: scale(1.23376623) rotateX(-90deg)
  }
  50% {
    transform: scale(1.23376623) rotateX(0)
  }
  80% {
    transform: scale(.9)
  }
  100% {
    transform: scale(1)
  }
}
@keyframes validationIconFrames {
  0% {
    transform: scale(0)
  }
  90% {
    transform: scale(1.1)
  }
  100% {
    transform: scale(1)
  }
}
@keyframes validationFadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes validationTitle {
  0% {
    transform: translate(0,100%)
  }
  90% {
    transform: translate(0,-5px)
  }
  100% {
    transform: translate(0,0)
  }
}
.quantityselector {
  display: flex;
  min-width: 128px;
  height: 48px;
  padding: 12px 16px 12px 16px;
  gap: 16px;
  background: #fdfdfd;
  border: 1px solid #dde1e6;
  border-radius: 0;
  width: -moz-fit-content;
  width: fit-content
}
.quantityselector__card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%
}
.quantityselector__content {
  display: flex;
  align-items: center;
  gap: 16px
}
.quantityselector__content > i {
  background: #0b1215;
  cursor: pointer
}
.quantityselector__content > i.disabled {
  background: #a2a9b0;
  cursor: auto
}
.quantityselector__quantity {
  display: flex;
  width: 32px;
  align-items: center;
  justify-content: center;
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
body.bottomSheetOpen {
  overflow: hidden;
  padding-right: var(--scrollbar-width)
}
.bottomSheet {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1111;
  transition: background .3s
}
.bottomSheet.opening.withOverlay {
  background: rgba(11,18,21,.5)
}
.bottomSheet.opening .bottomSheetContent {
  transform: translateY(0)
}
@media(min-width:1200px) {
  .bottomSheet.opening .bottomSheetContent {
    transform: translateX(0)
  }
}
.bottomSheet.opened {
  transition: background .3s 150ms
}
.bottomSheet.opened.withOverlay {
  background: rgba(11,18,21,.5)
}
.bottomSheet.opened .bottomSheetContent {
  transition: unset;
  transform: translateY(0)
}
@media(min-width:1200px) {
  .bottomSheet.opened .bottomSheetContent {
    transform: translateX(0)
  }
}
.bottomSheet.closing.withOverlay {
  background: rgba(11,18,21,0)
}
.bottomSheet.closing .bottomSheetContent {
  transform: translateY(100%);
  transition: transform .3s
}
@media(min-width:1200px) {
  .bottomSheet.closing .bottomSheetContent {
    transform: translateX(-100%)
  }
}
@media(min-width:1200px) {
  .bottomSheet.closing.right .bottomSheetContent {
    transform: translateX(100%)
  }
}
.bottomSheetContent {
  position: absolute;
  bottom: 0;
  max-height: 90%;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  transform: translateY(100%);
  transition: transform .3s 150ms;
  background: #fdfdfd;
  display: flex;
  flex-direction: column
}
.bottomSheetContent .closeBtn {
  grid-column: 2/3
}
@media(max-width:899.98px) {
  .bottomSheetContent .closeBtn {
    grid-row: 2/3;
    margin-top: 8px
  }
}
.bottomSheetContent .bottomSheetHeader {
  padding: 4px 0 16px;
  margin: 0 16px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  justify-content: center;
  flex-shrink: 0;
  z-index: 1
}
@media(max-width:899.98px) {
  .bottomSheetContent .bottomSheetHeader:has(>.closeBtn:not(.hideMobile)) {
    padding: 4px 0 0 0
  }
  .bottomSheetContent .bottomSheetHeader:has(>.closeBtn:not(.hideMobile)):has(.bottomSheetTitle) {
    padding: 4px 0 16px
  }
  .bottomSheetContent .bottomSheetHeader:has(>.closeBtn:not(.hideMobile)) .bottomSheetTitle {
    margin-left: 24px
  }
  .bottomSheetContent .bottomSheetHeader:has(>.closeBtn:not(.hideMobile)) .closeBtn {
    margin-top: 16px
  }
}
.bottomSheetContent .bottomSheetHeader::before {
  display: block;
  content: "";
  width: 40px;
  height: 4px;
  background: #0b1215;
  border-radius: 8px;
  opacity: .1;
  z-index: 1
}
@media(max-width:899.98px) {
  .bottomSheetContent .bottomSheetHeader::before {
    grid-column: 1/3
  }
}
.bottomSheetContent .bottomSheetHeader.divide {
  border-bottom: 1px solid #dde1e6
}
.bottomSheetContent .bottomSheetHeader .bottomSheetTitle {
  margin-top: 16px
}
.bottomSheetContent .bottomSheetHeader:has(.bottomSheetTitle) + .bottomSheetBody {
  padding-top: 24px
}
.bottomSheetContent .bottomSheetHeader:has(.bottomSheetTitle) + .bottomSheetBody:has(.panelStockLocator) {
  padding-bottom: 0
}
.bottomSheetContent .bottomSheetHeader:not(:has(.bottomSheetTitle)) + .bottomSheetBody {
  padding-top: 0
}
@media(min-width:900px) {
  .bottomSheetContent .bottomSheetHeader:not(:has(.bottomSheetTitle)) {
    padding-bottom: 0
  }
  .bottomSheetContent .bottomSheetHeader:not(:has(.bottomSheetTitle)) + .bottomSheetBody {
    padding-top: 24px
  }
  .bottomSheetContent .bottomSheetHeader:not(:has(.bottomSheetTitle)) + .bottomSheetBody:has(.panelStockLocator) {
    padding-bottom: 0
  }
}
@media(min-width:900px) {
  .bottomSheetContent {
    width: 40%;
    min-width: 700px;
    max-height: 100%;
    height: 100%;
    overflow: auto;
    display: flex;
    flex-direction: column;
    transform: translateX(-100%);
    border-radius: 0
  }
  .right .bottomSheetContent {
    transform: translateX(100%);
    right: 0
  }
  .bottomSheetContent .bottomSheetHeader {
    grid-template-columns: 1fr auto;
    padding: 24px 0 16px;
    margin: 0 24px
  }
  .bottomSheetContent .bottomSheetHeader::before {
    display: none
  }
  .bottomSheetContent .bottomSheetTitle {
    margin-top: 0!important
  }
}
.bottomSheetContent .bottomSheetBody {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 100%;
  height: calc(100% - 48px);
  flex-grow: 1;
  padding: 0 16px 24px;
  overflow: hidden auto;
  overscroll-behavior: none
}
.bottomSheetContent .bottomSheetBody:has(.postAdd) {
  padding: 0
}
.bottomSheetContent .bottomSheetBody.loaderContainer,
.bottomSheetContent .bottomSheetBody.loading {
  align-items: center;
  min-height: 200px;
  justify-content: center
}
@media(min-width:900px) {
  .bottomSheetContent .bottomSheetBody {
    padding: 24px 24px
  }
  .bottomSheetContent .bottomSheetBody:has(.postAdd) {
    padding: 0
  }
  .bottomSheetContent .bottomSheetBody::-webkit-scrollbar-track {
    background-color: transparent
  }
  .bottomSheetContent .bottomSheetBody::-webkit-scrollbar {
    width: 3px;
    height: 120px;
    background-color: transparent
  }
  .bottomSheetContent .bottomSheetBody::-webkit-scrollbar-thumb {
    background-color: #0b1215
  }
}
.bottomSheet.noMargin .bottomSheetContent {
  padding: 0
}
.bottomSheet.noMargin .bottomSheetContent .bottomSheetHeader {
  padding: 4px 0 0;
  margin: 0
}
.bottomSheet.noMargin .bottomSheetContent .bottomSheetBody {
  margin-top: -8px;
  height: 100%;
  padding: 0
}
body.modalOpen {
  overflow: hidden;
  padding-right: var(--scrollbar-width)
}
body.closingAll .modal.withOverlay .modalContent {
  display: none
}
.modal {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc((var(--100dvh)) - 56px);
  z-index: 1110;
  transition: background .3s
}
.modal + .loading {
  z-index: 1111
}
#root[data-from-app=true] .modal {
  height: 100%
}
.floatingBar:has(~.header.-searchMenuOpen:not(.-stickySlideUp)) ~ .mainAccount #root .modal {
  height: calc((var(--100dvh)) - 56px - 35px)
}
.floatingBar:has(~.header.-searchMenuOpen:not(.-stickySlideUp)) ~ .mainAccount #root[data-from-app=true] .modal {
  height: 100%
}
@media(min-width:900px) {
  .modal {
    height: 100vh
  }
  .floatingBar:has(~.header.-searchMenuOpen:not(.-stickySlideUp)) ~ .mainAccount #root .modal {
    height: 100vh
  }
}
@media(min-width:1200px) {
  .modal.withOverlay {
    background: #0b1215
  }
}
@media(max-width:1199.98px) {
  .modal.opening .modalContent {
    visibility: visible;
    opacity: 1
  }
}
@media(min-width:1200px) {
  .modal.opening .modalContent {
    transform: translateY(120px) translateX(-50%)
  }
  .modal.opening .modalBody {
    height: calc(100% - (24px + 120px))
  }
  .modal.opening.withOverlay {
    background: rgba(11,18,21,.1)
  }
}
.modal.opened {
  transition: background .3s 150ms
}
@media(max-width:1199.98px) {
  .modal.opened .modalContent {
    transition: unset;
    visibility: visible;
    opacity: 1
  }
}
@media(min-width:1200px) {
  .modal.opened .modalContent {
    transition: unset;
    transform: translateY(120px) translateX(-50%)
  }
  .modal.opened .modalBody {
    height: calc(100% - (24px + 120px))
  }
  .modal.opened.withOverlay {
    background: rgba(11,18,21,.1)
  }
}
.modal.opened ~ .modal.opening .modalContent {
  transition: unset
}
body:not(.closingAll) .modal.opened ~ .modal.closing .modalContent {
  transition: unset
}
@media(max-width:1199.98px) {
  .modal.closing .modalContent {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s,visibility .3s .3s
  }
}
@media(min-width:1200px) {
  .modal.closing .modalContent {
    transform: translateY(100%) translateX(-50%);
    transition: transform .3s
  }
  .modal.closing.withOverlay {
    background: rgba(11,18,21,.1)
  }
}
.modal.bcmc-modal .modalContent {
  width: -moz-max-content!important;
  width: max-content!important;
  height: -moz-fit-content!important;
  height: fit-content!important;
  top: 50%!important;
  transform: translateY(-50%) translateX(-50%)!important
}
.modalContent {
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 100%;
  width: 100%;
  padding: 16px 16px 32px;
  transform: translateX(-50%)
}
.modalContent .modalHeader {
  padding: 4px 0 16px 0;
  display: grid;
  grid-template-columns: 24px 1fr 24px;
  place-items: center center
}
.modalContent .modalHeader .modalTitle {
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0
}
@media(max-width:1199.98px) {
  .modalContent {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s 150ms
  }
}
@media(min-width:1200px) {
  .modalContent {
    width: 60%;
    max-width: 845px;
    max-height: calc(100% - 16px);
    display: flex;
    flex-direction: column;
    padding: 24px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    transform: translateY(100%) translateX(-50%);
    transition: transform .3s 150ms;
    top: 0
  }
  .modalContent.divide {
    border-bottom: 1px solid #dde1e6
  }
  .modalContent .modalHeader {
    padding: 0 0 16px 0
  }
  .modalContent .modalHeader .modalTitle {
    grid-column: 2/auto;
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0
  }
}
.modalContent .modalBody {
  overflow: hidden auto;
  max-width: 100%;
  height: calc(100% - 24px)
}
#root[data-from-app=true] .modalContent .modalBody {
  height: 100%
}
.modalContent .modalHeaderWrapper.custom-margin {
  margin: -16px -16px 0 -32px;
  padding: 16px 16px 0 32px
}
@media(min-width:1200px) {
  .modalContent .modalHeaderWrapper.custom-margin {
    margin: -24px -24px 0 -24px;
    padding: 24px 24px 0 24px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
  }
}
#root[data-from-app=true] .modalContent .modalHeaderWrapper {
  display: none
}
@media(min-width:1200px) {
  .header.-stickySlideUp ~ .mainAccount #root .modal.opened .modalContent,
  .header.-stickySlideUp ~ .mainAccount #root .modal.opening .modalContent {
    transform: translateY(calc(120px - 72px)) translateX(-50%)
  }
  .header.-stickySlideUp ~ .mainAccount #root .modal.opened .modalBody,
  .header.-stickySlideUp ~ .mainAccount #root .modal.opening .modalBody {
    height: calc(100% - (24px + calc(120px - 72px)))
  }
}
.notificationContainer {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 1200
}
@media(min-width:900px) {
  .notificationContainer {
    width: auto;
    top: 72px
  }
}
.notificationContent {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  transform: translate(0,-100%);
  transition: transform .3s
}
@media(min-width:900px) {
  .notificationContent {
    transform: translate(100%,0)
  }
}
.notificationContent.opening {
  transform: translate(0,0)
}
.notificationContent.opened {
  transition: unset;
  transform: translate(0,0)
}
.notificationContent.closing {
  transform: translateY(0,-100%);
  transition: transform .3s
}
@media(min-width:900px) {
  .notificationContent.closing {
    transform: translate(100%,0)
  }
}
.productNoteReview {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  margin-bottom: 16px
}
.productNoteReview__starContainer {
  position: relative
}
.productNoteReview__star,
.productReviews__itemStar {
  position: relative;
  line-height: 1.6;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px
}
.productNoteReview__star i,
.productReviews__itemStar i {
  background-color: #dde1e6
}
.productNoteReview__star i.active,
.productReviews__itemStar i.active {
  background-color: #0b1215
}
.productNoteReview__star i::before,
.productReviews__itemStar i::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("star-full.svg");
  background-size: cover;
  -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
  clip-path: polygon(0 0,0 0,0 100%,0 100%)
}
.productNoteReview__star .star-plain,
.productReviews__itemStar .star-plain {
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 12px;
  background-color: #0b1215;
  z-index: 2;
  -webkit-clip-path: polygon(0 0,0% 0,0% 100%,0% 100%);
  clip-path: polygon(0 0,0% 0,0% 100%,0% 100%)
}
.productNoteReview__star .star-plain.active,
.productReviews__itemStar .star-plain.active {
  -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0% 100%);
  clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)
}
.productNoteReview__star .star-plain.-small,
.productReviews__itemStar .star-plain.-small {
  width: 16px;
  height: 16px
}
.productReviews {
  border: 1px solid #dde1e6;
  border-radius: 0;
  padding: 16px;
  background: #fdfdfd;
  display: flex;
  flex-direction: column;
  gap: 16px
}
.productReviews__wrapperHeaderReview {
  display: flex;
  flex-direction: column;
  gap: 24px
}
.productReviews__header {
  display: flex;
  flex-direction: column;
  gap: 4px
}
.productReviews__header .productReviews__headerReviewStar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px
}
.productReviews__header .productReviews__headerReviewStar .productReviews__headerReviewStarNote {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto
}
.productReviews__header .productReviews__headerReviewStar .productReviews__headerReviewStarNote .title-02 {
  line-height: 16px
}
.productReviews__headerReviewStarNoteWrapper {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 24px
}
.productReviews__scorings {
  display: flex;
  flex-direction: column;
  gap: 16px
}
.productReviews__container {
  margin: auto;
  position: relative;
  padding: 0
}
@media(min-width:900px) {
  .productReviews__container {
    max-width: 50%
  }
}
.productReviews__starContainer {
  position: relative
}
.productReviews__starContainer .star-wizville {
  width: 12px;
  height: 12px
}
.productReviews__star {
  position: relative;
  line-height: 1.6;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px
}
.productReviews__star i {
  background-color: #dde1e6
}
.productReviews__star i.active {
  background-color: #0b1215
}
.productReviews__star .star-plain {
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 12px;
  background-color: #0b1215;
  z-index: 2;
  -webkit-clip-path: polygon(0 0,0% 0,0% 100%,0% 100%);
  clip-path: polygon(0 0,0% 0,0% 100%,0% 100%)
}
.productReviews__star .star-plain.active {
  -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0% 100%);
  clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)
}
.productReviews__star .star-plain.-small {
  width: 16px;
  height: 16px
}
.productReviews__scoringAtt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px
}
.productReviews__scales {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch
}
.productReviews__scalesDash {
  display: flex;
  align-items: flex-start;
  flex: 1 0 0
}
.productReviews__rectangle {
  height: 2px;
  flex: 1 0 0;
  background: #a2a9b0
}
.productReviews__rectangle.active {
  background: #0b1215
}
.productReviews__rectangleH {
  height: 2px;
  flex: 1 0 0;
  background: #a2a9b0
}
.productReviews__scalesText {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  color: #697077
}
.productReviews__scalesText .scaleNote {
  color: #0b1215
}
.productReviews__cards {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-self: stretch
}
.productReviews__cards .productReviews__languages {
  top: 32px
}
.productReviews__filters {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%
}
@media(max-width:899.98px) {
  .productReviews__filters {
    align-items: center;
    margin-left: 16px
  }
}
.productReviews__filter {
  display: flex;
  padding: 4px 24px;
  justify-content: center;
  align-items: center;
  border: 1px solid #0b1215;
  height: 32px
}
.productReviews__sizeFilters {
  position: relative
}
.productReviews__sizeFilters .icon {
  transition: transform .3s ease-in-out
}
.productReviews__sizeFilters.-active .productReviews__sizes {
  opacity: .99;
  visibility: visible;
  max-height: calc(50vh + 110px)
}
.productReviews__sizeFilters.-active .icon {
  transform: rotate(0)
}
.productReviews__sizeFilters .sizeSelected {
  text-transform: none
}
.productReviews__languageFilters {
  position: relative
}
.productReviews__languageFilters .icon {
  transition: transform .3s ease-in-out
}
.productReviews__languageFilters.-active .productReviews__languages {
  opacity: .99;
  visibility: visible;
  max-height: calc(50vh + 110px)
}
.productReviews__languageFilters.-active .icon {
  transform: rotate(0)
}
.productReviews__languageFilters .languageSelected {
  text-transform: none
}
.productReviews__filterBtn {
  display: flex;
  height: 32px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  color: #0b1215;
  border: 1px solid #0b1215;
  width: auto!important
}
.productReviews__filterBtn.-active {
  background: #0b1215!important;
  color: #fdfdfd!important;
  border: none;
  width: auto
}
.productReviews__filterBtn .filterText {
  text-transform: none
}
.productReviews__sizes {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  background-color: #fdfdfd;
  border: 1px solid #dde1e6;
  width: 310px;
  transition: all .3s ease-in-out;
  left: 0;
  z-index: 5
}
.productReviews__sizes__wrapper {
  max-height: 50vh;
  overflow-y: auto;
  padding: 16px
}
.productReviews__sizes .values {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  width: auto;
  padding: 8px;
  grid-gap: 8px;
  grid-auto-flow: row
}
.productReviews__sizes .values .btn-size {
  text-align: center;
  cursor: pointer;
  width: 100%
}
.productReviews__languages {
  top: 60px;
  left: 0;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  background-color: #fdfdfd;
  border: 1px solid #dde1e6;
  transition: all .3s ease-in-out;
  z-index: 5
}
.productReviews__languages__wrapper {
  max-height: 50vh;
  overflow-y: auto;
  padding: 16px
}
.productReviews__content {
  animation: fadeReviews .5s ease-in-out;
  width: 100%
}
.productReviews__noContent {
  color: #697077;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex: 1 0 0
}
@media(max-width:899.98px) {
  .productReviews__noContent {
    margin-left: 16px
  }
}
.productReviews__noContent .noContentFeed {
  background: #697077
}
.productReviews__contentNoteReviews {
  display: flex;
  width: 100%;
  gap: 16px
}
@media(max-width:899.98px) {
  .productReviews__contentNoteReviews {
    flex-direction: column
  }
}
.productReviews__item {
  border: 1px solid #dde1e6;
  width: 100%;
  border-radius: 0;
  padding: 12px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start
}
.productReviews__itemInfosContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}
.productReviews__itemInfos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%
}
.productReviews__sizeInfos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%
}
.productReviews__itemName {
  font-weight: 600;
  font-size: .8125rem;
  flex: 1
}
.productReviews__itemSize {
  color: #697077
}
.productReviews__itemStar {
  margin-top: 4px
}
.productReviews__itemTxt {
  margin-top: 16px
}
.productReviews__itemTxt.-reduce {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap
}
.productReviews__itemTxtMore {
  cursor: pointer
}
.productReviews__footer {
  display: flex;
  justify-content: center
}
.productReviews__footer .btn {
  max-width: -moz-fit-content;
  max-width: fit-content
}
.productReviews__summaryAIWrapper {
  display: contents
}
.productReviews__summaryAI {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px
}
.productReviews__summaryAI .productReviews__summaryContainer {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  justify-content: space-between
}
.productReviews__summaryAI .productReviews__summaryISOContainer {
  justify-content: flex-start;
  gap: 8px
}
.productReviews__summaryAI .productReviews__summaryISOContainer i {
  background-color: #697077
}
.productReviews__summaryAI .productReviews__summaryISOContainer .productReviews__summaryAIISORGPD {
  color: #697077
}
@keyframes fadeReviews {
  from {
    opacity: 0
  }
}
.popOver {
  display: none;
  position: relative;
  z-index: 1070
}
.popOver.-open {
  display: block
}
.popOver__container {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  min-width: 288px;
  width: calc(100vw - 32px);
  padding: 16px;
  border-radius: 0;
  z-index: 1
}
@media(min-width:900px) {
  .popOver__container {
    max-width: 318px
  }
}
@media(min-width:900px) {
  .popOver__container {
    max-width: 336px
  }
}
@media(min-width:1800px) {
  .popOver__container {
    max-width: 456px
  }
}
.popOver__container::before {
  content: "";
  position: absolute
}
.popOver__container::after {
  content: "";
  position: absolute
}
.popOver__container.-white {
  background: #fdfdfd
}
.popOver__container.-white i {
  background: #0b1215
}
.popOver__container.-white.-topLeft {
  top: 16px;
  left: 0
}
.popOver__container.-white.-topLeft::before {
  top: -8px;
  left: 16px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-bottom: solid 8px #fdfdfd;
  z-index: 1
}
.popOver__container.-white.-topLeft::after {
  top: -8px;
  left: 16px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-bottom: solid 8px #fdfdfd
}
.popOver__container.-white.-top {
  top: 16px;
  left: 50%;
  transform: translateX(-50%)
}
.popOver__container.-white.-top::before {
  top: -8px;
  left: 50%;
  margin-left: -8px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-bottom: solid 8px #fdfdfd;
  z-index: 1
}
.popOver__container.-white.-top::after {
  top: -8px;
  left: 50%;
  margin-left: -8px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-bottom: solid 8px #fdfdfd
}
.popOver__container.-white.-topRight {
  top: 16px;
  right: 0
}
.popOver__container.-white.-topRight::before {
  top: -8px;
  right: 16px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-bottom: solid 8px #fdfdfd;
  z-index: 1
}
.popOver__container.-white.-topRight::after {
  top: -8px;
  right: 16px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-bottom: solid 8px #fdfdfd
}
.popOver__container.-white.-bottomLeft {
  bottom: 16px;
  left: 0
}
.popOver__container.-white.-bottomLeft::before {
  bottom: -8px;
  left: 16px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-top: solid 8px #fdfdfd;
  z-index: 1
}
.popOver__container.-white.-bottomLeft::after {
  bottom: -8px;
  left: 16px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-top: solid 8px #fdfdfd
}
.popOver__container.-white.-bottom {
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%)
}
.popOver__container.-white.-bottom::before {
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-top: solid 8px #fdfdfd;
  z-index: 1
}
.popOver__container.-white.-bottom::after {
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-top: solid 8px #fdfdfd
}
.popOver__container.-white.-bottomRight {
  bottom: 16px;
  right: 0
}
.popOver__container.-white.-bottomRight::before {
  bottom: -8px;
  right: 16px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-top: solid 8px #fdfdfd;
  z-index: 1
}
.popOver__container.-white.-bottomRight::after {
  bottom: -8px;
  right: 16px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-top: solid 8px #fdfdfd
}
.popOver__container.-black,
.popOver__container.u-arrow {
  background: #21272a
}
.popOver__container.-black .popOver__texts,
.popOver__container.u-arrow .popOver__texts {
  color: #fdfdfd
}
.popOver__container.-black i,
.popOver__container.u-arrow i {
  background: #fdfdfd
}
.popOver__container.-black.-topLeft,
.popOver__container.-topLeft.u-arrow {
  top: 16px;
  left: 0
}
.popOver__container.-black.-topLeft::before,
.popOver__container.-topLeft.u-arrow::before {
  top: -8px;
  left: 16px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-bottom: solid 8px #21272a;
  z-index: 1
}
.popOver__container.-black.-topLeft::after,
.popOver__container.-topLeft.u-arrow::after {
  top: -8px;
  left: 16px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-bottom: solid 8px #21272a
}
.popOver__container.-black.-top,
.popOver__container.-top.u-arrow {
  top: 16px;
  left: 50%;
  transform: translateX(-50%)
}
.popOver__container.-black.-top::before,
.popOver__container.-top.u-arrow::before {
  top: -8px;
  left: 50%;
  margin-left: -8px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-bottom: solid 8px #21272a;
  z-index: 1
}
.popOver__container.-black.-top::after,
.popOver__container.-top.u-arrow::after {
  top: -8px;
  left: 50%;
  margin-left: -8px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-bottom: solid 8px #21272a
}
.popOver__container.-black.-topRight,
.popOver__container.-topRight.u-arrow {
  top: 16px;
  right: 0
}
.popOver__container.-black.-topRight::before,
.popOver__container.-topRight.u-arrow::before {
  top: -8px;
  right: 16px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-bottom: solid 8px #21272a;
  z-index: 1
}
.popOver__container.-black.-topRight::after,
.popOver__container.-topRight.u-arrow::after {
  top: -8px;
  right: 16px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-bottom: solid 8px #21272a
}
.popOver__container.-black.-bottomLeft,
.popOver__container.-bottomLeft.u-arrow {
  bottom: 16px;
  left: 0
}
.popOver__container.-black.-bottomLeft::before,
.popOver__container.-bottomLeft.u-arrow::before {
  bottom: -8px;
  left: 16px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-top: solid 8px #21272a;
  z-index: 1
}
.popOver__container.-black.-bottomLeft::after,
.popOver__container.-bottomLeft.u-arrow::after {
  bottom: -8px;
  left: 16px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-top: solid 8px #21272a
}
.popOver__container.-black.-bottom,
.popOver__container.-bottom.u-arrow {
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%)
}
.popOver__container.-black.-bottom::before,
.popOver__container.-bottom.u-arrow::before {
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-top: solid 8px #21272a;
  z-index: 1
}
.popOver__container.-black.-bottom::after,
.popOver__container.-bottom.u-arrow::after {
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-top: solid 8px #21272a
}
.popOver__container.-black.-bottomRight,
.popOver__container.-bottomRight.u-arrow {
  bottom: 16px;
  right: 0
}
.popOver__container.-black.-bottomRight::before,
.popOver__container.-bottomRight.u-arrow::before {
  bottom: -8px;
  right: 16px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-top: solid 8px #21272a;
  z-index: 1
}
.popOver__container.-black.-bottomRight::after,
.popOver__container.-bottomRight.u-arrow::after {
  bottom: -8px;
  right: 16px;
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-top: solid 8px #21272a
}
.popOver__content {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%
}
.popOver__texts {
  display: flex;
  flex-direction: column;
  gap: 6px
}
.popOver__actions {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: flex-end;
  width: 100%
}
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .popOver__actions input[type=submit],
.popOver__actions .button,
.popOver__actions .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit] {
  width: 75px
}
.align-baseline {
  vertical-align: baseline!important
}
.align-top {
  vertical-align: top!important
}
.align-middle {
  vertical-align: middle!important
}
.align-bottom {
  vertical-align: bottom!important
}
.align-text-bottom {
  vertical-align: text-bottom!important
}
.align-text-top {
  vertical-align: text-top!important
}
.float-start {
  float: left!important
}
.float-end {
  float: right!important
}
.float-none {
  float: none!important
}
.opacity-0 {
  opacity: 0!important
}
.opacity-25 {
  opacity: .25!important
}
.opacity-50 {
  opacity: .5!important
}
.opacity-75 {
  opacity: .75!important
}
.opacity-100 {
  opacity: 1!important
}
.overflow-auto {
  overflow: auto!important
}
.overflow-hidden {
  overflow: hidden!important
}
.overflow-visible {
  overflow: visible!important
}
.overflow-scroll {
  overflow: scroll!important
}
.d-inline {
  display: inline!important
}
.d-inline-block {
  display: inline-block!important
}
.d-block {
  display: block!important
}
.d-grid {
  display: grid!important
}
.d-table {
  display: table!important
}
.d-table-row {
  display: table-row!important
}
.d-table-cell {
  display: table-cell!important
}
.d-flex {
  display: flex!important
}
.d-inline-flex {
  display: inline-flex!important
}
.d-none {
  display: none!important
}
.position-static {
  position: static!important
}
.position-relative {
  position: relative!important
}
.position-absolute {
  position: absolute!important
}
.position-fixed {
  position: fixed!important
}
.position-sticky {
  position: sticky!important
}
.top-0 {
  top: 0!important
}
.top-50 {
  top: 50%!important
}
.top-100 {
  top: 100%!important
}
.bottom-0 {
  bottom: 0!important
}
.bottom-50 {
  bottom: 50%!important
}
.bottom-100 {
  bottom: 100%!important
}
.start-0 {
  left: 0!important
}
.start-50 {
  left: 50%!important
}
.start-100 {
  left: 100%!important
}
.end-0 {
  right: 0!important
}
.end-50 {
  right: 50%!important
}
.end-100 {
  right: 100%!important
}
.translate-middle {
  transform: translate(-50%,-50%)!important
}
.translate-middle-x {
  transform: translateX(-50%)!important
}
.translate-middle-y {
  transform: translateY(-50%)!important
}
.border {
  border: var(--sfra-border-width) var(--sfra-border-style) var(--sfra-border-color)!important
}
.border-0 {
  border: 0!important
}
.border-top {
  border-top: var(--sfra-border-width) var(--sfra-border-style) var(--sfra-border-color)!important
}
.border-top-0 {
  border-top: 0!important
}
.border-end {
  border-right: var(--sfra-border-width) var(--sfra-border-style) var(--sfra-border-color)!important
}
.border-end-0 {
  border-right: 0!important
}
.border-bottom {
  border-bottom: var(--sfra-border-width) var(--sfra-border-style) var(--sfra-border-color)!important
}
.border-bottom-0 {
  border-bottom: 0!important
}
.border-start {
  border-left: var(--sfra-border-width) var(--sfra-border-style) var(--sfra-border-color)!important
}
.border-start-0 {
  border-left: 0!important
}
.border-primary {
  --sfra-border-opacity: 1;
  border-color: rgba(var(--sfra-primary-rgb),var(--sfra-border-opacity))!important
}
.border-secondary {
  --sfra-border-opacity: 1;
  border-color: rgba(var(--sfra-secondary-rgb),var(--sfra-border-opacity))!important
}
.border-success {
  --sfra-border-opacity: 1;
  border-color: rgba(var(--sfra-success-rgb),var(--sfra-border-opacity))!important
}
.border-information {
  --sfra-border-opacity: 1;
  border-color: rgba(var(--sfra-information-rgb),var(--sfra-border-opacity))!important
}
.border-warning {
  --sfra-border-opacity: 1;
  border-color: rgba(var(--sfra-warning-rgb),var(--sfra-border-opacity))!important
}
.border-error {
  --sfra-border-opacity: 1;
  border-color: rgba(var(--sfra-error-rgb),var(--sfra-border-opacity))!important
}
.border-white {
  --sfra-border-opacity: 1;
  border-color: rgba(var(--sfra-white-rgb),var(--sfra-border-opacity))!important
}
.border-none {
  --sfra-border-width: 0
}
.border-half {
  --sfra-border-width: 0.5px
}
.border-1 {
  --sfra-border-width: 1px
}
.border-2 {
  --sfra-border-width: 2px
}
.border-4 {
  --sfra-border-width: 4px
}
.border-8 {
  --sfra-border-width: 8px
}
.border-opacity-10 {
  --sfra-border-opacity: 0.1
}
.border-opacity-25 {
  --sfra-border-opacity: 0.25
}
.border-opacity-50 {
  --sfra-border-opacity: 0.5
}
.border-opacity-75 {
  --sfra-border-opacity: 0.75
}
.border-opacity-100 {
  --sfra-border-opacity: 1
}
.w-25 {
  width: 25%!important
}
.w-50 {
  width: 50%!important
}
.w-75 {
  width: 75%!important
}
.w-100 {
  width: 100%!important
}
.w-auto {
  width: auto!important
}
.mw-100 {
  max-width: 100%!important
}
.vw-100 {
  width: 100vw!important
}
.min-vw-100 {
  min-width: 100vw!important
}
.h-25 {
  height: 25%!important
}
.h-50 {
  height: 50%!important
}
.h-75 {
  height: 75%!important
}
.h-100 {
  height: 100%!important
}
.h-auto {
  height: auto!important
}
.mh-100 {
  max-height: 100%!important
}
.vh-100 {
  height: 100vh!important
}
.min-vh-100 {
  min-height: 100vh!important
}
.flex-fill {
  flex: 1 1 auto!important
}
.flex-row {
  flex-direction: row!important
}
.flex-column {
  flex-direction: column!important
}
.flex-row-reverse {
  flex-direction: row-reverse!important
}
.flex-column-reverse {
  flex-direction: column-reverse!important
}
.flex-grow-0 {
  flex-grow: 0!important
}
.flex-grow-1 {
  flex-grow: 1!important
}
.flex-shrink-0 {
  flex-shrink: 0!important
}
.flex-shrink-1 {
  flex-shrink: 1!important
}
.flex-wrap {
  flex-wrap: wrap!important
}
.flex-nowrap {
  flex-wrap: nowrap!important
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse!important
}
.justify-content-start {
  justify-content: flex-start!important
}
.justify-content-end {
  justify-content: flex-end!important
}
.justify-content-center {
  justify-content: center!important
}
.justify-content-between {
  justify-content: space-between!important
}
.justify-content-around {
  justify-content: space-around!important
}
.justify-content-evenly {
  justify-content: space-evenly!important
}
.align-items-start {
  align-items: flex-start!important
}
.align-items-end {
  align-items: flex-end!important
}
.align-items-center {
  align-items: center!important
}
.align-items-baseline {
  align-items: baseline!important
}
.align-items-stretch {
  align-items: stretch!important
}
.align-content-start {
  align-content: flex-start!important
}
.align-content-end {
  align-content: flex-end!important
}
.align-content-center {
  align-content: center!important
}
.align-content-between {
  align-content: space-between!important
}
.align-content-around {
  align-content: space-around!important
}
.align-content-stretch {
  align-content: stretch!important
}
.align-self-auto {
  align-self: auto!important
}
.align-self-start {
  align-self: flex-start!important
}
.align-self-end {
  align-self: flex-end!important
}
.align-self-center {
  align-self: center!important
}
.align-self-baseline {
  align-self: baseline!important
}
.align-self-stretch {
  align-self: stretch!important
}
.order-first {
  order: -1!important
}
.order-0 {
  order: 0!important
}
.order-1 {
  order: 1!important
}
.order-2 {
  order: 2!important
}
.order-3 {
  order: 3!important
}
.order-4 {
  order: 4!important
}
.order-5 {
  order: 5!important
}
.order-last {
  order: 6!important
}
.m-0 {
  margin: 0!important
}
.m-2 {
  margin: 2px!important
}
.m-4 {
  margin: 4px!important
}
.m-6 {
  margin: 6px!important
}
.m-8 {
  margin: 8px!important
}
.m-10 {
  margin: 10px!important
}
.m-12 {
  margin: 12px!important
}
.m-16 {
  margin: 16px!important
}
.m-20 {
  margin: 20px!important
}
.m-24 {
  margin: 24px!important
}
.m-28 {
  margin: 28px!important
}
.m-32 {
  margin: 32px!important
}
.m-40 {
  margin: 40px!important
}
.m-48 {
  margin: 48px!important
}
.m-56 {
  margin: 56px!important
}
.m-64 {
  margin: 64px!important
}
.m-80 {
  margin: 80px!important
}
.m-96 {
  margin: 96px!important
}
.m-120 {
  margin: 120px!important
}
.m-160 {
  margin: 160px!important
}
.m-240 {
  margin: 240px!important
}
.m-320 {
  margin: 320px!important
}
.m-400 {
  margin: 400px!important
}
.m-auto {
  margin: auto!important
}
.mx-0 {
  margin-right: 0!important;
  margin-left: 0!important
}
.mx-2 {
  margin-right: 2px!important;
  margin-left: 2px!important
}
.mx-4 {
  margin-right: 4px!important;
  margin-left: 4px!important
}
.mx-6 {
  margin-right: 6px!important;
  margin-left: 6px!important
}
.mx-8 {
  margin-right: 8px!important;
  margin-left: 8px!important
}
.mx-10 {
  margin-right: 10px!important;
  margin-left: 10px!important
}
.mx-12 {
  margin-right: 12px!important;
  margin-left: 12px!important
}
.mx-16 {
  margin-right: 16px!important;
  margin-left: 16px!important
}
.mx-20 {
  margin-right: 20px!important;
  margin-left: 20px!important
}
.mx-24 {
  margin-right: 24px!important;
  margin-left: 24px!important
}
.mx-28 {
  margin-right: 28px!important;
  margin-left: 28px!important
}
.mx-32 {
  margin-right: 32px!important;
  margin-left: 32px!important
}
.mx-40 {
  margin-right: 40px!important;
  margin-left: 40px!important
}
.mx-48 {
  margin-right: 48px!important;
  margin-left: 48px!important
}
.mx-56 {
  margin-right: 56px!important;
  margin-left: 56px!important
}
.mx-64 {
  margin-right: 64px!important;
  margin-left: 64px!important
}
.mx-80 {
  margin-right: 80px!important;
  margin-left: 80px!important
}
.mx-96 {
  margin-right: 96px!important;
  margin-left: 96px!important
}
.mx-120 {
  margin-right: 120px!important;
  margin-left: 120px!important
}
.mx-160 {
  margin-right: 160px!important;
  margin-left: 160px!important
}
.mx-240 {
  margin-right: 240px!important;
  margin-left: 240px!important
}
.mx-320 {
  margin-right: 320px!important;
  margin-left: 320px!important
}
.mx-400 {
  margin-right: 400px!important;
  margin-left: 400px!important
}
.mx-auto {
  margin-right: auto!important;
  margin-left: auto!important
}
.my-0 {
  margin-top: 0!important;
  margin-bottom: 0!important
}
.my-2 {
  margin-top: 2px!important;
  margin-bottom: 2px!important
}
.my-4 {
  margin-top: 4px!important;
  margin-bottom: 4px!important
}
.my-6 {
  margin-top: 6px!important;
  margin-bottom: 6px!important
}
.my-8 {
  margin-top: 8px!important;
  margin-bottom: 8px!important
}
.my-10 {
  margin-top: 10px!important;
  margin-bottom: 10px!important
}
.my-12 {
  margin-top: 12px!important;
  margin-bottom: 12px!important
}
.my-16 {
  margin-top: 16px!important;
  margin-bottom: 16px!important
}
.my-20 {
  margin-top: 20px!important;
  margin-bottom: 20px!important
}
.my-24 {
  margin-top: 24px!important;
  margin-bottom: 24px!important
}
.my-28 {
  margin-top: 28px!important;
  margin-bottom: 28px!important
}
.my-32 {
  margin-top: 32px!important;
  margin-bottom: 32px!important
}
.my-40 {
  margin-top: 40px!important;
  margin-bottom: 40px!important
}
.my-48 {
  margin-top: 48px!important;
  margin-bottom: 48px!important
}
.my-56 {
  margin-top: 56px!important;
  margin-bottom: 56px!important
}
.my-64 {
  margin-top: 64px!important;
  margin-bottom: 64px!important
}
.my-80 {
  margin-top: 80px!important;
  margin-bottom: 80px!important
}
.my-96 {
  margin-top: 96px!important;
  margin-bottom: 96px!important
}
.my-120 {
  margin-top: 120px!important;
  margin-bottom: 120px!important
}
.my-160 {
  margin-top: 160px!important;
  margin-bottom: 160px!important
}
.my-240 {
  margin-top: 240px!important;
  margin-bottom: 240px!important
}
.my-320 {
  margin-top: 320px!important;
  margin-bottom: 320px!important
}
.my-400 {
  margin-top: 400px!important;
  margin-bottom: 400px!important
}
.my-auto {
  margin-top: auto!important;
  margin-bottom: auto!important
}
.mt-0 {
  margin-top: 0!important
}
.mt-2 {
  margin-top: 2px!important
}
.mt-4 {
  margin-top: 4px!important
}
.mt-6 {
  margin-top: 6px!important
}
.mt-8 {
  margin-top: 8px!important
}
.mt-10 {
  margin-top: 10px!important
}
.mt-12 {
  margin-top: 12px!important
}
.mt-16 {
  margin-top: 16px!important
}
.mt-20 {
  margin-top: 20px!important
}
.mt-24 {
  margin-top: 24px!important
}
.mt-28 {
  margin-top: 28px!important
}
.mt-32 {
  margin-top: 32px!important
}
.mt-40 {
  margin-top: 40px!important
}
.mt-48 {
  margin-top: 48px!important
}
.mt-56 {
  margin-top: 56px!important
}
.mt-64 {
  margin-top: 64px!important
}
.mt-80 {
  margin-top: 80px!important
}
.mt-96 {
  margin-top: 96px!important
}
.mt-120 {
  margin-top: 120px!important
}
.mt-160 {
  margin-top: 160px!important
}
.mt-240 {
  margin-top: 240px!important
}
.mt-320 {
  margin-top: 320px!important
}
.mt-400 {
  margin-top: 400px!important
}
.mt-auto {
  margin-top: auto!important
}
.me-0 {
  margin-right: 0!important
}
.me-2 {
  margin-right: 2px!important
}
.me-4 {
  margin-right: 4px!important
}
.me-6 {
  margin-right: 6px!important
}
.me-8 {
  margin-right: 8px!important
}
.me-10 {
  margin-right: 10px!important
}
.me-12 {
  margin-right: 12px!important
}
.me-16 {
  margin-right: 16px!important
}
.me-20 {
  margin-right: 20px!important
}
.me-24 {
  margin-right: 24px!important
}
.me-28 {
  margin-right: 28px!important
}
.me-32 {
  margin-right: 32px!important
}
.me-40 {
  margin-right: 40px!important
}
.me-48 {
  margin-right: 48px!important
}
.me-56 {
  margin-right: 56px!important
}
.me-64 {
  margin-right: 64px!important
}
.me-80 {
  margin-right: 80px!important
}
.me-96 {
  margin-right: 96px!important
}
.me-120 {
  margin-right: 120px!important
}
.me-160 {
  margin-right: 160px!important
}
.me-240 {
  margin-right: 240px!important
}
.me-320 {
  margin-right: 320px!important
}
.me-400 {
  margin-right: 400px!important
}
.me-auto {
  margin-right: auto!important
}
.mb-0 {
  margin-bottom: 0!important
}
.mb-2 {
  margin-bottom: 2px!important
}
.mb-4 {
  margin-bottom: 4px!important
}
.mb-6 {
  margin-bottom: 6px!important
}
.mb-8 {
  margin-bottom: 8px!important
}
.mb-10 {
  margin-bottom: 10px!important
}
.mb-12 {
  margin-bottom: 12px!important
}
.mb-16 {
  margin-bottom: 16px!important
}
.mb-20 {
  margin-bottom: 20px!important
}
.mb-24 {
  margin-bottom: 24px!important
}
.mb-28 {
  margin-bottom: 28px!important
}
.mb-32 {
  margin-bottom: 32px!important
}
.mb-40 {
  margin-bottom: 40px!important
}
.mb-48 {
  margin-bottom: 48px!important
}
.mb-56 {
  margin-bottom: 56px!important
}
.mb-64 {
  margin-bottom: 64px!important
}
.mb-80 {
  margin-bottom: 80px!important
}
.mb-96 {
  margin-bottom: 96px!important
}
.mb-120 {
  margin-bottom: 120px!important
}
.mb-160 {
  margin-bottom: 160px!important
}
.mb-240 {
  margin-bottom: 240px!important
}
.mb-320 {
  margin-bottom: 320px!important
}
.mb-400 {
  margin-bottom: 400px!important
}
.mb-auto {
  margin-bottom: auto!important
}
.ms-0 {
  margin-left: 0!important
}
.ms-2 {
  margin-left: 2px!important
}
.ms-4 {
  margin-left: 4px!important
}
.ms-6 {
  margin-left: 6px!important
}
.ms-8 {
  margin-left: 8px!important
}
.ms-10 {
  margin-left: 10px!important
}
.ms-12 {
  margin-left: 12px!important
}
.ms-16 {
  margin-left: 16px!important
}
.ms-20 {
  margin-left: 20px!important
}
.ms-24 {
  margin-left: 24px!important
}
.ms-28 {
  margin-left: 28px!important
}
.ms-32 {
  margin-left: 32px!important
}
.ms-40 {
  margin-left: 40px!important
}
.ms-48 {
  margin-left: 48px!important
}
.ms-56 {
  margin-left: 56px!important
}
.ms-64 {
  margin-left: 64px!important
}
.ms-80 {
  margin-left: 80px!important
}
.ms-96 {
  margin-left: 96px!important
}
.ms-120 {
  margin-left: 120px!important
}
.ms-160 {
  margin-left: 160px!important
}
.ms-240 {
  margin-left: 240px!important
}
.ms-320 {
  margin-left: 320px!important
}
.ms-400 {
  margin-left: 400px!important
}
.ms-auto {
  margin-left: auto!important
}
.m-n2 {
  margin: -2px!important
}
.m-n4 {
  margin: -4px!important
}
.m-n6 {
  margin: -6px!important
}
.m-n8 {
  margin: -8px!important
}
.m-n10 {
  margin: -10px!important
}
.m-n12 {
  margin: -12px!important
}
.m-n16 {
  margin: -16px!important
}
.m-n20 {
  margin: -20px!important
}
.m-n24 {
  margin: -24px!important
}
.m-n28 {
  margin: -28px!important
}
.m-n32 {
  margin: -32px!important
}
.m-n40 {
  margin: -40px!important
}
.m-n48 {
  margin: -48px!important
}
.m-n56 {
  margin: -56px!important
}
.m-n64 {
  margin: -64px!important
}
.m-n80 {
  margin: -80px!important
}
.m-n96 {
  margin: -96px!important
}
.m-n120 {
  margin: -120px!important
}
.m-n160 {
  margin: -160px!important
}
.m-n240 {
  margin: -240px!important
}
.m-n320 {
  margin: -320px!important
}
.m-n400 {
  margin: -400px!important
}
.mx-n2 {
  margin-right: -2px!important;
  margin-left: -2px!important
}
.mx-n4 {
  margin-right: -4px!important;
  margin-left: -4px!important
}
.mx-n6 {
  margin-right: -6px!important;
  margin-left: -6px!important
}
.mx-n8 {
  margin-right: -8px!important;
  margin-left: -8px!important
}
.mx-n10 {
  margin-right: -10px!important;
  margin-left: -10px!important
}
.mx-n12 {
  margin-right: -12px!important;
  margin-left: -12px!important
}
.mx-n16 {
  margin-right: -16px!important;
  margin-left: -16px!important
}
.mx-n20 {
  margin-right: -20px!important;
  margin-left: -20px!important
}
.mx-n24 {
  margin-right: -24px!important;
  margin-left: -24px!important
}
.mx-n28 {
  margin-right: -28px!important;
  margin-left: -28px!important
}
.mx-n32 {
  margin-right: -32px!important;
  margin-left: -32px!important
}
.mx-n40 {
  margin-right: -40px!important;
  margin-left: -40px!important
}
.mx-n48 {
  margin-right: -48px!important;
  margin-left: -48px!important
}
.mx-n56 {
  margin-right: -56px!important;
  margin-left: -56px!important
}
.mx-n64 {
  margin-right: -64px!important;
  margin-left: -64px!important
}
.mx-n80 {
  margin-right: -80px!important;
  margin-left: -80px!important
}
.mx-n96 {
  margin-right: -96px!important;
  margin-left: -96px!important
}
.mx-n120 {
  margin-right: -120px!important;
  margin-left: -120px!important
}
.mx-n160 {
  margin-right: -160px!important;
  margin-left: -160px!important
}
.mx-n240 {
  margin-right: -240px!important;
  margin-left: -240px!important
}
.mx-n320 {
  margin-right: -320px!important;
  margin-left: -320px!important
}
.mx-n400 {
  margin-right: -400px!important;
  margin-left: -400px!important
}
.my-n2 {
  margin-top: -2px!important;
  margin-bottom: -2px!important
}
.my-n4 {
  margin-top: -4px!important;
  margin-bottom: -4px!important
}
.my-n6 {
  margin-top: -6px!important;
  margin-bottom: -6px!important
}
.my-n8 {
  margin-top: -8px!important;
  margin-bottom: -8px!important
}
.my-n10 {
  margin-top: -10px!important;
  margin-bottom: -10px!important
}
.my-n12 {
  margin-top: -12px!important;
  margin-bottom: -12px!important
}
.my-n16 {
  margin-top: -16px!important;
  margin-bottom: -16px!important
}
.my-n20 {
  margin-top: -20px!important;
  margin-bottom: -20px!important
}
.my-n24 {
  margin-top: -24px!important;
  margin-bottom: -24px!important
}
.my-n28 {
  margin-top: -28px!important;
  margin-bottom: -28px!important
}
.my-n32 {
  margin-top: -32px!important;
  margin-bottom: -32px!important
}
.my-n40 {
  margin-top: -40px!important;
  margin-bottom: -40px!important
}
.my-n48 {
  margin-top: -48px!important;
  margin-bottom: -48px!important
}
.my-n56 {
  margin-top: -56px!important;
  margin-bottom: -56px!important
}
.my-n64 {
  margin-top: -64px!important;
  margin-bottom: -64px!important
}
.my-n80 {
  margin-top: -80px!important;
  margin-bottom: -80px!important
}
.my-n96 {
  margin-top: -96px!important;
  margin-bottom: -96px!important
}
.my-n120 {
  margin-top: -120px!important;
  margin-bottom: -120px!important
}
.my-n160 {
  margin-top: -160px!important;
  margin-bottom: -160px!important
}
.my-n240 {
  margin-top: -240px!important;
  margin-bottom: -240px!important
}
.my-n320 {
  margin-top: -320px!important;
  margin-bottom: -320px!important
}
.my-n400 {
  margin-top: -400px!important;
  margin-bottom: -400px!important
}
.mt-n2 {
  margin-top: -2px!important
}
.mt-n4 {
  margin-top: -4px!important
}
.mt-n6 {
  margin-top: -6px!important
}
.mt-n8 {
  margin-top: -8px!important
}
.mt-n10 {
  margin-top: -10px!important
}
.mt-n12 {
  margin-top: -12px!important
}
.mt-n16 {
  margin-top: -16px!important
}
.mt-n20 {
  margin-top: -20px!important
}
.mt-n24 {
  margin-top: -24px!important
}
.mt-n28 {
  margin-top: -28px!important
}
.mt-n32 {
  margin-top: -32px!important
}
.mt-n40 {
  margin-top: -40px!important
}
.mt-n48 {
  margin-top: -48px!important
}
.mt-n56 {
  margin-top: -56px!important
}
.mt-n64 {
  margin-top: -64px!important
}
.mt-n80 {
  margin-top: -80px!important
}
.mt-n96 {
  margin-top: -96px!important
}
.mt-n120 {
  margin-top: -120px!important
}
.mt-n160 {
  margin-top: -160px!important
}
.mt-n240 {
  margin-top: -240px!important
}
.mt-n320 {
  margin-top: -320px!important
}
.mt-n400 {
  margin-top: -400px!important
}
.me-n2 {
  margin-right: -2px!important
}
.me-n4 {
  margin-right: -4px!important
}
.me-n6 {
  margin-right: -6px!important
}
.me-n8 {
  margin-right: -8px!important
}
.me-n10 {
  margin-right: -10px!important
}
.me-n12 {
  margin-right: -12px!important
}
.me-n16 {
  margin-right: -16px!important
}
.me-n20 {
  margin-right: -20px!important
}
.me-n24 {
  margin-right: -24px!important
}
.me-n28 {
  margin-right: -28px!important
}
.me-n32 {
  margin-right: -32px!important
}
.me-n40 {
  margin-right: -40px!important
}
.me-n48 {
  margin-right: -48px!important
}
.me-n56 {
  margin-right: -56px!important
}
.me-n64 {
  margin-right: -64px!important
}
.me-n80 {
  margin-right: -80px!important
}
.me-n96 {
  margin-right: -96px!important
}
.me-n120 {
  margin-right: -120px!important
}
.me-n160 {
  margin-right: -160px!important
}
.me-n240 {
  margin-right: -240px!important
}
.me-n320 {
  margin-right: -320px!important
}
.me-n400 {
  margin-right: -400px!important
}
.mb-n2 {
  margin-bottom: -2px!important
}
.mb-n4 {
  margin-bottom: -4px!important
}
.mb-n6 {
  margin-bottom: -6px!important
}
.mb-n8 {
  margin-bottom: -8px!important
}
.mb-n10 {
  margin-bottom: -10px!important
}
.mb-n12 {
  margin-bottom: -12px!important
}
.mb-n16 {
  margin-bottom: -16px!important
}
.mb-n20 {
  margin-bottom: -20px!important
}
.mb-n24 {
  margin-bottom: -24px!important
}
.mb-n28 {
  margin-bottom: -28px!important
}
.mb-n32 {
  margin-bottom: -32px!important
}
.mb-n40 {
  margin-bottom: -40px!important
}
.mb-n48 {
  margin-bottom: -48px!important
}
.mb-n56 {
  margin-bottom: -56px!important
}
.mb-n64 {
  margin-bottom: -64px!important
}
.mb-n80 {
  margin-bottom: -80px!important
}
.mb-n96 {
  margin-bottom: -96px!important
}
.mb-n120 {
  margin-bottom: -120px!important
}
.mb-n160 {
  margin-bottom: -160px!important
}
.mb-n240 {
  margin-bottom: -240px!important
}
.mb-n320 {
  margin-bottom: -320px!important
}
.mb-n400 {
  margin-bottom: -400px!important
}
.ms-n2 {
  margin-left: -2px!important
}
.ms-n4 {
  margin-left: -4px!important
}
.ms-n6 {
  margin-left: -6px!important
}
.ms-n8 {
  margin-left: -8px!important
}
.ms-n10 {
  margin-left: -10px!important
}
.ms-n12 {
  margin-left: -12px!important
}
.ms-n16 {
  margin-left: -16px!important
}
.ms-n20 {
  margin-left: -20px!important
}
.ms-n24 {
  margin-left: -24px!important
}
.ms-n28 {
  margin-left: -28px!important
}
.ms-n32 {
  margin-left: -32px!important
}
.ms-n40 {
  margin-left: -40px!important
}
.ms-n48 {
  margin-left: -48px!important
}
.ms-n56 {
  margin-left: -56px!important
}
.ms-n64 {
  margin-left: -64px!important
}
.ms-n80 {
  margin-left: -80px!important
}
.ms-n96 {
  margin-left: -96px!important
}
.ms-n120 {
  margin-left: -120px!important
}
.ms-n160 {
  margin-left: -160px!important
}
.ms-n240 {
  margin-left: -240px!important
}
.ms-n320 {
  margin-left: -320px!important
}
.ms-n400 {
  margin-left: -400px!important
}
.p-0 {
  padding: 0!important
}
.p-2 {
  padding: 2px!important
}
.p-4 {
  padding: 4px!important
}
.p-6 {
  padding: 6px!important
}
.p-8 {
  padding: 8px!important
}
.p-10 {
  padding: 10px!important
}
.p-12 {
  padding: 12px!important
}
.p-16 {
  padding: 16px!important
}
.p-20 {
  padding: 20px!important
}
.p-24 {
  padding: 24px!important
}
.p-28 {
  padding: 28px!important
}
.p-32 {
  padding: 32px!important
}
.p-40 {
  padding: 40px!important
}
.p-48 {
  padding: 48px!important
}
.p-56 {
  padding: 56px!important
}
.p-64 {
  padding: 64px!important
}
.p-80 {
  padding: 80px!important
}
.p-96 {
  padding: 96px!important
}
.p-120 {
  padding: 120px!important
}
.p-160 {
  padding: 160px!important
}
.p-240 {
  padding: 240px!important
}
.p-320 {
  padding: 320px!important
}
.p-400 {
  padding: 400px!important
}
.px-0 {
  padding-right: 0!important;
  padding-left: 0!important
}
.px-2 {
  padding-right: 2px!important;
  padding-left: 2px!important
}
.px-4 {
  padding-right: 4px!important;
  padding-left: 4px!important
}
.px-6 {
  padding-right: 6px!important;
  padding-left: 6px!important
}
.px-8 {
  padding-right: 8px!important;
  padding-left: 8px!important
}
.px-10 {
  padding-right: 10px!important;
  padding-left: 10px!important
}
.px-12 {
  padding-right: 12px!important;
  padding-left: 12px!important
}
.px-16 {
  padding-right: 16px!important;
  padding-left: 16px!important
}
.px-20 {
  padding-right: 20px!important;
  padding-left: 20px!important
}
.px-24 {
  padding-right: 24px!important;
  padding-left: 24px!important
}
.px-28 {
  padding-right: 28px!important;
  padding-left: 28px!important
}
.px-32 {
  padding-right: 32px!important;
  padding-left: 32px!important
}
.px-40 {
  padding-right: 40px!important;
  padding-left: 40px!important
}
.px-48 {
  padding-right: 48px!important;
  padding-left: 48px!important
}
.px-56 {
  padding-right: 56px!important;
  padding-left: 56px!important
}
.px-64 {
  padding-right: 64px!important;
  padding-left: 64px!important
}
.px-80 {
  padding-right: 80px!important;
  padding-left: 80px!important
}
.px-96 {
  padding-right: 96px!important;
  padding-left: 96px!important
}
.px-120 {
  padding-right: 120px!important;
  padding-left: 120px!important
}
.px-160 {
  padding-right: 160px!important;
  padding-left: 160px!important
}
.px-240 {
  padding-right: 240px!important;
  padding-left: 240px!important
}
.px-320 {
  padding-right: 320px!important;
  padding-left: 320px!important
}
.px-400 {
  padding-right: 400px!important;
  padding-left: 400px!important
}
.py-0 {
  padding-top: 0!important;
  padding-bottom: 0!important
}
.py-2 {
  padding-top: 2px!important;
  padding-bottom: 2px!important
}
.py-4 {
  padding-top: 4px!important;
  padding-bottom: 4px!important
}
.py-6 {
  padding-top: 6px!important;
  padding-bottom: 6px!important
}
.py-8 {
  padding-top: 8px!important;
  padding-bottom: 8px!important
}
.py-10 {
  padding-top: 10px!important;
  padding-bottom: 10px!important
}
.py-12 {
  padding-top: 12px!important;
  padding-bottom: 12px!important
}
.py-16 {
  padding-top: 16px!important;
  padding-bottom: 16px!important
}
.py-20 {
  padding-top: 20px!important;
  padding-bottom: 20px!important
}
.py-24 {
  padding-top: 24px!important;
  padding-bottom: 24px!important
}
.py-28 {
  padding-top: 28px!important;
  padding-bottom: 28px!important
}
.py-32 {
  padding-top: 32px!important;
  padding-bottom: 32px!important
}
.py-40 {
  padding-top: 40px!important;
  padding-bottom: 40px!important
}
.py-48 {
  padding-top: 48px!important;
  padding-bottom: 48px!important
}
.py-56 {
  padding-top: 56px!important;
  padding-bottom: 56px!important
}
.py-64 {
  padding-top: 64px!important;
  padding-bottom: 64px!important
}
.py-80 {
  padding-top: 80px!important;
  padding-bottom: 80px!important
}
.py-96 {
  padding-top: 96px!important;
  padding-bottom: 96px!important
}
.py-120 {
  padding-top: 120px!important;
  padding-bottom: 120px!important
}
.py-160 {
  padding-top: 160px!important;
  padding-bottom: 160px!important
}
.py-240 {
  padding-top: 240px!important;
  padding-bottom: 240px!important
}
.py-320 {
  padding-top: 320px!important;
  padding-bottom: 320px!important
}
.py-400 {
  padding-top: 400px!important;
  padding-bottom: 400px!important
}
.pt-0 {
  padding-top: 0!important
}
.pt-2 {
  padding-top: 2px!important
}
.pt-4 {
  padding-top: 4px!important
}
.pt-6 {
  padding-top: 6px!important
}
.pt-8 {
  padding-top: 8px!important
}
.pt-10 {
  padding-top: 10px!important
}
.pt-12 {
  padding-top: 12px!important
}
.pt-16 {
  padding-top: 16px!important
}
.pt-20 {
  padding-top: 20px!important
}
.pt-24 {
  padding-top: 24px!important
}
.pt-28 {
  padding-top: 28px!important
}
.pt-32 {
  padding-top: 32px!important
}
.pt-40 {
  padding-top: 40px!important
}
.pt-48 {
  padding-top: 48px!important
}
.pt-56 {
  padding-top: 56px!important
}
.pt-64 {
  padding-top: 64px!important
}
.pt-80 {
  padding-top: 80px!important
}
.pt-96 {
  padding-top: 96px!important
}
.pt-120 {
  padding-top: 120px!important
}
.pt-160 {
  padding-top: 160px!important
}
.pt-240 {
  padding-top: 240px!important
}
.pt-320 {
  padding-top: 320px!important
}
.pt-400 {
  padding-top: 400px!important
}
.pe-0 {
  padding-right: 0!important
}
.pe-2 {
  padding-right: 2px!important
}
.pe-4 {
  padding-right: 4px!important
}
.pe-6 {
  padding-right: 6px!important
}
.pe-8 {
  padding-right: 8px!important
}
.pe-10 {
  padding-right: 10px!important
}
.pe-12 {
  padding-right: 12px!important
}
.pe-16 {
  padding-right: 16px!important
}
.pe-20 {
  padding-right: 20px!important
}
.pe-24 {
  padding-right: 24px!important
}
.pe-28 {
  padding-right: 28px!important
}
.pe-32 {
  padding-right: 32px!important
}
.pe-40 {
  padding-right: 40px!important
}
.pe-48 {
  padding-right: 48px!important
}
.pe-56 {
  padding-right: 56px!important
}
.pe-64 {
  padding-right: 64px!important
}
.pe-80 {
  padding-right: 80px!important
}
.pe-96 {
  padding-right: 96px!important
}
.pe-120 {
  padding-right: 120px!important
}
.pe-160 {
  padding-right: 160px!important
}
.pe-240 {
  padding-right: 240px!important
}
.pe-320 {
  padding-right: 320px!important
}
.pe-400 {
  padding-right: 400px!important
}
.pb-0 {
  padding-bottom: 0!important
}
.pb-2 {
  padding-bottom: 2px!important
}
.pb-4 {
  padding-bottom: 4px!important
}
.pb-6 {
  padding-bottom: 6px!important
}
.pb-8 {
  padding-bottom: 8px!important
}
.pb-10 {
  padding-bottom: 10px!important
}
.pb-12 {
  padding-bottom: 12px!important
}
.pb-16 {
  padding-bottom: 16px!important
}
.pb-20 {
  padding-bottom: 20px!important
}
.pb-24 {
  padding-bottom: 24px!important
}
.pb-28 {
  padding-bottom: 28px!important
}
.pb-32 {
  padding-bottom: 32px!important
}
.pb-40 {
  padding-bottom: 40px!important
}
.pb-48 {
  padding-bottom: 48px!important
}
.pb-56 {
  padding-bottom: 56px!important
}
.pb-64 {
  padding-bottom: 64px!important
}
.pb-80 {
  padding-bottom: 80px!important
}
.pb-96 {
  padding-bottom: 96px!important
}
.pb-120 {
  padding-bottom: 120px!important
}
.pb-160 {
  padding-bottom: 160px!important
}
.pb-240 {
  padding-bottom: 240px!important
}
.pb-320 {
  padding-bottom: 320px!important
}
.pb-400 {
  padding-bottom: 400px!important
}
.ps-0 {
  padding-left: 0!important
}
.ps-2 {
  padding-left: 2px!important
}
.ps-4 {
  padding-left: 4px!important
}
.ps-6 {
  padding-left: 6px!important
}
.ps-8 {
  padding-left: 8px!important
}
.ps-10 {
  padding-left: 10px!important
}
.ps-12 {
  padding-left: 12px!important
}
.ps-16 {
  padding-left: 16px!important
}
.ps-20 {
  padding-left: 20px!important
}
.ps-24 {
  padding-left: 24px!important
}
.ps-28 {
  padding-left: 28px!important
}
.ps-32 {
  padding-left: 32px!important
}
.ps-40 {
  padding-left: 40px!important
}
.ps-48 {
  padding-left: 48px!important
}
.ps-56 {
  padding-left: 56px!important
}
.ps-64 {
  padding-left: 64px!important
}
.ps-80 {
  padding-left: 80px!important
}
.ps-96 {
  padding-left: 96px!important
}
.ps-120 {
  padding-left: 120px!important
}
.ps-160 {
  padding-left: 160px!important
}
.ps-240 {
  padding-left: 240px!important
}
.ps-320 {
  padding-left: 320px!important
}
.ps-400 {
  padding-left: 400px!important
}
.gap-0 {
  gap: 0!important
}
.gap-2 {
  gap: 2px!important
}
.gap-4 {
  gap: 4px!important
}
.gap-6 {
  gap: 6px!important
}
.gap-8 {
  gap: 8px!important
}
.gap-10 {
  gap: 10px!important
}
.gap-12 {
  gap: 12px!important
}
.gap-16 {
  gap: 16px!important
}
.gap-20 {
  gap: 20px!important
}
.gap-24 {
  gap: 24px!important
}
.gap-28 {
  gap: 28px!important
}
.gap-32 {
  gap: 32px!important
}
.gap-40 {
  gap: 40px!important
}
.gap-48 {
  gap: 48px!important
}
.gap-56 {
  gap: 56px!important
}
.gap-64 {
  gap: 64px!important
}
.gap-80 {
  gap: 80px!important
}
.gap-96 {
  gap: 96px!important
}
.gap-120 {
  gap: 120px!important
}
.gap-160 {
  gap: 160px!important
}
.gap-240 {
  gap: 240px!important
}
.gap-320 {
  gap: 320px!important
}
.gap-400 {
  gap: 400px!important
}
.font-monospace {
  font-family: var(--sfra-font-monospace)!important
}
.fst-italic {
  font-style: italic!important
}
.fst-normal {
  font-style: normal!important
}
.text-start {
  text-align: left!important
}
.text-end {
  text-align: right!important
}
.text-center {
  text-align: center!important
}
.text-decoration-none {
  text-decoration: none!important
}
.text-decoration-underline {
  text-decoration: underline!important
}
.text-decoration-line-through {
  text-decoration: line-through!important
}
.text-lowercase {
  text-transform: lowercase!important
}
.text-uppercase {
  text-transform: uppercase!important
}
.text-capitalize {
  text-transform: capitalize!important
}
.text-wrap {
  white-space: normal!important
}
.text-nowrap {
  white-space: nowrap!important
}
.text-break {
  word-wrap: break-word!important;
  word-break: break-word!important
}
.text-primary {
  --sfra-text-opacity: 1;
  color: rgba(var(--sfra-primary-rgb),var(--sfra-text-opacity))!important
}
.text-secondary {
  --sfra-text-opacity: 1;
  color: rgba(var(--sfra-secondary-rgb),var(--sfra-text-opacity))!important
}
.text-success {
  --sfra-text-opacity: 1;
  color: rgba(var(--sfra-success-rgb),var(--sfra-text-opacity))!important
}
.text-information {
  --sfra-text-opacity: 1;
  color: rgba(var(--sfra-information-rgb),var(--sfra-text-opacity))!important
}
.text-warning {
  --sfra-text-opacity: 1;
  color: rgba(var(--sfra-warning-rgb),var(--sfra-text-opacity))!important
}
.text-error {
  --sfra-text-opacity: 1;
  color: rgba(var(--sfra-error-rgb),var(--sfra-text-opacity))!important
}
.text-black {
  --sfra-text-opacity: 1;
  color: rgba(var(--sfra-black-rgb),var(--sfra-text-opacity))!important
}
.text-white {
  --sfra-text-opacity: 1;
  color: rgba(var(--sfra-white-rgb),var(--sfra-text-opacity))!important
}
.text-body {
  --sfra-text-opacity: 1;
  color: rgba(var(--sfra-body-color-rgb),var(--sfra-text-opacity))!important
}
.text-black-50 {
  --sfra-text-opacity: 1;
  color: rgba(11,18,21,.5)!important
}
.text-white-50 {
  --sfra-text-opacity: 1;
  color: rgba(253,253,253,.5)!important
}
.text-reset {
  --sfra-text-opacity: 1;
  color: inherit!important
}
.text-opacity-25 {
  --sfra-text-opacity: 0.25
}
.text-opacity-50 {
  --sfra-text-opacity: 0.5
}
.text-opacity-75 {
  --sfra-text-opacity: 0.75
}
.text-opacity-100 {
  --sfra-text-opacity: 1
}
.bg-primary {
  --sfra-bg-opacity: 1;
  background-color: rgba(var(--sfra-primary-rgb),var(--sfra-bg-opacity))!important
}
.bg-secondary {
  --sfra-bg-opacity: 1;
  background-color: rgba(var(--sfra-secondary-rgb),var(--sfra-bg-opacity))!important
}
.bg-success {
  --sfra-bg-opacity: 1;
  background-color: rgba(var(--sfra-success-rgb),var(--sfra-bg-opacity))!important
}
.bg-information {
  --sfra-bg-opacity: 1;
  background-color: rgba(var(--sfra-information-rgb),var(--sfra-bg-opacity))!important
}
.bg-warning {
  --sfra-bg-opacity: 1;
  background-color: rgba(var(--sfra-warning-rgb),var(--sfra-bg-opacity))!important
}
.bg-error {
  --sfra-bg-opacity: 1;
  background-color: rgba(var(--sfra-error-rgb),var(--sfra-bg-opacity))!important
}
.bg-black {
  --sfra-bg-opacity: 1;
  background-color: rgba(var(--sfra-black-rgb),var(--sfra-bg-opacity))!important
}
.bg-white {
  --sfra-bg-opacity: 1;
  background-color: rgba(var(--sfra-white-rgb),var(--sfra-bg-opacity))!important
}
.bg-body {
  --sfra-bg-opacity: 1;
  background-color: rgba(var(--sfra-body-bg-rgb),var(--sfra-bg-opacity))!important
}
.bg-transparent {
  --sfra-bg-opacity: 1;
  background-color: transparent!important
}
.bg-opacity-10 {
  --sfra-bg-opacity: 0.1
}
.bg-opacity-25 {
  --sfra-bg-opacity: 0.25
}
.bg-opacity-50 {
  --sfra-bg-opacity: 0.5
}
.bg-opacity-75 {
  --sfra-bg-opacity: 0.75
}
.bg-opacity-100 {
  --sfra-bg-opacity: 1
}
.bg-gradient {
  background-image: var(--sfra-gradient)!important
}
.user-select-all {
  -webkit-user-select: all!important;
  -moz-user-select: all!important;
  user-select: all!important
}
.user-select-auto {
  -webkit-user-select: auto!important;
  -moz-user-select: auto!important;
  user-select: auto!important
}
.user-select-none {
  -webkit-user-select: none!important;
  -moz-user-select: none!important;
  user-select: none!important
}
.pe-none {
  pointer-events: none!important
}
.pe-auto {
  pointer-events: auto!important
}
.rounded {
  border-radius: var(--sfra-border-radius)!important
}
.rounded-none {
  border-radius: var(--sfra-border-radius-none)!important
}
.rounded-xs {
  border-radius: var(--sfra-border-radius-xs)!important
}
.rounded-sm {
  border-radius: var(--sfra-border-radius-sm)!important
}
.rounded-md {
  border-radius: var(--sfra-border-radius-md)!important
}
.rounded-lg {
  border-radius: var(--sfra-border-radius-lg)!important
}
.rounded-xl {
  border-radius: var(--sfra-border-radius-xl)!important
}
.rounded-xxl {
  border-radius: var(--sfra-border-radius-xxl)!important
}
.rounded-circle {
  border-radius: var(--sfra-border-radius-circle)!important
}
.rounded-pill {
  border-radius: var(--sfra-border-radius-pill)!important
}
.rounded-top {
  border-top-left-radius: var(--sfra-border-radius)!important;
  border-top-right-radius: var(--sfra-border-radius)!important
}
.rounded-end {
  border-top-right-radius: var(--sfra-border-radius)!important;
  border-bottom-right-radius: var(--sfra-border-radius)!important
}
.rounded-bottom {
  border-bottom-right-radius: var(--sfra-border-radius)!important;
  border-bottom-left-radius: var(--sfra-border-radius)!important
}
.rounded-start {
  border-bottom-left-radius: var(--sfra-border-radius)!important;
  border-top-left-radius: var(--sfra-border-radius)!important
}
.visible {
  visibility: visible!important
}
.invisible {
  visibility: hidden!important
}
@media(min-width:600px) {
  .float-sm-start {
    float: left!important
  }
  .float-sm-end {
    float: right!important
  }
  .float-sm-none {
    float: none!important
  }
  .d-sm-inline {
    display: inline!important
  }
  .d-sm-inline-block {
    display: inline-block!important
  }
  .d-sm-block {
    display: block!important
  }
  .d-sm-grid {
    display: grid!important
  }
  .d-sm-table {
    display: table!important
  }
  .d-sm-table-row {
    display: table-row!important
  }
  .d-sm-table-cell {
    display: table-cell!important
  }
  .d-sm-flex {
    display: flex!important
  }
  .d-sm-inline-flex {
    display: inline-flex!important
  }
  .d-sm-none {
    display: none!important
  }
  .flex-sm-fill {
    flex: 1 1 auto!important
  }
  .flex-sm-row {
    flex-direction: row!important
  }
  .flex-sm-column {
    flex-direction: column!important
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse!important
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse!important
  }
  .flex-sm-grow-0 {
    flex-grow: 0!important
  }
  .flex-sm-grow-1 {
    flex-grow: 1!important
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0!important
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1!important
  }
  .flex-sm-wrap {
    flex-wrap: wrap!important
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap!important
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse!important
  }
  .justify-content-sm-start {
    justify-content: flex-start!important
  }
  .justify-content-sm-end {
    justify-content: flex-end!important
  }
  .justify-content-sm-center {
    justify-content: center!important
  }
  .justify-content-sm-between {
    justify-content: space-between!important
  }
  .justify-content-sm-around {
    justify-content: space-around!important
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly!important
  }
  .align-items-sm-start {
    align-items: flex-start!important
  }
  .align-items-sm-end {
    align-items: flex-end!important
  }
  .align-items-sm-center {
    align-items: center!important
  }
  .align-items-sm-baseline {
    align-items: baseline!important
  }
  .align-items-sm-stretch {
    align-items: stretch!important
  }
  .align-content-sm-start {
    align-content: flex-start!important
  }
  .align-content-sm-end {
    align-content: flex-end!important
  }
  .align-content-sm-center {
    align-content: center!important
  }
  .align-content-sm-between {
    align-content: space-between!important
  }
  .align-content-sm-around {
    align-content: space-around!important
  }
  .align-content-sm-stretch {
    align-content: stretch!important
  }
  .align-self-sm-auto {
    align-self: auto!important
  }
  .align-self-sm-start {
    align-self: flex-start!important
  }
  .align-self-sm-end {
    align-self: flex-end!important
  }
  .align-self-sm-center {
    align-self: center!important
  }
  .align-self-sm-baseline {
    align-self: baseline!important
  }
  .align-self-sm-stretch {
    align-self: stretch!important
  }
  .order-sm-first {
    order: -1!important
  }
  .order-sm-0 {
    order: 0!important
  }
  .order-sm-1 {
    order: 1!important
  }
  .order-sm-2 {
    order: 2!important
  }
  .order-sm-3 {
    order: 3!important
  }
  .order-sm-4 {
    order: 4!important
  }
  .order-sm-5 {
    order: 5!important
  }
  .order-sm-last {
    order: 6!important
  }
  .m-sm-0 {
    margin: 0!important
  }
  .m-sm-2 {
    margin: 2px!important
  }
  .m-sm-4 {
    margin: 4px!important
  }
  .m-sm-6 {
    margin: 6px!important
  }
  .m-sm-8 {
    margin: 8px!important
  }
  .m-sm-10 {
    margin: 10px!important
  }
  .m-sm-12 {
    margin: 12px!important
  }
  .m-sm-16 {
    margin: 16px!important
  }
  .m-sm-20 {
    margin: 20px!important
  }
  .m-sm-24 {
    margin: 24px!important
  }
  .m-sm-28 {
    margin: 28px!important
  }
  .m-sm-32 {
    margin: 32px!important
  }
  .m-sm-40 {
    margin: 40px!important
  }
  .m-sm-48 {
    margin: 48px!important
  }
  .m-sm-56 {
    margin: 56px!important
  }
  .m-sm-64 {
    margin: 64px!important
  }
  .m-sm-80 {
    margin: 80px!important
  }
  .m-sm-96 {
    margin: 96px!important
  }
  .m-sm-120 {
    margin: 120px!important
  }
  .m-sm-160 {
    margin: 160px!important
  }
  .m-sm-240 {
    margin: 240px!important
  }
  .m-sm-320 {
    margin: 320px!important
  }
  .m-sm-400 {
    margin: 400px!important
  }
  .m-sm-auto {
    margin: auto!important
  }
  .mx-sm-0 {
    margin-right: 0!important;
    margin-left: 0!important
  }
  .mx-sm-2 {
    margin-right: 2px!important;
    margin-left: 2px!important
  }
  .mx-sm-4 {
    margin-right: 4px!important;
    margin-left: 4px!important
  }
  .mx-sm-6 {
    margin-right: 6px!important;
    margin-left: 6px!important
  }
  .mx-sm-8 {
    margin-right: 8px!important;
    margin-left: 8px!important
  }
  .mx-sm-10 {
    margin-right: 10px!important;
    margin-left: 10px!important
  }
  .mx-sm-12 {
    margin-right: 12px!important;
    margin-left: 12px!important
  }
  .mx-sm-16 {
    margin-right: 16px!important;
    margin-left: 16px!important
  }
  .mx-sm-20 {
    margin-right: 20px!important;
    margin-left: 20px!important
  }
  .mx-sm-24 {
    margin-right: 24px!important;
    margin-left: 24px!important
  }
  .mx-sm-28 {
    margin-right: 28px!important;
    margin-left: 28px!important
  }
  .mx-sm-32 {
    margin-right: 32px!important;
    margin-left: 32px!important
  }
  .mx-sm-40 {
    margin-right: 40px!important;
    margin-left: 40px!important
  }
  .mx-sm-48 {
    margin-right: 48px!important;
    margin-left: 48px!important
  }
  .mx-sm-56 {
    margin-right: 56px!important;
    margin-left: 56px!important
  }
  .mx-sm-64 {
    margin-right: 64px!important;
    margin-left: 64px!important
  }
  .mx-sm-80 {
    margin-right: 80px!important;
    margin-left: 80px!important
  }
  .mx-sm-96 {
    margin-right: 96px!important;
    margin-left: 96px!important
  }
  .mx-sm-120 {
    margin-right: 120px!important;
    margin-left: 120px!important
  }
  .mx-sm-160 {
    margin-right: 160px!important;
    margin-left: 160px!important
  }
  .mx-sm-240 {
    margin-right: 240px!important;
    margin-left: 240px!important
  }
  .mx-sm-320 {
    margin-right: 320px!important;
    margin-left: 320px!important
  }
  .mx-sm-400 {
    margin-right: 400px!important;
    margin-left: 400px!important
  }
  .mx-sm-auto {
    margin-right: auto!important;
    margin-left: auto!important
  }
  .my-sm-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
  }
  .my-sm-2 {
    margin-top: 2px!important;
    margin-bottom: 2px!important
  }
  .my-sm-4 {
    margin-top: 4px!important;
    margin-bottom: 4px!important
  }
  .my-sm-6 {
    margin-top: 6px!important;
    margin-bottom: 6px!important
  }
  .my-sm-8 {
    margin-top: 8px!important;
    margin-bottom: 8px!important
  }
  .my-sm-10 {
    margin-top: 10px!important;
    margin-bottom: 10px!important
  }
  .my-sm-12 {
    margin-top: 12px!important;
    margin-bottom: 12px!important
  }
  .my-sm-16 {
    margin-top: 16px!important;
    margin-bottom: 16px!important
  }
  .my-sm-20 {
    margin-top: 20px!important;
    margin-bottom: 20px!important
  }
  .my-sm-24 {
    margin-top: 24px!important;
    margin-bottom: 24px!important
  }
  .my-sm-28 {
    margin-top: 28px!important;
    margin-bottom: 28px!important
  }
  .my-sm-32 {
    margin-top: 32px!important;
    margin-bottom: 32px!important
  }
  .my-sm-40 {
    margin-top: 40px!important;
    margin-bottom: 40px!important
  }
  .my-sm-48 {
    margin-top: 48px!important;
    margin-bottom: 48px!important
  }
  .my-sm-56 {
    margin-top: 56px!important;
    margin-bottom: 56px!important
  }
  .my-sm-64 {
    margin-top: 64px!important;
    margin-bottom: 64px!important
  }
  .my-sm-80 {
    margin-top: 80px!important;
    margin-bottom: 80px!important
  }
  .my-sm-96 {
    margin-top: 96px!important;
    margin-bottom: 96px!important
  }
  .my-sm-120 {
    margin-top: 120px!important;
    margin-bottom: 120px!important
  }
  .my-sm-160 {
    margin-top: 160px!important;
    margin-bottom: 160px!important
  }
  .my-sm-240 {
    margin-top: 240px!important;
    margin-bottom: 240px!important
  }
  .my-sm-320 {
    margin-top: 320px!important;
    margin-bottom: 320px!important
  }
  .my-sm-400 {
    margin-top: 400px!important;
    margin-bottom: 400px!important
  }
  .my-sm-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
  }
  .mt-sm-0 {
    margin-top: 0!important
  }
  .mt-sm-2 {
    margin-top: 2px!important
  }
  .mt-sm-4 {
    margin-top: 4px!important
  }
  .mt-sm-6 {
    margin-top: 6px!important
  }
  .mt-sm-8 {
    margin-top: 8px!important
  }
  .mt-sm-10 {
    margin-top: 10px!important
  }
  .mt-sm-12 {
    margin-top: 12px!important
  }
  .mt-sm-16 {
    margin-top: 16px!important
  }
  .mt-sm-20 {
    margin-top: 20px!important
  }
  .mt-sm-24 {
    margin-top: 24px!important
  }
  .mt-sm-28 {
    margin-top: 28px!important
  }
  .mt-sm-32 {
    margin-top: 32px!important
  }
  .mt-sm-40 {
    margin-top: 40px!important
  }
  .mt-sm-48 {
    margin-top: 48px!important
  }
  .mt-sm-56 {
    margin-top: 56px!important
  }
  .mt-sm-64 {
    margin-top: 64px!important
  }
  .mt-sm-80 {
    margin-top: 80px!important
  }
  .mt-sm-96 {
    margin-top: 96px!important
  }
  .mt-sm-120 {
    margin-top: 120px!important
  }
  .mt-sm-160 {
    margin-top: 160px!important
  }
  .mt-sm-240 {
    margin-top: 240px!important
  }
  .mt-sm-320 {
    margin-top: 320px!important
  }
  .mt-sm-400 {
    margin-top: 400px!important
  }
  .mt-sm-auto {
    margin-top: auto!important
  }
  .me-sm-0 {
    margin-right: 0!important
  }
  .me-sm-2 {
    margin-right: 2px!important
  }
  .me-sm-4 {
    margin-right: 4px!important
  }
  .me-sm-6 {
    margin-right: 6px!important
  }
  .me-sm-8 {
    margin-right: 8px!important
  }
  .me-sm-10 {
    margin-right: 10px!important
  }
  .me-sm-12 {
    margin-right: 12px!important
  }
  .me-sm-16 {
    margin-right: 16px!important
  }
  .me-sm-20 {
    margin-right: 20px!important
  }
  .me-sm-24 {
    margin-right: 24px!important
  }
  .me-sm-28 {
    margin-right: 28px!important
  }
  .me-sm-32 {
    margin-right: 32px!important
  }
  .me-sm-40 {
    margin-right: 40px!important
  }
  .me-sm-48 {
    margin-right: 48px!important
  }
  .me-sm-56 {
    margin-right: 56px!important
  }
  .me-sm-64 {
    margin-right: 64px!important
  }
  .me-sm-80 {
    margin-right: 80px!important
  }
  .me-sm-96 {
    margin-right: 96px!important
  }
  .me-sm-120 {
    margin-right: 120px!important
  }
  .me-sm-160 {
    margin-right: 160px!important
  }
  .me-sm-240 {
    margin-right: 240px!important
  }
  .me-sm-320 {
    margin-right: 320px!important
  }
  .me-sm-400 {
    margin-right: 400px!important
  }
  .me-sm-auto {
    margin-right: auto!important
  }
  .mb-sm-0 {
    margin-bottom: 0!important
  }
  .mb-sm-2 {
    margin-bottom: 2px!important
  }
  .mb-sm-4 {
    margin-bottom: 4px!important
  }
  .mb-sm-6 {
    margin-bottom: 6px!important
  }
  .mb-sm-8 {
    margin-bottom: 8px!important
  }
  .mb-sm-10 {
    margin-bottom: 10px!important
  }
  .mb-sm-12 {
    margin-bottom: 12px!important
  }
  .mb-sm-16 {
    margin-bottom: 16px!important
  }
  .mb-sm-20 {
    margin-bottom: 20px!important
  }
  .mb-sm-24 {
    margin-bottom: 24px!important
  }
  .mb-sm-28 {
    margin-bottom: 28px!important
  }
  .mb-sm-32 {
    margin-bottom: 32px!important
  }
  .mb-sm-40 {
    margin-bottom: 40px!important
  }
  .mb-sm-48 {
    margin-bottom: 48px!important
  }
  .mb-sm-56 {
    margin-bottom: 56px!important
  }
  .mb-sm-64 {
    margin-bottom: 64px!important
  }
  .mb-sm-80 {
    margin-bottom: 80px!important
  }
  .mb-sm-96 {
    margin-bottom: 96px!important
  }
  .mb-sm-120 {
    margin-bottom: 120px!important
  }
  .mb-sm-160 {
    margin-bottom: 160px!important
  }
  .mb-sm-240 {
    margin-bottom: 240px!important
  }
  .mb-sm-320 {
    margin-bottom: 320px!important
  }
  .mb-sm-400 {
    margin-bottom: 400px!important
  }
  .mb-sm-auto {
    margin-bottom: auto!important
  }
  .ms-sm-0 {
    margin-left: 0!important
  }
  .ms-sm-2 {
    margin-left: 2px!important
  }
  .ms-sm-4 {
    margin-left: 4px!important
  }
  .ms-sm-6 {
    margin-left: 6px!important
  }
  .ms-sm-8 {
    margin-left: 8px!important
  }
  .ms-sm-10 {
    margin-left: 10px!important
  }
  .ms-sm-12 {
    margin-left: 12px!important
  }
  .ms-sm-16 {
    margin-left: 16px!important
  }
  .ms-sm-20 {
    margin-left: 20px!important
  }
  .ms-sm-24 {
    margin-left: 24px!important
  }
  .ms-sm-28 {
    margin-left: 28px!important
  }
  .ms-sm-32 {
    margin-left: 32px!important
  }
  .ms-sm-40 {
    margin-left: 40px!important
  }
  .ms-sm-48 {
    margin-left: 48px!important
  }
  .ms-sm-56 {
    margin-left: 56px!important
  }
  .ms-sm-64 {
    margin-left: 64px!important
  }
  .ms-sm-80 {
    margin-left: 80px!important
  }
  .ms-sm-96 {
    margin-left: 96px!important
  }
  .ms-sm-120 {
    margin-left: 120px!important
  }
  .ms-sm-160 {
    margin-left: 160px!important
  }
  .ms-sm-240 {
    margin-left: 240px!important
  }
  .ms-sm-320 {
    margin-left: 320px!important
  }
  .ms-sm-400 {
    margin-left: 400px!important
  }
  .ms-sm-auto {
    margin-left: auto!important
  }
  .m-sm-n2 {
    margin: -2px!important
  }
  .m-sm-n4 {
    margin: -4px!important
  }
  .m-sm-n6 {
    margin: -6px!important
  }
  .m-sm-n8 {
    margin: -8px!important
  }
  .m-sm-n10 {
    margin: -10px!important
  }
  .m-sm-n12 {
    margin: -12px!important
  }
  .m-sm-n16 {
    margin: -16px!important
  }
  .m-sm-n20 {
    margin: -20px!important
  }
  .m-sm-n24 {
    margin: -24px!important
  }
  .m-sm-n28 {
    margin: -28px!important
  }
  .m-sm-n32 {
    margin: -32px!important
  }
  .m-sm-n40 {
    margin: -40px!important
  }
  .m-sm-n48 {
    margin: -48px!important
  }
  .m-sm-n56 {
    margin: -56px!important
  }
  .m-sm-n64 {
    margin: -64px!important
  }
  .m-sm-n80 {
    margin: -80px!important
  }
  .m-sm-n96 {
    margin: -96px!important
  }
  .m-sm-n120 {
    margin: -120px!important
  }
  .m-sm-n160 {
    margin: -160px!important
  }
  .m-sm-n240 {
    margin: -240px!important
  }
  .m-sm-n320 {
    margin: -320px!important
  }
  .m-sm-n400 {
    margin: -400px!important
  }
  .mx-sm-n2 {
    margin-right: -2px!important;
    margin-left: -2px!important
  }
  .mx-sm-n4 {
    margin-right: -4px!important;
    margin-left: -4px!important
  }
  .mx-sm-n6 {
    margin-right: -6px!important;
    margin-left: -6px!important
  }
  .mx-sm-n8 {
    margin-right: -8px!important;
    margin-left: -8px!important
  }
  .mx-sm-n10 {
    margin-right: -10px!important;
    margin-left: -10px!important
  }
  .mx-sm-n12 {
    margin-right: -12px!important;
    margin-left: -12px!important
  }
  .mx-sm-n16 {
    margin-right: -16px!important;
    margin-left: -16px!important
  }
  .mx-sm-n20 {
    margin-right: -20px!important;
    margin-left: -20px!important
  }
  .mx-sm-n24 {
    margin-right: -24px!important;
    margin-left: -24px!important
  }
  .mx-sm-n28 {
    margin-right: -28px!important;
    margin-left: -28px!important
  }
  .mx-sm-n32 {
    margin-right: -32px!important;
    margin-left: -32px!important
  }
  .mx-sm-n40 {
    margin-right: -40px!important;
    margin-left: -40px!important
  }
  .mx-sm-n48 {
    margin-right: -48px!important;
    margin-left: -48px!important
  }
  .mx-sm-n56 {
    margin-right: -56px!important;
    margin-left: -56px!important
  }
  .mx-sm-n64 {
    margin-right: -64px!important;
    margin-left: -64px!important
  }
  .mx-sm-n80 {
    margin-right: -80px!important;
    margin-left: -80px!important
  }
  .mx-sm-n96 {
    margin-right: -96px!important;
    margin-left: -96px!important
  }
  .mx-sm-n120 {
    margin-right: -120px!important;
    margin-left: -120px!important
  }
  .mx-sm-n160 {
    margin-right: -160px!important;
    margin-left: -160px!important
  }
  .mx-sm-n240 {
    margin-right: -240px!important;
    margin-left: -240px!important
  }
  .mx-sm-n320 {
    margin-right: -320px!important;
    margin-left: -320px!important
  }
  .mx-sm-n400 {
    margin-right: -400px!important;
    margin-left: -400px!important
  }
  .my-sm-n2 {
    margin-top: -2px!important;
    margin-bottom: -2px!important
  }
  .my-sm-n4 {
    margin-top: -4px!important;
    margin-bottom: -4px!important
  }
  .my-sm-n6 {
    margin-top: -6px!important;
    margin-bottom: -6px!important
  }
  .my-sm-n8 {
    margin-top: -8px!important;
    margin-bottom: -8px!important
  }
  .my-sm-n10 {
    margin-top: -10px!important;
    margin-bottom: -10px!important
  }
  .my-sm-n12 {
    margin-top: -12px!important;
    margin-bottom: -12px!important
  }
  .my-sm-n16 {
    margin-top: -16px!important;
    margin-bottom: -16px!important
  }
  .my-sm-n20 {
    margin-top: -20px!important;
    margin-bottom: -20px!important
  }
  .my-sm-n24 {
    margin-top: -24px!important;
    margin-bottom: -24px!important
  }
  .my-sm-n28 {
    margin-top: -28px!important;
    margin-bottom: -28px!important
  }
  .my-sm-n32 {
    margin-top: -32px!important;
    margin-bottom: -32px!important
  }
  .my-sm-n40 {
    margin-top: -40px!important;
    margin-bottom: -40px!important
  }
  .my-sm-n48 {
    margin-top: -48px!important;
    margin-bottom: -48px!important
  }
  .my-sm-n56 {
    margin-top: -56px!important;
    margin-bottom: -56px!important
  }
  .my-sm-n64 {
    margin-top: -64px!important;
    margin-bottom: -64px!important
  }
  .my-sm-n80 {
    margin-top: -80px!important;
    margin-bottom: -80px!important
  }
  .my-sm-n96 {
    margin-top: -96px!important;
    margin-bottom: -96px!important
  }
  .my-sm-n120 {
    margin-top: -120px!important;
    margin-bottom: -120px!important
  }
  .my-sm-n160 {
    margin-top: -160px!important;
    margin-bottom: -160px!important
  }
  .my-sm-n240 {
    margin-top: -240px!important;
    margin-bottom: -240px!important
  }
  .my-sm-n320 {
    margin-top: -320px!important;
    margin-bottom: -320px!important
  }
  .my-sm-n400 {
    margin-top: -400px!important;
    margin-bottom: -400px!important
  }
  .mt-sm-n2 {
    margin-top: -2px!important
  }
  .mt-sm-n4 {
    margin-top: -4px!important
  }
  .mt-sm-n6 {
    margin-top: -6px!important
  }
  .mt-sm-n8 {
    margin-top: -8px!important
  }
  .mt-sm-n10 {
    margin-top: -10px!important
  }
  .mt-sm-n12 {
    margin-top: -12px!important
  }
  .mt-sm-n16 {
    margin-top: -16px!important
  }
  .mt-sm-n20 {
    margin-top: -20px!important
  }
  .mt-sm-n24 {
    margin-top: -24px!important
  }
  .mt-sm-n28 {
    margin-top: -28px!important
  }
  .mt-sm-n32 {
    margin-top: -32px!important
  }
  .mt-sm-n40 {
    margin-top: -40px!important
  }
  .mt-sm-n48 {
    margin-top: -48px!important
  }
  .mt-sm-n56 {
    margin-top: -56px!important
  }
  .mt-sm-n64 {
    margin-top: -64px!important
  }
  .mt-sm-n80 {
    margin-top: -80px!important
  }
  .mt-sm-n96 {
    margin-top: -96px!important
  }
  .mt-sm-n120 {
    margin-top: -120px!important
  }
  .mt-sm-n160 {
    margin-top: -160px!important
  }
  .mt-sm-n240 {
    margin-top: -240px!important
  }
  .mt-sm-n320 {
    margin-top: -320px!important
  }
  .mt-sm-n400 {
    margin-top: -400px!important
  }
  .me-sm-n2 {
    margin-right: -2px!important
  }
  .me-sm-n4 {
    margin-right: -4px!important
  }
  .me-sm-n6 {
    margin-right: -6px!important
  }
  .me-sm-n8 {
    margin-right: -8px!important
  }
  .me-sm-n10 {
    margin-right: -10px!important
  }
  .me-sm-n12 {
    margin-right: -12px!important
  }
  .me-sm-n16 {
    margin-right: -16px!important
  }
  .me-sm-n20 {
    margin-right: -20px!important
  }
  .me-sm-n24 {
    margin-right: -24px!important
  }
  .me-sm-n28 {
    margin-right: -28px!important
  }
  .me-sm-n32 {
    margin-right: -32px!important
  }
  .me-sm-n40 {
    margin-right: -40px!important
  }
  .me-sm-n48 {
    margin-right: -48px!important
  }
  .me-sm-n56 {
    margin-right: -56px!important
  }
  .me-sm-n64 {
    margin-right: -64px!important
  }
  .me-sm-n80 {
    margin-right: -80px!important
  }
  .me-sm-n96 {
    margin-right: -96px!important
  }
  .me-sm-n120 {
    margin-right: -120px!important
  }
  .me-sm-n160 {
    margin-right: -160px!important
  }
  .me-sm-n240 {
    margin-right: -240px!important
  }
  .me-sm-n320 {
    margin-right: -320px!important
  }
  .me-sm-n400 {
    margin-right: -400px!important
  }
  .mb-sm-n2 {
    margin-bottom: -2px!important
  }
  .mb-sm-n4 {
    margin-bottom: -4px!important
  }
  .mb-sm-n6 {
    margin-bottom: -6px!important
  }
  .mb-sm-n8 {
    margin-bottom: -8px!important
  }
  .mb-sm-n10 {
    margin-bottom: -10px!important
  }
  .mb-sm-n12 {
    margin-bottom: -12px!important
  }
  .mb-sm-n16 {
    margin-bottom: -16px!important
  }
  .mb-sm-n20 {
    margin-bottom: -20px!important
  }
  .mb-sm-n24 {
    margin-bottom: -24px!important
  }
  .mb-sm-n28 {
    margin-bottom: -28px!important
  }
  .mb-sm-n32 {
    margin-bottom: -32px!important
  }
  .mb-sm-n40 {
    margin-bottom: -40px!important
  }
  .mb-sm-n48 {
    margin-bottom: -48px!important
  }
  .mb-sm-n56 {
    margin-bottom: -56px!important
  }
  .mb-sm-n64 {
    margin-bottom: -64px!important
  }
  .mb-sm-n80 {
    margin-bottom: -80px!important
  }
  .mb-sm-n96 {
    margin-bottom: -96px!important
  }
  .mb-sm-n120 {
    margin-bottom: -120px!important
  }
  .mb-sm-n160 {
    margin-bottom: -160px!important
  }
  .mb-sm-n240 {
    margin-bottom: -240px!important
  }
  .mb-sm-n320 {
    margin-bottom: -320px!important
  }
  .mb-sm-n400 {
    margin-bottom: -400px!important
  }
  .ms-sm-n2 {
    margin-left: -2px!important
  }
  .ms-sm-n4 {
    margin-left: -4px!important
  }
  .ms-sm-n6 {
    margin-left: -6px!important
  }
  .ms-sm-n8 {
    margin-left: -8px!important
  }
  .ms-sm-n10 {
    margin-left: -10px!important
  }
  .ms-sm-n12 {
    margin-left: -12px!important
  }
  .ms-sm-n16 {
    margin-left: -16px!important
  }
  .ms-sm-n20 {
    margin-left: -20px!important
  }
  .ms-sm-n24 {
    margin-left: -24px!important
  }
  .ms-sm-n28 {
    margin-left: -28px!important
  }
  .ms-sm-n32 {
    margin-left: -32px!important
  }
  .ms-sm-n40 {
    margin-left: -40px!important
  }
  .ms-sm-n48 {
    margin-left: -48px!important
  }
  .ms-sm-n56 {
    margin-left: -56px!important
  }
  .ms-sm-n64 {
    margin-left: -64px!important
  }
  .ms-sm-n80 {
    margin-left: -80px!important
  }
  .ms-sm-n96 {
    margin-left: -96px!important
  }
  .ms-sm-n120 {
    margin-left: -120px!important
  }
  .ms-sm-n160 {
    margin-left: -160px!important
  }
  .ms-sm-n240 {
    margin-left: -240px!important
  }
  .ms-sm-n320 {
    margin-left: -320px!important
  }
  .ms-sm-n400 {
    margin-left: -400px!important
  }
  .p-sm-0 {
    padding: 0!important
  }
  .p-sm-2 {
    padding: 2px!important
  }
  .p-sm-4 {
    padding: 4px!important
  }
  .p-sm-6 {
    padding: 6px!important
  }
  .p-sm-8 {
    padding: 8px!important
  }
  .p-sm-10 {
    padding: 10px!important
  }
  .p-sm-12 {
    padding: 12px!important
  }
  .p-sm-16 {
    padding: 16px!important
  }
  .p-sm-20 {
    padding: 20px!important
  }
  .p-sm-24 {
    padding: 24px!important
  }
  .p-sm-28 {
    padding: 28px!important
  }
  .p-sm-32 {
    padding: 32px!important
  }
  .p-sm-40 {
    padding: 40px!important
  }
  .p-sm-48 {
    padding: 48px!important
  }
  .p-sm-56 {
    padding: 56px!important
  }
  .p-sm-64 {
    padding: 64px!important
  }
  .p-sm-80 {
    padding: 80px!important
  }
  .p-sm-96 {
    padding: 96px!important
  }
  .p-sm-120 {
    padding: 120px!important
  }
  .p-sm-160 {
    padding: 160px!important
  }
  .p-sm-240 {
    padding: 240px!important
  }
  .p-sm-320 {
    padding: 320px!important
  }
  .p-sm-400 {
    padding: 400px!important
  }
  .px-sm-0 {
    padding-right: 0!important;
    padding-left: 0!important
  }
  .px-sm-2 {
    padding-right: 2px!important;
    padding-left: 2px!important
  }
  .px-sm-4 {
    padding-right: 4px!important;
    padding-left: 4px!important
  }
  .px-sm-6 {
    padding-right: 6px!important;
    padding-left: 6px!important
  }
  .px-sm-8 {
    padding-right: 8px!important;
    padding-left: 8px!important
  }
  .px-sm-10 {
    padding-right: 10px!important;
    padding-left: 10px!important
  }
  .px-sm-12 {
    padding-right: 12px!important;
    padding-left: 12px!important
  }
  .px-sm-16 {
    padding-right: 16px!important;
    padding-left: 16px!important
  }
  .px-sm-20 {
    padding-right: 20px!important;
    padding-left: 20px!important
  }
  .px-sm-24 {
    padding-right: 24px!important;
    padding-left: 24px!important
  }
  .px-sm-28 {
    padding-right: 28px!important;
    padding-left: 28px!important
  }
  .px-sm-32 {
    padding-right: 32px!important;
    padding-left: 32px!important
  }
  .px-sm-40 {
    padding-right: 40px!important;
    padding-left: 40px!important
  }
  .px-sm-48 {
    padding-right: 48px!important;
    padding-left: 48px!important
  }
  .px-sm-56 {
    padding-right: 56px!important;
    padding-left: 56px!important
  }
  .px-sm-64 {
    padding-right: 64px!important;
    padding-left: 64px!important
  }
  .px-sm-80 {
    padding-right: 80px!important;
    padding-left: 80px!important
  }
  .px-sm-96 {
    padding-right: 96px!important;
    padding-left: 96px!important
  }
  .px-sm-120 {
    padding-right: 120px!important;
    padding-left: 120px!important
  }
  .px-sm-160 {
    padding-right: 160px!important;
    padding-left: 160px!important
  }
  .px-sm-240 {
    padding-right: 240px!important;
    padding-left: 240px!important
  }
  .px-sm-320 {
    padding-right: 320px!important;
    padding-left: 320px!important
  }
  .px-sm-400 {
    padding-right: 400px!important;
    padding-left: 400px!important
  }
  .py-sm-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
  }
  .py-sm-2 {
    padding-top: 2px!important;
    padding-bottom: 2px!important
  }
  .py-sm-4 {
    padding-top: 4px!important;
    padding-bottom: 4px!important
  }
  .py-sm-6 {
    padding-top: 6px!important;
    padding-bottom: 6px!important
  }
  .py-sm-8 {
    padding-top: 8px!important;
    padding-bottom: 8px!important
  }
  .py-sm-10 {
    padding-top: 10px!important;
    padding-bottom: 10px!important
  }
  .py-sm-12 {
    padding-top: 12px!important;
    padding-bottom: 12px!important
  }
  .py-sm-16 {
    padding-top: 16px!important;
    padding-bottom: 16px!important
  }
  .py-sm-20 {
    padding-top: 20px!important;
    padding-bottom: 20px!important
  }
  .py-sm-24 {
    padding-top: 24px!important;
    padding-bottom: 24px!important
  }
  .py-sm-28 {
    padding-top: 28px!important;
    padding-bottom: 28px!important
  }
  .py-sm-32 {
    padding-top: 32px!important;
    padding-bottom: 32px!important
  }
  .py-sm-40 {
    padding-top: 40px!important;
    padding-bottom: 40px!important
  }
  .py-sm-48 {
    padding-top: 48px!important;
    padding-bottom: 48px!important
  }
  .py-sm-56 {
    padding-top: 56px!important;
    padding-bottom: 56px!important
  }
  .py-sm-64 {
    padding-top: 64px!important;
    padding-bottom: 64px!important
  }
  .py-sm-80 {
    padding-top: 80px!important;
    padding-bottom: 80px!important
  }
  .py-sm-96 {
    padding-top: 96px!important;
    padding-bottom: 96px!important
  }
  .py-sm-120 {
    padding-top: 120px!important;
    padding-bottom: 120px!important
  }
  .py-sm-160 {
    padding-top: 160px!important;
    padding-bottom: 160px!important
  }
  .py-sm-240 {
    padding-top: 240px!important;
    padding-bottom: 240px!important
  }
  .py-sm-320 {
    padding-top: 320px!important;
    padding-bottom: 320px!important
  }
  .py-sm-400 {
    padding-top: 400px!important;
    padding-bottom: 400px!important
  }
  .pt-sm-0 {
    padding-top: 0!important
  }
  .pt-sm-2 {
    padding-top: 2px!important
  }
  .pt-sm-4 {
    padding-top: 4px!important
  }
  .pt-sm-6 {
    padding-top: 6px!important
  }
  .pt-sm-8 {
    padding-top: 8px!important
  }
  .pt-sm-10 {
    padding-top: 10px!important
  }
  .pt-sm-12 {
    padding-top: 12px!important
  }
  .pt-sm-16 {
    padding-top: 16px!important
  }
  .pt-sm-20 {
    padding-top: 20px!important
  }
  .pt-sm-24 {
    padding-top: 24px!important
  }
  .pt-sm-28 {
    padding-top: 28px!important
  }
  .pt-sm-32 {
    padding-top: 32px!important
  }
  .pt-sm-40 {
    padding-top: 40px!important
  }
  .pt-sm-48 {
    padding-top: 48px!important
  }
  .pt-sm-56 {
    padding-top: 56px!important
  }
  .pt-sm-64 {
    padding-top: 64px!important
  }
  .pt-sm-80 {
    padding-top: 80px!important
  }
  .pt-sm-96 {
    padding-top: 96px!important
  }
  .pt-sm-120 {
    padding-top: 120px!important
  }
  .pt-sm-160 {
    padding-top: 160px!important
  }
  .pt-sm-240 {
    padding-top: 240px!important
  }
  .pt-sm-320 {
    padding-top: 320px!important
  }
  .pt-sm-400 {
    padding-top: 400px!important
  }
  .pe-sm-0 {
    padding-right: 0!important
  }
  .pe-sm-2 {
    padding-right: 2px!important
  }
  .pe-sm-4 {
    padding-right: 4px!important
  }
  .pe-sm-6 {
    padding-right: 6px!important
  }
  .pe-sm-8 {
    padding-right: 8px!important
  }
  .pe-sm-10 {
    padding-right: 10px!important
  }
  .pe-sm-12 {
    padding-right: 12px!important
  }
  .pe-sm-16 {
    padding-right: 16px!important
  }
  .pe-sm-20 {
    padding-right: 20px!important
  }
  .pe-sm-24 {
    padding-right: 24px!important
  }
  .pe-sm-28 {
    padding-right: 28px!important
  }
  .pe-sm-32 {
    padding-right: 32px!important
  }
  .pe-sm-40 {
    padding-right: 40px!important
  }
  .pe-sm-48 {
    padding-right: 48px!important
  }
  .pe-sm-56 {
    padding-right: 56px!important
  }
  .pe-sm-64 {
    padding-right: 64px!important
  }
  .pe-sm-80 {
    padding-right: 80px!important
  }
  .pe-sm-96 {
    padding-right: 96px!important
  }
  .pe-sm-120 {
    padding-right: 120px!important
  }
  .pe-sm-160 {
    padding-right: 160px!important
  }
  .pe-sm-240 {
    padding-right: 240px!important
  }
  .pe-sm-320 {
    padding-right: 320px!important
  }
  .pe-sm-400 {
    padding-right: 400px!important
  }
  .pb-sm-0 {
    padding-bottom: 0!important
  }
  .pb-sm-2 {
    padding-bottom: 2px!important
  }
  .pb-sm-4 {
    padding-bottom: 4px!important
  }
  .pb-sm-6 {
    padding-bottom: 6px!important
  }
  .pb-sm-8 {
    padding-bottom: 8px!important
  }
  .pb-sm-10 {
    padding-bottom: 10px!important
  }
  .pb-sm-12 {
    padding-bottom: 12px!important
  }
  .pb-sm-16 {
    padding-bottom: 16px!important
  }
  .pb-sm-20 {
    padding-bottom: 20px!important
  }
  .pb-sm-24 {
    padding-bottom: 24px!important
  }
  .pb-sm-28 {
    padding-bottom: 28px!important
  }
  .pb-sm-32 {
    padding-bottom: 32px!important
  }
  .pb-sm-40 {
    padding-bottom: 40px!important
  }
  .pb-sm-48 {
    padding-bottom: 48px!important
  }
  .pb-sm-56 {
    padding-bottom: 56px!important
  }
  .pb-sm-64 {
    padding-bottom: 64px!important
  }
  .pb-sm-80 {
    padding-bottom: 80px!important
  }
  .pb-sm-96 {
    padding-bottom: 96px!important
  }
  .pb-sm-120 {
    padding-bottom: 120px!important
  }
  .pb-sm-160 {
    padding-bottom: 160px!important
  }
  .pb-sm-240 {
    padding-bottom: 240px!important
  }
  .pb-sm-320 {
    padding-bottom: 320px!important
  }
  .pb-sm-400 {
    padding-bottom: 400px!important
  }
  .ps-sm-0 {
    padding-left: 0!important
  }
  .ps-sm-2 {
    padding-left: 2px!important
  }
  .ps-sm-4 {
    padding-left: 4px!important
  }
  .ps-sm-6 {
    padding-left: 6px!important
  }
  .ps-sm-8 {
    padding-left: 8px!important
  }
  .ps-sm-10 {
    padding-left: 10px!important
  }
  .ps-sm-12 {
    padding-left: 12px!important
  }
  .ps-sm-16 {
    padding-left: 16px!important
  }
  .ps-sm-20 {
    padding-left: 20px!important
  }
  .ps-sm-24 {
    padding-left: 24px!important
  }
  .ps-sm-28 {
    padding-left: 28px!important
  }
  .ps-sm-32 {
    padding-left: 32px!important
  }
  .ps-sm-40 {
    padding-left: 40px!important
  }
  .ps-sm-48 {
    padding-left: 48px!important
  }
  .ps-sm-56 {
    padding-left: 56px!important
  }
  .ps-sm-64 {
    padding-left: 64px!important
  }
  .ps-sm-80 {
    padding-left: 80px!important
  }
  .ps-sm-96 {
    padding-left: 96px!important
  }
  .ps-sm-120 {
    padding-left: 120px!important
  }
  .ps-sm-160 {
    padding-left: 160px!important
  }
  .ps-sm-240 {
    padding-left: 240px!important
  }
  .ps-sm-320 {
    padding-left: 320px!important
  }
  .ps-sm-400 {
    padding-left: 400px!important
  }
  .gap-sm-0 {
    gap: 0!important
  }
  .gap-sm-2 {
    gap: 2px!important
  }
  .gap-sm-4 {
    gap: 4px!important
  }
  .gap-sm-6 {
    gap: 6px!important
  }
  .gap-sm-8 {
    gap: 8px!important
  }
  .gap-sm-10 {
    gap: 10px!important
  }
  .gap-sm-12 {
    gap: 12px!important
  }
  .gap-sm-16 {
    gap: 16px!important
  }
  .gap-sm-20 {
    gap: 20px!important
  }
  .gap-sm-24 {
    gap: 24px!important
  }
  .gap-sm-28 {
    gap: 28px!important
  }
  .gap-sm-32 {
    gap: 32px!important
  }
  .gap-sm-40 {
    gap: 40px!important
  }
  .gap-sm-48 {
    gap: 48px!important
  }
  .gap-sm-56 {
    gap: 56px!important
  }
  .gap-sm-64 {
    gap: 64px!important
  }
  .gap-sm-80 {
    gap: 80px!important
  }
  .gap-sm-96 {
    gap: 96px!important
  }
  .gap-sm-120 {
    gap: 120px!important
  }
  .gap-sm-160 {
    gap: 160px!important
  }
  .gap-sm-240 {
    gap: 240px!important
  }
  .gap-sm-320 {
    gap: 320px!important
  }
  .gap-sm-400 {
    gap: 400px!important
  }
  .text-sm-start {
    text-align: left!important
  }
  .text-sm-end {
    text-align: right!important
  }
  .text-sm-center {
    text-align: center!important
  }
}
@media(min-width:900px) {
  .float-md-start {
    float: left!important
  }
  .float-md-end {
    float: right!important
  }
  .float-md-none {
    float: none!important
  }
  .d-md-inline {
    display: inline!important
  }
  .d-md-inline-block {
    display: inline-block!important
  }
  .d-md-block {
    display: block!important
  }
  .d-md-grid {
    display: grid!important
  }
  .d-md-table {
    display: table!important
  }
  .d-md-table-row {
    display: table-row!important
  }
  .d-md-table-cell {
    display: table-cell!important
  }
  .d-md-flex {
    display: flex!important
  }
  .d-md-inline-flex {
    display: inline-flex!important
  }
  .d-md-none {
    display: none!important
  }
  .flex-md-fill {
    flex: 1 1 auto!important
  }
  .flex-md-row {
    flex-direction: row!important
  }
  .flex-md-column {
    flex-direction: column!important
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse!important
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse!important
  }
  .flex-md-grow-0 {
    flex-grow: 0!important
  }
  .flex-md-grow-1 {
    flex-grow: 1!important
  }
  .flex-md-shrink-0 {
    flex-shrink: 0!important
  }
  .flex-md-shrink-1 {
    flex-shrink: 1!important
  }
  .flex-md-wrap {
    flex-wrap: wrap!important
  }
  .flex-md-nowrap {
    flex-wrap: nowrap!important
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse!important
  }
  .justify-content-md-start {
    justify-content: flex-start!important
  }
  .justify-content-md-end {
    justify-content: flex-end!important
  }
  .justify-content-md-center {
    justify-content: center!important
  }
  .justify-content-md-between {
    justify-content: space-between!important
  }
  .justify-content-md-around {
    justify-content: space-around!important
  }
  .justify-content-md-evenly {
    justify-content: space-evenly!important
  }
  .align-items-md-start {
    align-items: flex-start!important
  }
  .align-items-md-end {
    align-items: flex-end!important
  }
  .align-items-md-center {
    align-items: center!important
  }
  .align-items-md-baseline {
    align-items: baseline!important
  }
  .align-items-md-stretch {
    align-items: stretch!important
  }
  .align-content-md-start {
    align-content: flex-start!important
  }
  .align-content-md-end {
    align-content: flex-end!important
  }
  .align-content-md-center {
    align-content: center!important
  }
  .align-content-md-between {
    align-content: space-between!important
  }
  .align-content-md-around {
    align-content: space-around!important
  }
  .align-content-md-stretch {
    align-content: stretch!important
  }
  .align-self-md-auto {
    align-self: auto!important
  }
  .align-self-md-start {
    align-self: flex-start!important
  }
  .align-self-md-end {
    align-self: flex-end!important
  }
  .align-self-md-center {
    align-self: center!important
  }
  .align-self-md-baseline {
    align-self: baseline!important
  }
  .align-self-md-stretch {
    align-self: stretch!important
  }
  .order-md-first {
    order: -1!important
  }
  .order-md-0 {
    order: 0!important
  }
  .order-md-1 {
    order: 1!important
  }
  .order-md-2 {
    order: 2!important
  }
  .order-md-3 {
    order: 3!important
  }
  .order-md-4 {
    order: 4!important
  }
  .order-md-5 {
    order: 5!important
  }
  .order-md-last {
    order: 6!important
  }
  .m-md-0 {
    margin: 0!important
  }
  .m-md-2 {
    margin: 2px!important
  }
  .m-md-4 {
    margin: 4px!important
  }
  .m-md-6 {
    margin: 6px!important
  }
  .m-md-8 {
    margin: 8px!important
  }
  .m-md-10 {
    margin: 10px!important
  }
  .m-md-12 {
    margin: 12px!important
  }
  .m-md-16 {
    margin: 16px!important
  }
  .m-md-20 {
    margin: 20px!important
  }
  .m-md-24 {
    margin: 24px!important
  }
  .m-md-28 {
    margin: 28px!important
  }
  .m-md-32 {
    margin: 32px!important
  }
  .m-md-40 {
    margin: 40px!important
  }
  .m-md-48 {
    margin: 48px!important
  }
  .m-md-56 {
    margin: 56px!important
  }
  .m-md-64 {
    margin: 64px!important
  }
  .m-md-80 {
    margin: 80px!important
  }
  .m-md-96 {
    margin: 96px!important
  }
  .m-md-120 {
    margin: 120px!important
  }
  .m-md-160 {
    margin: 160px!important
  }
  .m-md-240 {
    margin: 240px!important
  }
  .m-md-320 {
    margin: 320px!important
  }
  .m-md-400 {
    margin: 400px!important
  }
  .m-md-auto {
    margin: auto!important
  }
  .mx-md-0 {
    margin-right: 0!important;
    margin-left: 0!important
  }
  .mx-md-2 {
    margin-right: 2px!important;
    margin-left: 2px!important
  }
  .mx-md-4 {
    margin-right: 4px!important;
    margin-left: 4px!important
  }
  .mx-md-6 {
    margin-right: 6px!important;
    margin-left: 6px!important
  }
  .mx-md-8 {
    margin-right: 8px!important;
    margin-left: 8px!important
  }
  .mx-md-10 {
    margin-right: 10px!important;
    margin-left: 10px!important
  }
  .mx-md-12 {
    margin-right: 12px!important;
    margin-left: 12px!important
  }
  .mx-md-16 {
    margin-right: 16px!important;
    margin-left: 16px!important
  }
  .mx-md-20 {
    margin-right: 20px!important;
    margin-left: 20px!important
  }
  .mx-md-24 {
    margin-right: 24px!important;
    margin-left: 24px!important
  }
  .mx-md-28 {
    margin-right: 28px!important;
    margin-left: 28px!important
  }
  .mx-md-32 {
    margin-right: 32px!important;
    margin-left: 32px!important
  }
  .mx-md-40 {
    margin-right: 40px!important;
    margin-left: 40px!important
  }
  .mx-md-48 {
    margin-right: 48px!important;
    margin-left: 48px!important
  }
  .mx-md-56 {
    margin-right: 56px!important;
    margin-left: 56px!important
  }
  .mx-md-64 {
    margin-right: 64px!important;
    margin-left: 64px!important
  }
  .mx-md-80 {
    margin-right: 80px!important;
    margin-left: 80px!important
  }
  .mx-md-96 {
    margin-right: 96px!important;
    margin-left: 96px!important
  }
  .mx-md-120 {
    margin-right: 120px!important;
    margin-left: 120px!important
  }
  .mx-md-160 {
    margin-right: 160px!important;
    margin-left: 160px!important
  }
  .mx-md-240 {
    margin-right: 240px!important;
    margin-left: 240px!important
  }
  .mx-md-320 {
    margin-right: 320px!important;
    margin-left: 320px!important
  }
  .mx-md-400 {
    margin-right: 400px!important;
    margin-left: 400px!important
  }
  .mx-md-auto {
    margin-right: auto!important;
    margin-left: auto!important
  }
  .my-md-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
  }
  .my-md-2 {
    margin-top: 2px!important;
    margin-bottom: 2px!important
  }
  .my-md-4 {
    margin-top: 4px!important;
    margin-bottom: 4px!important
  }
  .my-md-6 {
    margin-top: 6px!important;
    margin-bottom: 6px!important
  }
  .my-md-8 {
    margin-top: 8px!important;
    margin-bottom: 8px!important
  }
  .my-md-10 {
    margin-top: 10px!important;
    margin-bottom: 10px!important
  }
  .my-md-12 {
    margin-top: 12px!important;
    margin-bottom: 12px!important
  }
  .my-md-16 {
    margin-top: 16px!important;
    margin-bottom: 16px!important
  }
  .my-md-20 {
    margin-top: 20px!important;
    margin-bottom: 20px!important
  }
  .my-md-24 {
    margin-top: 24px!important;
    margin-bottom: 24px!important
  }
  .my-md-28 {
    margin-top: 28px!important;
    margin-bottom: 28px!important
  }
  .my-md-32 {
    margin-top: 32px!important;
    margin-bottom: 32px!important
  }
  .my-md-40 {
    margin-top: 40px!important;
    margin-bottom: 40px!important
  }
  .my-md-48 {
    margin-top: 48px!important;
    margin-bottom: 48px!important
  }
  .my-md-56 {
    margin-top: 56px!important;
    margin-bottom: 56px!important
  }
  .my-md-64 {
    margin-top: 64px!important;
    margin-bottom: 64px!important
  }
  .my-md-80 {
    margin-top: 80px!important;
    margin-bottom: 80px!important
  }
  .my-md-96 {
    margin-top: 96px!important;
    margin-bottom: 96px!important
  }
  .my-md-120 {
    margin-top: 120px!important;
    margin-bottom: 120px!important
  }
  .my-md-160 {
    margin-top: 160px!important;
    margin-bottom: 160px!important
  }
  .my-md-240 {
    margin-top: 240px!important;
    margin-bottom: 240px!important
  }
  .my-md-320 {
    margin-top: 320px!important;
    margin-bottom: 320px!important
  }
  .my-md-400 {
    margin-top: 400px!important;
    margin-bottom: 400px!important
  }
  .my-md-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
  }
  .mt-md-0 {
    margin-top: 0!important
  }
  .mt-md-2 {
    margin-top: 2px!important
  }
  .mt-md-4 {
    margin-top: 4px!important
  }
  .mt-md-6 {
    margin-top: 6px!important
  }
  .mt-md-8 {
    margin-top: 8px!important
  }
  .mt-md-10 {
    margin-top: 10px!important
  }
  .mt-md-12 {
    margin-top: 12px!important
  }
  .mt-md-16 {
    margin-top: 16px!important
  }
  .mt-md-20 {
    margin-top: 20px!important
  }
  .mt-md-24 {
    margin-top: 24px!important
  }
  .mt-md-28 {
    margin-top: 28px!important
  }
  .mt-md-32 {
    margin-top: 32px!important
  }
  .mt-md-40 {
    margin-top: 40px!important
  }
  .mt-md-48 {
    margin-top: 48px!important
  }
  .mt-md-56 {
    margin-top: 56px!important
  }
  .mt-md-64 {
    margin-top: 64px!important
  }
  .mt-md-80 {
    margin-top: 80px!important
  }
  .mt-md-96 {
    margin-top: 96px!important
  }
  .mt-md-120 {
    margin-top: 120px!important
  }
  .mt-md-160 {
    margin-top: 160px!important
  }
  .mt-md-240 {
    margin-top: 240px!important
  }
  .mt-md-320 {
    margin-top: 320px!important
  }
  .mt-md-400 {
    margin-top: 400px!important
  }
  .mt-md-auto {
    margin-top: auto!important
  }
  .me-md-0 {
    margin-right: 0!important
  }
  .me-md-2 {
    margin-right: 2px!important
  }
  .me-md-4 {
    margin-right: 4px!important
  }
  .me-md-6 {
    margin-right: 6px!important
  }
  .me-md-8 {
    margin-right: 8px!important
  }
  .me-md-10 {
    margin-right: 10px!important
  }
  .me-md-12 {
    margin-right: 12px!important
  }
  .me-md-16 {
    margin-right: 16px!important
  }
  .me-md-20 {
    margin-right: 20px!important
  }
  .me-md-24 {
    margin-right: 24px!important
  }
  .me-md-28 {
    margin-right: 28px!important
  }
  .me-md-32 {
    margin-right: 32px!important
  }
  .me-md-40 {
    margin-right: 40px!important
  }
  .me-md-48 {
    margin-right: 48px!important
  }
  .me-md-56 {
    margin-right: 56px!important
  }
  .me-md-64 {
    margin-right: 64px!important
  }
  .me-md-80 {
    margin-right: 80px!important
  }
  .me-md-96 {
    margin-right: 96px!important
  }
  .me-md-120 {
    margin-right: 120px!important
  }
  .me-md-160 {
    margin-right: 160px!important
  }
  .me-md-240 {
    margin-right: 240px!important
  }
  .me-md-320 {
    margin-right: 320px!important
  }
  .me-md-400 {
    margin-right: 400px!important
  }
  .me-md-auto {
    margin-right: auto!important
  }
  .mb-md-0 {
    margin-bottom: 0!important
  }
  .mb-md-2 {
    margin-bottom: 2px!important
  }
  .mb-md-4 {
    margin-bottom: 4px!important
  }
  .mb-md-6 {
    margin-bottom: 6px!important
  }
  .mb-md-8 {
    margin-bottom: 8px!important
  }
  .mb-md-10 {
    margin-bottom: 10px!important
  }
  .mb-md-12 {
    margin-bottom: 12px!important
  }
  .mb-md-16 {
    margin-bottom: 16px!important
  }
  .mb-md-20 {
    margin-bottom: 20px!important
  }
  .mb-md-24 {
    margin-bottom: 24px!important
  }
  .mb-md-28 {
    margin-bottom: 28px!important
  }
  .mb-md-32 {
    margin-bottom: 32px!important
  }
  .mb-md-40 {
    margin-bottom: 40px!important
  }
  .mb-md-48 {
    margin-bottom: 48px!important
  }
  .mb-md-56 {
    margin-bottom: 56px!important
  }
  .mb-md-64 {
    margin-bottom: 64px!important
  }
  .mb-md-80 {
    margin-bottom: 80px!important
  }
  .mb-md-96 {
    margin-bottom: 96px!important
  }
  .mb-md-120 {
    margin-bottom: 120px!important
  }
  .mb-md-160 {
    margin-bottom: 160px!important
  }
  .mb-md-240 {
    margin-bottom: 240px!important
  }
  .mb-md-320 {
    margin-bottom: 320px!important
  }
  .mb-md-400 {
    margin-bottom: 400px!important
  }
  .mb-md-auto {
    margin-bottom: auto!important
  }
  .ms-md-0 {
    margin-left: 0!important
  }
  .ms-md-2 {
    margin-left: 2px!important
  }
  .ms-md-4 {
    margin-left: 4px!important
  }
  .ms-md-6 {
    margin-left: 6px!important
  }
  .ms-md-8 {
    margin-left: 8px!important
  }
  .ms-md-10 {
    margin-left: 10px!important
  }
  .ms-md-12 {
    margin-left: 12px!important
  }
  .ms-md-16 {
    margin-left: 16px!important
  }
  .ms-md-20 {
    margin-left: 20px!important
  }
  .ms-md-24 {
    margin-left: 24px!important
  }
  .ms-md-28 {
    margin-left: 28px!important
  }
  .ms-md-32 {
    margin-left: 32px!important
  }
  .ms-md-40 {
    margin-left: 40px!important
  }
  .ms-md-48 {
    margin-left: 48px!important
  }
  .ms-md-56 {
    margin-left: 56px!important
  }
  .ms-md-64 {
    margin-left: 64px!important
  }
  .ms-md-80 {
    margin-left: 80px!important
  }
  .ms-md-96 {
    margin-left: 96px!important
  }
  .ms-md-120 {
    margin-left: 120px!important
  }
  .ms-md-160 {
    margin-left: 160px!important
  }
  .ms-md-240 {
    margin-left: 240px!important
  }
  .ms-md-320 {
    margin-left: 320px!important
  }
  .ms-md-400 {
    margin-left: 400px!important
  }
  .ms-md-auto {
    margin-left: auto!important
  }
  .m-md-n2 {
    margin: -2px!important
  }
  .m-md-n4 {
    margin: -4px!important
  }
  .m-md-n6 {
    margin: -6px!important
  }
  .m-md-n8 {
    margin: -8px!important
  }
  .m-md-n10 {
    margin: -10px!important
  }
  .m-md-n12 {
    margin: -12px!important
  }
  .m-md-n16 {
    margin: -16px!important
  }
  .m-md-n20 {
    margin: -20px!important
  }
  .m-md-n24 {
    margin: -24px!important
  }
  .m-md-n28 {
    margin: -28px!important
  }
  .m-md-n32 {
    margin: -32px!important
  }
  .m-md-n40 {
    margin: -40px!important
  }
  .m-md-n48 {
    margin: -48px!important
  }
  .m-md-n56 {
    margin: -56px!important
  }
  .m-md-n64 {
    margin: -64px!important
  }
  .m-md-n80 {
    margin: -80px!important
  }
  .m-md-n96 {
    margin: -96px!important
  }
  .m-md-n120 {
    margin: -120px!important
  }
  .m-md-n160 {
    margin: -160px!important
  }
  .m-md-n240 {
    margin: -240px!important
  }
  .m-md-n320 {
    margin: -320px!important
  }
  .m-md-n400 {
    margin: -400px!important
  }
  .mx-md-n2 {
    margin-right: -2px!important;
    margin-left: -2px!important
  }
  .mx-md-n4 {
    margin-right: -4px!important;
    margin-left: -4px!important
  }
  .mx-md-n6 {
    margin-right: -6px!important;
    margin-left: -6px!important
  }
  .mx-md-n8 {
    margin-right: -8px!important;
    margin-left: -8px!important
  }
  .mx-md-n10 {
    margin-right: -10px!important;
    margin-left: -10px!important
  }
  .mx-md-n12 {
    margin-right: -12px!important;
    margin-left: -12px!important
  }
  .mx-md-n16 {
    margin-right: -16px!important;
    margin-left: -16px!important
  }
  .mx-md-n20 {
    margin-right: -20px!important;
    margin-left: -20px!important
  }
  .mx-md-n24 {
    margin-right: -24px!important;
    margin-left: -24px!important
  }
  .mx-md-n28 {
    margin-right: -28px!important;
    margin-left: -28px!important
  }
  .mx-md-n32 {
    margin-right: -32px!important;
    margin-left: -32px!important
  }
  .mx-md-n40 {
    margin-right: -40px!important;
    margin-left: -40px!important
  }
  .mx-md-n48 {
    margin-right: -48px!important;
    margin-left: -48px!important
  }
  .mx-md-n56 {
    margin-right: -56px!important;
    margin-left: -56px!important
  }
  .mx-md-n64 {
    margin-right: -64px!important;
    margin-left: -64px!important
  }
  .mx-md-n80 {
    margin-right: -80px!important;
    margin-left: -80px!important
  }
  .mx-md-n96 {
    margin-right: -96px!important;
    margin-left: -96px!important
  }
  .mx-md-n120 {
    margin-right: -120px!important;
    margin-left: -120px!important
  }
  .mx-md-n160 {
    margin-right: -160px!important;
    margin-left: -160px!important
  }
  .mx-md-n240 {
    margin-right: -240px!important;
    margin-left: -240px!important
  }
  .mx-md-n320 {
    margin-right: -320px!important;
    margin-left: -320px!important
  }
  .mx-md-n400 {
    margin-right: -400px!important;
    margin-left: -400px!important
  }
  .my-md-n2 {
    margin-top: -2px!important;
    margin-bottom: -2px!important
  }
  .my-md-n4 {
    margin-top: -4px!important;
    margin-bottom: -4px!important
  }
  .my-md-n6 {
    margin-top: -6px!important;
    margin-bottom: -6px!important
  }
  .my-md-n8 {
    margin-top: -8px!important;
    margin-bottom: -8px!important
  }
  .my-md-n10 {
    margin-top: -10px!important;
    margin-bottom: -10px!important
  }
  .my-md-n12 {
    margin-top: -12px!important;
    margin-bottom: -12px!important
  }
  .my-md-n16 {
    margin-top: -16px!important;
    margin-bottom: -16px!important
  }
  .my-md-n20 {
    margin-top: -20px!important;
    margin-bottom: -20px!important
  }
  .my-md-n24 {
    margin-top: -24px!important;
    margin-bottom: -24px!important
  }
  .my-md-n28 {
    margin-top: -28px!important;
    margin-bottom: -28px!important
  }
  .my-md-n32 {
    margin-top: -32px!important;
    margin-bottom: -32px!important
  }
  .my-md-n40 {
    margin-top: -40px!important;
    margin-bottom: -40px!important
  }
  .my-md-n48 {
    margin-top: -48px!important;
    margin-bottom: -48px!important
  }
  .my-md-n56 {
    margin-top: -56px!important;
    margin-bottom: -56px!important
  }
  .my-md-n64 {
    margin-top: -64px!important;
    margin-bottom: -64px!important
  }
  .my-md-n80 {
    margin-top: -80px!important;
    margin-bottom: -80px!important
  }
  .my-md-n96 {
    margin-top: -96px!important;
    margin-bottom: -96px!important
  }
  .my-md-n120 {
    margin-top: -120px!important;
    margin-bottom: -120px!important
  }
  .my-md-n160 {
    margin-top: -160px!important;
    margin-bottom: -160px!important
  }
  .my-md-n240 {
    margin-top: -240px!important;
    margin-bottom: -240px!important
  }
  .my-md-n320 {
    margin-top: -320px!important;
    margin-bottom: -320px!important
  }
  .my-md-n400 {
    margin-top: -400px!important;
    margin-bottom: -400px!important
  }
  .mt-md-n2 {
    margin-top: -2px!important
  }
  .mt-md-n4 {
    margin-top: -4px!important
  }
  .mt-md-n6 {
    margin-top: -6px!important
  }
  .mt-md-n8 {
    margin-top: -8px!important
  }
  .mt-md-n10 {
    margin-top: -10px!important
  }
  .mt-md-n12 {
    margin-top: -12px!important
  }
  .mt-md-n16 {
    margin-top: -16px!important
  }
  .mt-md-n20 {
    margin-top: -20px!important
  }
  .mt-md-n24 {
    margin-top: -24px!important
  }
  .mt-md-n28 {
    margin-top: -28px!important
  }
  .mt-md-n32 {
    margin-top: -32px!important
  }
  .mt-md-n40 {
    margin-top: -40px!important
  }
  .mt-md-n48 {
    margin-top: -48px!important
  }
  .mt-md-n56 {
    margin-top: -56px!important
  }
  .mt-md-n64 {
    margin-top: -64px!important
  }
  .mt-md-n80 {
    margin-top: -80px!important
  }
  .mt-md-n96 {
    margin-top: -96px!important
  }
  .mt-md-n120 {
    margin-top: -120px!important
  }
  .mt-md-n160 {
    margin-top: -160px!important
  }
  .mt-md-n240 {
    margin-top: -240px!important
  }
  .mt-md-n320 {
    margin-top: -320px!important
  }
  .mt-md-n400 {
    margin-top: -400px!important
  }
  .me-md-n2 {
    margin-right: -2px!important
  }
  .me-md-n4 {
    margin-right: -4px!important
  }
  .me-md-n6 {
    margin-right: -6px!important
  }
  .me-md-n8 {
    margin-right: -8px!important
  }
  .me-md-n10 {
    margin-right: -10px!important
  }
  .me-md-n12 {
    margin-right: -12px!important
  }
  .me-md-n16 {
    margin-right: -16px!important
  }
  .me-md-n20 {
    margin-right: -20px!important
  }
  .me-md-n24 {
    margin-right: -24px!important
  }
  .me-md-n28 {
    margin-right: -28px!important
  }
  .me-md-n32 {
    margin-right: -32px!important
  }
  .me-md-n40 {
    margin-right: -40px!important
  }
  .me-md-n48 {
    margin-right: -48px!important
  }
  .me-md-n56 {
    margin-right: -56px!important
  }
  .me-md-n64 {
    margin-right: -64px!important
  }
  .me-md-n80 {
    margin-right: -80px!important
  }
  .me-md-n96 {
    margin-right: -96px!important
  }
  .me-md-n120 {
    margin-right: -120px!important
  }
  .me-md-n160 {
    margin-right: -160px!important
  }
  .me-md-n240 {
    margin-right: -240px!important
  }
  .me-md-n320 {
    margin-right: -320px!important
  }
  .me-md-n400 {
    margin-right: -400px!important
  }
  .mb-md-n2 {
    margin-bottom: -2px!important
  }
  .mb-md-n4 {
    margin-bottom: -4px!important
  }
  .mb-md-n6 {
    margin-bottom: -6px!important
  }
  .mb-md-n8 {
    margin-bottom: -8px!important
  }
  .mb-md-n10 {
    margin-bottom: -10px!important
  }
  .mb-md-n12 {
    margin-bottom: -12px!important
  }
  .mb-md-n16 {
    margin-bottom: -16px!important
  }
  .mb-md-n20 {
    margin-bottom: -20px!important
  }
  .mb-md-n24 {
    margin-bottom: -24px!important
  }
  .mb-md-n28 {
    margin-bottom: -28px!important
  }
  .mb-md-n32 {
    margin-bottom: -32px!important
  }
  .mb-md-n40 {
    margin-bottom: -40px!important
  }
  .mb-md-n48 {
    margin-bottom: -48px!important
  }
  .mb-md-n56 {
    margin-bottom: -56px!important
  }
  .mb-md-n64 {
    margin-bottom: -64px!important
  }
  .mb-md-n80 {
    margin-bottom: -80px!important
  }
  .mb-md-n96 {
    margin-bottom: -96px!important
  }
  .mb-md-n120 {
    margin-bottom: -120px!important
  }
  .mb-md-n160 {
    margin-bottom: -160px!important
  }
  .mb-md-n240 {
    margin-bottom: -240px!important
  }
  .mb-md-n320 {
    margin-bottom: -320px!important
  }
  .mb-md-n400 {
    margin-bottom: -400px!important
  }
  .ms-md-n2 {
    margin-left: -2px!important
  }
  .ms-md-n4 {
    margin-left: -4px!important
  }
  .ms-md-n6 {
    margin-left: -6px!important
  }
  .ms-md-n8 {
    margin-left: -8px!important
  }
  .ms-md-n10 {
    margin-left: -10px!important
  }
  .ms-md-n12 {
    margin-left: -12px!important
  }
  .ms-md-n16 {
    margin-left: -16px!important
  }
  .ms-md-n20 {
    margin-left: -20px!important
  }
  .ms-md-n24 {
    margin-left: -24px!important
  }
  .ms-md-n28 {
    margin-left: -28px!important
  }
  .ms-md-n32 {
    margin-left: -32px!important
  }
  .ms-md-n40 {
    margin-left: -40px!important
  }
  .ms-md-n48 {
    margin-left: -48px!important
  }
  .ms-md-n56 {
    margin-left: -56px!important
  }
  .ms-md-n64 {
    margin-left: -64px!important
  }
  .ms-md-n80 {
    margin-left: -80px!important
  }
  .ms-md-n96 {
    margin-left: -96px!important
  }
  .ms-md-n120 {
    margin-left: -120px!important
  }
  .ms-md-n160 {
    margin-left: -160px!important
  }
  .ms-md-n240 {
    margin-left: -240px!important
  }
  .ms-md-n320 {
    margin-left: -320px!important
  }
  .ms-md-n400 {
    margin-left: -400px!important
  }
  .p-md-0 {
    padding: 0!important
  }
  .p-md-2 {
    padding: 2px!important
  }
  .p-md-4 {
    padding: 4px!important
  }
  .p-md-6 {
    padding: 6px!important
  }
  .p-md-8 {
    padding: 8px!important
  }
  .p-md-10 {
    padding: 10px!important
  }
  .p-md-12 {
    padding: 12px!important
  }
  .p-md-16 {
    padding: 16px!important
  }
  .p-md-20 {
    padding: 20px!important
  }
  .p-md-24 {
    padding: 24px!important
  }
  .p-md-28 {
    padding: 28px!important
  }
  .p-md-32 {
    padding: 32px!important
  }
  .p-md-40 {
    padding: 40px!important
  }
  .p-md-48 {
    padding: 48px!important
  }
  .p-md-56 {
    padding: 56px!important
  }
  .p-md-64 {
    padding: 64px!important
  }
  .p-md-80 {
    padding: 80px!important
  }
  .p-md-96 {
    padding: 96px!important
  }
  .p-md-120 {
    padding: 120px!important
  }
  .p-md-160 {
    padding: 160px!important
  }
  .p-md-240 {
    padding: 240px!important
  }
  .p-md-320 {
    padding: 320px!important
  }
  .p-md-400 {
    padding: 400px!important
  }
  .px-md-0 {
    padding-right: 0!important;
    padding-left: 0!important
  }
  .px-md-2 {
    padding-right: 2px!important;
    padding-left: 2px!important
  }
  .px-md-4 {
    padding-right: 4px!important;
    padding-left: 4px!important
  }
  .px-md-6 {
    padding-right: 6px!important;
    padding-left: 6px!important
  }
  .px-md-8 {
    padding-right: 8px!important;
    padding-left: 8px!important
  }
  .px-md-10 {
    padding-right: 10px!important;
    padding-left: 10px!important
  }
  .px-md-12 {
    padding-right: 12px!important;
    padding-left: 12px!important
  }
  .px-md-16 {
    padding-right: 16px!important;
    padding-left: 16px!important
  }
  .px-md-20 {
    padding-right: 20px!important;
    padding-left: 20px!important
  }
  .px-md-24 {
    padding-right: 24px!important;
    padding-left: 24px!important
  }
  .px-md-28 {
    padding-right: 28px!important;
    padding-left: 28px!important
  }
  .px-md-32 {
    padding-right: 32px!important;
    padding-left: 32px!important
  }
  .px-md-40 {
    padding-right: 40px!important;
    padding-left: 40px!important
  }
  .px-md-48 {
    padding-right: 48px!important;
    padding-left: 48px!important
  }
  .px-md-56 {
    padding-right: 56px!important;
    padding-left: 56px!important
  }
  .px-md-64 {
    padding-right: 64px!important;
    padding-left: 64px!important
  }
  .px-md-80 {
    padding-right: 80px!important;
    padding-left: 80px!important
  }
  .px-md-96 {
    padding-right: 96px!important;
    padding-left: 96px!important
  }
  .px-md-120 {
    padding-right: 120px!important;
    padding-left: 120px!important
  }
  .px-md-160 {
    padding-right: 160px!important;
    padding-left: 160px!important
  }
  .px-md-240 {
    padding-right: 240px!important;
    padding-left: 240px!important
  }
  .px-md-320 {
    padding-right: 320px!important;
    padding-left: 320px!important
  }
  .px-md-400 {
    padding-right: 400px!important;
    padding-left: 400px!important
  }
  .py-md-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
  }
  .py-md-2 {
    padding-top: 2px!important;
    padding-bottom: 2px!important
  }
  .py-md-4 {
    padding-top: 4px!important;
    padding-bottom: 4px!important
  }
  .py-md-6 {
    padding-top: 6px!important;
    padding-bottom: 6px!important
  }
  .py-md-8 {
    padding-top: 8px!important;
    padding-bottom: 8px!important
  }
  .py-md-10 {
    padding-top: 10px!important;
    padding-bottom: 10px!important
  }
  .py-md-12 {
    padding-top: 12px!important;
    padding-bottom: 12px!important
  }
  .py-md-16 {
    padding-top: 16px!important;
    padding-bottom: 16px!important
  }
  .py-md-20 {
    padding-top: 20px!important;
    padding-bottom: 20px!important
  }
  .py-md-24 {
    padding-top: 24px!important;
    padding-bottom: 24px!important
  }
  .py-md-28 {
    padding-top: 28px!important;
    padding-bottom: 28px!important
  }
  .py-md-32 {
    padding-top: 32px!important;
    padding-bottom: 32px!important
  }
  .py-md-40 {
    padding-top: 40px!important;
    padding-bottom: 40px!important
  }
  .py-md-48 {
    padding-top: 48px!important;
    padding-bottom: 48px!important
  }
  .py-md-56 {
    padding-top: 56px!important;
    padding-bottom: 56px!important
  }
  .py-md-64 {
    padding-top: 64px!important;
    padding-bottom: 64px!important
  }
  .py-md-80 {
    padding-top: 80px!important;
    padding-bottom: 80px!important
  }
  .py-md-96 {
    padding-top: 96px!important;
    padding-bottom: 96px!important
  }
  .py-md-120 {
    padding-top: 120px!important;
    padding-bottom: 120px!important
  }
  .py-md-160 {
    padding-top: 160px!important;
    padding-bottom: 160px!important
  }
  .py-md-240 {
    padding-top: 240px!important;
    padding-bottom: 240px!important
  }
  .py-md-320 {
    padding-top: 320px!important;
    padding-bottom: 320px!important
  }
  .py-md-400 {
    padding-top: 400px!important;
    padding-bottom: 400px!important
  }
  .pt-md-0 {
    padding-top: 0!important
  }
  .pt-md-2 {
    padding-top: 2px!important
  }
  .pt-md-4 {
    padding-top: 4px!important
  }
  .pt-md-6 {
    padding-top: 6px!important
  }
  .pt-md-8 {
    padding-top: 8px!important
  }
  .pt-md-10 {
    padding-top: 10px!important
  }
  .pt-md-12 {
    padding-top: 12px!important
  }
  .pt-md-16 {
    padding-top: 16px!important
  }
  .pt-md-20 {
    padding-top: 20px!important
  }
  .pt-md-24 {
    padding-top: 24px!important
  }
  .pt-md-28 {
    padding-top: 28px!important
  }
  .pt-md-32 {
    padding-top: 32px!important
  }
  .pt-md-40 {
    padding-top: 40px!important
  }
  .pt-md-48 {
    padding-top: 48px!important
  }
  .pt-md-56 {
    padding-top: 56px!important
  }
  .pt-md-64 {
    padding-top: 64px!important
  }
  .pt-md-80 {
    padding-top: 80px!important
  }
  .pt-md-96 {
    padding-top: 96px!important
  }
  .pt-md-120 {
    padding-top: 120px!important
  }
  .pt-md-160 {
    padding-top: 160px!important
  }
  .pt-md-240 {
    padding-top: 240px!important
  }
  .pt-md-320 {
    padding-top: 320px!important
  }
  .pt-md-400 {
    padding-top: 400px!important
  }
  .pe-md-0 {
    padding-right: 0!important
  }
  .pe-md-2 {
    padding-right: 2px!important
  }
  .pe-md-4 {
    padding-right: 4px!important
  }
  .pe-md-6 {
    padding-right: 6px!important
  }
  .pe-md-8 {
    padding-right: 8px!important
  }
  .pe-md-10 {
    padding-right: 10px!important
  }
  .pe-md-12 {
    padding-right: 12px!important
  }
  .pe-md-16 {
    padding-right: 16px!important
  }
  .pe-md-20 {
    padding-right: 20px!important
  }
  .pe-md-24 {
    padding-right: 24px!important
  }
  .pe-md-28 {
    padding-right: 28px!important
  }
  .pe-md-32 {
    padding-right: 32px!important
  }
  .pe-md-40 {
    padding-right: 40px!important
  }
  .pe-md-48 {
    padding-right: 48px!important
  }
  .pe-md-56 {
    padding-right: 56px!important
  }
  .pe-md-64 {
    padding-right: 64px!important
  }
  .pe-md-80 {
    padding-right: 80px!important
  }
  .pe-md-96 {
    padding-right: 96px!important
  }
  .pe-md-120 {
    padding-right: 120px!important
  }
  .pe-md-160 {
    padding-right: 160px!important
  }
  .pe-md-240 {
    padding-right: 240px!important
  }
  .pe-md-320 {
    padding-right: 320px!important
  }
  .pe-md-400 {
    padding-right: 400px!important
  }
  .pb-md-0 {
    padding-bottom: 0!important
  }
  .pb-md-2 {
    padding-bottom: 2px!important
  }
  .pb-md-4 {
    padding-bottom: 4px!important
  }
  .pb-md-6 {
    padding-bottom: 6px!important
  }
  .pb-md-8 {
    padding-bottom: 8px!important
  }
  .pb-md-10 {
    padding-bottom: 10px!important
  }
  .pb-md-12 {
    padding-bottom: 12px!important
  }
  .pb-md-16 {
    padding-bottom: 16px!important
  }
  .pb-md-20 {
    padding-bottom: 20px!important
  }
  .pb-md-24 {
    padding-bottom: 24px!important
  }
  .pb-md-28 {
    padding-bottom: 28px!important
  }
  .pb-md-32 {
    padding-bottom: 32px!important
  }
  .pb-md-40 {
    padding-bottom: 40px!important
  }
  .pb-md-48 {
    padding-bottom: 48px!important
  }
  .pb-md-56 {
    padding-bottom: 56px!important
  }
  .pb-md-64 {
    padding-bottom: 64px!important
  }
  .pb-md-80 {
    padding-bottom: 80px!important
  }
  .pb-md-96 {
    padding-bottom: 96px!important
  }
  .pb-md-120 {
    padding-bottom: 120px!important
  }
  .pb-md-160 {
    padding-bottom: 160px!important
  }
  .pb-md-240 {
    padding-bottom: 240px!important
  }
  .pb-md-320 {
    padding-bottom: 320px!important
  }
  .pb-md-400 {
    padding-bottom: 400px!important
  }
  .ps-md-0 {
    padding-left: 0!important
  }
  .ps-md-2 {
    padding-left: 2px!important
  }
  .ps-md-4 {
    padding-left: 4px!important
  }
  .ps-md-6 {
    padding-left: 6px!important
  }
  .ps-md-8 {
    padding-left: 8px!important
  }
  .ps-md-10 {
    padding-left: 10px!important
  }
  .ps-md-12 {
    padding-left: 12px!important
  }
  .ps-md-16 {
    padding-left: 16px!important
  }
  .ps-md-20 {
    padding-left: 20px!important
  }
  .ps-md-24 {
    padding-left: 24px!important
  }
  .ps-md-28 {
    padding-left: 28px!important
  }
  .ps-md-32 {
    padding-left: 32px!important
  }
  .ps-md-40 {
    padding-left: 40px!important
  }
  .ps-md-48 {
    padding-left: 48px!important
  }
  .ps-md-56 {
    padding-left: 56px!important
  }
  .ps-md-64 {
    padding-left: 64px!important
  }
  .ps-md-80 {
    padding-left: 80px!important
  }
  .ps-md-96 {
    padding-left: 96px!important
  }
  .ps-md-120 {
    padding-left: 120px!important
  }
  .ps-md-160 {
    padding-left: 160px!important
  }
  .ps-md-240 {
    padding-left: 240px!important
  }
  .ps-md-320 {
    padding-left: 320px!important
  }
  .ps-md-400 {
    padding-left: 400px!important
  }
  .gap-md-0 {
    gap: 0!important
  }
  .gap-md-2 {
    gap: 2px!important
  }
  .gap-md-4 {
    gap: 4px!important
  }
  .gap-md-6 {
    gap: 6px!important
  }
  .gap-md-8 {
    gap: 8px!important
  }
  .gap-md-10 {
    gap: 10px!important
  }
  .gap-md-12 {
    gap: 12px!important
  }
  .gap-md-16 {
    gap: 16px!important
  }
  .gap-md-20 {
    gap: 20px!important
  }
  .gap-md-24 {
    gap: 24px!important
  }
  .gap-md-28 {
    gap: 28px!important
  }
  .gap-md-32 {
    gap: 32px!important
  }
  .gap-md-40 {
    gap: 40px!important
  }
  .gap-md-48 {
    gap: 48px!important
  }
  .gap-md-56 {
    gap: 56px!important
  }
  .gap-md-64 {
    gap: 64px!important
  }
  .gap-md-80 {
    gap: 80px!important
  }
  .gap-md-96 {
    gap: 96px!important
  }
  .gap-md-120 {
    gap: 120px!important
  }
  .gap-md-160 {
    gap: 160px!important
  }
  .gap-md-240 {
    gap: 240px!important
  }
  .gap-md-320 {
    gap: 320px!important
  }
  .gap-md-400 {
    gap: 400px!important
  }
  .text-md-start {
    text-align: left!important
  }
  .text-md-end {
    text-align: right!important
  }
  .text-md-center {
    text-align: center!important
  }
}
@media(min-width:1200px) {
  .float-xl-start {
    float: left!important
  }
  .float-xl-end {
    float: right!important
  }
  .float-xl-none {
    float: none!important
  }
  .d-xl-inline {
    display: inline!important
  }
  .d-xl-inline-block {
    display: inline-block!important
  }
  .d-xl-block {
    display: block!important
  }
  .d-xl-grid {
    display: grid!important
  }
  .d-xl-table {
    display: table!important
  }
  .d-xl-table-row {
    display: table-row!important
  }
  .d-xl-table-cell {
    display: table-cell!important
  }
  .d-xl-flex {
    display: flex!important
  }
  .d-xl-inline-flex {
    display: inline-flex!important
  }
  .d-xl-none {
    display: none!important
  }
  .flex-xl-fill {
    flex: 1 1 auto!important
  }
  .flex-xl-row {
    flex-direction: row!important
  }
  .flex-xl-column {
    flex-direction: column!important
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse!important
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse!important
  }
  .flex-xl-grow-0 {
    flex-grow: 0!important
  }
  .flex-xl-grow-1 {
    flex-grow: 1!important
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0!important
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1!important
  }
  .flex-xl-wrap {
    flex-wrap: wrap!important
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap!important
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse!important
  }
  .justify-content-xl-start {
    justify-content: flex-start!important
  }
  .justify-content-xl-end {
    justify-content: flex-end!important
  }
  .justify-content-xl-center {
    justify-content: center!important
  }
  .justify-content-xl-between {
    justify-content: space-between!important
  }
  .justify-content-xl-around {
    justify-content: space-around!important
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly!important
  }
  .align-items-xl-start {
    align-items: flex-start!important
  }
  .align-items-xl-end {
    align-items: flex-end!important
  }
  .align-items-xl-center {
    align-items: center!important
  }
  .align-items-xl-baseline {
    align-items: baseline!important
  }
  .align-items-xl-stretch {
    align-items: stretch!important
  }
  .align-content-xl-start {
    align-content: flex-start!important
  }
  .align-content-xl-end {
    align-content: flex-end!important
  }
  .align-content-xl-center {
    align-content: center!important
  }
  .align-content-xl-between {
    align-content: space-between!important
  }
  .align-content-xl-around {
    align-content: space-around!important
  }
  .align-content-xl-stretch {
    align-content: stretch!important
  }
  .align-self-xl-auto {
    align-self: auto!important
  }
  .align-self-xl-start {
    align-self: flex-start!important
  }
  .align-self-xl-end {
    align-self: flex-end!important
  }
  .align-self-xl-center {
    align-self: center!important
  }
  .align-self-xl-baseline {
    align-self: baseline!important
  }
  .align-self-xl-stretch {
    align-self: stretch!important
  }
  .order-xl-first {
    order: -1!important
  }
  .order-xl-0 {
    order: 0!important
  }
  .order-xl-1 {
    order: 1!important
  }
  .order-xl-2 {
    order: 2!important
  }
  .order-xl-3 {
    order: 3!important
  }
  .order-xl-4 {
    order: 4!important
  }
  .order-xl-5 {
    order: 5!important
  }
  .order-xl-last {
    order: 6!important
  }
  .m-xl-0 {
    margin: 0!important
  }
  .m-xl-2 {
    margin: 2px!important
  }
  .m-xl-4 {
    margin: 4px!important
  }
  .m-xl-6 {
    margin: 6px!important
  }
  .m-xl-8 {
    margin: 8px!important
  }
  .m-xl-10 {
    margin: 10px!important
  }
  .m-xl-12 {
    margin: 12px!important
  }
  .m-xl-16 {
    margin: 16px!important
  }
  .m-xl-20 {
    margin: 20px!important
  }
  .m-xl-24 {
    margin: 24px!important
  }
  .m-xl-28 {
    margin: 28px!important
  }
  .m-xl-32 {
    margin: 32px!important
  }
  .m-xl-40 {
    margin: 40px!important
  }
  .m-xl-48 {
    margin: 48px!important
  }
  .m-xl-56 {
    margin: 56px!important
  }
  .m-xl-64 {
    margin: 64px!important
  }
  .m-xl-80 {
    margin: 80px!important
  }
  .m-xl-96 {
    margin: 96px!important
  }
  .m-xl-120 {
    margin: 120px!important
  }
  .m-xl-160 {
    margin: 160px!important
  }
  .m-xl-240 {
    margin: 240px!important
  }
  .m-xl-320 {
    margin: 320px!important
  }
  .m-xl-400 {
    margin: 400px!important
  }
  .m-xl-auto {
    margin: auto!important
  }
  .mx-xl-0 {
    margin-right: 0!important;
    margin-left: 0!important
  }
  .mx-xl-2 {
    margin-right: 2px!important;
    margin-left: 2px!important
  }
  .mx-xl-4 {
    margin-right: 4px!important;
    margin-left: 4px!important
  }
  .mx-xl-6 {
    margin-right: 6px!important;
    margin-left: 6px!important
  }
  .mx-xl-8 {
    margin-right: 8px!important;
    margin-left: 8px!important
  }
  .mx-xl-10 {
    margin-right: 10px!important;
    margin-left: 10px!important
  }
  .mx-xl-12 {
    margin-right: 12px!important;
    margin-left: 12px!important
  }
  .mx-xl-16 {
    margin-right: 16px!important;
    margin-left: 16px!important
  }
  .mx-xl-20 {
    margin-right: 20px!important;
    margin-left: 20px!important
  }
  .mx-xl-24 {
    margin-right: 24px!important;
    margin-left: 24px!important
  }
  .mx-xl-28 {
    margin-right: 28px!important;
    margin-left: 28px!important
  }
  .mx-xl-32 {
    margin-right: 32px!important;
    margin-left: 32px!important
  }
  .mx-xl-40 {
    margin-right: 40px!important;
    margin-left: 40px!important
  }
  .mx-xl-48 {
    margin-right: 48px!important;
    margin-left: 48px!important
  }
  .mx-xl-56 {
    margin-right: 56px!important;
    margin-left: 56px!important
  }
  .mx-xl-64 {
    margin-right: 64px!important;
    margin-left: 64px!important
  }
  .mx-xl-80 {
    margin-right: 80px!important;
    margin-left: 80px!important
  }
  .mx-xl-96 {
    margin-right: 96px!important;
    margin-left: 96px!important
  }
  .mx-xl-120 {
    margin-right: 120px!important;
    margin-left: 120px!important
  }
  .mx-xl-160 {
    margin-right: 160px!important;
    margin-left: 160px!important
  }
  .mx-xl-240 {
    margin-right: 240px!important;
    margin-left: 240px!important
  }
  .mx-xl-320 {
    margin-right: 320px!important;
    margin-left: 320px!important
  }
  .mx-xl-400 {
    margin-right: 400px!important;
    margin-left: 400px!important
  }
  .mx-xl-auto {
    margin-right: auto!important;
    margin-left: auto!important
  }
  .my-xl-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
  }
  .my-xl-2 {
    margin-top: 2px!important;
    margin-bottom: 2px!important
  }
  .my-xl-4 {
    margin-top: 4px!important;
    margin-bottom: 4px!important
  }
  .my-xl-6 {
    margin-top: 6px!important;
    margin-bottom: 6px!important
  }
  .my-xl-8 {
    margin-top: 8px!important;
    margin-bottom: 8px!important
  }
  .my-xl-10 {
    margin-top: 10px!important;
    margin-bottom: 10px!important
  }
  .my-xl-12 {
    margin-top: 12px!important;
    margin-bottom: 12px!important
  }
  .my-xl-16 {
    margin-top: 16px!important;
    margin-bottom: 16px!important
  }
  .my-xl-20 {
    margin-top: 20px!important;
    margin-bottom: 20px!important
  }
  .my-xl-24 {
    margin-top: 24px!important;
    margin-bottom: 24px!important
  }
  .my-xl-28 {
    margin-top: 28px!important;
    margin-bottom: 28px!important
  }
  .my-xl-32 {
    margin-top: 32px!important;
    margin-bottom: 32px!important
  }
  .my-xl-40 {
    margin-top: 40px!important;
    margin-bottom: 40px!important
  }
  .my-xl-48 {
    margin-top: 48px!important;
    margin-bottom: 48px!important
  }
  .my-xl-56 {
    margin-top: 56px!important;
    margin-bottom: 56px!important
  }
  .my-xl-64 {
    margin-top: 64px!important;
    margin-bottom: 64px!important
  }
  .my-xl-80 {
    margin-top: 80px!important;
    margin-bottom: 80px!important
  }
  .my-xl-96 {
    margin-top: 96px!important;
    margin-bottom: 96px!important
  }
  .my-xl-120 {
    margin-top: 120px!important;
    margin-bottom: 120px!important
  }
  .my-xl-160 {
    margin-top: 160px!important;
    margin-bottom: 160px!important
  }
  .my-xl-240 {
    margin-top: 240px!important;
    margin-bottom: 240px!important
  }
  .my-xl-320 {
    margin-top: 320px!important;
    margin-bottom: 320px!important
  }
  .my-xl-400 {
    margin-top: 400px!important;
    margin-bottom: 400px!important
  }
  .my-xl-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
  }
  .mt-xl-0 {
    margin-top: 0!important
  }
  .mt-xl-2 {
    margin-top: 2px!important
  }
  .mt-xl-4 {
    margin-top: 4px!important
  }
  .mt-xl-6 {
    margin-top: 6px!important
  }
  .mt-xl-8 {
    margin-top: 8px!important
  }
  .mt-xl-10 {
    margin-top: 10px!important
  }
  .mt-xl-12 {
    margin-top: 12px!important
  }
  .mt-xl-16 {
    margin-top: 16px!important
  }
  .mt-xl-20 {
    margin-top: 20px!important
  }
  .mt-xl-24 {
    margin-top: 24px!important
  }
  .mt-xl-28 {
    margin-top: 28px!important
  }
  .mt-xl-32 {
    margin-top: 32px!important
  }
  .mt-xl-40 {
    margin-top: 40px!important
  }
  .mt-xl-48 {
    margin-top: 48px!important
  }
  .mt-xl-56 {
    margin-top: 56px!important
  }
  .mt-xl-64 {
    margin-top: 64px!important
  }
  .mt-xl-80 {
    margin-top: 80px!important
  }
  .mt-xl-96 {
    margin-top: 96px!important
  }
  .mt-xl-120 {
    margin-top: 120px!important
  }
  .mt-xl-160 {
    margin-top: 160px!important
  }
  .mt-xl-240 {
    margin-top: 240px!important
  }
  .mt-xl-320 {
    margin-top: 320px!important
  }
  .mt-xl-400 {
    margin-top: 400px!important
  }
  .mt-xl-auto {
    margin-top: auto!important
  }
  .me-xl-0 {
    margin-right: 0!important
  }
  .me-xl-2 {
    margin-right: 2px!important
  }
  .me-xl-4 {
    margin-right: 4px!important
  }
  .me-xl-6 {
    margin-right: 6px!important
  }
  .me-xl-8 {
    margin-right: 8px!important
  }
  .me-xl-10 {
    margin-right: 10px!important
  }
  .me-xl-12 {
    margin-right: 12px!important
  }
  .me-xl-16 {
    margin-right: 16px!important
  }
  .me-xl-20 {
    margin-right: 20px!important
  }
  .me-xl-24 {
    margin-right: 24px!important
  }
  .me-xl-28 {
    margin-right: 28px!important
  }
  .me-xl-32 {
    margin-right: 32px!important
  }
  .me-xl-40 {
    margin-right: 40px!important
  }
  .me-xl-48 {
    margin-right: 48px!important
  }
  .me-xl-56 {
    margin-right: 56px!important
  }
  .me-xl-64 {
    margin-right: 64px!important
  }
  .me-xl-80 {
    margin-right: 80px!important
  }
  .me-xl-96 {
    margin-right: 96px!important
  }
  .me-xl-120 {
    margin-right: 120px!important
  }
  .me-xl-160 {
    margin-right: 160px!important
  }
  .me-xl-240 {
    margin-right: 240px!important
  }
  .me-xl-320 {
    margin-right: 320px!important
  }
  .me-xl-400 {
    margin-right: 400px!important
  }
  .me-xl-auto {
    margin-right: auto!important
  }
  .mb-xl-0 {
    margin-bottom: 0!important
  }
  .mb-xl-2 {
    margin-bottom: 2px!important
  }
  .mb-xl-4 {
    margin-bottom: 4px!important
  }
  .mb-xl-6 {
    margin-bottom: 6px!important
  }
  .mb-xl-8 {
    margin-bottom: 8px!important
  }
  .mb-xl-10 {
    margin-bottom: 10px!important
  }
  .mb-xl-12 {
    margin-bottom: 12px!important
  }
  .mb-xl-16 {
    margin-bottom: 16px!important
  }
  .mb-xl-20 {
    margin-bottom: 20px!important
  }
  .mb-xl-24 {
    margin-bottom: 24px!important
  }
  .mb-xl-28 {
    margin-bottom: 28px!important
  }
  .mb-xl-32 {
    margin-bottom: 32px!important
  }
  .mb-xl-40 {
    margin-bottom: 40px!important
  }
  .mb-xl-48 {
    margin-bottom: 48px!important
  }
  .mb-xl-56 {
    margin-bottom: 56px!important
  }
  .mb-xl-64 {
    margin-bottom: 64px!important
  }
  .mb-xl-80 {
    margin-bottom: 80px!important
  }
  .mb-xl-96 {
    margin-bottom: 96px!important
  }
  .mb-xl-120 {
    margin-bottom: 120px!important
  }
  .mb-xl-160 {
    margin-bottom: 160px!important
  }
  .mb-xl-240 {
    margin-bottom: 240px!important
  }
  .mb-xl-320 {
    margin-bottom: 320px!important
  }
  .mb-xl-400 {
    margin-bottom: 400px!important
  }
  .mb-xl-auto {
    margin-bottom: auto!important
  }
  .ms-xl-0 {
    margin-left: 0!important
  }
  .ms-xl-2 {
    margin-left: 2px!important
  }
  .ms-xl-4 {
    margin-left: 4px!important
  }
  .ms-xl-6 {
    margin-left: 6px!important
  }
  .ms-xl-8 {
    margin-left: 8px!important
  }
  .ms-xl-10 {
    margin-left: 10px!important
  }
  .ms-xl-12 {
    margin-left: 12px!important
  }
  .ms-xl-16 {
    margin-left: 16px!important
  }
  .ms-xl-20 {
    margin-left: 20px!important
  }
  .ms-xl-24 {
    margin-left: 24px!important
  }
  .ms-xl-28 {
    margin-left: 28px!important
  }
  .ms-xl-32 {
    margin-left: 32px!important
  }
  .ms-xl-40 {
    margin-left: 40px!important
  }
  .ms-xl-48 {
    margin-left: 48px!important
  }
  .ms-xl-56 {
    margin-left: 56px!important
  }
  .ms-xl-64 {
    margin-left: 64px!important
  }
  .ms-xl-80 {
    margin-left: 80px!important
  }
  .ms-xl-96 {
    margin-left: 96px!important
  }
  .ms-xl-120 {
    margin-left: 120px!important
  }
  .ms-xl-160 {
    margin-left: 160px!important
  }
  .ms-xl-240 {
    margin-left: 240px!important
  }
  .ms-xl-320 {
    margin-left: 320px!important
  }
  .ms-xl-400 {
    margin-left: 400px!important
  }
  .ms-xl-auto {
    margin-left: auto!important
  }
  .m-xl-n2 {
    margin: -2px!important
  }
  .m-xl-n4 {
    margin: -4px!important
  }
  .m-xl-n6 {
    margin: -6px!important
  }
  .m-xl-n8 {
    margin: -8px!important
  }
  .m-xl-n10 {
    margin: -10px!important
  }
  .m-xl-n12 {
    margin: -12px!important
  }
  .m-xl-n16 {
    margin: -16px!important
  }
  .m-xl-n20 {
    margin: -20px!important
  }
  .m-xl-n24 {
    margin: -24px!important
  }
  .m-xl-n28 {
    margin: -28px!important
  }
  .m-xl-n32 {
    margin: -32px!important
  }
  .m-xl-n40 {
    margin: -40px!important
  }
  .m-xl-n48 {
    margin: -48px!important
  }
  .m-xl-n56 {
    margin: -56px!important
  }
  .m-xl-n64 {
    margin: -64px!important
  }
  .m-xl-n80 {
    margin: -80px!important
  }
  .m-xl-n96 {
    margin: -96px!important
  }
  .m-xl-n120 {
    margin: -120px!important
  }
  .m-xl-n160 {
    margin: -160px!important
  }
  .m-xl-n240 {
    margin: -240px!important
  }
  .m-xl-n320 {
    margin: -320px!important
  }
  .m-xl-n400 {
    margin: -400px!important
  }
  .mx-xl-n2 {
    margin-right: -2px!important;
    margin-left: -2px!important
  }
  .mx-xl-n4 {
    margin-right: -4px!important;
    margin-left: -4px!important
  }
  .mx-xl-n6 {
    margin-right: -6px!important;
    margin-left: -6px!important
  }
  .mx-xl-n8 {
    margin-right: -8px!important;
    margin-left: -8px!important
  }
  .mx-xl-n10 {
    margin-right: -10px!important;
    margin-left: -10px!important
  }
  .mx-xl-n12 {
    margin-right: -12px!important;
    margin-left: -12px!important
  }
  .mx-xl-n16 {
    margin-right: -16px!important;
    margin-left: -16px!important
  }
  .mx-xl-n20 {
    margin-right: -20px!important;
    margin-left: -20px!important
  }
  .mx-xl-n24 {
    margin-right: -24px!important;
    margin-left: -24px!important
  }
  .mx-xl-n28 {
    margin-right: -28px!important;
    margin-left: -28px!important
  }
  .mx-xl-n32 {
    margin-right: -32px!important;
    margin-left: -32px!important
  }
  .mx-xl-n40 {
    margin-right: -40px!important;
    margin-left: -40px!important
  }
  .mx-xl-n48 {
    margin-right: -48px!important;
    margin-left: -48px!important
  }
  .mx-xl-n56 {
    margin-right: -56px!important;
    margin-left: -56px!important
  }
  .mx-xl-n64 {
    margin-right: -64px!important;
    margin-left: -64px!important
  }
  .mx-xl-n80 {
    margin-right: -80px!important;
    margin-left: -80px!important
  }
  .mx-xl-n96 {
    margin-right: -96px!important;
    margin-left: -96px!important
  }
  .mx-xl-n120 {
    margin-right: -120px!important;
    margin-left: -120px!important
  }
  .mx-xl-n160 {
    margin-right: -160px!important;
    margin-left: -160px!important
  }
  .mx-xl-n240 {
    margin-right: -240px!important;
    margin-left: -240px!important
  }
  .mx-xl-n320 {
    margin-right: -320px!important;
    margin-left: -320px!important
  }
  .mx-xl-n400 {
    margin-right: -400px!important;
    margin-left: -400px!important
  }
  .my-xl-n2 {
    margin-top: -2px!important;
    margin-bottom: -2px!important
  }
  .my-xl-n4 {
    margin-top: -4px!important;
    margin-bottom: -4px!important
  }
  .my-xl-n6 {
    margin-top: -6px!important;
    margin-bottom: -6px!important
  }
  .my-xl-n8 {
    margin-top: -8px!important;
    margin-bottom: -8px!important
  }
  .my-xl-n10 {
    margin-top: -10px!important;
    margin-bottom: -10px!important
  }
  .my-xl-n12 {
    margin-top: -12px!important;
    margin-bottom: -12px!important
  }
  .my-xl-n16 {
    margin-top: -16px!important;
    margin-bottom: -16px!important
  }
  .my-xl-n20 {
    margin-top: -20px!important;
    margin-bottom: -20px!important
  }
  .my-xl-n24 {
    margin-top: -24px!important;
    margin-bottom: -24px!important
  }
  .my-xl-n28 {
    margin-top: -28px!important;
    margin-bottom: -28px!important
  }
  .my-xl-n32 {
    margin-top: -32px!important;
    margin-bottom: -32px!important
  }
  .my-xl-n40 {
    margin-top: -40px!important;
    margin-bottom: -40px!important
  }
  .my-xl-n48 {
    margin-top: -48px!important;
    margin-bottom: -48px!important
  }
  .my-xl-n56 {
    margin-top: -56px!important;
    margin-bottom: -56px!important
  }
  .my-xl-n64 {
    margin-top: -64px!important;
    margin-bottom: -64px!important
  }
  .my-xl-n80 {
    margin-top: -80px!important;
    margin-bottom: -80px!important
  }
  .my-xl-n96 {
    margin-top: -96px!important;
    margin-bottom: -96px!important
  }
  .my-xl-n120 {
    margin-top: -120px!important;
    margin-bottom: -120px!important
  }
  .my-xl-n160 {
    margin-top: -160px!important;
    margin-bottom: -160px!important
  }
  .my-xl-n240 {
    margin-top: -240px!important;
    margin-bottom: -240px!important
  }
  .my-xl-n320 {
    margin-top: -320px!important;
    margin-bottom: -320px!important
  }
  .my-xl-n400 {
    margin-top: -400px!important;
    margin-bottom: -400px!important
  }
  .mt-xl-n2 {
    margin-top: -2px!important
  }
  .mt-xl-n4 {
    margin-top: -4px!important
  }
  .mt-xl-n6 {
    margin-top: -6px!important
  }
  .mt-xl-n8 {
    margin-top: -8px!important
  }
  .mt-xl-n10 {
    margin-top: -10px!important
  }
  .mt-xl-n12 {
    margin-top: -12px!important
  }
  .mt-xl-n16 {
    margin-top: -16px!important
  }
  .mt-xl-n20 {
    margin-top: -20px!important
  }
  .mt-xl-n24 {
    margin-top: -24px!important
  }
  .mt-xl-n28 {
    margin-top: -28px!important
  }
  .mt-xl-n32 {
    margin-top: -32px!important
  }
  .mt-xl-n40 {
    margin-top: -40px!important
  }
  .mt-xl-n48 {
    margin-top: -48px!important
  }
  .mt-xl-n56 {
    margin-top: -56px!important
  }
  .mt-xl-n64 {
    margin-top: -64px!important
  }
  .mt-xl-n80 {
    margin-top: -80px!important
  }
  .mt-xl-n96 {
    margin-top: -96px!important
  }
  .mt-xl-n120 {
    margin-top: -120px!important
  }
  .mt-xl-n160 {
    margin-top: -160px!important
  }
  .mt-xl-n240 {
    margin-top: -240px!important
  }
  .mt-xl-n320 {
    margin-top: -320px!important
  }
  .mt-xl-n400 {
    margin-top: -400px!important
  }
  .me-xl-n2 {
    margin-right: -2px!important
  }
  .me-xl-n4 {
    margin-right: -4px!important
  }
  .me-xl-n6 {
    margin-right: -6px!important
  }
  .me-xl-n8 {
    margin-right: -8px!important
  }
  .me-xl-n10 {
    margin-right: -10px!important
  }
  .me-xl-n12 {
    margin-right: -12px!important
  }
  .me-xl-n16 {
    margin-right: -16px!important
  }
  .me-xl-n20 {
    margin-right: -20px!important
  }
  .me-xl-n24 {
    margin-right: -24px!important
  }
  .me-xl-n28 {
    margin-right: -28px!important
  }
  .me-xl-n32 {
    margin-right: -32px!important
  }
  .me-xl-n40 {
    margin-right: -40px!important
  }
  .me-xl-n48 {
    margin-right: -48px!important
  }
  .me-xl-n56 {
    margin-right: -56px!important
  }
  .me-xl-n64 {
    margin-right: -64px!important
  }
  .me-xl-n80 {
    margin-right: -80px!important
  }
  .me-xl-n96 {
    margin-right: -96px!important
  }
  .me-xl-n120 {
    margin-right: -120px!important
  }
  .me-xl-n160 {
    margin-right: -160px!important
  }
  .me-xl-n240 {
    margin-right: -240px!important
  }
  .me-xl-n320 {
    margin-right: -320px!important
  }
  .me-xl-n400 {
    margin-right: -400px!important
  }
  .mb-xl-n2 {
    margin-bottom: -2px!important
  }
  .mb-xl-n4 {
    margin-bottom: -4px!important
  }
  .mb-xl-n6 {
    margin-bottom: -6px!important
  }
  .mb-xl-n8 {
    margin-bottom: -8px!important
  }
  .mb-xl-n10 {
    margin-bottom: -10px!important
  }
  .mb-xl-n12 {
    margin-bottom: -12px!important
  }
  .mb-xl-n16 {
    margin-bottom: -16px!important
  }
  .mb-xl-n20 {
    margin-bottom: -20px!important
  }
  .mb-xl-n24 {
    margin-bottom: -24px!important
  }
  .mb-xl-n28 {
    margin-bottom: -28px!important
  }
  .mb-xl-n32 {
    margin-bottom: -32px!important
  }
  .mb-xl-n40 {
    margin-bottom: -40px!important
  }
  .mb-xl-n48 {
    margin-bottom: -48px!important
  }
  .mb-xl-n56 {
    margin-bottom: -56px!important
  }
  .mb-xl-n64 {
    margin-bottom: -64px!important
  }
  .mb-xl-n80 {
    margin-bottom: -80px!important
  }
  .mb-xl-n96 {
    margin-bottom: -96px!important
  }
  .mb-xl-n120 {
    margin-bottom: -120px!important
  }
  .mb-xl-n160 {
    margin-bottom: -160px!important
  }
  .mb-xl-n240 {
    margin-bottom: -240px!important
  }
  .mb-xl-n320 {
    margin-bottom: -320px!important
  }
  .mb-xl-n400 {
    margin-bottom: -400px!important
  }
  .ms-xl-n2 {
    margin-left: -2px!important
  }
  .ms-xl-n4 {
    margin-left: -4px!important
  }
  .ms-xl-n6 {
    margin-left: -6px!important
  }
  .ms-xl-n8 {
    margin-left: -8px!important
  }
  .ms-xl-n10 {
    margin-left: -10px!important
  }
  .ms-xl-n12 {
    margin-left: -12px!important
  }
  .ms-xl-n16 {
    margin-left: -16px!important
  }
  .ms-xl-n20 {
    margin-left: -20px!important
  }
  .ms-xl-n24 {
    margin-left: -24px!important
  }
  .ms-xl-n28 {
    margin-left: -28px!important
  }
  .ms-xl-n32 {
    margin-left: -32px!important
  }
  .ms-xl-n40 {
    margin-left: -40px!important
  }
  .ms-xl-n48 {
    margin-left: -48px!important
  }
  .ms-xl-n56 {
    margin-left: -56px!important
  }
  .ms-xl-n64 {
    margin-left: -64px!important
  }
  .ms-xl-n80 {
    margin-left: -80px!important
  }
  .ms-xl-n96 {
    margin-left: -96px!important
  }
  .ms-xl-n120 {
    margin-left: -120px!important
  }
  .ms-xl-n160 {
    margin-left: -160px!important
  }
  .ms-xl-n240 {
    margin-left: -240px!important
  }
  .ms-xl-n320 {
    margin-left: -320px!important
  }
  .ms-xl-n400 {
    margin-left: -400px!important
  }
  .p-xl-0 {
    padding: 0!important
  }
  .p-xl-2 {
    padding: 2px!important
  }
  .p-xl-4 {
    padding: 4px!important
  }
  .p-xl-6 {
    padding: 6px!important
  }
  .p-xl-8 {
    padding: 8px!important
  }
  .p-xl-10 {
    padding: 10px!important
  }
  .p-xl-12 {
    padding: 12px!important
  }
  .p-xl-16 {
    padding: 16px!important
  }
  .p-xl-20 {
    padding: 20px!important
  }
  .p-xl-24 {
    padding: 24px!important
  }
  .p-xl-28 {
    padding: 28px!important
  }
  .p-xl-32 {
    padding: 32px!important
  }
  .p-xl-40 {
    padding: 40px!important
  }
  .p-xl-48 {
    padding: 48px!important
  }
  .p-xl-56 {
    padding: 56px!important
  }
  .p-xl-64 {
    padding: 64px!important
  }
  .p-xl-80 {
    padding: 80px!important
  }
  .p-xl-96 {
    padding: 96px!important
  }
  .p-xl-120 {
    padding: 120px!important
  }
  .p-xl-160 {
    padding: 160px!important
  }
  .p-xl-240 {
    padding: 240px!important
  }
  .p-xl-320 {
    padding: 320px!important
  }
  .p-xl-400 {
    padding: 400px!important
  }
  .px-xl-0 {
    padding-right: 0!important;
    padding-left: 0!important
  }
  .px-xl-2 {
    padding-right: 2px!important;
    padding-left: 2px!important
  }
  .px-xl-4 {
    padding-right: 4px!important;
    padding-left: 4px!important
  }
  .px-xl-6 {
    padding-right: 6px!important;
    padding-left: 6px!important
  }
  .px-xl-8 {
    padding-right: 8px!important;
    padding-left: 8px!important
  }
  .px-xl-10 {
    padding-right: 10px!important;
    padding-left: 10px!important
  }
  .px-xl-12 {
    padding-right: 12px!important;
    padding-left: 12px!important
  }
  .px-xl-16 {
    padding-right: 16px!important;
    padding-left: 16px!important
  }
  .px-xl-20 {
    padding-right: 20px!important;
    padding-left: 20px!important
  }
  .px-xl-24 {
    padding-right: 24px!important;
    padding-left: 24px!important
  }
  .px-xl-28 {
    padding-right: 28px!important;
    padding-left: 28px!important
  }
  .px-xl-32 {
    padding-right: 32px!important;
    padding-left: 32px!important
  }
  .px-xl-40 {
    padding-right: 40px!important;
    padding-left: 40px!important
  }
  .px-xl-48 {
    padding-right: 48px!important;
    padding-left: 48px!important
  }
  .px-xl-56 {
    padding-right: 56px!important;
    padding-left: 56px!important
  }
  .px-xl-64 {
    padding-right: 64px!important;
    padding-left: 64px!important
  }
  .px-xl-80 {
    padding-right: 80px!important;
    padding-left: 80px!important
  }
  .px-xl-96 {
    padding-right: 96px!important;
    padding-left: 96px!important
  }
  .px-xl-120 {
    padding-right: 120px!important;
    padding-left: 120px!important
  }
  .px-xl-160 {
    padding-right: 160px!important;
    padding-left: 160px!important
  }
  .px-xl-240 {
    padding-right: 240px!important;
    padding-left: 240px!important
  }
  .px-xl-320 {
    padding-right: 320px!important;
    padding-left: 320px!important
  }
  .px-xl-400 {
    padding-right: 400px!important;
    padding-left: 400px!important
  }
  .py-xl-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
  }
  .py-xl-2 {
    padding-top: 2px!important;
    padding-bottom: 2px!important
  }
  .py-xl-4 {
    padding-top: 4px!important;
    padding-bottom: 4px!important
  }
  .py-xl-6 {
    padding-top: 6px!important;
    padding-bottom: 6px!important
  }
  .py-xl-8 {
    padding-top: 8px!important;
    padding-bottom: 8px!important
  }
  .py-xl-10 {
    padding-top: 10px!important;
    padding-bottom: 10px!important
  }
  .py-xl-12 {
    padding-top: 12px!important;
    padding-bottom: 12px!important
  }
  .py-xl-16 {
    padding-top: 16px!important;
    padding-bottom: 16px!important
  }
  .py-xl-20 {
    padding-top: 20px!important;
    padding-bottom: 20px!important
  }
  .py-xl-24 {
    padding-top: 24px!important;
    padding-bottom: 24px!important
  }
  .py-xl-28 {
    padding-top: 28px!important;
    padding-bottom: 28px!important
  }
  .py-xl-32 {
    padding-top: 32px!important;
    padding-bottom: 32px!important
  }
  .py-xl-40 {
    padding-top: 40px!important;
    padding-bottom: 40px!important
  }
  .py-xl-48 {
    padding-top: 48px!important;
    padding-bottom: 48px!important
  }
  .py-xl-56 {
    padding-top: 56px!important;
    padding-bottom: 56px!important
  }
  .py-xl-64 {
    padding-top: 64px!important;
    padding-bottom: 64px!important
  }
  .py-xl-80 {
    padding-top: 80px!important;
    padding-bottom: 80px!important
  }
  .py-xl-96 {
    padding-top: 96px!important;
    padding-bottom: 96px!important
  }
  .py-xl-120 {
    padding-top: 120px!important;
    padding-bottom: 120px!important
  }
  .py-xl-160 {
    padding-top: 160px!important;
    padding-bottom: 160px!important
  }
  .py-xl-240 {
    padding-top: 240px!important;
    padding-bottom: 240px!important
  }
  .py-xl-320 {
    padding-top: 320px!important;
    padding-bottom: 320px!important
  }
  .py-xl-400 {
    padding-top: 400px!important;
    padding-bottom: 400px!important
  }
  .pt-xl-0 {
    padding-top: 0!important
  }
  .pt-xl-2 {
    padding-top: 2px!important
  }
  .pt-xl-4 {
    padding-top: 4px!important
  }
  .pt-xl-6 {
    padding-top: 6px!important
  }
  .pt-xl-8 {
    padding-top: 8px!important
  }
  .pt-xl-10 {
    padding-top: 10px!important
  }
  .pt-xl-12 {
    padding-top: 12px!important
  }
  .pt-xl-16 {
    padding-top: 16px!important
  }
  .pt-xl-20 {
    padding-top: 20px!important
  }
  .pt-xl-24 {
    padding-top: 24px!important
  }
  .pt-xl-28 {
    padding-top: 28px!important
  }
  .pt-xl-32 {
    padding-top: 32px!important
  }
  .pt-xl-40 {
    padding-top: 40px!important
  }
  .pt-xl-48 {
    padding-top: 48px!important
  }
  .pt-xl-56 {
    padding-top: 56px!important
  }
  .pt-xl-64 {
    padding-top: 64px!important
  }
  .pt-xl-80 {
    padding-top: 80px!important
  }
  .pt-xl-96 {
    padding-top: 96px!important
  }
  .pt-xl-120 {
    padding-top: 120px!important
  }
  .pt-xl-160 {
    padding-top: 160px!important
  }
  .pt-xl-240 {
    padding-top: 240px!important
  }
  .pt-xl-320 {
    padding-top: 320px!important
  }
  .pt-xl-400 {
    padding-top: 400px!important
  }
  .pe-xl-0 {
    padding-right: 0!important
  }
  .pe-xl-2 {
    padding-right: 2px!important
  }
  .pe-xl-4 {
    padding-right: 4px!important
  }
  .pe-xl-6 {
    padding-right: 6px!important
  }
  .pe-xl-8 {
    padding-right: 8px!important
  }
  .pe-xl-10 {
    padding-right: 10px!important
  }
  .pe-xl-12 {
    padding-right: 12px!important
  }
  .pe-xl-16 {
    padding-right: 16px!important
  }
  .pe-xl-20 {
    padding-right: 20px!important
  }
  .pe-xl-24 {
    padding-right: 24px!important
  }
  .pe-xl-28 {
    padding-right: 28px!important
  }
  .pe-xl-32 {
    padding-right: 32px!important
  }
  .pe-xl-40 {
    padding-right: 40px!important
  }
  .pe-xl-48 {
    padding-right: 48px!important
  }
  .pe-xl-56 {
    padding-right: 56px!important
  }
  .pe-xl-64 {
    padding-right: 64px!important
  }
  .pe-xl-80 {
    padding-right: 80px!important
  }
  .pe-xl-96 {
    padding-right: 96px!important
  }
  .pe-xl-120 {
    padding-right: 120px!important
  }
  .pe-xl-160 {
    padding-right: 160px!important
  }
  .pe-xl-240 {
    padding-right: 240px!important
  }
  .pe-xl-320 {
    padding-right: 320px!important
  }
  .pe-xl-400 {
    padding-right: 400px!important
  }
  .pb-xl-0 {
    padding-bottom: 0!important
  }
  .pb-xl-2 {
    padding-bottom: 2px!important
  }
  .pb-xl-4 {
    padding-bottom: 4px!important
  }
  .pb-xl-6 {
    padding-bottom: 6px!important
  }
  .pb-xl-8 {
    padding-bottom: 8px!important
  }
  .pb-xl-10 {
    padding-bottom: 10px!important
  }
  .pb-xl-12 {
    padding-bottom: 12px!important
  }
  .pb-xl-16 {
    padding-bottom: 16px!important
  }
  .pb-xl-20 {
    padding-bottom: 20px!important
  }
  .pb-xl-24 {
    padding-bottom: 24px!important
  }
  .pb-xl-28 {
    padding-bottom: 28px!important
  }
  .pb-xl-32 {
    padding-bottom: 32px!important
  }
  .pb-xl-40 {
    padding-bottom: 40px!important
  }
  .pb-xl-48 {
    padding-bottom: 48px!important
  }
  .pb-xl-56 {
    padding-bottom: 56px!important
  }
  .pb-xl-64 {
    padding-bottom: 64px!important
  }
  .pb-xl-80 {
    padding-bottom: 80px!important
  }
  .pb-xl-96 {
    padding-bottom: 96px!important
  }
  .pb-xl-120 {
    padding-bottom: 120px!important
  }
  .pb-xl-160 {
    padding-bottom: 160px!important
  }
  .pb-xl-240 {
    padding-bottom: 240px!important
  }
  .pb-xl-320 {
    padding-bottom: 320px!important
  }
  .pb-xl-400 {
    padding-bottom: 400px!important
  }
  .ps-xl-0 {
    padding-left: 0!important
  }
  .ps-xl-2 {
    padding-left: 2px!important
  }
  .ps-xl-4 {
    padding-left: 4px!important
  }
  .ps-xl-6 {
    padding-left: 6px!important
  }
  .ps-xl-8 {
    padding-left: 8px!important
  }
  .ps-xl-10 {
    padding-left: 10px!important
  }
  .ps-xl-12 {
    padding-left: 12px!important
  }
  .ps-xl-16 {
    padding-left: 16px!important
  }
  .ps-xl-20 {
    padding-left: 20px!important
  }
  .ps-xl-24 {
    padding-left: 24px!important
  }
  .ps-xl-28 {
    padding-left: 28px!important
  }
  .ps-xl-32 {
    padding-left: 32px!important
  }
  .ps-xl-40 {
    padding-left: 40px!important
  }
  .ps-xl-48 {
    padding-left: 48px!important
  }
  .ps-xl-56 {
    padding-left: 56px!important
  }
  .ps-xl-64 {
    padding-left: 64px!important
  }
  .ps-xl-80 {
    padding-left: 80px!important
  }
  .ps-xl-96 {
    padding-left: 96px!important
  }
  .ps-xl-120 {
    padding-left: 120px!important
  }
  .ps-xl-160 {
    padding-left: 160px!important
  }
  .ps-xl-240 {
    padding-left: 240px!important
  }
  .ps-xl-320 {
    padding-left: 320px!important
  }
  .ps-xl-400 {
    padding-left: 400px!important
  }
  .gap-xl-0 {
    gap: 0!important
  }
  .gap-xl-2 {
    gap: 2px!important
  }
  .gap-xl-4 {
    gap: 4px!important
  }
  .gap-xl-6 {
    gap: 6px!important
  }
  .gap-xl-8 {
    gap: 8px!important
  }
  .gap-xl-10 {
    gap: 10px!important
  }
  .gap-xl-12 {
    gap: 12px!important
  }
  .gap-xl-16 {
    gap: 16px!important
  }
  .gap-xl-20 {
    gap: 20px!important
  }
  .gap-xl-24 {
    gap: 24px!important
  }
  .gap-xl-28 {
    gap: 28px!important
  }
  .gap-xl-32 {
    gap: 32px!important
  }
  .gap-xl-40 {
    gap: 40px!important
  }
  .gap-xl-48 {
    gap: 48px!important
  }
  .gap-xl-56 {
    gap: 56px!important
  }
  .gap-xl-64 {
    gap: 64px!important
  }
  .gap-xl-80 {
    gap: 80px!important
  }
  .gap-xl-96 {
    gap: 96px!important
  }
  .gap-xl-120 {
    gap: 120px!important
  }
  .gap-xl-160 {
    gap: 160px!important
  }
  .gap-xl-240 {
    gap: 240px!important
  }
  .gap-xl-320 {
    gap: 320px!important
  }
  .gap-xl-400 {
    gap: 400px!important
  }
  .text-xl-start {
    text-align: left!important
  }
  .text-xl-end {
    text-align: right!important
  }
  .text-xl-center {
    text-align: center!important
  }
}
@media(min-width:1800px) {
  .float-xxl-start {
    float: left!important
  }
  .float-xxl-end {
    float: right!important
  }
  .float-xxl-none {
    float: none!important
  }
  .d-xxl-inline {
    display: inline!important
  }
  .d-xxl-inline-block {
    display: inline-block!important
  }
  .d-xxl-block {
    display: block!important
  }
  .d-xxl-grid {
    display: grid!important
  }
  .d-xxl-table {
    display: table!important
  }
  .d-xxl-table-row {
    display: table-row!important
  }
  .d-xxl-table-cell {
    display: table-cell!important
  }
  .d-xxl-flex {
    display: flex!important
  }
  .d-xxl-inline-flex {
    display: inline-flex!important
  }
  .d-xxl-none {
    display: none!important
  }
  .flex-xxl-fill {
    flex: 1 1 auto!important
  }
  .flex-xxl-row {
    flex-direction: row!important
  }
  .flex-xxl-column {
    flex-direction: column!important
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse!important
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse!important
  }
  .flex-xxl-grow-0 {
    flex-grow: 0!important
  }
  .flex-xxl-grow-1 {
    flex-grow: 1!important
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0!important
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1!important
  }
  .flex-xxl-wrap {
    flex-wrap: wrap!important
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap!important
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse!important
  }
  .justify-content-xxl-start {
    justify-content: flex-start!important
  }
  .justify-content-xxl-end {
    justify-content: flex-end!important
  }
  .justify-content-xxl-center {
    justify-content: center!important
  }
  .justify-content-xxl-between {
    justify-content: space-between!important
  }
  .justify-content-xxl-around {
    justify-content: space-around!important
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly!important
  }
  .align-items-xxl-start {
    align-items: flex-start!important
  }
  .align-items-xxl-end {
    align-items: flex-end!important
  }
  .align-items-xxl-center {
    align-items: center!important
  }
  .align-items-xxl-baseline {
    align-items: baseline!important
  }
  .align-items-xxl-stretch {
    align-items: stretch!important
  }
  .align-content-xxl-start {
    align-content: flex-start!important
  }
  .align-content-xxl-end {
    align-content: flex-end!important
  }
  .align-content-xxl-center {
    align-content: center!important
  }
  .align-content-xxl-between {
    align-content: space-between!important
  }
  .align-content-xxl-around {
    align-content: space-around!important
  }
  .align-content-xxl-stretch {
    align-content: stretch!important
  }
  .align-self-xxl-auto {
    align-self: auto!important
  }
  .align-self-xxl-start {
    align-self: flex-start!important
  }
  .align-self-xxl-end {
    align-self: flex-end!important
  }
  .align-self-xxl-center {
    align-self: center!important
  }
  .align-self-xxl-baseline {
    align-self: baseline!important
  }
  .align-self-xxl-stretch {
    align-self: stretch!important
  }
  .order-xxl-first {
    order: -1!important
  }
  .order-xxl-0 {
    order: 0!important
  }
  .order-xxl-1 {
    order: 1!important
  }
  .order-xxl-2 {
    order: 2!important
  }
  .order-xxl-3 {
    order: 3!important
  }
  .order-xxl-4 {
    order: 4!important
  }
  .order-xxl-5 {
    order: 5!important
  }
  .order-xxl-last {
    order: 6!important
  }
  .m-xxl-0 {
    margin: 0!important
  }
  .m-xxl-2 {
    margin: 2px!important
  }
  .m-xxl-4 {
    margin: 4px!important
  }
  .m-xxl-6 {
    margin: 6px!important
  }
  .m-xxl-8 {
    margin: 8px!important
  }
  .m-xxl-10 {
    margin: 10px!important
  }
  .m-xxl-12 {
    margin: 12px!important
  }
  .m-xxl-16 {
    margin: 16px!important
  }
  .m-xxl-20 {
    margin: 20px!important
  }
  .m-xxl-24 {
    margin: 24px!important
  }
  .m-xxl-28 {
    margin: 28px!important
  }
  .m-xxl-32 {
    margin: 32px!important
  }
  .m-xxl-40 {
    margin: 40px!important
  }
  .m-xxl-48 {
    margin: 48px!important
  }
  .m-xxl-56 {
    margin: 56px!important
  }
  .m-xxl-64 {
    margin: 64px!important
  }
  .m-xxl-80 {
    margin: 80px!important
  }
  .m-xxl-96 {
    margin: 96px!important
  }
  .m-xxl-120 {
    margin: 120px!important
  }
  .m-xxl-160 {
    margin: 160px!important
  }
  .m-xxl-240 {
    margin: 240px!important
  }
  .m-xxl-320 {
    margin: 320px!important
  }
  .m-xxl-400 {
    margin: 400px!important
  }
  .m-xxl-auto {
    margin: auto!important
  }
  .mx-xxl-0 {
    margin-right: 0!important;
    margin-left: 0!important
  }
  .mx-xxl-2 {
    margin-right: 2px!important;
    margin-left: 2px!important
  }
  .mx-xxl-4 {
    margin-right: 4px!important;
    margin-left: 4px!important
  }
  .mx-xxl-6 {
    margin-right: 6px!important;
    margin-left: 6px!important
  }
  .mx-xxl-8 {
    margin-right: 8px!important;
    margin-left: 8px!important
  }
  .mx-xxl-10 {
    margin-right: 10px!important;
    margin-left: 10px!important
  }
  .mx-xxl-12 {
    margin-right: 12px!important;
    margin-left: 12px!important
  }
  .mx-xxl-16 {
    margin-right: 16px!important;
    margin-left: 16px!important
  }
  .mx-xxl-20 {
    margin-right: 20px!important;
    margin-left: 20px!important
  }
  .mx-xxl-24 {
    margin-right: 24px!important;
    margin-left: 24px!important
  }
  .mx-xxl-28 {
    margin-right: 28px!important;
    margin-left: 28px!important
  }
  .mx-xxl-32 {
    margin-right: 32px!important;
    margin-left: 32px!important
  }
  .mx-xxl-40 {
    margin-right: 40px!important;
    margin-left: 40px!important
  }
  .mx-xxl-48 {
    margin-right: 48px!important;
    margin-left: 48px!important
  }
  .mx-xxl-56 {
    margin-right: 56px!important;
    margin-left: 56px!important
  }
  .mx-xxl-64 {
    margin-right: 64px!important;
    margin-left: 64px!important
  }
  .mx-xxl-80 {
    margin-right: 80px!important;
    margin-left: 80px!important
  }
  .mx-xxl-96 {
    margin-right: 96px!important;
    margin-left: 96px!important
  }
  .mx-xxl-120 {
    margin-right: 120px!important;
    margin-left: 120px!important
  }
  .mx-xxl-160 {
    margin-right: 160px!important;
    margin-left: 160px!important
  }
  .mx-xxl-240 {
    margin-right: 240px!important;
    margin-left: 240px!important
  }
  .mx-xxl-320 {
    margin-right: 320px!important;
    margin-left: 320px!important
  }
  .mx-xxl-400 {
    margin-right: 400px!important;
    margin-left: 400px!important
  }
  .mx-xxl-auto {
    margin-right: auto!important;
    margin-left: auto!important
  }
  .my-xxl-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
  }
  .my-xxl-2 {
    margin-top: 2px!important;
    margin-bottom: 2px!important
  }
  .my-xxl-4 {
    margin-top: 4px!important;
    margin-bottom: 4px!important
  }
  .my-xxl-6 {
    margin-top: 6px!important;
    margin-bottom: 6px!important
  }
  .my-xxl-8 {
    margin-top: 8px!important;
    margin-bottom: 8px!important
  }
  .my-xxl-10 {
    margin-top: 10px!important;
    margin-bottom: 10px!important
  }
  .my-xxl-12 {
    margin-top: 12px!important;
    margin-bottom: 12px!important
  }
  .my-xxl-16 {
    margin-top: 16px!important;
    margin-bottom: 16px!important
  }
  .my-xxl-20 {
    margin-top: 20px!important;
    margin-bottom: 20px!important
  }
  .my-xxl-24 {
    margin-top: 24px!important;
    margin-bottom: 24px!important
  }
  .my-xxl-28 {
    margin-top: 28px!important;
    margin-bottom: 28px!important
  }
  .my-xxl-32 {
    margin-top: 32px!important;
    margin-bottom: 32px!important
  }
  .my-xxl-40 {
    margin-top: 40px!important;
    margin-bottom: 40px!important
  }
  .my-xxl-48 {
    margin-top: 48px!important;
    margin-bottom: 48px!important
  }
  .my-xxl-56 {
    margin-top: 56px!important;
    margin-bottom: 56px!important
  }
  .my-xxl-64 {
    margin-top: 64px!important;
    margin-bottom: 64px!important
  }
  .my-xxl-80 {
    margin-top: 80px!important;
    margin-bottom: 80px!important
  }
  .my-xxl-96 {
    margin-top: 96px!important;
    margin-bottom: 96px!important
  }
  .my-xxl-120 {
    margin-top: 120px!important;
    margin-bottom: 120px!important
  }
  .my-xxl-160 {
    margin-top: 160px!important;
    margin-bottom: 160px!important
  }
  .my-xxl-240 {
    margin-top: 240px!important;
    margin-bottom: 240px!important
  }
  .my-xxl-320 {
    margin-top: 320px!important;
    margin-bottom: 320px!important
  }
  .my-xxl-400 {
    margin-top: 400px!important;
    margin-bottom: 400px!important
  }
  .my-xxl-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
  }
  .mt-xxl-0 {
    margin-top: 0!important
  }
  .mt-xxl-2 {
    margin-top: 2px!important
  }
  .mt-xxl-4 {
    margin-top: 4px!important
  }
  .mt-xxl-6 {
    margin-top: 6px!important
  }
  .mt-xxl-8 {
    margin-top: 8px!important
  }
  .mt-xxl-10 {
    margin-top: 10px!important
  }
  .mt-xxl-12 {
    margin-top: 12px!important
  }
  .mt-xxl-16 {
    margin-top: 16px!important
  }
  .mt-xxl-20 {
    margin-top: 20px!important
  }
  .mt-xxl-24 {
    margin-top: 24px!important
  }
  .mt-xxl-28 {
    margin-top: 28px!important
  }
  .mt-xxl-32 {
    margin-top: 32px!important
  }
  .mt-xxl-40 {
    margin-top: 40px!important
  }
  .mt-xxl-48 {
    margin-top: 48px!important
  }
  .mt-xxl-56 {
    margin-top: 56px!important
  }
  .mt-xxl-64 {
    margin-top: 64px!important
  }
  .mt-xxl-80 {
    margin-top: 80px!important
  }
  .mt-xxl-96 {
    margin-top: 96px!important
  }
  .mt-xxl-120 {
    margin-top: 120px!important
  }
  .mt-xxl-160 {
    margin-top: 160px!important
  }
  .mt-xxl-240 {
    margin-top: 240px!important
  }
  .mt-xxl-320 {
    margin-top: 320px!important
  }
  .mt-xxl-400 {
    margin-top: 400px!important
  }
  .mt-xxl-auto {
    margin-top: auto!important
  }
  .me-xxl-0 {
    margin-right: 0!important
  }
  .me-xxl-2 {
    margin-right: 2px!important
  }
  .me-xxl-4 {
    margin-right: 4px!important
  }
  .me-xxl-6 {
    margin-right: 6px!important
  }
  .me-xxl-8 {
    margin-right: 8px!important
  }
  .me-xxl-10 {
    margin-right: 10px!important
  }
  .me-xxl-12 {
    margin-right: 12px!important
  }
  .me-xxl-16 {
    margin-right: 16px!important
  }
  .me-xxl-20 {
    margin-right: 20px!important
  }
  .me-xxl-24 {
    margin-right: 24px!important
  }
  .me-xxl-28 {
    margin-right: 28px!important
  }
  .me-xxl-32 {
    margin-right: 32px!important
  }
  .me-xxl-40 {
    margin-right: 40px!important
  }
  .me-xxl-48 {
    margin-right: 48px!important
  }
  .me-xxl-56 {
    margin-right: 56px!important
  }
  .me-xxl-64 {
    margin-right: 64px!important
  }
  .me-xxl-80 {
    margin-right: 80px!important
  }
  .me-xxl-96 {
    margin-right: 96px!important
  }
  .me-xxl-120 {
    margin-right: 120px!important
  }
  .me-xxl-160 {
    margin-right: 160px!important
  }
  .me-xxl-240 {
    margin-right: 240px!important
  }
  .me-xxl-320 {
    margin-right: 320px!important
  }
  .me-xxl-400 {
    margin-right: 400px!important
  }
  .me-xxl-auto {
    margin-right: auto!important
  }
  .mb-xxl-0 {
    margin-bottom: 0!important
  }
  .mb-xxl-2 {
    margin-bottom: 2px!important
  }
  .mb-xxl-4 {
    margin-bottom: 4px!important
  }
  .mb-xxl-6 {
    margin-bottom: 6px!important
  }
  .mb-xxl-8 {
    margin-bottom: 8px!important
  }
  .mb-xxl-10 {
    margin-bottom: 10px!important
  }
  .mb-xxl-12 {
    margin-bottom: 12px!important
  }
  .mb-xxl-16 {
    margin-bottom: 16px!important
  }
  .mb-xxl-20 {
    margin-bottom: 20px!important
  }
  .mb-xxl-24 {
    margin-bottom: 24px!important
  }
  .mb-xxl-28 {
    margin-bottom: 28px!important
  }
  .mb-xxl-32 {
    margin-bottom: 32px!important
  }
  .mb-xxl-40 {
    margin-bottom: 40px!important
  }
  .mb-xxl-48 {
    margin-bottom: 48px!important
  }
  .mb-xxl-56 {
    margin-bottom: 56px!important
  }
  .mb-xxl-64 {
    margin-bottom: 64px!important
  }
  .mb-xxl-80 {
    margin-bottom: 80px!important
  }
  .mb-xxl-96 {
    margin-bottom: 96px!important
  }
  .mb-xxl-120 {
    margin-bottom: 120px!important
  }
  .mb-xxl-160 {
    margin-bottom: 160px!important
  }
  .mb-xxl-240 {
    margin-bottom: 240px!important
  }
  .mb-xxl-320 {
    margin-bottom: 320px!important
  }
  .mb-xxl-400 {
    margin-bottom: 400px!important
  }
  .mb-xxl-auto {
    margin-bottom: auto!important
  }
  .ms-xxl-0 {
    margin-left: 0!important
  }
  .ms-xxl-2 {
    margin-left: 2px!important
  }
  .ms-xxl-4 {
    margin-left: 4px!important
  }
  .ms-xxl-6 {
    margin-left: 6px!important
  }
  .ms-xxl-8 {
    margin-left: 8px!important
  }
  .ms-xxl-10 {
    margin-left: 10px!important
  }
  .ms-xxl-12 {
    margin-left: 12px!important
  }
  .ms-xxl-16 {
    margin-left: 16px!important
  }
  .ms-xxl-20 {
    margin-left: 20px!important
  }
  .ms-xxl-24 {
    margin-left: 24px!important
  }
  .ms-xxl-28 {
    margin-left: 28px!important
  }
  .ms-xxl-32 {
    margin-left: 32px!important
  }
  .ms-xxl-40 {
    margin-left: 40px!important
  }
  .ms-xxl-48 {
    margin-left: 48px!important
  }
  .ms-xxl-56 {
    margin-left: 56px!important
  }
  .ms-xxl-64 {
    margin-left: 64px!important
  }
  .ms-xxl-80 {
    margin-left: 80px!important
  }
  .ms-xxl-96 {
    margin-left: 96px!important
  }
  .ms-xxl-120 {
    margin-left: 120px!important
  }
  .ms-xxl-160 {
    margin-left: 160px!important
  }
  .ms-xxl-240 {
    margin-left: 240px!important
  }
  .ms-xxl-320 {
    margin-left: 320px!important
  }
  .ms-xxl-400 {
    margin-left: 400px!important
  }
  .ms-xxl-auto {
    margin-left: auto!important
  }
  .m-xxl-n2 {
    margin: -2px!important
  }
  .m-xxl-n4 {
    margin: -4px!important
  }
  .m-xxl-n6 {
    margin: -6px!important
  }
  .m-xxl-n8 {
    margin: -8px!important
  }
  .m-xxl-n10 {
    margin: -10px!important
  }
  .m-xxl-n12 {
    margin: -12px!important
  }
  .m-xxl-n16 {
    margin: -16px!important
  }
  .m-xxl-n20 {
    margin: -20px!important
  }
  .m-xxl-n24 {
    margin: -24px!important
  }
  .m-xxl-n28 {
    margin: -28px!important
  }
  .m-xxl-n32 {
    margin: -32px!important
  }
  .m-xxl-n40 {
    margin: -40px!important
  }
  .m-xxl-n48 {
    margin: -48px!important
  }
  .m-xxl-n56 {
    margin: -56px!important
  }
  .m-xxl-n64 {
    margin: -64px!important
  }
  .m-xxl-n80 {
    margin: -80px!important
  }
  .m-xxl-n96 {
    margin: -96px!important
  }
  .m-xxl-n120 {
    margin: -120px!important
  }
  .m-xxl-n160 {
    margin: -160px!important
  }
  .m-xxl-n240 {
    margin: -240px!important
  }
  .m-xxl-n320 {
    margin: -320px!important
  }
  .m-xxl-n400 {
    margin: -400px!important
  }
  .mx-xxl-n2 {
    margin-right: -2px!important;
    margin-left: -2px!important
  }
  .mx-xxl-n4 {
    margin-right: -4px!important;
    margin-left: -4px!important
  }
  .mx-xxl-n6 {
    margin-right: -6px!important;
    margin-left: -6px!important
  }
  .mx-xxl-n8 {
    margin-right: -8px!important;
    margin-left: -8px!important
  }
  .mx-xxl-n10 {
    margin-right: -10px!important;
    margin-left: -10px!important
  }
  .mx-xxl-n12 {
    margin-right: -12px!important;
    margin-left: -12px!important
  }
  .mx-xxl-n16 {
    margin-right: -16px!important;
    margin-left: -16px!important
  }
  .mx-xxl-n20 {
    margin-right: -20px!important;
    margin-left: -20px!important
  }
  .mx-xxl-n24 {
    margin-right: -24px!important;
    margin-left: -24px!important
  }
  .mx-xxl-n28 {
    margin-right: -28px!important;
    margin-left: -28px!important
  }
  .mx-xxl-n32 {
    margin-right: -32px!important;
    margin-left: -32px!important
  }
  .mx-xxl-n40 {
    margin-right: -40px!important;
    margin-left: -40px!important
  }
  .mx-xxl-n48 {
    margin-right: -48px!important;
    margin-left: -48px!important
  }
  .mx-xxl-n56 {
    margin-right: -56px!important;
    margin-left: -56px!important
  }
  .mx-xxl-n64 {
    margin-right: -64px!important;
    margin-left: -64px!important
  }
  .mx-xxl-n80 {
    margin-right: -80px!important;
    margin-left: -80px!important
  }
  .mx-xxl-n96 {
    margin-right: -96px!important;
    margin-left: -96px!important
  }
  .mx-xxl-n120 {
    margin-right: -120px!important;
    margin-left: -120px!important
  }
  .mx-xxl-n160 {
    margin-right: -160px!important;
    margin-left: -160px!important
  }
  .mx-xxl-n240 {
    margin-right: -240px!important;
    margin-left: -240px!important
  }
  .mx-xxl-n320 {
    margin-right: -320px!important;
    margin-left: -320px!important
  }
  .mx-xxl-n400 {
    margin-right: -400px!important;
    margin-left: -400px!important
  }
  .my-xxl-n2 {
    margin-top: -2px!important;
    margin-bottom: -2px!important
  }
  .my-xxl-n4 {
    margin-top: -4px!important;
    margin-bottom: -4px!important
  }
  .my-xxl-n6 {
    margin-top: -6px!important;
    margin-bottom: -6px!important
  }
  .my-xxl-n8 {
    margin-top: -8px!important;
    margin-bottom: -8px!important
  }
  .my-xxl-n10 {
    margin-top: -10px!important;
    margin-bottom: -10px!important
  }
  .my-xxl-n12 {
    margin-top: -12px!important;
    margin-bottom: -12px!important
  }
  .my-xxl-n16 {
    margin-top: -16px!important;
    margin-bottom: -16px!important
  }
  .my-xxl-n20 {
    margin-top: -20px!important;
    margin-bottom: -20px!important
  }
  .my-xxl-n24 {
    margin-top: -24px!important;
    margin-bottom: -24px!important
  }
  .my-xxl-n28 {
    margin-top: -28px!important;
    margin-bottom: -28px!important
  }
  .my-xxl-n32 {
    margin-top: -32px!important;
    margin-bottom: -32px!important
  }
  .my-xxl-n40 {
    margin-top: -40px!important;
    margin-bottom: -40px!important
  }
  .my-xxl-n48 {
    margin-top: -48px!important;
    margin-bottom: -48px!important
  }
  .my-xxl-n56 {
    margin-top: -56px!important;
    margin-bottom: -56px!important
  }
  .my-xxl-n64 {
    margin-top: -64px!important;
    margin-bottom: -64px!important
  }
  .my-xxl-n80 {
    margin-top: -80px!important;
    margin-bottom: -80px!important
  }
  .my-xxl-n96 {
    margin-top: -96px!important;
    margin-bottom: -96px!important
  }
  .my-xxl-n120 {
    margin-top: -120px!important;
    margin-bottom: -120px!important
  }
  .my-xxl-n160 {
    margin-top: -160px!important;
    margin-bottom: -160px!important
  }
  .my-xxl-n240 {
    margin-top: -240px!important;
    margin-bottom: -240px!important
  }
  .my-xxl-n320 {
    margin-top: -320px!important;
    margin-bottom: -320px!important
  }
  .my-xxl-n400 {
    margin-top: -400px!important;
    margin-bottom: -400px!important
  }
  .mt-xxl-n2 {
    margin-top: -2px!important
  }
  .mt-xxl-n4 {
    margin-top: -4px!important
  }
  .mt-xxl-n6 {
    margin-top: -6px!important
  }
  .mt-xxl-n8 {
    margin-top: -8px!important
  }
  .mt-xxl-n10 {
    margin-top: -10px!important
  }
  .mt-xxl-n12 {
    margin-top: -12px!important
  }
  .mt-xxl-n16 {
    margin-top: -16px!important
  }
  .mt-xxl-n20 {
    margin-top: -20px!important
  }
  .mt-xxl-n24 {
    margin-top: -24px!important
  }
  .mt-xxl-n28 {
    margin-top: -28px!important
  }
  .mt-xxl-n32 {
    margin-top: -32px!important
  }
  .mt-xxl-n40 {
    margin-top: -40px!important
  }
  .mt-xxl-n48 {
    margin-top: -48px!important
  }
  .mt-xxl-n56 {
    margin-top: -56px!important
  }
  .mt-xxl-n64 {
    margin-top: -64px!important
  }
  .mt-xxl-n80 {
    margin-top: -80px!important
  }
  .mt-xxl-n96 {
    margin-top: -96px!important
  }
  .mt-xxl-n120 {
    margin-top: -120px!important
  }
  .mt-xxl-n160 {
    margin-top: -160px!important
  }
  .mt-xxl-n240 {
    margin-top: -240px!important
  }
  .mt-xxl-n320 {
    margin-top: -320px!important
  }
  .mt-xxl-n400 {
    margin-top: -400px!important
  }
  .me-xxl-n2 {
    margin-right: -2px!important
  }
  .me-xxl-n4 {
    margin-right: -4px!important
  }
  .me-xxl-n6 {
    margin-right: -6px!important
  }
  .me-xxl-n8 {
    margin-right: -8px!important
  }
  .me-xxl-n10 {
    margin-right: -10px!important
  }
  .me-xxl-n12 {
    margin-right: -12px!important
  }
  .me-xxl-n16 {
    margin-right: -16px!important
  }
  .me-xxl-n20 {
    margin-right: -20px!important
  }
  .me-xxl-n24 {
    margin-right: -24px!important
  }
  .me-xxl-n28 {
    margin-right: -28px!important
  }
  .me-xxl-n32 {
    margin-right: -32px!important
  }
  .me-xxl-n40 {
    margin-right: -40px!important
  }
  .me-xxl-n48 {
    margin-right: -48px!important
  }
  .me-xxl-n56 {
    margin-right: -56px!important
  }
  .me-xxl-n64 {
    margin-right: -64px!important
  }
  .me-xxl-n80 {
    margin-right: -80px!important
  }
  .me-xxl-n96 {
    margin-right: -96px!important
  }
  .me-xxl-n120 {
    margin-right: -120px!important
  }
  .me-xxl-n160 {
    margin-right: -160px!important
  }
  .me-xxl-n240 {
    margin-right: -240px!important
  }
  .me-xxl-n320 {
    margin-right: -320px!important
  }
  .me-xxl-n400 {
    margin-right: -400px!important
  }
  .mb-xxl-n2 {
    margin-bottom: -2px!important
  }
  .mb-xxl-n4 {
    margin-bottom: -4px!important
  }
  .mb-xxl-n6 {
    margin-bottom: -6px!important
  }
  .mb-xxl-n8 {
    margin-bottom: -8px!important
  }
  .mb-xxl-n10 {
    margin-bottom: -10px!important
  }
  .mb-xxl-n12 {
    margin-bottom: -12px!important
  }
  .mb-xxl-n16 {
    margin-bottom: -16px!important
  }
  .mb-xxl-n20 {
    margin-bottom: -20px!important
  }
  .mb-xxl-n24 {
    margin-bottom: -24px!important
  }
  .mb-xxl-n28 {
    margin-bottom: -28px!important
  }
  .mb-xxl-n32 {
    margin-bottom: -32px!important
  }
  .mb-xxl-n40 {
    margin-bottom: -40px!important
  }
  .mb-xxl-n48 {
    margin-bottom: -48px!important
  }
  .mb-xxl-n56 {
    margin-bottom: -56px!important
  }
  .mb-xxl-n64 {
    margin-bottom: -64px!important
  }
  .mb-xxl-n80 {
    margin-bottom: -80px!important
  }
  .mb-xxl-n96 {
    margin-bottom: -96px!important
  }
  .mb-xxl-n120 {
    margin-bottom: -120px!important
  }
  .mb-xxl-n160 {
    margin-bottom: -160px!important
  }
  .mb-xxl-n240 {
    margin-bottom: -240px!important
  }
  .mb-xxl-n320 {
    margin-bottom: -320px!important
  }
  .mb-xxl-n400 {
    margin-bottom: -400px!important
  }
  .ms-xxl-n2 {
    margin-left: -2px!important
  }
  .ms-xxl-n4 {
    margin-left: -4px!important
  }
  .ms-xxl-n6 {
    margin-left: -6px!important
  }
  .ms-xxl-n8 {
    margin-left: -8px!important
  }
  .ms-xxl-n10 {
    margin-left: -10px!important
  }
  .ms-xxl-n12 {
    margin-left: -12px!important
  }
  .ms-xxl-n16 {
    margin-left: -16px!important
  }
  .ms-xxl-n20 {
    margin-left: -20px!important
  }
  .ms-xxl-n24 {
    margin-left: -24px!important
  }
  .ms-xxl-n28 {
    margin-left: -28px!important
  }
  .ms-xxl-n32 {
    margin-left: -32px!important
  }
  .ms-xxl-n40 {
    margin-left: -40px!important
  }
  .ms-xxl-n48 {
    margin-left: -48px!important
  }
  .ms-xxl-n56 {
    margin-left: -56px!important
  }
  .ms-xxl-n64 {
    margin-left: -64px!important
  }
  .ms-xxl-n80 {
    margin-left: -80px!important
  }
  .ms-xxl-n96 {
    margin-left: -96px!important
  }
  .ms-xxl-n120 {
    margin-left: -120px!important
  }
  .ms-xxl-n160 {
    margin-left: -160px!important
  }
  .ms-xxl-n240 {
    margin-left: -240px!important
  }
  .ms-xxl-n320 {
    margin-left: -320px!important
  }
  .ms-xxl-n400 {
    margin-left: -400px!important
  }
  .p-xxl-0 {
    padding: 0!important
  }
  .p-xxl-2 {
    padding: 2px!important
  }
  .p-xxl-4 {
    padding: 4px!important
  }
  .p-xxl-6 {
    padding: 6px!important
  }
  .p-xxl-8 {
    padding: 8px!important
  }
  .p-xxl-10 {
    padding: 10px!important
  }
  .p-xxl-12 {
    padding: 12px!important
  }
  .p-xxl-16 {
    padding: 16px!important
  }
  .p-xxl-20 {
    padding: 20px!important
  }
  .p-xxl-24 {
    padding: 24px!important
  }
  .p-xxl-28 {
    padding: 28px!important
  }
  .p-xxl-32 {
    padding: 32px!important
  }
  .p-xxl-40 {
    padding: 40px!important
  }
  .p-xxl-48 {
    padding: 48px!important
  }
  .p-xxl-56 {
    padding: 56px!important
  }
  .p-xxl-64 {
    padding: 64px!important
  }
  .p-xxl-80 {
    padding: 80px!important
  }
  .p-xxl-96 {
    padding: 96px!important
  }
  .p-xxl-120 {
    padding: 120px!important
  }
  .p-xxl-160 {
    padding: 160px!important
  }
  .p-xxl-240 {
    padding: 240px!important
  }
  .p-xxl-320 {
    padding: 320px!important
  }
  .p-xxl-400 {
    padding: 400px!important
  }
  .px-xxl-0 {
    padding-right: 0!important;
    padding-left: 0!important
  }
  .px-xxl-2 {
    padding-right: 2px!important;
    padding-left: 2px!important
  }
  .px-xxl-4 {
    padding-right: 4px!important;
    padding-left: 4px!important
  }
  .px-xxl-6 {
    padding-right: 6px!important;
    padding-left: 6px!important
  }
  .px-xxl-8 {
    padding-right: 8px!important;
    padding-left: 8px!important
  }
  .px-xxl-10 {
    padding-right: 10px!important;
    padding-left: 10px!important
  }
  .px-xxl-12 {
    padding-right: 12px!important;
    padding-left: 12px!important
  }
  .px-xxl-16 {
    padding-right: 16px!important;
    padding-left: 16px!important
  }
  .px-xxl-20 {
    padding-right: 20px!important;
    padding-left: 20px!important
  }
  .px-xxl-24 {
    padding-right: 24px!important;
    padding-left: 24px!important
  }
  .px-xxl-28 {
    padding-right: 28px!important;
    padding-left: 28px!important
  }
  .px-xxl-32 {
    padding-right: 32px!important;
    padding-left: 32px!important
  }
  .px-xxl-40 {
    padding-right: 40px!important;
    padding-left: 40px!important
  }
  .px-xxl-48 {
    padding-right: 48px!important;
    padding-left: 48px!important
  }
  .px-xxl-56 {
    padding-right: 56px!important;
    padding-left: 56px!important
  }
  .px-xxl-64 {
    padding-right: 64px!important;
    padding-left: 64px!important
  }
  .px-xxl-80 {
    padding-right: 80px!important;
    padding-left: 80px!important
  }
  .px-xxl-96 {
    padding-right: 96px!important;
    padding-left: 96px!important
  }
  .px-xxl-120 {
    padding-right: 120px!important;
    padding-left: 120px!important
  }
  .px-xxl-160 {
    padding-right: 160px!important;
    padding-left: 160px!important
  }
  .px-xxl-240 {
    padding-right: 240px!important;
    padding-left: 240px!important
  }
  .px-xxl-320 {
    padding-right: 320px!important;
    padding-left: 320px!important
  }
  .px-xxl-400 {
    padding-right: 400px!important;
    padding-left: 400px!important
  }
  .py-xxl-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
  }
  .py-xxl-2 {
    padding-top: 2px!important;
    padding-bottom: 2px!important
  }
  .py-xxl-4 {
    padding-top: 4px!important;
    padding-bottom: 4px!important
  }
  .py-xxl-6 {
    padding-top: 6px!important;
    padding-bottom: 6px!important
  }
  .py-xxl-8 {
    padding-top: 8px!important;
    padding-bottom: 8px!important
  }
  .py-xxl-10 {
    padding-top: 10px!important;
    padding-bottom: 10px!important
  }
  .py-xxl-12 {
    padding-top: 12px!important;
    padding-bottom: 12px!important
  }
  .py-xxl-16 {
    padding-top: 16px!important;
    padding-bottom: 16px!important
  }
  .py-xxl-20 {
    padding-top: 20px!important;
    padding-bottom: 20px!important
  }
  .py-xxl-24 {
    padding-top: 24px!important;
    padding-bottom: 24px!important
  }
  .py-xxl-28 {
    padding-top: 28px!important;
    padding-bottom: 28px!important
  }
  .py-xxl-32 {
    padding-top: 32px!important;
    padding-bottom: 32px!important
  }
  .py-xxl-40 {
    padding-top: 40px!important;
    padding-bottom: 40px!important
  }
  .py-xxl-48 {
    padding-top: 48px!important;
    padding-bottom: 48px!important
  }
  .py-xxl-56 {
    padding-top: 56px!important;
    padding-bottom: 56px!important
  }
  .py-xxl-64 {
    padding-top: 64px!important;
    padding-bottom: 64px!important
  }
  .py-xxl-80 {
    padding-top: 80px!important;
    padding-bottom: 80px!important
  }
  .py-xxl-96 {
    padding-top: 96px!important;
    padding-bottom: 96px!important
  }
  .py-xxl-120 {
    padding-top: 120px!important;
    padding-bottom: 120px!important
  }
  .py-xxl-160 {
    padding-top: 160px!important;
    padding-bottom: 160px!important
  }
  .py-xxl-240 {
    padding-top: 240px!important;
    padding-bottom: 240px!important
  }
  .py-xxl-320 {
    padding-top: 320px!important;
    padding-bottom: 320px!important
  }
  .py-xxl-400 {
    padding-top: 400px!important;
    padding-bottom: 400px!important
  }
  .pt-xxl-0 {
    padding-top: 0!important
  }
  .pt-xxl-2 {
    padding-top: 2px!important
  }
  .pt-xxl-4 {
    padding-top: 4px!important
  }
  .pt-xxl-6 {
    padding-top: 6px!important
  }
  .pt-xxl-8 {
    padding-top: 8px!important
  }
  .pt-xxl-10 {
    padding-top: 10px!important
  }
  .pt-xxl-12 {
    padding-top: 12px!important
  }
  .pt-xxl-16 {
    padding-top: 16px!important
  }
  .pt-xxl-20 {
    padding-top: 20px!important
  }
  .pt-xxl-24 {
    padding-top: 24px!important
  }
  .pt-xxl-28 {
    padding-top: 28px!important
  }
  .pt-xxl-32 {
    padding-top: 32px!important
  }
  .pt-xxl-40 {
    padding-top: 40px!important
  }
  .pt-xxl-48 {
    padding-top: 48px!important
  }
  .pt-xxl-56 {
    padding-top: 56px!important
  }
  .pt-xxl-64 {
    padding-top: 64px!important
  }
  .pt-xxl-80 {
    padding-top: 80px!important
  }
  .pt-xxl-96 {
    padding-top: 96px!important
  }
  .pt-xxl-120 {
    padding-top: 120px!important
  }
  .pt-xxl-160 {
    padding-top: 160px!important
  }
  .pt-xxl-240 {
    padding-top: 240px!important
  }
  .pt-xxl-320 {
    padding-top: 320px!important
  }
  .pt-xxl-400 {
    padding-top: 400px!important
  }
  .pe-xxl-0 {
    padding-right: 0!important
  }
  .pe-xxl-2 {
    padding-right: 2px!important
  }
  .pe-xxl-4 {
    padding-right: 4px!important
  }
  .pe-xxl-6 {
    padding-right: 6px!important
  }
  .pe-xxl-8 {
    padding-right: 8px!important
  }
  .pe-xxl-10 {
    padding-right: 10px!important
  }
  .pe-xxl-12 {
    padding-right: 12px!important
  }
  .pe-xxl-16 {
    padding-right: 16px!important
  }
  .pe-xxl-20 {
    padding-right: 20px!important
  }
  .pe-xxl-24 {
    padding-right: 24px!important
  }
  .pe-xxl-28 {
    padding-right: 28px!important
  }
  .pe-xxl-32 {
    padding-right: 32px!important
  }
  .pe-xxl-40 {
    padding-right: 40px!important
  }
  .pe-xxl-48 {
    padding-right: 48px!important
  }
  .pe-xxl-56 {
    padding-right: 56px!important
  }
  .pe-xxl-64 {
    padding-right: 64px!important
  }
  .pe-xxl-80 {
    padding-right: 80px!important
  }
  .pe-xxl-96 {
    padding-right: 96px!important
  }
  .pe-xxl-120 {
    padding-right: 120px!important
  }
  .pe-xxl-160 {
    padding-right: 160px!important
  }
  .pe-xxl-240 {
    padding-right: 240px!important
  }
  .pe-xxl-320 {
    padding-right: 320px!important
  }
  .pe-xxl-400 {
    padding-right: 400px!important
  }
  .pb-xxl-0 {
    padding-bottom: 0!important
  }
  .pb-xxl-2 {
    padding-bottom: 2px!important
  }
  .pb-xxl-4 {
    padding-bottom: 4px!important
  }
  .pb-xxl-6 {
    padding-bottom: 6px!important
  }
  .pb-xxl-8 {
    padding-bottom: 8px!important
  }
  .pb-xxl-10 {
    padding-bottom: 10px!important
  }
  .pb-xxl-12 {
    padding-bottom: 12px!important
  }
  .pb-xxl-16 {
    padding-bottom: 16px!important
  }
  .pb-xxl-20 {
    padding-bottom: 20px!important
  }
  .pb-xxl-24 {
    padding-bottom: 24px!important
  }
  .pb-xxl-28 {
    padding-bottom: 28px!important
  }
  .pb-xxl-32 {
    padding-bottom: 32px!important
  }
  .pb-xxl-40 {
    padding-bottom: 40px!important
  }
  .pb-xxl-48 {
    padding-bottom: 48px!important
  }
  .pb-xxl-56 {
    padding-bottom: 56px!important
  }
  .pb-xxl-64 {
    padding-bottom: 64px!important
  }
  .pb-xxl-80 {
    padding-bottom: 80px!important
  }
  .pb-xxl-96 {
    padding-bottom: 96px!important
  }
  .pb-xxl-120 {
    padding-bottom: 120px!important
  }
  .pb-xxl-160 {
    padding-bottom: 160px!important
  }
  .pb-xxl-240 {
    padding-bottom: 240px!important
  }
  .pb-xxl-320 {
    padding-bottom: 320px!important
  }
  .pb-xxl-400 {
    padding-bottom: 400px!important
  }
  .ps-xxl-0 {
    padding-left: 0!important
  }
  .ps-xxl-2 {
    padding-left: 2px!important
  }
  .ps-xxl-4 {
    padding-left: 4px!important
  }
  .ps-xxl-6 {
    padding-left: 6px!important
  }
  .ps-xxl-8 {
    padding-left: 8px!important
  }
  .ps-xxl-10 {
    padding-left: 10px!important
  }
  .ps-xxl-12 {
    padding-left: 12px!important
  }
  .ps-xxl-16 {
    padding-left: 16px!important
  }
  .ps-xxl-20 {
    padding-left: 20px!important
  }
  .ps-xxl-24 {
    padding-left: 24px!important
  }
  .ps-xxl-28 {
    padding-left: 28px!important
  }
  .ps-xxl-32 {
    padding-left: 32px!important
  }
  .ps-xxl-40 {
    padding-left: 40px!important
  }
  .ps-xxl-48 {
    padding-left: 48px!important
  }
  .ps-xxl-56 {
    padding-left: 56px!important
  }
  .ps-xxl-64 {
    padding-left: 64px!important
  }
  .ps-xxl-80 {
    padding-left: 80px!important
  }
  .ps-xxl-96 {
    padding-left: 96px!important
  }
  .ps-xxl-120 {
    padding-left: 120px!important
  }
  .ps-xxl-160 {
    padding-left: 160px!important
  }
  .ps-xxl-240 {
    padding-left: 240px!important
  }
  .ps-xxl-320 {
    padding-left: 320px!important
  }
  .ps-xxl-400 {
    padding-left: 400px!important
  }
  .gap-xxl-0 {
    gap: 0!important
  }
  .gap-xxl-2 {
    gap: 2px!important
  }
  .gap-xxl-4 {
    gap: 4px!important
  }
  .gap-xxl-6 {
    gap: 6px!important
  }
  .gap-xxl-8 {
    gap: 8px!important
  }
  .gap-xxl-10 {
    gap: 10px!important
  }
  .gap-xxl-12 {
    gap: 12px!important
  }
  .gap-xxl-16 {
    gap: 16px!important
  }
  .gap-xxl-20 {
    gap: 20px!important
  }
  .gap-xxl-24 {
    gap: 24px!important
  }
  .gap-xxl-28 {
    gap: 28px!important
  }
  .gap-xxl-32 {
    gap: 32px!important
  }
  .gap-xxl-40 {
    gap: 40px!important
  }
  .gap-xxl-48 {
    gap: 48px!important
  }
  .gap-xxl-56 {
    gap: 56px!important
  }
  .gap-xxl-64 {
    gap: 64px!important
  }
  .gap-xxl-80 {
    gap: 80px!important
  }
  .gap-xxl-96 {
    gap: 96px!important
  }
  .gap-xxl-120 {
    gap: 120px!important
  }
  .gap-xxl-160 {
    gap: 160px!important
  }
  .gap-xxl-240 {
    gap: 240px!important
  }
  .gap-xxl-320 {
    gap: 320px!important
  }
  .gap-xxl-400 {
    gap: 400px!important
  }
  .text-xxl-start {
    text-align: left!important
  }
  .text-xxl-end {
    text-align: right!important
  }
  .text-xxl-center {
    text-align: center!important
  }
}
@media print {
  .d-print-inline {
    display: inline!important
  }
  .d-print-inline-block {
    display: inline-block!important
  }
  .d-print-block {
    display: block!important
  }
  .d-print-grid {
    display: grid!important
  }
  .d-print-table {
    display: table!important
  }
  .d-print-table-row {
    display: table-row!important
  }
  .d-print-table-cell {
    display: table-cell!important
  }
  .d-print-flex {
    display: flex!important
  }
  .d-print-inline-flex {
    display: inline-flex!important
  }
  .d-print-none {
    display: none!important
  }
}
.flag-icon,
.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat
}
.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.3333333333em;
  line-height: 1em
}
.flag-icon:before {
  content: " "
}
.flag-icon.flag-icon-squared {
  width: 1em
}
.flag-icon-ad {
  background-image: url(../../fonts/flags//4x3/ad.svg)
}
.flag-icon-ad.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ad.svg)
}
.flag-icon-ae {
  background-image: url(../../fonts/flags//4x3/ae.svg)
}
.flag-icon-ae.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ae.svg)
}
.flag-icon-af {
  background-image: url(../../fonts/flags//4x3/af.svg)
}
.flag-icon-af.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/af.svg)
}
.flag-icon-ag {
  background-image: url(../../fonts/flags//4x3/ag.svg)
}
.flag-icon-ag.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ag.svg)
}
.flag-icon-ai {
  background-image: url(../../fonts/flags//4x3/ai.svg)
}
.flag-icon-ai.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ai.svg)
}
.flag-icon-al {
  background-image: url(../../fonts/flags//4x3/al.svg)
}
.flag-icon-al.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/al.svg)
}
.flag-icon-am {
  background-image: url(../../fonts/flags//4x3/am.svg)
}
.flag-icon-am.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/am.svg)
}
.flag-icon-ao {
  background-image: url(../../fonts/flags//4x3/ao.svg)
}
.flag-icon-ao.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ao.svg)
}
.flag-icon-aq {
  background-image: url(../../fonts/flags//4x3/aq.svg)
}
.flag-icon-aq.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/aq.svg)
}
.flag-icon-ar {
  background-image: url(../../fonts/flags//4x3/ar.svg)
}
.flag-icon-ar.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ar.svg)
}
.flag-icon-as {
  background-image: url(../../fonts/flags//4x3/as.svg)
}
.flag-icon-as.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/as.svg)
}
.flag-icon-at {
  background-image: url(../../fonts/flags//4x3/at.svg)
}
.flag-icon-at.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/at.svg)
}
.flag-icon-au {
  background-image: url(../../fonts/flags//4x3/au.svg)
}
.flag-icon-au.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/au.svg)
}
.flag-icon-aw {
  background-image: url(../../fonts/flags//4x3/aw.svg)
}
.flag-icon-aw.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/aw.svg)
}
.flag-icon-ax {
  background-image: url(../../fonts/flags//4x3/ax.svg)
}
.flag-icon-ax.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ax.svg)
}
.flag-icon-az {
  background-image: url(../../fonts/flags//4x3/az.svg)
}
.flag-icon-az.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/az.svg)
}
.flag-icon-ba {
  background-image: url(../../fonts/flags//4x3/ba.svg)
}
.flag-icon-ba.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ba.svg)
}
.flag-icon-bb {
  background-image: url(../../fonts/flags//4x3/bb.svg)
}
.flag-icon-bb.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/bb.svg)
}
.flag-icon-bd {
  background-image: url(../../fonts/flags//4x3/bd.svg)
}
.flag-icon-bd.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/bd.svg)
}
.flag-icon-be {
  background-image: url(../../fonts/flags//4x3/be.svg)
}
.flag-icon-be.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/be.svg)
}
.flag-icon-bf {
  background-image: url(../../fonts/flags//4x3/bf.svg)
}
.flag-icon-bf.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/bf.svg)
}
.flag-icon-bg {
  background-image: url(../../fonts/flags//4x3/bg.svg)
}
.flag-icon-bg.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/bg.svg)
}
.flag-icon-bh {
  background-image: url(../../fonts/flags//4x3/bh.svg)
}
.flag-icon-bh.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/bh.svg)
}
.flag-icon-bi {
  background-image: url(../../fonts/flags//4x3/bi.svg)
}
.flag-icon-bi.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/bi.svg)
}
.flag-icon-bj {
  background-image: url(../../fonts/flags//4x3/bj.svg)
}
.flag-icon-bj.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/bj.svg)
}
.flag-icon-bl {
  background-image: url(../../fonts/flags//4x3/bl.svg)
}
.flag-icon-bl.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/bl.svg)
}
.flag-icon-bm {
  background-image: url(../../fonts/flags//4x3/bm.svg)
}
.flag-icon-bm.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/bm.svg)
}
.flag-icon-bn {
  background-image: url(../../fonts/flags//4x3/bn.svg)
}
.flag-icon-bn.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/bn.svg)
}
.flag-icon-bo {
  background-image: url(../../fonts/flags//4x3/bo.svg)
}
.flag-icon-bo.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/bo.svg)
}
.flag-icon-bq {
  background-image: url(../../fonts/flags//4x3/bq.svg)
}
.flag-icon-bq.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/bq.svg)
}
.flag-icon-br {
  background-image: url(../../fonts/flags//4x3/br.svg)
}
.flag-icon-br.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/br.svg)
}
.flag-icon-bs {
  background-image: url(../../fonts/flags//4x3/bs.svg)
}
.flag-icon-bs.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/bs.svg)
}
.flag-icon-bt {
  background-image: url(../../fonts/flags//4x3/bt.svg)
}
.flag-icon-bt.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/bt.svg)
}
.flag-icon-bv {
  background-image: url(../../fonts/flags//4x3/bv.svg)
}
.flag-icon-bv.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/bv.svg)
}
.flag-icon-bw {
  background-image: url(../../fonts/flags//4x3/bw.svg)
}
.flag-icon-bw.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/bw.svg)
}
.flag-icon-by {
  background-image: url(../../fonts/flags//4x3/by.svg)
}
.flag-icon-by.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/by.svg)
}
.flag-icon-bz {
  background-image: url(../../fonts/flags//4x3/bz.svg)
}
.flag-icon-bz.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/bz.svg)
}
.flag-icon-ca {
  background-image: url(../../fonts/flags//4x3/ca.svg)
}
.flag-icon-ca.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ca.svg)
}
.flag-icon-cc {
  background-image: url(../../fonts/flags//4x3/cc.svg)
}
.flag-icon-cc.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/cc.svg)
}
.flag-icon-cd {
  background-image: url(../../fonts/flags//4x3/cd.svg)
}
.flag-icon-cd.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/cd.svg)
}
.flag-icon-cf {
  background-image: url(../../fonts/flags//4x3/cf.svg)
}
.flag-icon-cf.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/cf.svg)
}
.flag-icon-cg {
  background-image: url(../../fonts/flags//4x3/cg.svg)
}
.flag-icon-cg.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/cg.svg)
}
.flag-icon-ch {
  background-image: url(../../fonts/flags//4x3/ch.svg)
}
.flag-icon-ch.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ch.svg)
}
.flag-icon-ci {
  background-image: url(../../fonts/flags//4x3/ci.svg)
}
.flag-icon-ci.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ci.svg)
}
.flag-icon-ck {
  background-image: url(../../fonts/flags//4x3/ck.svg)
}
.flag-icon-ck.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ck.svg)
}
.flag-icon-cl {
  background-image: url(../../fonts/flags//4x3/cl.svg)
}
.flag-icon-cl.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/cl.svg)
}
.flag-icon-cm {
  background-image: url(../../fonts/flags//4x3/cm.svg)
}
.flag-icon-cm.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/cm.svg)
}
.flag-icon-cn {
  background-image: url(../../fonts/flags//4x3/cn.svg)
}
.flag-icon-cn.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/cn.svg)
}
.flag-icon-co {
  background-image: url(../../fonts/flags//4x3/co.svg)
}
.flag-icon-co.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/co.svg)
}
.flag-icon-cr {
  background-image: url(../../fonts/flags//4x3/cr.svg)
}
.flag-icon-cr.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/cr.svg)
}
.flag-icon-cu {
  background-image: url(../../fonts/flags//4x3/cu.svg)
}
.flag-icon-cu.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/cu.svg)
}
.flag-icon-cv {
  background-image: url(../../fonts/flags//4x3/cv.svg)
}
.flag-icon-cv.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/cv.svg)
}
.flag-icon-cw {
  background-image: url(../../fonts/flags//4x3/cw.svg)
}
.flag-icon-cw.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/cw.svg)
}
.flag-icon-cx {
  background-image: url(../../fonts/flags//4x3/cx.svg)
}
.flag-icon-cx.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/cx.svg)
}
.flag-icon-cy {
  background-image: url(../../fonts/flags//4x3/cy.svg)
}
.flag-icon-cy.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/cy.svg)
}
.flag-icon-cz {
  background-image: url(../../fonts/flags//4x3/cz.svg)
}
.flag-icon-cz.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/cz.svg)
}
.flag-icon-de {
  background-image: url(../../fonts/flags//4x3/de.svg)
}
.flag-icon-de.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/de.svg)
}
.flag-icon-dj {
  background-image: url(../../fonts/flags//4x3/dj.svg)
}
.flag-icon-dj.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/dj.svg)
}
.flag-icon-dk {
  background-image: url(../../fonts/flags//4x3/dk.svg)
}
.flag-icon-dk.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/dk.svg)
}
.flag-icon-dm {
  background-image: url(../../fonts/flags//4x3/dm.svg)
}
.flag-icon-dm.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/dm.svg)
}
.flag-icon-do {
  background-image: url(../../fonts/flags//4x3/do.svg)
}
.flag-icon-do.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/do.svg)
}
.flag-icon-dz {
  background-image: url(../../fonts/flags//4x3/dz.svg)
}
.flag-icon-dz.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/dz.svg)
}
.flag-icon-ec {
  background-image: url(../../fonts/flags//4x3/ec.svg)
}
.flag-icon-ec.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ec.svg)
}
.flag-icon-ee {
  background-image: url(../../fonts/flags//4x3/ee.svg)
}
.flag-icon-ee.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ee.svg)
}
.flag-icon-eg {
  background-image: url(../../fonts/flags//4x3/eg.svg)
}
.flag-icon-eg.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/eg.svg)
}
.flag-icon-eh {
  background-image: url(../../fonts/flags//4x3/eh.svg)
}
.flag-icon-eh.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/eh.svg)
}
.flag-icon-er {
  background-image: url(../../fonts/flags//4x3/er.svg)
}
.flag-icon-er.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/er.svg)
}
.flag-icon-es {
  background-image: url(../../fonts/flags//4x3/es.svg)
}
.flag-icon-es.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/es.svg)
}
.flag-icon-et {
  background-image: url(../../fonts/flags//4x3/et.svg)
}
.flag-icon-et.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/et.svg)
}
.flag-icon-fi {
  background-image: url(../../fonts/flags//4x3/fi.svg)
}
.flag-icon-fi.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/fi.svg)
}
.flag-icon-fj {
  background-image: url(../../fonts/flags//4x3/fj.svg)
}
.flag-icon-fj.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/fj.svg)
}
.flag-icon-fk {
  background-image: url(../../fonts/flags//4x3/fk.svg)
}
.flag-icon-fk.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/fk.svg)
}
.flag-icon-fm {
  background-image: url(../../fonts/flags//4x3/fm.svg)
}
.flag-icon-fm.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/fm.svg)
}
.flag-icon-fo {
  background-image: url(../../fonts/flags//4x3/fo.svg)
}
.flag-icon-fo.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/fo.svg)
}
.flag-icon-fr {
  background-image: url(../assets/asset-35.svg)
}
.flag-icon-fr.flag-icon-squared {
  background-image: url(../assets/asset-36.svg)
}
.flag-icon-ga {
  background-image: url(../../fonts/flags//4x3/ga.svg)
}
.flag-icon-ga.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ga.svg)
}
.flag-icon-gb {
  background-image: url(../../fonts/flags//4x3/gb.svg)
}
.flag-icon-gb.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/gb.svg)
}
.flag-icon-gd {
  background-image: url(../../fonts/flags//4x3/gd.svg)
}
.flag-icon-gd.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/gd.svg)
}
.flag-icon-ge {
  background-image: url(../../fonts/flags//4x3/ge.svg)
}
.flag-icon-ge.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ge.svg)
}
.flag-icon-gf {
  background-image: url(../../fonts/flags//4x3/gf.svg)
}
.flag-icon-gf.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/gf.svg)
}
.flag-icon-gg {
  background-image: url(../../fonts/flags//4x3/gg.svg)
}
.flag-icon-gg.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/gg.svg)
}
.flag-icon-gh {
  background-image: url(../../fonts/flags//4x3/gh.svg)
}
.flag-icon-gh.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/gh.svg)
}
.flag-icon-gi {
  background-image: url(../../fonts/flags//4x3/gi.svg)
}
.flag-icon-gi.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/gi.svg)
}
.flag-icon-gl {
  background-image: url(../../fonts/flags//4x3/gl.svg)
}
.flag-icon-gl.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/gl.svg)
}
.flag-icon-gm {
  background-image: url(../../fonts/flags//4x3/gm.svg)
}
.flag-icon-gm.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/gm.svg)
}
.flag-icon-gn {
  background-image: url(../../fonts/flags//4x3/gn.svg)
}
.flag-icon-gn.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/gn.svg)
}
.flag-icon-gp {
  background-image: url(../../fonts/flags//4x3/gp.svg)
}
.flag-icon-gp.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/gp.svg)
}
.flag-icon-gq {
  background-image: url(../../fonts/flags//4x3/gq.svg)
}
.flag-icon-gq.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/gq.svg)
}
.flag-icon-gr {
  background-image: url(../../fonts/flags//4x3/gr.svg)
}
.flag-icon-gr.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/gr.svg)
}
.flag-icon-gs {
  background-image: url(../../fonts/flags//4x3/gs.svg)
}
.flag-icon-gs.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/gs.svg)
}
.flag-icon-gt {
  background-image: url(../../fonts/flags//4x3/gt.svg)
}
.flag-icon-gt.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/gt.svg)
}
.flag-icon-gu {
  background-image: url(../../fonts/flags//4x3/gu.svg)
}
.flag-icon-gu.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/gu.svg)
}
.flag-icon-gw {
  background-image: url(../../fonts/flags//4x3/gw.svg)
}
.flag-icon-gw.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/gw.svg)
}
.flag-icon-gy {
  background-image: url(../../fonts/flags//4x3/gy.svg)
}
.flag-icon-gy.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/gy.svg)
}
.flag-icon-hk {
  background-image: url(../../fonts/flags//4x3/hk.svg)
}
.flag-icon-hk.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/hk.svg)
}
.flag-icon-hm {
  background-image: url(../../fonts/flags//4x3/hm.svg)
}
.flag-icon-hm.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/hm.svg)
}
.flag-icon-hn {
  background-image: url(../../fonts/flags//4x3/hn.svg)
}
.flag-icon-hn.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/hn.svg)
}
.flag-icon-hr {
  background-image: url(../../fonts/flags//4x3/hr.svg)
}
.flag-icon-hr.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/hr.svg)
}
.flag-icon-ht {
  background-image: url(../../fonts/flags//4x3/ht.svg)
}
.flag-icon-ht.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ht.svg)
}
.flag-icon-hu {
  background-image: url(../../fonts/flags//4x3/hu.svg)
}
.flag-icon-hu.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/hu.svg)
}
.flag-icon-id {
  background-image: url(../../fonts/flags//4x3/id.svg)
}
.flag-icon-id.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/id.svg)
}
.flag-icon-ie {
  background-image: url(../../fonts/flags//4x3/ie.svg)
}
.flag-icon-ie.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ie.svg)
}
.flag-icon-il {
  background-image: url(../../fonts/flags//4x3/il.svg)
}
.flag-icon-il.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/il.svg)
}
.flag-icon-im {
  background-image: url(../../fonts/flags//4x3/im.svg)
}
.flag-icon-im.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/im.svg)
}
.flag-icon-in {
  background-image: url(../../fonts/flags//4x3/in.svg)
}
.flag-icon-in.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/in.svg)
}
.flag-icon-io {
  background-image: url(../../fonts/flags//4x3/io.svg)
}
.flag-icon-io.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/io.svg)
}
.flag-icon-iq {
  background-image: url(../../fonts/flags//4x3/iq.svg)
}
.flag-icon-iq.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/iq.svg)
}
.flag-icon-ir {
  background-image: url(../../fonts/flags//4x3/ir.svg)
}
.flag-icon-ir.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ir.svg)
}
.flag-icon-is {
  background-image: url(../../fonts/flags//4x3/is.svg)
}
.flag-icon-is.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/is.svg)
}
.flag-icon-it {
  background-image: url(../../fonts/flags//4x3/it.svg)
}
.flag-icon-it.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/it.svg)
}
.flag-icon-je {
  background-image: url(../../fonts/flags//4x3/je.svg)
}
.flag-icon-je.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/je.svg)
}
.flag-icon-jm {
  background-image: url(../../fonts/flags//4x3/jm.svg)
}
.flag-icon-jm.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/jm.svg)
}
.flag-icon-jo {
  background-image: url(../../fonts/flags//4x3/jo.svg)
}
.flag-icon-jo.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/jo.svg)
}
.flag-icon-jp {
  background-image: url(../../fonts/flags//4x3/jp.svg)
}
.flag-icon-jp.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/jp.svg)
}
.flag-icon-ke {
  background-image: url(../../fonts/flags//4x3/ke.svg)
}
.flag-icon-ke.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ke.svg)
}
.flag-icon-kg {
  background-image: url(../../fonts/flags//4x3/kg.svg)
}
.flag-icon-kg.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/kg.svg)
}
.flag-icon-kh {
  background-image: url(../../fonts/flags//4x3/kh.svg)
}
.flag-icon-kh.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/kh.svg)
}
.flag-icon-ki {
  background-image: url(../../fonts/flags//4x3/ki.svg)
}
.flag-icon-ki.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ki.svg)
}
.flag-icon-km {
  background-image: url(../../fonts/flags//4x3/km.svg)
}
.flag-icon-km.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/km.svg)
}
.flag-icon-kn {
  background-image: url(../../fonts/flags//4x3/kn.svg)
}
.flag-icon-kn.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/kn.svg)
}
.flag-icon-kp {
  background-image: url(../../fonts/flags//4x3/kp.svg)
}
.flag-icon-kp.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/kp.svg)
}
.flag-icon-kr {
  background-image: url(../../fonts/flags//4x3/kr.svg)
}
.flag-icon-kr.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/kr.svg)
}
.flag-icon-kw {
  background-image: url(../../fonts/flags//4x3/kw.svg)
}
.flag-icon-kw.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/kw.svg)
}
.flag-icon-ky {
  background-image: url(../../fonts/flags//4x3/ky.svg)
}
.flag-icon-ky.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ky.svg)
}
.flag-icon-kz {
  background-image: url(../../fonts/flags//4x3/kz.svg)
}
.flag-icon-kz.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/kz.svg)
}
.flag-icon-la {
  background-image: url(../../fonts/flags//4x3/la.svg)
}
.flag-icon-la.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/la.svg)
}
.flag-icon-lb {
  background-image: url(../../fonts/flags//4x3/lb.svg)
}
.flag-icon-lb.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/lb.svg)
}
.flag-icon-lc {
  background-image: url(../../fonts/flags//4x3/lc.svg)
}
.flag-icon-lc.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/lc.svg)
}
.flag-icon-li {
  background-image: url(../../fonts/flags//4x3/li.svg)
}
.flag-icon-li.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/li.svg)
}
.flag-icon-lk {
  background-image: url(../../fonts/flags//4x3/lk.svg)
}
.flag-icon-lk.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/lk.svg)
}
.flag-icon-lr {
  background-image: url(../../fonts/flags//4x3/lr.svg)
}
.flag-icon-lr.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/lr.svg)
}
.flag-icon-ls {
  background-image: url(../../fonts/flags//4x3/ls.svg)
}
.flag-icon-ls.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ls.svg)
}
.flag-icon-lt {
  background-image: url(../../fonts/flags//4x3/lt.svg)
}
.flag-icon-lt.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/lt.svg)
}
.flag-icon-lu {
  background-image: url(../../fonts/flags//4x3/lu.svg)
}
.flag-icon-lu.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/lu.svg)
}
.flag-icon-lv {
  background-image: url(../../fonts/flags//4x3/lv.svg)
}
.flag-icon-lv.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/lv.svg)
}
.flag-icon-ly {
  background-image: url(../../fonts/flags//4x3/ly.svg)
}
.flag-icon-ly.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ly.svg)
}
.flag-icon-ma {
  background-image: url(../../fonts/flags//4x3/ma.svg)
}
.flag-icon-ma.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ma.svg)
}
.flag-icon-mc {
  background-image: url(../../fonts/flags//4x3/mc.svg)
}
.flag-icon-mc.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/mc.svg)
}
.flag-icon-md {
  background-image: url(../../fonts/flags//4x3/md.svg)
}
.flag-icon-md.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/md.svg)
}
.flag-icon-me {
  background-image: url(../../fonts/flags//4x3/me.svg)
}
.flag-icon-me.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/me.svg)
}
.flag-icon-mf {
  background-image: url(../../fonts/flags//4x3/mf.svg)
}
.flag-icon-mf.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/mf.svg)
}
.flag-icon-mg {
  background-image: url(../../fonts/flags//4x3/mg.svg)
}
.flag-icon-mg.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/mg.svg)
}
.flag-icon-mh {
  background-image: url(../../fonts/flags//4x3/mh.svg)
}
.flag-icon-mh.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/mh.svg)
}
.flag-icon-mk {
  background-image: url(../../fonts/flags//4x3/mk.svg)
}
.flag-icon-mk.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/mk.svg)
}
.flag-icon-ml {
  background-image: url(../../fonts/flags//4x3/ml.svg)
}
.flag-icon-ml.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ml.svg)
}
.flag-icon-mm {
  background-image: url(../../fonts/flags//4x3/mm.svg)
}
.flag-icon-mm.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/mm.svg)
}
.flag-icon-mn {
  background-image: url(../../fonts/flags//4x3/mn.svg)
}
.flag-icon-mn.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/mn.svg)
}
.flag-icon-mo {
  background-image: url(../../fonts/flags//4x3/mo.svg)
}
.flag-icon-mo.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/mo.svg)
}
.flag-icon-mp {
  background-image: url(../../fonts/flags//4x3/mp.svg)
}
.flag-icon-mp.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/mp.svg)
}
.flag-icon-mq {
  background-image: url(../../fonts/flags//4x3/mq.svg)
}
.flag-icon-mq.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/mq.svg)
}
.flag-icon-mr {
  background-image: url(../../fonts/flags//4x3/mr.svg)
}
.flag-icon-mr.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/mr.svg)
}
.flag-icon-ms {
  background-image: url(../../fonts/flags//4x3/ms.svg)
}
.flag-icon-ms.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ms.svg)
}
.flag-icon-mt {
  background-image: url(../../fonts/flags//4x3/mt.svg)
}
.flag-icon-mt.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/mt.svg)
}
.flag-icon-mu {
  background-image: url(../../fonts/flags//4x3/mu.svg)
}
.flag-icon-mu.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/mu.svg)
}
.flag-icon-mv {
  background-image: url(../../fonts/flags//4x3/mv.svg)
}
.flag-icon-mv.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/mv.svg)
}
.flag-icon-mw {
  background-image: url(../../fonts/flags//4x3/mw.svg)
}
.flag-icon-mw.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/mw.svg)
}
.flag-icon-mx {
  background-image: url(../../fonts/flags//4x3/mx.svg)
}
.flag-icon-mx.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/mx.svg)
}
.flag-icon-my {
  background-image: url(../../fonts/flags//4x3/my.svg)
}
.flag-icon-my.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/my.svg)
}
.flag-icon-mz {
  background-image: url(../../fonts/flags//4x3/mz.svg)
}
.flag-icon-mz.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/mz.svg)
}
.flag-icon-na {
  background-image: url(../../fonts/flags//4x3/na.svg)
}
.flag-icon-na.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/na.svg)
}
.flag-icon-nc {
  background-image: url(../../fonts/flags//4x3/nc.svg)
}
.flag-icon-nc.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/nc.svg)
}
.flag-icon-ne {
  background-image: url(../../fonts/flags//4x3/ne.svg)
}
.flag-icon-ne.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ne.svg)
}
.flag-icon-nf {
  background-image: url(../../fonts/flags//4x3/nf.svg)
}
.flag-icon-nf.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/nf.svg)
}
.flag-icon-ng {
  background-image: url(../../fonts/flags//4x3/ng.svg)
}
.flag-icon-ng.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ng.svg)
}
.flag-icon-ni {
  background-image: url(../../fonts/flags//4x3/ni.svg)
}
.flag-icon-ni.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ni.svg)
}
.flag-icon-nl {
  background-image: url(../../fonts/flags//4x3/nl.svg)
}
.flag-icon-nl.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/nl.svg)
}
.flag-icon-no {
  background-image: url(../../fonts/flags//4x3/no.svg)
}
.flag-icon-no.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/no.svg)
}
.flag-icon-np {
  background-image: url(../../fonts/flags//4x3/np.svg)
}
.flag-icon-np.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/np.svg)
}
.flag-icon-nr {
  background-image: url(../../fonts/flags//4x3/nr.svg)
}
.flag-icon-nr.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/nr.svg)
}
.flag-icon-nu {
  background-image: url(../../fonts/flags//4x3/nu.svg)
}
.flag-icon-nu.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/nu.svg)
}
.flag-icon-nz {
  background-image: url(../../fonts/flags//4x3/nz.svg)
}
.flag-icon-nz.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/nz.svg)
}
.flag-icon-om {
  background-image: url(../../fonts/flags//4x3/om.svg)
}
.flag-icon-om.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/om.svg)
}
.flag-icon-pa {
  background-image: url(../../fonts/flags//4x3/pa.svg)
}
.flag-icon-pa.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/pa.svg)
}
.flag-icon-pe {
  background-image: url(../../fonts/flags//4x3/pe.svg)
}
.flag-icon-pe.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/pe.svg)
}
.flag-icon-pf {
  background-image: url(../../fonts/flags//4x3/pf.svg)
}
.flag-icon-pf.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/pf.svg)
}
.flag-icon-pg {
  background-image: url(../../fonts/flags//4x3/pg.svg)
}
.flag-icon-pg.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/pg.svg)
}
.flag-icon-ph {
  background-image: url(../../fonts/flags//4x3/ph.svg)
}
.flag-icon-ph.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ph.svg)
}
.flag-icon-pk {
  background-image: url(../../fonts/flags//4x3/pk.svg)
}
.flag-icon-pk.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/pk.svg)
}
.flag-icon-pl {
  background-image: url(../../fonts/flags//4x3/pl.svg)
}
.flag-icon-pl.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/pl.svg)
}
.flag-icon-pm {
  background-image: url(../../fonts/flags//4x3/pm.svg)
}
.flag-icon-pm.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/pm.svg)
}
.flag-icon-pn {
  background-image: url(../../fonts/flags//4x3/pn.svg)
}
.flag-icon-pn.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/pn.svg)
}
.flag-icon-pr {
  background-image: url(../../fonts/flags//4x3/pr.svg)
}
.flag-icon-pr.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/pr.svg)
}
.flag-icon-ps {
  background-image: url(../../fonts/flags//4x3/ps.svg)
}
.flag-icon-ps.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ps.svg)
}
.flag-icon-pt {
  background-image: url(../../fonts/flags//4x3/pt.svg)
}
.flag-icon-pt.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/pt.svg)
}
.flag-icon-pw {
  background-image: url(../../fonts/flags//4x3/pw.svg)
}
.flag-icon-pw.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/pw.svg)
}
.flag-icon-py {
  background-image: url(../../fonts/flags//4x3/py.svg)
}
.flag-icon-py.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/py.svg)
}
.flag-icon-qa {
  background-image: url(../../fonts/flags//4x3/qa.svg)
}
.flag-icon-qa.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/qa.svg)
}
.flag-icon-re {
  background-image: url(../../fonts/flags//4x3/re.svg)
}
.flag-icon-re.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/re.svg)
}
.flag-icon-ro {
  background-image: url(../../fonts/flags//4x3/ro.svg)
}
.flag-icon-ro.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ro.svg)
}
.flag-icon-rs {
  background-image: url(../../fonts/flags//4x3/rs.svg)
}
.flag-icon-rs.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/rs.svg)
}
.flag-icon-ru {
  background-image: url(../../fonts/flags//4x3/ru.svg)
}
.flag-icon-ru.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ru.svg)
}
.flag-icon-rw {
  background-image: url(../../fonts/flags//4x3/rw.svg)
}
.flag-icon-rw.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/rw.svg)
}
.flag-icon-sa {
  background-image: url(../../fonts/flags//4x3/sa.svg)
}
.flag-icon-sa.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/sa.svg)
}
.flag-icon-sb {
  background-image: url(../../fonts/flags//4x3/sb.svg)
}
.flag-icon-sb.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/sb.svg)
}
.flag-icon-sc {
  background-image: url(../../fonts/flags//4x3/sc.svg)
}
.flag-icon-sc.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/sc.svg)
}
.flag-icon-sd {
  background-image: url(../../fonts/flags//4x3/sd.svg)
}
.flag-icon-sd.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/sd.svg)
}
.flag-icon-se {
  background-image: url(../../fonts/flags//4x3/se.svg)
}
.flag-icon-se.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/se.svg)
}
.flag-icon-sg {
  background-image: url(../../fonts/flags//4x3/sg.svg)
}
.flag-icon-sg.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/sg.svg)
}
.flag-icon-sh {
  background-image: url(../../fonts/flags//4x3/sh.svg)
}
.flag-icon-sh.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/sh.svg)
}
.flag-icon-si {
  background-image: url(../../fonts/flags//4x3/si.svg)
}
.flag-icon-si.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/si.svg)
}
.flag-icon-sj {
  background-image: url(../../fonts/flags//4x3/sj.svg)
}
.flag-icon-sj.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/sj.svg)
}
.flag-icon-sk {
  background-image: url(../../fonts/flags//4x3/sk.svg)
}
.flag-icon-sk.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/sk.svg)
}
.flag-icon-sl {
  background-image: url(../../fonts/flags//4x3/sl.svg)
}
.flag-icon-sl.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/sl.svg)
}
.flag-icon-sm {
  background-image: url(../../fonts/flags//4x3/sm.svg)
}
.flag-icon-sm.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/sm.svg)
}
.flag-icon-sn {
  background-image: url(../../fonts/flags//4x3/sn.svg)
}
.flag-icon-sn.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/sn.svg)
}
.flag-icon-so {
  background-image: url(../../fonts/flags//4x3/so.svg)
}
.flag-icon-so.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/so.svg)
}
.flag-icon-sr {
  background-image: url(../../fonts/flags//4x3/sr.svg)
}
.flag-icon-sr.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/sr.svg)
}
.flag-icon-ss {
  background-image: url(../../fonts/flags//4x3/ss.svg)
}
.flag-icon-ss.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ss.svg)
}
.flag-icon-st {
  background-image: url(../../fonts/flags//4x3/st.svg)
}
.flag-icon-st.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/st.svg)
}
.flag-icon-sv {
  background-image: url(../../fonts/flags//4x3/sv.svg)
}
.flag-icon-sv.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/sv.svg)
}
.flag-icon-sx {
  background-image: url(../../fonts/flags//4x3/sx.svg)
}
.flag-icon-sx.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/sx.svg)
}
.flag-icon-sy {
  background-image: url(../../fonts/flags//4x3/sy.svg)
}
.flag-icon-sy.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/sy.svg)
}
.flag-icon-sz {
  background-image: url(../../fonts/flags//4x3/sz.svg)
}
.flag-icon-sz.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/sz.svg)
}
.flag-icon-tc {
  background-image: url(../../fonts/flags//4x3/tc.svg)
}
.flag-icon-tc.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/tc.svg)
}
.flag-icon-td {
  background-image: url(../../fonts/flags//4x3/td.svg)
}
.flag-icon-td.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/td.svg)
}
.flag-icon-tf {
  background-image: url(../../fonts/flags//4x3/tf.svg)
}
.flag-icon-tf.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/tf.svg)
}
.flag-icon-tg {
  background-image: url(../../fonts/flags//4x3/tg.svg)
}
.flag-icon-tg.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/tg.svg)
}
.flag-icon-th {
  background-image: url(../../fonts/flags//4x3/th.svg)
}
.flag-icon-th.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/th.svg)
}
.flag-icon-tj {
  background-image: url(../../fonts/flags//4x3/tj.svg)
}
.flag-icon-tj.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/tj.svg)
}
.flag-icon-tk {
  background-image: url(../../fonts/flags//4x3/tk.svg)
}
.flag-icon-tk.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/tk.svg)
}
.flag-icon-tl {
  background-image: url(../../fonts/flags//4x3/tl.svg)
}
.flag-icon-tl.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/tl.svg)
}
.flag-icon-tm {
  background-image: url(../../fonts/flags//4x3/tm.svg)
}
.flag-icon-tm.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/tm.svg)
}
.flag-icon-tn {
  background-image: url(../../fonts/flags//4x3/tn.svg)
}
.flag-icon-tn.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/tn.svg)
}
.flag-icon-to {
  background-image: url(../../fonts/flags//4x3/to.svg)
}
.flag-icon-to.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/to.svg)
}
.flag-icon-tr {
  background-image: url(../../fonts/flags//4x3/tr.svg)
}
.flag-icon-tr.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/tr.svg)
}
.flag-icon-tt {
  background-image: url(../../fonts/flags//4x3/tt.svg)
}
.flag-icon-tt.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/tt.svg)
}
.flag-icon-tv {
  background-image: url(../../fonts/flags//4x3/tv.svg)
}
.flag-icon-tv.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/tv.svg)
}
.flag-icon-tw {
  background-image: url(../../fonts/flags//4x3/tw.svg)
}
.flag-icon-tw.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/tw.svg)
}
.flag-icon-tz {
  background-image: url(../../fonts/flags//4x3/tz.svg)
}
.flag-icon-tz.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/tz.svg)
}
.flag-icon-ua {
  background-image: url(../../fonts/flags//4x3/ua.svg)
}
.flag-icon-ua.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ua.svg)
}
.flag-icon-ug {
  background-image: url(../../fonts/flags//4x3/ug.svg)
}
.flag-icon-ug.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ug.svg)
}
.flag-icon-um {
  background-image: url(../../fonts/flags//4x3/um.svg)
}
.flag-icon-um.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/um.svg)
}
.flag-icon-us {
  background-image: url(../../fonts/flags//4x3/us.svg)
}
.flag-icon-us.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/us.svg)
}
.flag-icon-uy {
  background-image: url(../../fonts/flags//4x3/uy.svg)
}
.flag-icon-uy.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/uy.svg)
}
.flag-icon-uz {
  background-image: url(../../fonts/flags//4x3/uz.svg)
}
.flag-icon-uz.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/uz.svg)
}
.flag-icon-va {
  background-image: url(../../fonts/flags//4x3/va.svg)
}
.flag-icon-va.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/va.svg)
}
.flag-icon-vc {
  background-image: url(../../fonts/flags//4x3/vc.svg)
}
.flag-icon-vc.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/vc.svg)
}
.flag-icon-ve {
  background-image: url(../../fonts/flags//4x3/ve.svg)
}
.flag-icon-ve.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ve.svg)
}
.flag-icon-vg {
  background-image: url(../../fonts/flags//4x3/vg.svg)
}
.flag-icon-vg.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/vg.svg)
}
.flag-icon-vi {
  background-image: url(../../fonts/flags//4x3/vi.svg)
}
.flag-icon-vi.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/vi.svg)
}
.flag-icon-vn {
  background-image: url(../../fonts/flags//4x3/vn.svg)
}
.flag-icon-vn.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/vn.svg)
}
.flag-icon-vu {
  background-image: url(../../fonts/flags//4x3/vu.svg)
}
.flag-icon-vu.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/vu.svg)
}
.flag-icon-wf {
  background-image: url(../../fonts/flags//4x3/wf.svg)
}
.flag-icon-wf.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/wf.svg)
}
.flag-icon-ws {
  background-image: url(../../fonts/flags//4x3/ws.svg)
}
.flag-icon-ws.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ws.svg)
}
.flag-icon-ye {
  background-image: url(../../fonts/flags//4x3/ye.svg)
}
.flag-icon-ye.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/ye.svg)
}
.flag-icon-yt {
  background-image: url(../../fonts/flags//4x3/yt.svg)
}
.flag-icon-yt.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/yt.svg)
}
.flag-icon-za {
  background-image: url(../../fonts/flags//4x3/za.svg)
}
.flag-icon-za.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/za.svg)
}
.flag-icon-zm {
  background-image: url(../../fonts/flags//4x3/zm.svg)
}
.flag-icon-zm.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/zm.svg)
}
.flag-icon-zw {
  background-image: url(../../fonts/flags//4x3/zw.svg)
}
.flag-icon-zw.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/zw.svg)
}
.flag-icon-es-ca {
  background-image: url(../../fonts/flags//4x3/es-ca.svg)
}
.flag-icon-es-ca.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/es-ca.svg)
}
.flag-icon-es-ga {
  background-image: url(../../fonts/flags//4x3/es-ga.svg)
}
.flag-icon-es-ga.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/es-ga.svg)
}
.flag-icon-eu {
  background-image: url(../../fonts/flags//4x3/eu.svg)
}
.flag-icon-eu.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/eu.svg)
}
.flag-icon-gb-eng {
  background-image: url(../../fonts/flags//4x3/gb-eng.svg)
}
.flag-icon-gb-eng.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/gb-eng.svg)
}
.flag-icon-gb-nir {
  background-image: url(../../fonts/flags//4x3/gb-nir.svg)
}
.flag-icon-gb-nir.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/gb-nir.svg)
}
.flag-icon-gb-sct {
  background-image: url(../../fonts/flags//4x3/gb-sct.svg)
}
.flag-icon-gb-sct.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/gb-sct.svg)
}
.flag-icon-gb-wls {
  background-image: url(../../fonts/flags//4x3/gb-wls.svg)
}
.flag-icon-gb-wls.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/gb-wls.svg)
}
.flag-icon-un {
  background-image: url(../../fonts/flags//4x3/un.svg)
}
.flag-icon-un.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/un.svg)
}
.flag-icon-xk {
  background-image: url(../../fonts/flags//4x3/xk.svg)
}
.flag-icon-xk.flag-icon-squared {
  background-image: url(../../fonts/flags//1x1/xk.svg)
}
.flag {
  width: 16px;
  height: 11px;
  background: url("../../images/globale/flags.png") no-repeat
}
.flag.flag-ad {
  background-position: -16px 0
}
.flag.flag-ae {
  background-position: -32px 0
}
.flag.flag-af {
  background-position: -48px 0
}
.flag.flag-ag {
  background-position: -64px 0
}
.flag.flag-ai {
  background-position: -80px 0
}
.flag.flag-al {
  background-position: -96px 0
}
.flag.flag-am {
  background-position: -112px 0
}
.flag.flag-an {
  background-position: -128px 0
}
.flag.flag-ao {
  background-position: -144px 0
}
.flag.flag-ar {
  background-position: -160px 0
}
.flag.flag-as {
  background-position: -176px 0
}
.flag.flag-at {
  background-position: -192px 0
}
.flag.flag-au {
  background-position: -208px 0
}
.flag.flag-aw {
  background-position: -224px 0
}
.flag.flag-az {
  background-position: -240px 0
}
.flag.flag-ba {
  background-position: 0 -11px
}
.flag.flag-bb {
  background-position: -16px -11px
}
.flag.flag-bd {
  background-position: -32px -11px
}
.flag.flag-be {
  background-position: -48px -11px
}
.flag.flag-bf {
  background-position: -64px -11px
}
.flag.flag-bg {
  background-position: -80px -11px
}
.flag.flag-bh {
  background-position: -96px -11px
}
.flag.flag-bi {
  background-position: -112px -11px
}
.flag.flag-bj {
  background-position: -128px -11px
}
.flag.flag-bm {
  background-position: -144px -11px
}
.flag.flag-bn {
  background-position: -160px -11px
}
.flag.flag-bo {
  background-position: -176px -11px
}
.flag.flag-br {
  background-position: -192px -11px
}
.flag.flag-bs {
  background-position: -208px -11px
}
.flag.flag-bt {
  background-position: -224px -11px
}
.flag.flag-bv {
  background-position: -240px -11px
}
.flag.flag-bw {
  background-position: 0 -22px
}
.flag.flag-by {
  background-position: -16px -22px
}
.flag.flag-bz {
  background-position: -32px -22px
}
.flag.flag-ca {
  background-position: -48px -22px
}
.flag.flag-catalonia {
  background-position: -64px -22px
}
.flag.flag-cd {
  background-position: -80px -22px
}
.flag.flag-cf {
  background-position: -96px -22px
}
.flag.flag-cg {
  background-position: -112px -22px
}
.flag.flag-ch {
  background-position: -128px -22px
}
.flag.flag-ci {
  background-position: -144px -22px
}
.flag.flag-ck {
  background-position: -160px -22px
}
.flag.flag-cl {
  background-position: -176px -22px
}
.flag.flag-cm {
  background-position: -192px -22px
}
.flag.flag-cn {
  background-position: -208px -22px
}
.flag.flag-co {
  background-position: -224px -22px
}
.flag.flag-cr {
  background-position: -240px -22px
}
.flag.flag-cu {
  background-position: 0 -33px
}
.flag.flag-cv {
  background-position: -16px -33px
}
.flag.flag-cw {
  background-position: -32px -33px
}
.flag.flag-cy {
  background-position: -48px -33px
}
.flag.flag-cz {
  background-position: -64px -33px
}
.flag.flag-de {
  background-position: -80px -33px
}
.flag.flag-dj {
  background-position: -96px -33px
}
.flag.flag-dk {
  background-position: -112px -33px
}
.flag.flag-dm {
  background-position: -128px -33px
}
.flag.flag-do {
  background-position: -144px -33px
}
.flag.flag-dz {
  background-position: -160px -33px
}
.flag.flag-ec {
  background-position: -176px -33px
}
.flag.flag-ee {
  background-position: -192px -33px
}
.flag.flag-eg {
  background-position: -208px -33px
}
.flag.flag-eh {
  background-position: -224px -33px
}
.flag.flag-england {
  background-position: -240px -33px
}
.flag.flag-er {
  background-position: 0 -44px
}
.flag.flag-es {
  background-position: -16px -44px
}
.flag.flag-et {
  background-position: -32px -44px
}
.flag.flag-eu {
  background-position: -48px -44px
}
.flag.flag-fi {
  background-position: -64px -44px
}
.flag.flag-fj {
  background-position: -80px -44px
}
.flag.flag-fk {
  background-position: -96px -44px
}
.flag.flag-fm {
  background-position: -112px -44px
}
.flag.flag-fo {
  background-position: -128px -44px
}
.flag.flag-fr {
  background-position: -144px -44px
}
.flag.flag-ga {
  background-position: -160px -44px
}
.flag.flag-gb {
  background-position: -176px -44px
}
.flag.flag-gd {
  background-position: -192px -44px
}
.flag.flag-ge {
  background-position: -208px -44px
}
.flag.flag-gf {
  background-position: -224px -44px
}
.flag.flag-gg {
  background-position: -240px -44px
}
.flag.flag-gh {
  background-position: 0 -55px
}
.flag.flag-gi {
  background-position: -16px -55px
}
.flag.flag-gl {
  background-position: -32px -55px
}
.flag.flag-gm {
  background-position: -48px -55px
}
.flag.flag-gn {
  background-position: -64px -55px
}
.flag.flag-gp {
  background-position: -80px -55px
}
.flag.flag-gq {
  background-position: -96px -55px
}
.flag.flag-gr {
  background-position: -112px -55px
}
.flag.flag-gs {
  background-position: -128px -55px
}
.flag.flag-gt {
  background-position: -144px -55px
}
.flag.flag-gu {
  background-position: -160px -55px
}
.flag.flag-gw {
  background-position: -176px -55px
}
.flag.flag-gy {
  background-position: -192px -55px
}
.flag.flag-hk {
  background-position: -208px -55px
}
.flag.flag-hm {
  background-position: -224px -55px
}
.flag.flag-hn {
  background-position: -240px -55px
}
.flag.flag-hr {
  background-position: 0 -66px
}
.flag.flag-ht {
  background-position: -16px -66px
}
.flag.flag-hu {
  background-position: -32px -66px
}
.flag.flag-ic {
  background-position: -48px -66px
}
.flag.flag-id {
  background-position: -64px -66px
}
.flag.flag-ie {
  background-position: -80px -66px
}
.flag.flag-il {
  background-position: -96px -66px
}
.flag.flag-im {
  background-position: -112px -66px
}
.flag.flag-in {
  background-position: -128px -66px
}
.flag.flag-io {
  background-position: -144px -66px
}
.flag.flag-iq {
  background-position: -160px -66px
}
.flag.flag-ir {
  background-position: -176px -66px
}
.flag.flag-is {
  background-position: -192px -66px
}
.flag.flag-it {
  background-position: -208px -66px
}
.flag.flag-je {
  background-position: -224px -66px
}
.flag.flag-jm {
  background-position: -240px -66px
}
.flag.flag-jo {
  background-position: 0 -77px
}
.flag.flag-jp {
  background-position: -16px -77px
}
.flag.flag-ke {
  background-position: -32px -77px
}
.flag.flag-kg {
  background-position: -48px -77px
}
.flag.flag-kh {
  background-position: -64px -77px
}
.flag.flag-ki {
  background-position: -80px -77px
}
.flag.flag-km {
  background-position: -96px -77px
}
.flag.flag-kn {
  background-position: -112px -77px
}
.flag.flag-kp {
  background-position: -128px -77px
}
.flag.flag-kr {
  background-position: -144px -77px
}
.flag.flag-kurdistan {
  background-position: -160px -77px
}
.flag.flag-kw {
  background-position: -176px -77px
}
.flag.flag-ky {
  background-position: -192px -77px
}
.flag.flag-kz {
  background-position: -208px -77px
}
.flag.flag-la {
  background-position: -224px -77px
}
.flag.flag-lb {
  background-position: -240px -77px
}
.flag.flag-lc {
  background-position: 0 -88px
}
.flag.flag-li {
  background-position: -16px -88px
}
.flag.flag-lk {
  background-position: -32px -88px
}
.flag.flag-lr {
  background-position: -48px -88px
}
.flag.flag-ls {
  background-position: -64px -88px
}
.flag.flag-lt {
  background-position: -80px -88px
}
.flag.flag-lu {
  background-position: -96px -88px
}
.flag.flag-lv {
  background-position: -112px -88px
}
.flag.flag-ly {
  background-position: -128px -88px
}
.flag.flag-ma {
  background-position: -144px -88px
}
.flag.flag-mc {
  background-position: -160px -88px
}
.flag.flag-md {
  background-position: -176px -88px
}
.flag.flag-me {
  background-position: -192px -88px
}
.flag.flag-mg {
  background-position: -208px -88px
}
.flag.flag-mh {
  background-position: -224px -88px
}
.flag.flag-mk {
  background-position: -240px -88px
}
.flag.flag-ml {
  background-position: 0 -99px
}
.flag.flag-mm {
  background-position: -16px -99px
}
.flag.flag-mn {
  background-position: -32px -99px
}
.flag.flag-mo {
  background-position: -48px -99px
}
.flag.flag-mp {
  background-position: -64px -99px
}
.flag.flag-mq {
  background-position: -80px -99px
}
.flag.flag-mr {
  background-position: -96px -99px
}
.flag.flag-ms {
  background-position: -112px -99px
}
.flag.flag-mt {
  background-position: -128px -99px
}
.flag.flag-mu {
  background-position: -144px -99px
}
.flag.flag-mv {
  background-position: -160px -99px
}
.flag.flag-mw {
  background-position: -176px -99px
}
.flag.flag-mx {
  background-position: -192px -99px
}
.flag.flag-my {
  background-position: -208px -99px
}
.flag.flag-mz {
  background-position: -224px -99px
}
.flag.flag-na {
  background-position: -240px -99px
}
.flag.flag-nc {
  background-position: 0 -110px
}
.flag.flag-ne {
  background-position: -16px -110px
}
.flag.flag-nf {
  background-position: -32px -110px
}
.flag.flag-ng {
  background-position: -48px -110px
}
.flag.flag-ni {
  background-position: -64px -110px
}
.flag.flag-nl {
  background-position: -80px -110px
}
.flag.flag-no {
  background-position: -96px -110px
}
.flag.flag-np {
  background-position: -112px -110px
}
.flag.flag-nr {
  background-position: -128px -110px
}
.flag.flag-nu {
  background-position: -144px -110px
}
.flag.flag-nz {
  background-position: -160px -110px
}
.flag.flag-om {
  background-position: -176px -110px
}
.flag.flag-pa {
  background-position: -192px -110px
}
.flag.flag-pe {
  background-position: -208px -110px
}
.flag.flag-pf {
  background-position: -224px -110px
}
.flag.flag-pg {
  background-position: -240px -110px
}
.flag.flag-ph {
  background-position: 0 -121px
}
.flag.flag-pk {
  background-position: -16px -121px
}
.flag.flag-pl {
  background-position: -32px -121px
}
.flag.flag-pm {
  background-position: -48px -121px
}
.flag.flag-pn {
  background-position: -64px -121px
}
.flag.flag-pr {
  background-position: -80px -121px
}
.flag.flag-ps {
  background-position: -96px -121px
}
.flag.flag-pt {
  background-position: -112px -121px
}
.flag.flag-pw {
  background-position: -128px -121px
}
.flag.flag-py {
  background-position: -144px -121px
}
.flag.flag-qa {
  background-position: -160px -121px
}
.flag.flag-re {
  background-position: -176px -121px
}
.flag.flag-ro {
  background-position: -192px -121px
}
.flag.flag-rs {
  background-position: -208px -121px
}
.flag.flag-ru {
  background-position: -224px -121px
}
.flag.flag-rw {
  background-position: -240px -121px
}
.flag.flag-sa {
  background-position: 0 -132px
}
.flag.flag-sb {
  background-position: -16px -132px
}
.flag.flag-sc {
  background-position: -32px -132px
}
.flag.flag-scotland {
  background-position: -48px -132px
}
.flag.flag-sd {
  background-position: -64px -132px
}
.flag.flag-se {
  background-position: -80px -132px
}
.flag.flag-sg {
  background-position: -96px -132px
}
.flag.flag-sh {
  background-position: -112px -132px
}
.flag.flag-si {
  background-position: -128px -132px
}
.flag.flag-sk {
  background-position: -144px -132px
}
.flag.flag-sl {
  background-position: -160px -132px
}
.flag.flag-sm {
  background-position: -176px -132px
}
.flag.flag-sn {
  background-position: -192px -132px
}
.flag.flag-so {
  background-position: -208px -132px
}
.flag.flag-somaliland {
  background-position: -224px -132px
}
.flag.flag-sr {
  background-position: -240px -132px
}
.flag.flag-ss {
  background-position: 0 -143px
}
.flag.flag-st {
  background-position: -16px -143px
}
.flag.flag-sv {
  background-position: -32px -143px
}
.flag.flag-sx {
  background-position: -48px -143px
}
.flag.flag-sy {
  background-position: -64px -143px
}
.flag.flag-sz {
  background-position: -80px -143px
}
.flag.flag-tc {
  background-position: -96px -143px
}
.flag.flag-td {
  background-position: -112px -143px
}
.flag.flag-tf {
  background-position: -128px -143px
}
.flag.flag-tg {
  background-position: -144px -143px
}
.flag.flag-th {
  background-position: -160px -143px
}
.flag.flag-tj {
  background-position: -176px -143px
}
.flag.flag-tk {
  background-position: -192px -143px
}
.flag.flag-tl {
  background-position: -208px -143px
}
.flag.flag-tm {
  background-position: -224px -143px
}
.flag.flag-tn {
  background-position: -240px -143px
}
.flag.flag-to {
  background-position: 0 -154px
}
.flag.flag-tr {
  background-position: -16px -154px
}
.flag.flag-tt {
  background-position: -32px -154px
}
.flag.flag-tv {
  background-position: -48px -154px
}
.flag.flag-tw {
  background-position: -64px -154px
}
.flag.flag-tz {
  background-position: -80px -154px
}
.flag.flag-ua {
  background-position: -96px -154px
}
.flag.flag-ug {
  background-position: -112px -154px
}
.flag.flag-um {
  background-position: -128px -154px
}
.flag.flag-us {
  background-position: -144px -154px
}
.flag.flag-uy {
  background-position: -160px -154px
}
.flag.flag-uz {
  background-position: -176px -154px
}
.flag.flag-va {
  background-position: -192px -154px
}
.flag.flag-vc {
  background-position: -208px -154px
}
.flag.flag-ve {
  background-position: -224px -154px
}
.flag.flag-vg {
  background-position: -240px -154px
}
.flag.flag-vi {
  background-position: 0 -165px
}
.flag.flag-vn {
  background-position: -16px -165px
}
.flag.flag-vu {
  background-position: -32px -165px
}
.flag.flag-wales {
  background-position: -48px -165px
}
.flag.flag-wf {
  background-position: -64px -165px
}
.flag.flag-ws {
  background-position: -80px -165px
}
.flag.flag-ye {
  background-position: -96px -165px
}
.flag.flag-yt {
  background-position: -112px -165px
}
.flag.flag-za {
  background-position: -128px -165px
}
.flag.flag-zanzibar {
  background-position: -144px -165px
}
.flag.flag-zm {
  background-position: -160px -165px
}
.flag.flag-zw {
  background-position: -176px -165px
}
body {
  background: #fdfdfd;
  color: #0b1215;
  box-sizing: border-box;
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  padding-bottom: env(safe-area-inset-bottom)
}
body * {
  box-sizing: border-box
}
.main {
  background: #fdfdfd;
  padding-top: 56px;
  position: relative
}
@media(min-width:900px) {
  .main {
    padding-top: 72px
  }
}
[class*=-transparent].header.-home ~ #root .main {
  padding-top: 0
}
.main.-checkout {
  padding-top: 0
}
a {
  color: #0b1215;
  outline: medium none;
  overflow: hidden;
  text-decoration: none
}
fieldset {
  min-width: -moz-min-content;
  min-width: min-content;
  border: 0 none;
  margin: 0;
  padding: 0
}
@media(min-width:900px) {
  .hideDesktop {
    display: none!important
  }
}
@media(max-width:1199.98px) {
  .hideTabletDown {
    display: none!important
  }
}
@media(max-width:899.98px) {
  .hideMobile {
    display: none!important
  }
}
@media(max-width:899.98px) {
  .showDesktop {
    display: none!important
  }
}
@media(min-width:1200px) {
  .showTabletDown {
    display: none!important
  }
}
@media(min-width:900px) {
  .showMobile {
    display: none!important
  }
}
iframe {
  border-style: none
}
summary {
  cursor: pointer
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%
}
body {
  margin: 0
}
body.-noscroll {
  overflow: hidden
}
body.-noscroll::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: .5;
  background-color: #0b1215
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}
audio:not([controls]) {
  display: none;
  height: 0
}
[hidden],
template {
  display: none
}
a {
  background: 0 0
}
a:active,
a:hover {
  outline: 0
}
abbr[title] {
  border-bottom: 1px dotted
}
b,
strong {
  font-weight: 700
}
dfn {
  font-style: italic
}
h1,
h2,
h3 {
  font-weight: 400;
  font-size: 100%;
  margin: 0
}
p {
  margin: 0
}
small {
  font-size: 80%
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sup {
  top: -.5em
}
sub {
  bottom: -.25em
}
img {
  border: 0
}
svg:not(:root) {
  overflow: hidden
}
figure {
  margin: 1em 40px
}
hr {
  box-sizing: content-box;
  height: 0
}
pre {
  overflow: auto
}
code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  outline: medium none
}
button {
  overflow: visible
}
button,
select {
  text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  cursor: pointer
}
button[disabled],
html input[disabled] {
  cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}
input {
  line-height: normal
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto
}
input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none
}
fieldset {
  border: 1px solid #dde1e6;
  margin: 0 2px;
  padding: .35em .625em .75em
}
legend {
  border: 0;
  padding: 0
}
textarea {
  overflow: auto
}
optgroup {
  font-weight: 700
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%
}
td,
th {
  padding: 0
}
th {
  text-align: left
}
li,
ol,
ul {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1
}
img {
  max-width: 100%
}
.zoom-image {
  overflow: hidden
}
.zoom-image .zoom-image__img {
  display: block;
  transition: transform .4s ease-in-out;
  transform: scale(1.01)
}
@media(max-width:899.98px) {
  .zoom-image:active .zoom-image__img,
  .zoom-image:focus .zoom-image__img {
    transform: scale(1.1)
  }
}
@media(min-width:900px) {
  .zoom-image:hover .zoom-image__img {
    transform: scale(1.1)
  }
}
.addRemoveWishlist {
  cursor: pointer;
  font-size: 1.25rem;
  opacity: 1;
  transition: opacity .3s ease-in-out;
  display: block
}
.addRemoveWishlist.hide {
  opacity: 0
}
.addRemoveWishlist__icon {
  display: block;
  transform: translateZ(0);
  transition: transform .2s ease-in-out
}
.addRemoveWishlist:hover .addRemoveWishlist__icon {
  transform: scale(1.1) translateZ(0)
}
.addRemoveWishlist:active .addRemoveWishlist__icon {
  transform: scale(.9) translateZ(0)
}
.focalPointPosition {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: var(--focal-point-x) var(--focal-point-y);
  object-position: var(--focal-point-x) var(--focal-point-y)
}
.-oneLine {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}
.-noPointer {
  pointer-events: none
}
.u-display-b {
  display: block
}
.u-display-ib {
  display: inline-block
}
.u-display-fl {
  display: flex
}
.u-justify-content-sb {
  justify-content: space-between
}
.u-justify-content-c {
  justify-content: center
}
.u-align-self-c {
  align-self: center
}
.u-position-a {
  position: absolute
}
.u-bottom-0 {
  bottom: 0
}
.u-position-r {
  position: relative
}
.u-float-l {
  float: left
}
.u-border-radius-50 {
  border-radius: 50%
}
.u-radius {
  border-radius: 0
}
.u-float-r {
  float: right
}
.u-align-c {
  text-align: center
}
.u-align-l {
  text-align: left
}
.u-align-r {
  text-align: right
}
.u-vert-align-m {
  vertical-align: middle
}
.u-align-items-c {
  align-items: center
}
.u-center-abs {
  position: absolute!important;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}
.u-width-100 {
  width: 100%
}
.u-text-transf-cap {
  text-transform: capitalize
}
.u-text-transf-cap-first-letter {
  display: block
}
.u-text-transf-cap-first-letter::first-letter {
  text-transform: capitalize
}
.u-text-transf-upp {
  text-transform: uppercase
}
.u-text-transf-low {
  text-transform: lowercase
}
.u-text-transf-ini {
  text-transform: initial
}
.u-weight-bold {
  font-weight: 700!important
}
.u-weight-medium {
  font-weight: 500!important
}
.u-pointer {
  cursor: pointer
}
.u-pointer-default {
  cursor: default!important
}
.u-no-wrap {
  white-space: nowrap
}
.-crossed,
.u-crossed {
  text-decoration: line-through
}
.hidden,
.u-hidden {
  display: none!important
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0
}
.u-arrow {
  position: relative;
  display: inline-block
}
.u-arrow::before {
  content: "";
  display: inline-block
}
.u-arrow.-white.-left::before {
  border: 0 solid #fdfdfd;
  border-width: 0 1px 1px 0;
  border-top: none;
  border-left: none;
  padding: 3px;
  transform: rotate(135deg);
  margin-left: 3px
}
.u-arrow.-white.-left.-medium::before {
  border: 0 solid #fdfdfd;
  border-width: 0 2px 2px 0;
  border-top: none;
  border-left: none;
  padding: 6px;
  transform: rotate(135deg);
  margin-left: 6px
}
.u-arrow.-white.-left.-big::before {
  border: 0 solid #fdfdfd;
  border-width: 0 5px 5px 0;
  border-top: none;
  border-left: none;
  padding: 7px;
  transform: rotate(135deg);
  margin-left: 7px
}
.u-arrow.-white.-right::before {
  border: 0 solid #fdfdfd;
  border-width: 0 1px 1px 0;
  border-top: none;
  border-left: none;
  padding: 3px;
  transform: rotate(-45deg);
  margin-right: 3px
}
.u-arrow.-white.-right.-medium::before {
  border: 0 solid #fdfdfd;
  border-width: 0 2px 2px 0;
  border-top: none;
  border-left: none;
  padding: 6px;
  transform: rotate(-45deg);
  margin-right: 6px
}
.u-arrow.-white.-right.-big::before {
  border: 0 solid #fdfdfd;
  border-width: 0 5px 5px 0;
  border-top: none;
  border-left: none;
  padding: 7px;
  transform: rotate(-45deg);
  margin-right: 7px
}
.u-arrow.-white.-top::before {
  border: 0 solid #fdfdfd;
  border-width: 0 1px 1px 0;
  border-top: none;
  border-left: none;
  padding: 3px;
  transform: rotate(-135deg)
}
.u-arrow.-white.-top.-medium::before {
  border: 0 solid #fdfdfd;
  border-width: 0 2px 2px 0;
  border-top: none;
  border-left: none;
  padding: 6px;
  transform: rotate(-135deg)
}
.u-arrow.-white.-top.-big::before {
  border: 0 solid #fdfdfd;
  border-width: 0 5px 5px 0;
  border-top: none;
  border-left: none;
  padding: 7px;
  transform: rotate(-135deg)
}
.u-arrow.-white.-bottom::before {
  border: 0 solid #fdfdfd;
  border-width: 0 1px 1px 0;
  border-top: none;
  border-left: none;
  padding: 3px;
  transform: rotate(45deg)
}
.u-arrow.-white.-bottom.-medium::before {
  border: 0 solid #fdfdfd;
  border-width: 0 2px 2px 0;
  border-top: none;
  border-left: none;
  padding: 6px;
  transform: rotate(45deg)
}
.u-arrow.-white.-bottom.-big::before {
  border: 0 solid #fdfdfd;
  border-width: 0 5px 5px 0;
  border-top: none;
  border-left: none;
  padding: 7px;
  transform: rotate(45deg)
}
.u-arrow.-black.-left::before,
.u-arrow.-left::before {
  border: 0 solid #0b1215;
  border-width: 0 1px 1px 0;
  border-top: none;
  border-left: none;
  padding: 3px;
  transform: rotate(135deg);
  margin-left: 3px
}
.u-arrow.-black.-left.-medium::before,
.u-arrow.-left.-medium::before {
  border: 0 solid #0b1215;
  border-width: 0 2px 2px 0;
  border-top: none;
  border-left: none;
  padding: 6px;
  transform: rotate(135deg);
  margin-left: 6px
}
.u-arrow.-black.-left.-big::before,
.u-arrow.-left.-big::before {
  border: 0 solid #0b1215;
  border-width: 0 5px 5px 0;
  border-top: none;
  border-left: none;
  padding: 7px;
  transform: rotate(135deg);
  margin-left: 7px
}
.u-arrow.-black.-right::before,
.u-arrow.-right::before {
  border: 0 solid #0b1215;
  border-width: 0 1px 1px 0;
  border-top: none;
  border-left: none;
  padding: 3px;
  transform: rotate(-45deg);
  margin-right: 3px
}
.u-arrow.-black.-right.-medium::before,
.u-arrow.-right.-medium::before {
  border: 0 solid #0b1215;
  border-width: 0 2px 2px 0;
  border-top: none;
  border-left: none;
  padding: 6px;
  transform: rotate(-45deg);
  margin-right: 6px
}
.u-arrow.-black.-right.-big::before,
.u-arrow.-right.-big::before {
  border: 0 solid #0b1215;
  border-width: 0 5px 5px 0;
  border-top: none;
  border-left: none;
  padding: 7px;
  transform: rotate(-45deg);
  margin-right: 7px
}
.u-arrow.-black.-top::before,
.u-arrow.-top::before {
  border: 0 solid #0b1215;
  border-width: 0 1px 1px 0;
  border-top: none;
  border-left: none;
  padding: 3px;
  transform: rotate(-135deg)
}
.u-arrow.-black.-top.-medium::before,
.u-arrow.-top.-medium::before {
  border: 0 solid #0b1215;
  border-width: 0 2px 2px 0;
  border-top: none;
  border-left: none;
  padding: 6px;
  transform: rotate(-135deg)
}
.u-arrow.-black.-top.-big::before,
.u-arrow.-top.-big::before {
  border: 0 solid #0b1215;
  border-width: 0 5px 5px 0;
  border-top: none;
  border-left: none;
  padding: 7px;
  transform: rotate(-135deg)
}
.u-arrow.-black.-bottom::before,
.u-arrow.-bottom::before {
  border: 0 solid #0b1215;
  border-width: 0 1px 1px 0;
  border-top: none;
  border-left: none;
  padding: 3px;
  transform: rotate(45deg)
}
.u-arrow.-black.-bottom.-medium::before,
.u-arrow.-bottom.-medium::before {
  border: 0 solid #0b1215;
  border-width: 0 2px 2px 0;
  border-top: none;
  border-left: none;
  padding: 6px;
  transform: rotate(45deg)
}
.u-arrow.-black.-bottom.-big::before,
.u-arrow.-bottom.-big::before {
  border: 0 solid #0b1215;
  border-width: 0 5px 5px 0;
  border-top: none;
  border-left: none;
  padding: 7px;
  transform: rotate(45deg)
}
.u-border {
  border: 1px solid #dde1e6
}
.icon-error_red {
  display: inline-block;
  background-color: #fa4d56;
  -webkit-mask-image: url("../images/icon-error-red.svg");
  mask-image: url("../images/icon-error-red.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 20px;
  height: 25px;
  background-repeat: no-repeat
}
.oneCLickPaymentBtn__text {
  text-align: center;
  margin: 8px 0;
  font-size: .75rem;
  max-width: 100%
}
@media(min-width:900px) {
  .oneCLickPaymentBtn__text {
    max-width: 300px
  }
}
.oneCLickPaymentBtn.-applePay:has(.btn-applepay.hidden) {
  display: none
}
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .oneCLickPaymentBtn input[type=submit],
.oneCLickPaymentBtn .button,
.oneCLickPaymentBtn .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit] {
  height: 48px
}
.googlePayButtonContainer {
  width: 100%;
  height: 48px;
  max-width: 100%;
  overflow: hidden
}
.googlePayButtonContainer .gpay-button-fill,
.googlePayButtonContainer .gpay-card-info-container,
.googlePayButtonContainer .gpay-card-info-container-fill {
  min-width: 0!important;
  max-width: 100%!important;
  width: 100%!important
}
.js-gle-express-btns:empty {
  display: none
}
.btn.oneCLickPaymentBtn {
  margin-top: 0
}
.miniCart .oneCLickPaymentBtn {
  margin: auto;
  width: 100%
}
.miniCart .oneCLickPaymentBtn__text {
  margin: 8px auto
}
details summary::-webkit-details-marker {
  display: none
}
.depth-neg {
  z-index: -1
}
.depth-1 {
  z-index: 1
}
.depth-2 {
  z-index: 2
}
.depth-3 {
  z-index: 3
}
.depth-4 {
  z-index: 4
}
.depth-6 {
  z-index: 6
}
.depth-7 {
  z-index: 7
}
.depth-8 {
  z-index: 8
}
.depth-9 {
  z-index: 9
}
.depth-10 {
  z-index: 10
}
.fadeElement {
  transition: all .3s ease-in-out;
  height: auto;
  transform: scaleY(1);
  transform-origin: top;
  display: block
}
.fadeElement.-opacity {
  transition-property: opacity
}
.fadeElement.-delay {
  transition-delay: .3s
}
.fadeElement.-hidden {
  overflow: hidden;
  visibility: hidden;
  margin: 0;
  padding: 0;
  max-height: 0;
  height: 0;
  opacity: 0;
  transform: scaleY(0)
}
img[loading=lazy]:not(.-before-fade,.-fade-complete,.-before-dezoom,.-dezoomed) {
  opacity: 0
}
img[loading=lazy]:not(.-before-fade,.-fade-complete,.-before-dezoom,.-dezoomed).lazyloaded {
  opacity: 1;
  transition: opacity .3s ease
}
.lazyload {
  opacity: 0
}
.lazyloaded:not(.-before-fade,.-fade-complete,.-before-dezoom,.-dezoomed) {
  opacity: 1;
  transition: opacity .3s ease
}
.lazyLoadedContainer {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden
}
.lazyLoadedContainer picture {
  display: contents
}
.lazyBackground {
  width: 100%;
  height: 100%;
  background-image: radial-gradient(#fdfdfd,#f2f4f8 70%);
  background-position: bottom center;
  background-size: 200% 200%;
  border: 1px solid #fdfdfd
}
.pageDesigner__bannerContentImage .lazyBackground {
  width: auto;
  height: auto
}
.pageDesigner__bannerContentImage .lazyLoadedContainer {
  width: auto;
  height: auto
}
.page.-offline .offlinePageContent {
  text-align: center;
  width: 650px;
  max-width: 90%;
  margin: 40px auto
}
@media(min-width:900px) {
  .page.-offline .offlinePageContent {
    margin: 48px auto
  }
}
.page.-offline .hideOffline {
  display: none
}
.page.-offline .disableOffline {
  pointer-events: none
}
.page.-offline .grayedOffline {
  opacity: .2
}
@media(min-width:900px) {
  .page.-offline .account__historyBack {
    pointer-events: none;
    opacity: .2
  }
}
.page.-offline .header__wrapper::after {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  background-image: url("../assets/asset-37.svg");
  background-size: 23px 23px;
  margin-left: 8px
}
@media(min-width:900px) {
  .page.-offline .header__wrapper::after {
    width: 32px;
    height: 32px;
    background-size: 32px 32px
  }
}
:root {
  --1dvh: 1vh;
  --100dvh: 100vh;
  --1lvh: 1vh;
  --100lvh: 100vh;
  --1svh: 1vh;
  --100svh: 100vh
}
@supports(height:1dvh) and (height:100dvh) {
  :root {
    --1dvh: 1dvh;
    --100dvh: 100dvh
  }
}
@supports(height:1lvh) and (height:100lvh) {
  :root {
    --1lvh: 1lvh;
    --100lvh: 100lvh
  }
}
@supports(height:1svh) and (height:100svh) {
  :root {
    --1svh: 1svh;
    --100svh: 100svh
  }
}
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  max-height: none
}
input[type=date]::-ms-clear,
input[type=date]::-ms-reveal,
input[type=datetime-local]::-ms-clear,
input[type=datetime-local]::-ms-reveal,
input[type=email]::-ms-clear,
input[type=email]::-ms-reveal,
input[type=number]::-ms-clear,
input[type=number]::-ms-reveal,
input[type=password]::-ms-clear,
input[type=password]::-ms-reveal,
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal,
input[type=tel]::-ms-clear,
input[type=tel]::-ms-reveal,
input[type=text]::-ms-clear,
input[type=text]::-ms-reveal,
textarea::-ms-clear,
textarea::-ms-reveal {
  display: none
}
button[type=submit].-disabled,
input[type=submit].-disabled {
  background: #a2a9b0
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  -webkit-text-fill-color: unset!important;
  box-shadow: 0 0 0 40px #fdfdfd inset!important
}
.form__group {
  display: block;
  position: relative;
  margin-bottom: 16px
}
.form__group.noMargin {
  margin-bottom: 0
}
.form__group.-tooltip {
  z-index: 1
}
.form__group.-tooltip:active,
.form__group.-tooltip:hover {
  z-index: 2
}
.form__group textarea + .form__label {
  top: 16%
}
.form__group > .inline {
  display: inline-block;
  margin-right: 20px
}
.form__group > .inline + .inline + .inline {
  margin-right: 0
}
.form__row {
  display: flex
}
.form__row:not(.-noMargin) {
  margin: 0 -8px
}
.form__row:not(.-noMargin) .form__group {
  padding: 0 8px
}
.form__checkbox,
.form__radio {
  display: block;
  position: absolute;
  clip: rect(0,0,0,0);
  visibility: visible
}
.form__checkbox + .form__label-background label,
.form__radio + .form__label-background label {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  display: inline-block
}
.form__checkbox + .form__label-background label::before,
.form__radio + .form__label-background label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  border: 1px solid #0b1215;
  background: 0 0
}
.form__checkbox + .form__label-background label::after,
.form__radio + .form__label-background label::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 5px;
  width: 6px;
  height: 10px;
  border: solid #0b1215;
  border-width: 0 2px 2px 0;
  transition: all .2s ease-in-out
}
.form__checkbox:not(:checked) + .form__label-background label::after,
.form__radio:not(:checked) + .form__label-background label::after {
  opacity: 0;
  transform: scale(0)
}
.form__checkbox:checked + .form__label-background label::after,
.form__radio:checked + .form__label-background label::after {
  opacity: 1;
  transform: scale(1)
}
.form__checkbox.-right + .form__label-background label,
.form__radio.-right + .form__label-background label {
  padding-left: 0;
  padding-right: 25px
}
.form__checkbox.-right + .form__label-background label::before,
.form__radio.-right + .form__label-background label::before {
  left: auto;
  right: 0
}
.form__checkbox.-right + .form__label-background label::after,
.form__radio.-right + .form__label-background label::after {
  left: auto;
  right: 7px
}
.form__radio:checked,
.form__radio:not(:checked) {
  top: auto;
  opacity: 1;
  width: auto;
  left: auto
}
.form__radio + .form__label-background {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 100%
}
.form__radio + .form__label-background::before {
  top: -7px;
  left: -8px;
  width: 35px;
  height: 35px;
  position: absolute;
  transform: scale(0,0);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
  transition: opacity 120ms 0s cubic-bezier(.4, 0, .6, 1),transform 120ms 0s cubic-bezier(.4, 0, .6, 1)
}
.form__radio + .form__label-background label {
  max-width: none;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 0
}
.form__radio + .form__label-background label::before {
  margin: 0;
  width: 16px;
  height: 16px;
  border-radius: 360px
}
.form__radio + .form__label-background label::after {
  width: 6px;
  height: 6px;
  z-index: 0;
  transform: scale(1);
  margin: 0;
  background: #0b1215;
  top: 7px;
  left: 5px;
  transition: all .2s ease;
  border-radius: 360px
}
.form__radio:hover + .form__label-background::before {
  background-color: #0b1215;
  transform: scale(.9);
  opacity: .12;
  transition: opacity 120ms 0s cubic-bezier(0, 0, .2, 1),transform 120ms 0s cubic-bezier(0, 0, .2, 1)
}
.form__radio:checked + .form__label-background label::after {
  z-index: 0;
  background-color: #0b1215;
  transform: scale(1)
}
.form__radio:not(:first-of-type) + .form__label-background label {
  margin-left: 12px
}
.form__checkbox:checked + .form__label-background label::after {
  transform: scale(1) rotate(45deg)
}
.form__label {
  font-size: .875rem;
  line-height: 24px;
  color: #0b1215;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  grid-gap: 8px;
  align-items: center;
  margin-bottom: 8px
}
.form__label--right,
.form__label--title {
  font-weight: 600;
  text-transform: capitalize
}
@media(max-width:899.98px) {
  .form__label--title {
    max-width: 78%
  }
}
.form__label--description {
  flex: 0 0 100%;
  font-size: .8125rem;
  line-height: 16px;
  margin-top: 5px
}
.form__label--input {
  display: inline-block;
  padding-left: .6rem;
  margin-bottom: 0
}
.form__facultative {
  position: absolute;
  display: block;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  color: #a2a9b0
}
.form__facultative.-hidden {
  display: none
}
input:not(:-moz-placeholder-shown) ~ .form__facultative {
  display: none
}
input:not(:placeholder-shown) ~ .form__facultative {
  display: none
}
.form__input {
  height: 48px;
  border: 1px solid #dde1e6;
  padding: 10px;
  box-sizing: border-box;
  font-size: 1rem;
  width: 100%;
  outline: 0;
  border-radius: 0;
  background-color: #fdfdfd
}
.form__input.is-invalid {
  border-color: #fa4d56
}
@media(min-width:900px) {
  .form__input {
    font-size: .8125rem
  }
}
.form__input.-capitalize {
  text-transform: capitalize
}
.form__field {
  position: relative;
  margin: 0 0 4px 0
}
.form__showPassword {
  position: absolute;
  display: flex;
  align-items: center;
  padding: 0 8px;
  bottom: 12px;
  right: 4px;
  background-color: rgba(253,253,253,.8);
  cursor: pointer
}
.form__tooltip {
  position: absolute;
  align-items: center;
  padding: 0 16px;
  top: 50%;
  display: flex;
  right: 0;
  transform: translate(0,-50%)
}
.form__validIcon {
  position: absolute;
  display: none;
  align-items: center;
  padding: 0 16px;
  top: 50%;
  right: 0;
  transform: translate(0,-50%)
}
.form__validIcon.-invalid,
.form__validIcon.-valid {
  display: flex
}
.form__validIcon.-valid .form__validIconCheck {
  display: block;
  color: #42be65;
  background-color: #42be65
}
.form__validIcon.-valid .form__validIconError {
  display: none
}
.form__validIcon.-valid .form__validIconClose {
  display: none
}
.form__validIcon.-valid .icon {
  color: #42be65;
  background-color: #42be65
}
.form__validIcon.-invalid .form__validIconError {
  display: block;
  color: #fa4d56;
  background-color: #fa4d56
}
.form__validIcon.-invalid .form__validIconCheck {
  display: none
}
.form__validIcon.-invalid .form__validIconClose {
  display: none
}
.form__closeIcon {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translate(0,-50%);
  cursor: pointer
}
.form__closeIcon.-left {
  left: 16px;
  right: auto
}
.form__searchIcon {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translate(0,-50%);
  cursor: pointer
}
.form__searchIcon.-left {
  left: 16px;
  right: auto
}
.form__select {
  display: block;
  position: relative;
  height: 48px;
  border: 1px solid #dde1e6;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #0b1215;
  padding: 8px 12px;
  border-radius: 0;
  background-color: #fdfdfd
}
.form__select.-focus,
.form__select:focus {
  border: 1px solid #0b1215;
  outline: 0 none
}
.form__select.-focus + .input__fieldLabel,
.form__select:focus + .input__fieldLabel {
  color: #0b1215
}
.form__select.-focus ~ .form__validIcon,
.form__select:focus ~ .form__validIcon {
  opacity: 0
}
.form__selectArrow::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 17px;
  border: 0 solid #0b1215;
  border-width: 0 1px 1px 0;
  border-top: none;
  border-left: none;
  padding: 3px;
  transform: rotate(45deg);
  pointer-events: none;
  cursor: pointer;
  transition: transform .3s ease-in-out
}
.form__select select {
  box-sizing: border-box;
  font-size: 1rem;
  border: 0;
  padding: 10px 30px 10px 10px;
  margin: 0;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer
}
.form__select select::-ms-expand {
  display: none
}
.form__optional {
  position: absolute;
  top: 40px;
  right: 10px;
  color: #a2a9b0
}
.form__error {
  margin-top: 4px;
  color: #fa4d56;
  font-size: .8125rem
}
.form__checkbox {
  display: block;
  position: absolute;
  clip: rect(0,0,0,0);
  visibility: visible
}
.form__checkbox + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block
}
.form__checkbox + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  border: 1px solid #0b1215;
  background: 0 0
}
.form__checkbox + label::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 7px;
  width: 6px;
  height: 10px;
  border: solid #0b1215;
  border-width: 0 2px 2px 0;
  transition: all .2s ease-in-out
}
.form__checkbox:not(:checked) + label::after {
  opacity: 0;
  transform: scale(0)
}
.form__checkbox:checked + label::after {
  opacity: 1;
  transform: scale(1) rotate(45deg)
}
#contactFormTitle {
  margin-top: 24px
}
@media(max-width:599.98px) {
  #contactFormTitle {
    margin-top: 16px
  }
}
.contactForm #contactSubmit {
  margin-top: -8px
}
.contactForm .form__select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #0b1215
}
.contactForm .form__selectArrow::after {
  top: 40px
}
.contactForm .smartTribuneWidget {
  opacity: 0;
  height: 100%;
  margin-bottom: 0
}
.contactForm .smartTribuneWidget .go-to-faq-link-wrapper,
.contactForm .smartTribuneWidget .question-item-link,
.contactForm .smartTribuneWidget br {
  display: none!important
}
.contactForm .smartTribuneWidget .st-contact-form-select-root {
  display: none;
  padding: 16px;
  border: 1px solid #dde1e6;
  flex-direction: column;
  gap: 16px
}
.contactForm .smartTribuneWidget .st-contact-form-select-root.open {
  display: flex!important
}
.contactForm .smartTribuneWidget .st-contact-form-select-root .question-list {
  display: flex;
  flex-direction: column;
  gap: 12px
}
.contactForm .smartTribuneWidget .st-contact-form-select-root .question-list-item {
  padding-bottom: 12px;
  border-bottom: 1px solid #dde1e6
}
.contactForm .smartTribuneWidget .st-contact-form-select-root .question-list-item:last-child {
  border-bottom: none!important;
  padding-bottom: 0
}
.contactForm .smartTribuneWidget .st-contact-form-select-root .question-list-item .question-item-button {
  background: 0 0!important;
  color: #0b1215!important;
  text-align: left!important;
  padding: 0!important;
  padding-right: 10%!important;
  position: relative;
  text-transform: lowercase;
  width: 100%!important;
  display: block!important
}
.contactForm .smartTribuneWidget .st-contact-form-select-root .question-list-item .question-item-button::first-letter {
  text-transform: uppercase
}
.contactForm .smartTribuneWidget .st-contact-form-select-root .question-list-item .question-item-button::after {
  content: "";
  position: absolute;
  right: 15px;
  border: 0 solid #0b1215;
  border-width: 1px 1px 0 0;
  padding: 3px;
  top: 6px;
  transform: rotate(135deg);
  pointer-events: none;
  cursor: pointer;
  transition: transform .3s ease-in-out
}
.contactForm .smartTribuneWidget .st-contact-form-select-root .question-list-item .question-item-button .html-response-content {
  overflow: hidden!important;
  transition: all .2s ease!important
}
.contactForm .smartTribuneWidget .st-contact-form-select-root .question-list-item.open .question-item-button::after {
  transform: rotate(-45deg)
}
.contactForm .smartTribuneWidget .st-contact-form-select-root .question-list-item.open .html-response-content {
  margin-top: 12px
}
.contactForm .smartTribuneWidget .st-contact-form-select-root .question-list-item.open .html-response-content p {
  margin-bottom: 8px;
  line-height: 1.5
}
.contactForm .smartTribuneWidget .st-contact-form-select-root .question-list-item.open .html-response-content a {
  color: #0b1215;
  text-decoration: underline
}
.contactForm .smartTribuneWidget .st-contact-form-select-root .question-list-item.open .html-response-content ol,
.contactForm .smartTribuneWidget .st-contact-form-select-root .question-list-item.open .html-response-content ul {
  padding-left: 16px;
  margin: 8px 0
}
.contactForm .smartTribuneWidget .response-content .accordion {
  display: flex;
  flex-direction: column;
  border: none!important;
  margin: 0!important
}
.contactForm .smartTribuneWidget .response-content .accordion .accordion-item {
  background-color: transparent!important;
  box-shadow: none!important;
  margin: 0!important
}
.contactForm .smartTribuneWidget .response-content .accordion .accordion-item .accordion-item-content {
  margin-top: 0
}
.contactForm .smartTribuneWidget:has(>.open) {
  opacity: 1;
  height: 0%;
  margin-bottom: 16px
}
textarea.form__input,
textarea.input__fieldInput {
  min-height: 48px;
  resize: vertical
}
textarea.form__input.is-invalid,
textarea.input__fieldInput.is-invalid {
  border: 1px solid #fa4d56
}
.invalid-feedback {
  color: #fa4d56
}
.invalid-feedback.appear {
  animation: scaleAppear .3s ease
}
.infos-feedback {
  position: relative;
  padding-left: 20px
}
.infos-feedback::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 15px;
  height: 15px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8Y2lyY2xlIGN4PSI0IiBjeT0iNCIgcj0iMy43NSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC41Ii8+CjxwYXRoIGQ9Ik00IDIuODE3OEMzLjgzMTM3IDIuODE3OCAzLjcwNTg4IDIuNzg0NDIgMy42MjM1MyAyLjcxNzY2QzMuNTQxMTggMi42NDcyIDMuNSAyLjU0NTIgMy41IDIuNDExNjhDMy41IDIuMjc0NDYgMy41NDExOCAyLjE3MjQ2IDMuNjIzNTMgMi4xMDU3QzMuNzA1ODggMi4wMzUyMyAzLjgzMTM3IDIgNCAyQzQuMTY4NjMgMiA0LjI5NDEyIDIuMDM1MjMgNC4zNzY0NyAyLjEwNTdDNC40NTg4MiAyLjE3MjQ2IDQuNSAyLjI3NDQ2IDQuNSAyLjQxMTY4QzQuNSAyLjU0NTIgNC40NTg4MiAyLjY0NzIgNC4zNzY0NyAyLjcxNzY2QzQuMjk0MTIgMi43ODQ0MiA0LjE2ODYzIDIuODE3OCA0IDIuODE3OFpNNC40IDMuMjE4MzZWNkgzLjU5NDEyVjMuMjE4MzZINC40WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==") no-repeat;
  background-size: 100%
}
@keyframes scaleAppear {
  from {
    transform: scale(1,0)
  }
  to {
    transform: scale(1,1)
  }
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:active,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:active,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
  -webkit-text-fill-color: unset!important;
  box-shadow: 0 0 0 40px #fdfdfd inset!important
}
.form__type {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer
}
.form__type + .form__input {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0b1215;
  cursor: pointer;
  border: solid 1px #0b1215
}
dialog:not([open],.-transition) {
  display: none
}
dialog:not([notification]) + .backdrop,
dialog:not([notification])::backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.2)
}
dialog.-no-backdrop + .backdrop,
dialog.-no-backdrop::backdrop {
  display: none
}
dialog.-no-backdrop ~ ._dialog_overlay {
  display: none
}
.dialog {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100%;
  margin: auto;
  padding: 0;
  color: inherit;
  border: none;
  border-radius: 0;
  background: #fdfdfd;
  z-index: 10
}
.dialog.-fixed {
  position: fixed;
  top: 50%;
  transform: translate(0,-50%)
}
.dialog__wrapper {
  height: 100%;
  padding: .5rem;
  box-sizing: border-box;
  overflow: auto
}
.dialog__close {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 5px;
  cursor: pointer;
  opacity: .8
}
.dialog__close:hover {
  opacity: 1
}
._dialog_overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.3)
}
.dialog-no-scroll {
  overflow: hidden
}
.panel {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  overflow: hidden;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  height: 100%;
  margin: auto;
  padding: 0;
  color: inherit;
  border: none;
  background: 0 0;
  z-index: 10
}
.panel__wrapper {
  position: relative;
  background: #fdfdfd;
  overflow: hidden auto;
  box-sizing: border-box;
  height: 100%;
  padding: 40px 8px
}
@media(min-width:900px) {
  .panel__wrapper {
    padding: 48px 16px
  }
}
.panel__wrapper::after {
  content: none
}
.panel__close {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 12px 16px;
  cursor: pointer;
  opacity: .8
}
.panel__close:hover {
  opacity: 1
}
.panel__close i {
  display: block
}
.panel__close:not(.-touchscreen) {
  display: table
}
.panel__dragline {
  width: 60px;
  height: 2px;
  border-radius: 8px;
  background-color: #0b1215;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 8px
}
.panel[class*=origin-] {
  position: fixed;
  right: 0;
  left: 0;
  overflow: auto;
  max-height: 100%;
  transition: transform .5s ease-in-out
}
.panel.origin--right {
  left: auto;
  transform: translateX(110%)
}
.panel.origin--left {
  right: auto;
  transform: translateX(-110%)
}
.panel.origin--left .panel__close {
  right: 10px;
  left: auto
}
.panel.origin--bottom {
  top: auto;
  bottom: 0;
  transform: translateY(130%)
}
@media(min-width:900px) {
  .panel.origin--bottom {
    transform: translateY(110%)
  }
}
.panel.origin--top {
  top: 0;
  bottom: auto;
  transform: translateY(-140%)
}
@media(min-width:900px) {
  .panel.origin--top {
    transform: translateY(-110%)
  }
}
.panel.-open.origin--right {
  transform: translateX(0)
}
.panel.-open.origin--left {
  transform: translateX(0)
}
.panel.-open.origin--bottom {
  transform: translateY(0)
}
.panel.-open.origin--top {
  transform: translateY(0)
}
.panel .main {
  padding-top: 0
}
._dialog_overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.3)
}
.overlay-panel,
.panel-no-scroll {
  overflow: hidden;
  width: 100%
}
.body-no-scroll {
  height: 100vh
}
.overlay-panel::after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(11,18,21,.2);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  animation: overlayFadeIn .3s ease-in-out;
  z-index: 8
}
@keyframes overlayFadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.mobileNavigation__panel.-noTransition {
  transition: none!important
}
.-fadedown.-not-in-view {
  opacity: 0
}
.-fadedown.-in-view {
  animation-name: fadeInUp;
  animation-delay: .25s;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: inherit
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0,10%,0)
  }
  100% {
    opacity: 1;
    transform: translateZ(0)
  }
}
.-horizontal .product-tile {
  opacity: 0
}
.-horizontal.-not-in-view .product-tile {
  opacity: 0
}
.-horizontal.-in-view .product-tile.-active {
  animation-name: horizontalEffect;
  animation-delay: .25s;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: inherit
}
@keyframes horizontalEffect {
  0% {
    opacity: 0;
    transform: translateX(100%)
  }
  100% {
    opacity: 1;
    transform: translateX(0)
  }
}
.videoContainer {
  width: 100%;
  height: 100%;
  position: relative;
  justify-items: center
}
.videoContainer video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.videoContainer.-full .-play {
  display: none
}
.videoContainer.-basic {
  width: 100%
}
.videoContainer.-manualPlay.-videoOpacity::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,.2)
}
.videoContainer:has(.js-video-loader:not(.hidden))::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,.2)
}
.videoContainer .-play {
  pointer-events: none;
  height: 40px;
  width: 40px;
  padding: 8px 6px 8px 10px;
  border-radius: 360px;
  background-color: rgba(255,255,255,.4)
}
.videoContainer .playerControls {
  position: absolute;
  display: none;
  inset: 0
}
.videoContainer .playerControls .progressBarContainer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  padding-top: 32px;
  cursor: pointer
}
.videoContainer .playerControls .progressBarContainer .progressBar {
  display: flex;
  height: 3px;
  flex-grow: 1;
  margin: 0 4px;
  border-radius: 2px;
  background-image: linear-gradient(to left,rgba(255,255,255,.5) 0,rgba(255,255,255,.5) 50%,rgba(88,89,104,.5) 50.001%,rgba(88,89,104,.5) 100%);
  background-repeat: no-repeat;
  background-size: 200%;
  background-color: #fff;
  background-position: 100% 0;
  animation-timing-function: linear;
  animation-duration: 10s;
  transition: background-position .24s linear;
  box-shadow: 0 0 1px #0b1215;
  pointer-events: none
}
.videoContainer .playerControls .-sound {
  display: block;
  position: absolute;
  top: 20px;
  right: 8px;
  padding: 8px;
  cursor: pointer;
  border-radius: 360px;
  background-color: rgba(255,255,255,.4);
  transition: background-color .3s ease-in-out
}
.videoContainer .playerControls .-sound::after {
  content: "";
  display: block;
  width: 22px;
  height: 2px;
  background-color: #000;
  transform: rotate(-45deg);
  position: absolute;
  top: 19px;
  right: 9px
}
@media(min-width:900px) {
  .videoContainer .playerControls .-sound {
    top: 8px
  }
  .productImageContainer .videoContainer .playerControls .-sound {
    top: 80px
  }
}
.videoContainer .playerControls .-sound.-active::after {
  display: none
}
.switch {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row
}
.switch.-small .switch__container {
  height: 24px;
  min-width: 42px
}
.switch.-small .switch__slider::before {
  height: 16px;
  width: 16px;
  left: -3px;
  transform: translateX(6px);
  pointer-events: none
}
.switch.-small .switch__slider::after {
  width: 32px;
  height: 32px;
  left: -5px!important;
  bottom: -5px;
  pointer-events: none
}
.switch.-small .switch__slider .icon {
  width: 8px;
  height: 8px;
  left: 7px;
  bottom: 7px
}
.switch.-small.-selected .switch__checkbox.-checked + .switch__slider .icon,
.switch.-small.-selected .switch__checkbox:checked + .switch__slider .icon {
  transform: translateX(19px)
}
.switch.-disabled .switch__label,
.switch.-disabled .switch__value {
  color: #a2a9b0
}
.switch__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px
}
.switch__container {
  position: relative;
  display: inline-block;
  min-width: 56px;
  height: 32px
}
.switch__checkbox {
  position: absolute;
  opacity: 0;
  inset: 0;
  cursor: pointer;
  z-index: 1
}
.switch__checkbox[disabled] {
  cursor: default
}
.switch__checkbox[disabled] + .switch__slider::before {
  background-color: #a2a9b0
}
.switch__checkbox:not([disabled]).-hover + .switch__slider::after,
.switch__checkbox:not([disabled]):hover + .switch__slider::after {
  background-color: rgba(162,169,176,.2)
}
.switch__checkbox.-checked + .switch__slider,
.switch__checkbox:checked + .switch__slider {
  background-color: #42be65;
  border-color: #42be65
}
.switch__checkbox.-checked + .switch__slider::before,
.switch__checkbox:checked + .switch__slider::before {
  transform: translateX(24px);
  background-color: #fdfdfd
}
.switch__checkbox.-checked + .switch__slider::after,
.switch__checkbox:checked + .switch__slider::after {
  transform: translateX(18px);
  left: 2px
}
.switch__checkbox.-checked + .switch__slider .icon,
.switch__checkbox:checked + .switch__slider .icon {
  background-color: #42be65;
  transform: translateX(24px)
}
.switch__checkbox.-checked[disabled] + .switch__slider,
.switch__checkbox:checked[disabled] + .switch__slider {
  border-color: #a2a9b0;
  background-color: #a2a9b0
}
.switch__checkbox.-checked[disabled] + .switch__slider .icon,
.switch__checkbox:checked[disabled] + .switch__slider .icon {
  background-color: #a2a9b0
}
.switch__checkbox.-checked[disabled] + .switch__label,
.switch__checkbox.-checked[disabled] .switch__value,
.switch__checkbox:checked[disabled] + .switch__label,
.switch__checkbox:checked[disabled] .switch__value {
  border-color: #a2a9b0;
  background-color: #a2a9b0
}
.switch__checkbox.-checked:not([disabled]).-hover + .switch__slider::after,
.switch__checkbox.-checked:not([disabled]):hover + .switch__slider::after,
.switch__checkbox:checked:not([disabled]).-hover + .switch__slider::after,
.switch__checkbox:checked:not([disabled]):hover + .switch__slider::after {
  background-color: rgba(66,190,101,.25)
}
.switch.-loyalty .switch__checkbox.-checked:not([disabled]).-hover + .switch__slider::after,
.switch.-loyalty .switch__checkbox.-checked:not([disabled]):hover + .switch__slider::after,
.switch.-loyalty .switch__checkbox:checked:not([disabled]).-hover + .switch__slider::after,
.switch.-loyalty .switch__checkbox:checked:not([disabled]):hover + .switch__slider::after {
  background-color: rgba(224,20,76,.25)
}
.switch__slider {
  position: absolute;
  inset: 0;
  border: 1px solid #a2a9b0;
  transition: all .4s ease-in-out;
  border-radius: 16px
}
.switch__slider::before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 3px;
  bottom: 3px;
  background-color: #697077;
  transition: all .4s ease-in-out;
  border-radius: 50%;
  pointer-events: none;
  z-index: 2
}
.switch__slider::after {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  left: -6px;
  bottom: -5px;
  background-color: transparent;
  transition: all .4s ease-in-out;
  border-radius: 50%;
  z-index: 1
}
.switch__slider .icon {
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: #fdfdfd;
  left: 7px;
  bottom: 7px;
  transition: all .4s ease-in-out;
  visibility: hidden;
  opacity: 0;
  z-index: 3
}
.switch__slider .icon.-active {
  visibility: visible;
  opacity: 1
}
.switch.-S .switch__container {
  min-width: 42px;
  height: 24px
}
.switch.-S .switch__slider::before {
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 3px
}
.switch.-S .switch__slider .icon {
  width: 8px;
  height: 8px;
  left: 7px;
  bottom: 7px
}
.switch.-S .switch__slider::after {
  width: 32px;
  height: 32px;
  left: -5px;
  bottom: -5px;
  pointer-events: none
}
.switch.-S .switch__checkbox.-checked + .switch__slider::before,
.switch.-S .switch__checkbox:checked + .switch__slider::before {
  transform: translateX(18px)
}
.switch.-S .switch__checkbox.-checked + .switch__slider::after,
.switch.-S .switch__checkbox:checked + .switch__slider::after {
  transform: translateX(18px)
}
.switch.-S .switch__checkbox.-checked + .switch__slider .icon,
.switch.-S .switch__checkbox:checked + .switch__slider .icon {
  transform: translateX(18px)
}
.switch.-loyalty .switch__slider {
  border-color: #a2a9b0
}
.switch.-loyalty .switch__slider::before {
  background: #697077
}
.switch.-loyalty .switch__checkbox.-checked + .switch__slider,
.switch.-loyalty .switch__checkbox:checked + .switch__slider {
  background-color: #e0144c;
  border-color: #fdfdfd
}
.switch.-loyalty .switch__checkbox.-checked + .switch__slider::before,
.switch.-loyalty .switch__checkbox:checked + .switch__slider::before {
  background: #fdfdfd
}
.pagination {
  padding: 0 20px 48px;
  text-align: center
}
.pagination ul {
  display: table;
  table-layout: fixed;
  margin: 0 auto;
  list-style-type: none
}
.pagination ul li {
  display: table-cell;
  width: 32px;
  height: 32px;
  vertical-align: top
}
.pagination ul li a {
  font-size: 1rem
}
.pagination ul li a.active {
  padding-bottom: 4px;
  border-bottom: 2px solid #0b1215
}
.pagination ul li a.disabled {
  pointer-events: none
}
@media(max-width:899.98px) {
  .header.-searchMenuOpen ~ #root .breadcrumbWrapper,
  .header.-searchMenuOpen ~ #root .categoryHeader:not(.-images,.-imagesAndDescription) .categoryHeader__breadcrumb {
    padding-top: 64px
  }
}
.breadcrumbWrapper {
  padding: 0;
  position: relative;
  z-index: 1
}
.breadcrumb__item {
  position: relative;
  display: inline;
  list-style: none;
  cursor: default
}
.breadcrumb__item::before {
  content: "/";
  margin: 0 4px
}
.breadcrumb__item:first-child::before {
  display: none
}
.breadcrumb__item a {
  cursor: pointer
}
.breadcrumb__item a:hover {
  color: #0b1215
}
.freeShipping {
  text-align: center;
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 8px;
  margin-top: 24px;
  gap: 10px
}
.freeShipping__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse
}
.freeShipping__bar {
  height: 4px;
  width: 100%;
  margin-top: 4px;
  border-radius: 4px;
  background-color: #f2f4f8
}
.freeShipping__bar__progress {
  max-width: 100%;
  height: inherit;
  border-radius: 4px;
  background-color: #0b1215
}
.freeShipping__label {
  line-height: normal;
  text-transform: none;
  color: #0b1215;
  text-align: left
}
#panelReview.loading .panel__wrapper {
  overflow-y: hidden
}
#panelReview .panel__wrapper {
  padding: 24px 16px
}
@media(max-width:899.98px) {
  #panelReview .panel__wrapper {
    height: 90vh;
    padding: 32px 16px 24px 16px
  }
}
@media(min-width:900px) {
  #panelReview .panel__wrapper {
    padding: 64px 24px 24px 24px
  }
}
@media(min-width:900px) {
  #panelReview .panel__close {
    padding: 24px;
    opacity: 1
  }
  #panelReview .panel__close.fixed {
    z-index: 3
  }
}
#panelReview .panelReview__container .productReviews__header {
  padding: 0;
  margin-bottom: 24px
}
#panelReview .panelReview__container .productReviews__item {
  margin: 0
}
#panelReview .panelReview__container .panelReviews {
  min-height: 70vh
}
#panelReview .panelReview__reviewContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}
#panelReview .panelReview__item {
  max-width: 100%;
  border: 1px solid #dde1e6;
  padding: 12px;
  border-radius: 0;
  margin: 8px 0
}
#panelReview .panelReview__item:first-child {
  margin-top: 0
}
#panelReview .productReviews__item {
  border-radius: 0
}
#panelReview .productReviews__scoresInfos {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  margin-top: 16px
}
#panelReview .productReviews__scoresInfos .itemInfos {
  display: flex
}
#panelReview .productReviews__itemTxt {
  margin-top: 16px
}
#panelReview .productReviews__scorings {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  align-self: stretch;
  margin-top: 24px;
  margin-bottom: unset
}
#panelReview .productReviews__scoringAtt {
  width: 100%
}
#panelReview .productReviews__filters {
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
  display: flex!important;
  margin-top: 24px;
  margin-left: 0
}
#panelReview .productReviews__filters .sortBtnsPanel {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch
}
@media(max-width:899.98px) {
  #panelReview .productReviews__filters .sortBtnsPanel {
    margin-right: -16px
  }
  #panelReview .productReviews__filters .sortBtnsPanel .tabs {
    overflow: scroll hidden;
    scroll-snap-type: x mandatory;
    gap: 16px;
    padding-inline-end: 16px
  }
  #panelReview .productReviews__filters .sortBtnsPanel .tabs::-webkit-scrollbar {
    display: none
  }
  #panelReview .productReviews__filters .sortBtnsPanel .tabs .tab {
    flex: 1 0 auto;
    min-width: calc(100% / 3)
  }
  #panelReview .productReviews__filters .sortBtnsPanel .tabs .tabUnderline {
    bottom: 0;
    transition: transform .5s,width .5s
  }
}
#panelReview .productReviews__dropdownFilters {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: row-reverse
}
@media(max-width:899.98px) {
  #panelReview .productReviews__dropdownFilters {
    flex-direction: column-reverse
  }
}
#panelReview .productReviews__sizeFilters {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 8px;
  justify-content: flex-start;
  width: 50%
}
@media(max-width:899.98px) {
  #panelReview .productReviews__sizeFilters {
    width: 100%
  }
}
#panelReview .productReviews__sizeFilters .sizeSelected {
  text-transform: none
}
#panelReview .productReviews__languageFilters {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 8px;
  justify-content: flex-start;
  width: 50%
}
@media(max-width:899.98px) {
  #panelReview .productReviews__languageFilters {
    width: 100%
  }
}
#panelReview .productReviews__languageFilters .languageSelected {
  text-transform: none
}
#panelReview .productReviews__filter {
  max-width: unset
}
#panelReview .productReviews__filterBtn {
  flex: 1 0 0
}
#panelReview .productReviews__sizes {
  top: 60px
}
#panelReview .productReviews__sizes__wrapperPanel {
  max-height: 50vh;
  overflow-y: auto
}
#panelReview .productReviews__sizes__wrapperPanel .values {
  gap: 8px;
  padding: 0
}
#panelReview .productReviews__sizes__wrapperPanel .values .btn-size {
  border: 1px solid #a2a9b0;
  padding: 8px 12px
}
#panelReview .productReviews__languages__wrapperPanel {
  max-height: 50vh;
  overflow-y: auto
}
#panelReview .productReviews__languages__wrapperPanel .container {
  grid-template-columns: unset;
  gap: 8px
}
#panelReview .productReviews__wrapper {
  padding: 0;
  min-height: 80px
}
@media(max-width:899.98px) {
  #panelReview .productReviews__wrapper {
    border-radius: 16px 16px 0 0
  }
}
@media(max-width:1199.98px) {
  #panelReview .productReviews__wrapper {
    max-height: 90%
  }
}
#panelReview .productReviews__container {
  padding: 24px 16px 32px
}
#panelSizeFilter .panel__wrapper {
  padding: 0
}
#panelSizeFilter .productReviews__wrapper {
  padding: 24px 16px 32px
}
#panelLanguageFilter .panel__wrapper {
  padding: 0
}
#panelLanguageFilter .container {
  display: flex;
  flex-direction: column;
  gap: 8px
}
#panelAddToCart .panel__wrapper,
#panelUpdateSize .panel__wrapper {
  padding: 48px 20px
}
@media(min-width:900px) {
  #panelAddToCart .panel__wrapper,
  #panelUpdateSize .panel__wrapper {
    padding: 48px 56px
  }
}
#panelAddToCart .patc-detailsWrapper,
#panelUpdateSize .patc-detailsWrapper {
  display: flex;
  flex-direction: column
}
#panelAddToCart .patc-header,
#panelUpdateSize .patc-header {
  display: grid;
  grid-template-columns: minmax(auto,126px) 1fr auto;
  grid-template-rows: repeat(1,auto);
  grid-gap: 4px;
  grid-column-gap: 8px;
  margin-top: 8px
}
#panelAddToCart .patc-header .patc-rightWrapper,
#panelUpdateSize .patc-header .patc-rightWrapper {
  display: grid;
  place-items: flex-end flex-end;
  grid-template-rows: repeat(1,20px);
  align-content: flex-end;
  white-space: nowrap
}
#panelAddToCart .patc-header .colorQuickATC,
#panelUpdateSize .patc-header .colorQuickATC {
  margin: 8px 0
}
#panelAddToCart .patc-imageWrapper,
#panelUpdateSize .patc-imageWrapper {
  display: flex;
  height: 100%
}
#panelAddToCart .patc-imageWrapper img,
#panelUpdateSize .patc-imageWrapper img {
  width: 126px;
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 149px
}
#panelAddToCart .patc-sizes,
#panelUpdateSize .patc-sizes {
  margin: 20px 0
}
#panelAddToCart .patc-sizes ul,
#panelUpdateSize .patc-sizes ul {
  display: grid;
  grid-template-columns: repeat(auto-fill,48px);
  grid-gap: 4px
}
#panelAddToCart .patc-sizes .sizes__item a,
#panelUpdateSize .patc-sizes .sizes__item a {
  width: 100%
}
#panelAddToCart .patc-topWrapper .wecare,
#panelUpdateSize .patc-topWrapper .wecare {
  display: inline-block;
  vertical-align: text-bottom
}
#panelAddToCart .patc-buttons,
#panelUpdateSize .patc-buttons {
  display: grid;
  grid-gap: 12px
}
#panelAddToCart .patc .loading .loader-element div,
#panelUpdateSize .patc .loading .loader-element div {
  border-color: #0b1215
}
#panelAddToCart .patc-close-panel,
#panelUpdateSize .patc-close-panel {
  position: absolute;
  top: 12px;
  left: 12px
}
#panelAddToCart .patc-bottomWrapper,
#panelUpdateSize .patc-bottomWrapper {
  display: flex;
  justify-content: space-between;
  flex: 1
}
#panelAddToCart .patcproductTitle,
#panelUpdateSize .patcproductTitle {
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2
}
#panelAddToCart .patc-date,
#panelUpdateSize .patc-date {
  text-align: center;
  margin: auto
}
@media(min-width:900px) {
  #panelAddToCart .patc-date,
  #panelUpdateSize .patc-date {
    max-width: 300px
  }
}
#panelAddToCart .pactBackInStockForm,
#panelUpdateSize .pactBackInStockForm {
  margin-top: -12px
}
#panelAddToCart .backInStockForm,
#panelUpdateSize .backInStockForm {
  position: relative
}
#panelAddToCart .backInStockForm .form__label,
#panelUpdateSize .backInStockForm .form__label {
  margin-bottom: 4px;
  font-size: .8125rem
}
#panelAddToCart .backInStockForm__email,
#panelUpdateSize .backInStockForm__email {
  height: 50px;
  font-size: 1rem;
  text-transform: lowercase;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
@media(min-width:900px) {
  #panelAddToCart .backInStockForm__email,
  #panelUpdateSize .backInStockForm__email {
    font-size: .8125rem
  }
}
#panelAddToCart .backInStockForm__btn,
#panelUpdateSize .backInStockForm__btn {
  position: absolute;
  right: 2px;
  top: 2px;
  height: 45px;
  color: #0b1215;
  background: #fdfdfd;
  padding: 0 8px 0 20px;
  font-size: .875rem;
  font-weight: 600;
  border: 0;
  text-transform: uppercase;
  width: auto
}
@media(max-width:899.98px) {
  #panelUpdateSize .panel__wrapper {
    padding: 30px
  }
}
#panelUpdateSize.loading.offcanvas .loader-element,
#panelUpdateSize.loading.panel .loader-element {
  width: 40px;
  height: 40px;
  top: 70%
}
#panelUpdateSize.loading.offcanvas .loader-element div,
#panelUpdateSize.loading.panel .loader-element div {
  width: 26px;
  height: 26px
}
@media(max-width:899.98px) {
  #panelUpdateSize #patcButtonUpdateSize,
  #panelUpdateSize .patc-header {
    display: none
  }
}
#panelUpdateSize .pactBackInStockForm {
  margin-top: 0
}
#panelUpdateSize .sizeLink.loading {
  background-color: #0b1215;
  position: relative
}
#panelUpdateSize .sizeLink.loading .btn-size {
  font-size: 0
}
#panelUpdateSize .sizeLink.loading .loader-element {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center
}
#panelUpdateSize .sizeLink.loading .loader-element div {
  top: 0
}
@media(min-width:900px) {
  #panelUpdateSize .sizeLink.loading .loader-element div {
    top: calc(50% - 3.5px)
  }
}
#panelUpdateSize .sizeLink.-disabled {
  cursor: not-allowed;
  pointer-events: none
}
@media(max-width:899.98px) {
  #panelATC .bottomSheetHeader,
  #panelmodifyProd .bottomSheetHeader {
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0
  }
  #panelATC .bottomSheetBody,
  #panelmodifyProd .bottomSheetBody {
    padding: 0
  }
}
#panelATC .panel__wrapper,
#panelColor .panel__wrapper,
#panelQATC .panel__wrapper,
#panelmodifyProd .panel__wrapper {
  padding: 0;
  min-height: 80px
}
@media(max-width:1199.98px) {
  #panelATC .panel__wrapper,
  #panelColor .panel__wrapper,
  #panelQATC .panel__wrapper,
  #panelmodifyProd .panel__wrapper {
    max-height: 90%
  }
}
@media(min-width:900px) {
  #panelATC .panel__wrapper,
  #panelColor .panel__wrapper,
  #panelQATC .panel__wrapper,
  #panelmodifyProd .panel__wrapper {
    padding: 64px 24px 24px 24px
  }
}
#panelATC .panel__wrapper .backInStockForm,
#panelColor .panel__wrapper .backInStockForm,
#panelQATC .panel__wrapper .backInStockForm,
#panelmodifyProd .panel__wrapper .backInStockForm {
  position: relative
}
#panelATC .panel__wrapper .backInStockForm .form__field,
#panelATC .panel__wrapper .backInStockForm .form__group,
#panelColor .panel__wrapper .backInStockForm .form__field,
#panelColor .panel__wrapper .backInStockForm .form__group,
#panelQATC .panel__wrapper .backInStockForm .form__field,
#panelQATC .panel__wrapper .backInStockForm .form__group,
#panelmodifyProd .panel__wrapper .backInStockForm .form__field,
#panelmodifyProd .panel__wrapper .backInStockForm .form__group {
  margin: 0
}
#panelATC .panel__wrapper .backInStockForm .form__label,
#panelColor .panel__wrapper .backInStockForm .form__label,
#panelQATC .panel__wrapper .backInStockForm .form__label,
#panelmodifyProd .panel__wrapper .backInStockForm .form__label {
  margin-bottom: 4px;
  font-size: .8125rem
}
#panelATC .panel__wrapper .backInStockForm__email,
#panelColor .panel__wrapper .backInStockForm__email,
#panelQATC .panel__wrapper .backInStockForm__email,
#panelmodifyProd .panel__wrapper .backInStockForm__email {
  height: 50px;
  font-size: 1rem;
  text-transform: lowercase;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
@media(min-width:900px) {
  #panelATC .panel__wrapper .backInStockForm__email,
  #panelColor .panel__wrapper .backInStockForm__email,
  #panelQATC .panel__wrapper .backInStockForm__email,
  #panelmodifyProd .panel__wrapper .backInStockForm__email {
    font-size: .8125rem
  }
}
#panelATC .panel__wrapper .backInStockForm.-product .backInStockForm__btn,
#panelColor .panel__wrapper .backInStockForm.-product .backInStockForm__btn,
#panelQATC .panel__wrapper .backInStockForm.-product .backInStockForm__btn,
#panelmodifyProd .panel__wrapper .backInStockForm.-product .backInStockForm__btn {
  position: absolute;
  right: 2px;
  top: 2px;
  height: 45px;
  color: #0b1215;
  background: #fdfdfd;
  padding: 0 8px 0 20px;
  font-size: .875rem;
  font-weight: 600;
  border: 0;
  text-transform: uppercase;
  width: auto
}
#panelATC > .loader-element,
#panelColor > .loader-element,
#panelQATC > .loader-element,
#panelmodifyProd > .loader-element {
  width: 40px;
  height: 40px
}
#panelATC .dropdownContainer .dropdownBloc,
#panelColor .dropdownContainer .dropdownBloc,
#panelQATC .dropdownContainer .dropdownBloc,
#panelmodifyProd .dropdownContainer .dropdownBloc {
  max-height: 300px;
  width: 100%;
  overflow: overlay;
  scrollbar-width: thin
}
#panelATC .bottomSheetContent,
#panelmodifyProd .bottomSheetContent {
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scrollbar-width: none
}
@media(max-width:899.98px) {
  #panelATC .bottomSheetContent,
  #panelmodifyProd .bottomSheetContent {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
  }
}
@media(min-width:1200px) {
  #panelATC .bottomSheetContent,
  #panelmodifyProd .bottomSheetContent {
    width: 60%
  }
}
#panelATC .bottomSheetContent ::-webkit-scrollbar,
#panelmodifyProd .bottomSheetContent ::-webkit-scrollbar {
  display: none
}
@media(max-width:899.98px) {
  #panelATC .bottomSheetBody,
  #panelmodifyProd .bottomSheetBody {
    padding: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
  }
  #panelATC .panelATC__content,
  #panelATC .panelModifyProd__container,
  #panelmodifyProd .panelATC__content,
  #panelmodifyProd .panelModifyProd__container {
    margin-top: -24px
  }
}
#panelATC .panelModifyProd__container,
#panelmodifyProd .panelModifyProd__container {
  width: 100%
}
#panelATC .price__container .-promo,
#panelmodifyProd .price__container .-promo {
  display: flex;
  flex-direction: row;
  gap: 10px
}
@media(max-width:899.98px) {
  #panelATC .price__container .-promo,
  #panelmodifyProd .price__container .-promo {
    align-items: center;
    gap: 8px
  }
  #panelATC .price__container .-promo .priceDiscount,
  #panelmodifyProd .price__container .-promo .priceDiscount {
    flex-direction: column!important;
    gap: 4px!important
  }
}
#panelATC .price__container .-promo .priceDiscount,
#panelmodifyProd .price__container .-promo .priceDiscount {
  display: flex;
  flex-direction: row;
  gap: 10px
}
#panelATCFlag .panelAddToCartFlag {
  display: flex;
  flex-direction: column;
  gap: 16px
}
#panelATCFlag .panelSizeSelector__container {
  margin: 0;
  padding: 0
}
#panelATCFlag .dropdownBloc {
  position: inherit
}
#panelATCFlag .rightContent {
  justify-content: flex-end;
  display: grid
}
#panelATCFlag .subRightContent {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  opacity: 0
}
#panelATCFlag .subRightContent:only-child {
  opacity: 1;
  animation: none;
  justify-content: flex-end;
  width: 100%
}
#panelATCFlag .subRightContent:not(:only-child) {
  animation: cycle 6s infinite linear;
  grid-area: 1/1;
  align-items: center
}
#panelATCFlag .subRightContent:nth-child(2):not(:only-child) {
  animation-delay: 3s
}
#panelATCFlag .images {
  display: grid;
  grid-template-rows: auto;
  gap: 4px;
  grid-auto-columns: 250px;
  justify-content: start;
  grid-auto-flow: column;
  overflow-x: scroll;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  margin-left: -16px;
  width: calc(100% + 32px)
}
#panelATCFlag .images .lazyLoadedContainer {
  display: grid
}
@media(min-width:900px) {
  .panelATC__content {
    display: flex;
    gap: 24px;
    flex-direction: row;
    width: 100%
  }
}
.panelATC__content .globalModelDesc {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 24px;
  margin-bottom: 8px;
  color: #697077
}
@media(max-width:899.98px) {
  .panelATC__content .globalModelDesc {
    display: none
  }
}
.panelATC__content .globalModelDesc .icon {
  background: #697077
}
.panelATC__container {
  width: 100%
}
.panelATC__container .badge.-promo {
  display: none
}
.panelATC__infoContent {
  padding: 0 16px
}
@media(min-width:900px) {
  .panelATC__infoContent {
    width: 50%
  }
}
@media(min-width:900px) {
  .panelATC__infoContent {
    padding: 0 0 80px 0
  }
}
.panelATC__infoContent .panelATC__topContent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px
}
@media(max-width:899.98px) {
  .panelATC__infoContent .panelATC__topContent {
    margin-bottom: 16px
  }
}
.panelATC__infoContent .panel__QV {
  display: flex;
  flex-direction: column;
  gap: 8px
}
.panelATC__infoContent .panelATC__gamme {
  text-transform: lowercase;
  display: block;
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0
}
.panelATC__infoContent .panelATC__gamme::first-letter {
  text-transform: capitalize
}
@media(max-width:899.98px) {
  .panelATC__infoContent .panelATC__gamme {
    font-family: Inter,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0
  }
}
.panelATC__infoContent .panelATC__nameProduct {
  font-family: REM,sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px;
  letter-spacing: 0
}
@media(max-width:899.98px) {
  .panelATC__infoContent .panelATC__nameProduct {
    font-family: REM,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 0
  }
}
@media(max-width:899.98px) {
  .panelATC__infoContent .panelATC__infosContentCallout {
    margin-bottom: 16px
  }
}
.panelATC__infoContent .panelATC__infoContent,
.panelATC__infoContent .panelATC__promoContainer {
  margin-bottom: 24px
}
@media(max-width:899.98px) {
  .panelATC__infoContent .panelATC__infoContent,
  .panelATC__infoContent .panelATC__promoContainer {
    margin-bottom: 16px
  }
}
.panelATC__infoContent .panelATC__price {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
  order: 1;
  flex: none
}
.panelATC__promoContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px
}
.panelATC__colorTitle {
  gap: 4px
}
.panelATC__wecare {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px
}
.panelATC__colorMobileContainer {
  height: 50px;
  border: 1px solid #dde1e6;
  gap: 8px;
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center
}
.footer .panelATC__colorMobileContainer.-disabled .titleItemFooter::after,
.panelATC__colorMobileContainer.-disabled .footer .titleItemFooter::after,
.panelATC__colorMobileContainer.-disabled .icon-arrowdown,
.panelATC__colorMobileContainer.-disabled .icon-arrowleft,
.panelATC__colorMobileContainer.-disabled .icon-arrowright,
.panelATC__colorMobileContainer.-disabled .icon-arrowup,
.panelATC__colorMobileContainer.-disabled .subMenu__item.-child .subMenu__link::after,
.subMenu__item.-child .panelATC__colorMobileContainer.-disabled .subMenu__link::after {
  background-color: #a2a9b0
}
.panelATC__sizePanel {
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: -1;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end
}
.panelATC__sizePanel.-open {
  z-index: 2
}
.panelATC__sizePanel.-open .panelATC__sizePanelBackdrop {
  opacity: 1
}
.panelATC__sizePanel.-open .panelATC__sizePanelContent {
  transform: translateY(0)
}
.panelATC__sizePanelBackdrop {
  background-color: rgba(11,18,21,.5);
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity .2s ease-in-out
}
.panelATC__sizePanelContent {
  position: relative;
  z-index: 2;
  background-color: #fdfdfd;
  width: 100%;
  padding: 24px 16px;
  transform: translateY(100%);
  transition: transform .2s ease-in-out
}
.panelATC__panelClose {
  display: flex;
  justify-content: flex-end
}
.panelATC__colorMobileBubble {
  width: 18px;
  height: 18px;
  border-radius: 360px;
  border: 1px solid #697077
}
.panelATC__colorMobileBubble.-light {
  border: 1px solid #dde1e6
}
.panelATC__slider {
  position: relative
}
@media(min-width:900px) {
  .panelATC__slider {
    width: 50%
  }
}
@media(max-width:899.98px) {
  .panelATC__slider {
    height: 65vh
  }
  .panelATC__slider .visualSlider {
    height: 100%
  }
  .panelATC__slider .visualSlider__container {
    height: 100%
  }
}
@media(max-width:899.98px) {
  .panelATC__slider .visualSlider__container {
    border-radius: 8px 8px 0 0
  }
}
.panelATC__slider .visualSlider__indicator.-horizontal {
  bottom: 16px;
  padding: 0 16px
}
.panelATC__slider .visualSlider__item {
  margin-top: -1px
}
@media(min-width:900px) {
  .panelATC__slider .visualSlider__navigation {
    opacity: 1
  }
}
.panelATC__slider .visualSlider__navigation.-prev {
  left: 0
}
.panelATC__slider .visualSlider__navigation.-next {
  right: 0
}
@media(min-width:900px) {
  .panelATC__slider .visualIndicator__container {
    display: none
  }
}
.panelATC__slider img {
  width: 100%
}
.panelATC__wishlist {
  position: relative;
  bottom: 64px;
  display: flex;
  justify-content: flex-end;
  right: 12px
}
.panelATC__wishlist .shareBtn {
  margin-bottom: 8px
}
@media(min-width:900px) {
  .panelATC__wishlist .shareBtn {
    display: none
  }
}
.panelATC__btnContainer {
  z-index: 9;
  bottom: 0;
  background-color: #fdfdfd;
  width: 100%;
  right: 0
}
.panelATC__addToCart {
  display: flex;
  align-items: center;
  gap: 16px
}
.panelATC__btnMobileContainer {
  position: fixed;
  z-index: 9;
  bottom: 0;
  background-color: #fdfdfd;
  padding: 12px 16px;
  width: 100%;
  left: 0;
  border: 1px solid #dde1e6;
  gap: 16px
}
.panelATC__sizeWrapper {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap
}
.panelATC__sizeWrapper .dropdownContainer {
  width: 100%
}
.panelATC__sizeWrapper .dropdownBloc {
  width: 100%;
  height: auto;
  max-height: 300px;
  border-radius: 0;
  overflow: overlay
}
.panelATC__sizeWrapper .dropdownBloc .container {
  border-radius: 0;
  padding-top: 0
}
.dropdown_sizeCountry {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin-top: 8px
}
.dropdown_sizeCountry .selectSizeCountry {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #697077
}
.dropdown_sizeCountry .selectSizeCountry__filter {
  cursor: pointer
}
.dropdown_sizeCountry .selectSizeCountry .selected {
  color: #0b1215
}
.dropdown_sizeCountry .selectSizeCountry .dividerCountry {
  height: 16px
}
.panelQATC__container {
  padding: 24px 16px 32px
}
.panelQATC__content .globalModelDesc {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  margin-bottom: 8px;
  color: #697077
}
.panelQATC__content .icon {
  background: #697077
}
.panelQATC__sizeCountry {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin-top: 8px
}
.panelQATC__sizeCountry .selectSizeCountry {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #697077
}
.panelQATC__sizeCountry .selectSizeCountry__filter {
  cursor: pointer
}
.panelQATC__sizeCountry .selectSizeCountry .selected {
  color: #0b1215
}
.panelQATC__sizeCountry .selectSizeCountry .dividerCountry {
  height: 16px
}
.panelColor__container {
  padding: 24px 0 32px 0
}
.panelColor__container .panelCangeColor__header {
  padding: 0 16px
}
.panelColor__container .colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__container {
  justify-content: flex-start
}
.panelColor__container .visualSlider__item {
  scroll-snap-stop: inherit
}
.panelColor__container .visualSlider__item:first-child {
  scroll-margin: 16px
}
.panelColor__container .visualSlider__container {
  padding: 0 16px
}
.panelColor__container .visualSlider__item img {
  height: auto
}
.panelColor__container .colorSlider__item.-active .lazyLoadedContainer {
  border: 1px solid #0b1215;
  border-radius: 2px
}
.panelQV__btnContainer {
  position: sticky;
  z-index: 9;
  bottom: 0;
  background-color: #fdfdfd;
  padding: 12px 16px;
  width: calc(100% + 40px);
  margin: 0 -20px;
  left: 0;
  border: 1px solid #dde1e6;
  gap: 16px
}
@media(min-width:900px) {
  .panelQV__btnContainer {
    position: static;
    margin: auto;
    padding: 0;
    border: none;
    flex-direction: row;
    gap: 8px;
    z-index: 9;
    bottom: 0;
    background-color: #fdfdfd;
    width: 100%;
    right: 0
  }
}
.panelQA__btnContainer {
  position: sticky;
  left: 0;
  bottom: 0;
  padding: 12px 16px;
  width: calc(100% + 40px);
  margin: 0 -20px;
  border: 1px solid #dde1e6;
  gap: 16px;
  background-color: #fdfdfd;
  z-index: 9
}
@media(min-width:900px) {
  .panelQA__btnContainer {
    position: static;
    border: none;
    margin: 0;
    width: 100%;
    padding: 0
  }
}
.panelQA__btnContainer .backInStockForm {
  position: relative
}
.panelQA__btnContainer .backInStockForm .backInStockForm__btn {
  position: absolute;
  height: 46px;
  right: 1px;
  top: 25px;
  width: auto
}
@keyframes cycle {
  0% {
    opacity: 1;
    transform: translateY(0);
    z-index: 2
  }
  40% {
    opacity: 1;
    z-index: 2
  }
  45% {
    opacity: 0;
    z-index: 1
  }
  50% {
    opacity: 0;
    z-index: 1
  }
  90% {
    opacity: 0;
    z-index: 1
  }
  100% {
    opacity: 1;
    z-index: 2;
    transform: translateY(0)
  }
}
.quickAddToCart {
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  height: auto;
  max-height: 0;
  transition: max-height .3s ease-out;
  overflow: hidden;
  background: rgba(255,255,255,.83);
  display: none
}
@media(min-width:900px) {
  .quickAddToCart {
    display: block
  }
}
.quickAddToCart__title {
  padding: 16px
}
.quickAddToCart.-minSize[minSize="1"] .quickAddToCart__sizes-container {
  max-height: 43px
}
.quickAddToCart.-minSize[minSize="1"] .quickAddToCart__sizes-showMore {
  display: flex
}
.quickAddToCart.-minSize[minSize="1"]:hover .quickAddToCart__sizes-container {
  max-height: initial
}
.quickAddToCart.-minSize[minSize="1"]:hover .quickAddToCart__sizes-showMore {
  display: none
}
.quickAddToCart.-minSize[minSize="1"] .quickAddToCart__sizes {
  flex: 1
}
.quickAddToCart__sizes {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  margin-left: 8px;
  margin-right: 8px
}
.quickAddToCart__sizes-container {
  display: flex;
  justify-content: space-between;
  flex: 1;
  height: auto;
  transition: max-height .1s ease-out;
  overflow: hidden
}
.product-tile .quickAddToCart__sizes-container {
  margin-bottom: 16px
}
.quickAddToCart__sizes-showMore {
  border: 0 none;
  background-color: transparent;
  margin-bottom: auto;
  padding: 16px 16px 0 0;
  display: none;
  font-size: .6875rem;
  align-items: flex-end
}
.quickAddToCart__size {
  min-width: 41px;
  max-width: 48px;
  cursor: pointer;
  margin-right: 12px;
  margin-bottom: 4px
}
.quickAddToCart__size.loading {
  background-color: #0b1215;
  position: relative
}
.quickAddToCart__size.loading .btn-size {
  font-size: 0
}
.quickAddToCart__size.loading .loader-element {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center
}
.quickAddToCart__size.loading .loader-element div {
  top: -1px
}
.quickAddToCart__size .quickAddToCart__sizeBtn {
  border: 0
}
.quickAddToCart__sizeBtn {
  display: block;
  cursor: pointer
}
.quickAddToCart__success {
  margin: 1.5em;
  text-align: center
}
.quickAddToCart__successMsg {
  font-size: 1.125rem
}
#quickAddToCartPanel .panel__wrapper .product {
  margin-top: 16px
}
#quickAddToCartPanel .panel__wrapper ul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap
}
#quickAddToCartPanel .panel__wrapper .sizes__item {
  min-width: 41px;
  max-width: 41px;
  margin: 0 6px 6px 0;
  cursor: pointer
}
#quickAddToCartPanel .panel__wrapper .sizes__item .loader-element {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center
}
#quickAddToCartPanel .panel__wrapper .sizes__item a {
  display: block;
  width: 100%;
  height: 100%
}
#quickAddToCartPanel .panel__wrapper .patc-preorderDate,
#quickAddToCartPanel .panel__wrapper .patc-preorderWrapper {
  margin-top: 16px
}
.quickAddToCartMobile {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 7;
  opacity: 1;
  transition: opacity .3s ease-in-out;
  display: block
}
.quickAddToCartMobile.hide {
  opacity: 0
}
@media(min-width:1200px) {
  .quickAddToCartMobile {
    display: none
  }
}
.quickAddToCartMobile__wrapper {
  padding: 2.5em 1em
}
.quickAddToCartMobile__button {
  border: 0;
  font-size: 0;
  display: none;
  width: 28px;
  height: 28px;
  padding: 0;
  cursor: pointer;
  color: #0b1215;
  border-radius: 360px;
  background: #fdfdfd;
  box-shadow: var(--sfra-shadow-01)
}
.quickAddToCartMobile__buttonIcon {
  border-radius: 360px!important
}
@media not all and (pointer:fine) {
  .quickAddToCartMobile__button {
    display: flex;
    align-items: center;
    justify-content: center
  }
}
.quickAddToCartMobile__button.icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #fdfdfd
}
.quickAddToCartMobile__button.-loading .quickAddToCartMobile__loadingPanel {
  display: block
}
.quickAddToCartMobile__button.-loading .quickAddToCartMobile__buttonIcon {
  display: none
}
.quickAddToCartMobile__loadingPanel {
  display: none;
  width: 18px;
  height: 18px
}
.quickAddToCartMobile__loadingPanel circle {
  stroke: rgba(0,0,0,.2)
}
.quickAddToCartMobile__loadingPanel path {
  stroke: #eb5445
}
.quickAddToCartMobile__sizes {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px
}
.quickAddToCartMobile__success {
  display: none
}
.quickAddToCartMobile__addedToCart {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 4px 20px
}
.quickAddToCartMobile__successIcon {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-top: 4px;
  margin-bottom: 4px
}
.quickAddToCartMobile__successIcon svg {
  stroke: #eb5445
}
.quickAddToCartMobile__successIcon svg .check {
  animation: draw .4s linear 250ms forwards;
  stroke-dasharray: 19 21;
  stroke-dashoffset: -20
}
@media all and (-ms-high-contrast:none) {
  .quickAddToCartMobile__successIcon svg .check {
    stroke-dashoffset: 0
  }
}
@keyframes draw {
  0% {
    stroke-dashoffset: -20
  }
  50% {
    stroke-dashoffset: -15
  }
  60% {
    stroke-dashoffset: -15
  }
  100% {
    stroke-dashoffset: 0
  }
}
.quickAddToCartMobile__actionBlock {
  max-width: 260px;
  margin: 2em auto 0
}
.quickAddToCartMobile__actionBlock a {
  text-transform: uppercase
}
.quickAddToCartMobile__actionBlock a + a {
  margin-top: 1em
}
.quickAddToCartMobile__overlay {
  position: fixed;
  z-index: 10;
  inset: 0;
  display: none;
  background-color: rgba(0,0,0,.5)
}
.quickAddToCartDesktop,
.quickAddToCartRecoDesktop {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 7;
  opacity: 1;
  transition: opacity .3s ease-in-out
}
.quickAddToCartDesktop.hide,
.quickAddToCartRecoDesktop.hide {
  opacity: 0
}
.quickAddToCartDesktop__wrapper,
.quickAddToCartRecoDesktop__wrapper {
  padding: 2.5em 1em
}
.quickAddToCartDesktop__loadingPanel,
.quickAddToCartRecoDesktop__loadingPanel {
  display: none;
  width: 18px;
  height: 18px
}
.quickAddToCartDesktop__loadingPanel circle,
.quickAddToCartRecoDesktop__loadingPanel circle {
  stroke: rgba(0,0,0,.2)
}
.quickAddToCartDesktop__loadingPanel path,
.quickAddToCartRecoDesktop__loadingPanel path {
  stroke: #eb5445
}
.quickAddToCartDesktop__sizes,
.quickAddToCartRecoDesktop__sizes {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px
}
.quickAddToCartDesktop__success,
.quickAddToCartRecoDesktop__success {
  display: none
}
.quickAddToCartDesktop__addedToCart,
.quickAddToCartRecoDesktop__addedToCart {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 4px 20px
}
.quickAddToCartDesktop__successIcon,
.quickAddToCartRecoDesktop__successIcon {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-top: 4px;
  margin-bottom: 4px
}
.quickAddToCartDesktop__successIcon svg,
.quickAddToCartRecoDesktop__successIcon svg {
  stroke: #eb5445
}
.quickAddToCartDesktop__successIcon svg .check,
.quickAddToCartRecoDesktop__successIcon svg .check {
  animation: draw .4s linear 250ms forwards;
  stroke-dasharray: 19 21;
  stroke-dashoffset: -20
}
@media all and (-ms-high-contrast:none) {
  .quickAddToCartDesktop__successIcon svg .check,
  .quickAddToCartRecoDesktop__successIcon svg .check {
    stroke-dashoffset: 0
  }
}
@keyframes draw {
  0% {
    stroke-dashoffset: -20
  }
  50% {
    stroke-dashoffset: -15
  }
  60% {
    stroke-dashoffset: -15
  }
  100% {
    stroke-dashoffset: 0
  }
}
.quickAddToCartDesktop__actionBlock,
.quickAddToCartRecoDesktop__actionBlock {
  max-width: 260px;
  margin: 2em auto 0
}
.quickAddToCartDesktop__actionBlock a,
.quickAddToCartRecoDesktop__actionBlock a {
  text-transform: uppercase
}
.quickAddToCartDesktop__actionBlock a + a,
.quickAddToCartRecoDesktop__actionBlock a + a {
  margin-top: 1em
}
.quickAddToCartDesktop__overlay,
.quickAddToCartRecoDesktop__overlay {
  position: fixed;
  z-index: 10;
  inset: 0;
  display: none;
  background-color: rgba(0,0,0,.5)
}
.pageDesigner__product {
  position: relative
}
.pageDesigner__product:hover .search-result__quickAddToCartDesktop {
  opacity: 1
}
.pageDesigner__product .search-result__quickAddToCartDesktop {
  transition: opacity .3s ease-in-out
}
@media(min-width:900px) {
  .pageDesigner__product .search-result__quickAddToCartDesktop {
    opacity: 0
  }
}
.pageDesigner__product .search-result__quickAddToCartDesktop.show {
  opacity: 1
}
.pageDesigner__product .search-result__quickAddToCartDesktop .quickAddToCartMobile__button {
  display: block
}
.miniCart .productLine__text {
  flex-direction: column
}
@media(min-width:900px) {
  .miniCart .productLine__specInfo {
    margin-top: 8px;
    justify-content: flex-end;
    font-family: Inter,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0
  }
}
@media(min-width:900px) {
  .miniCart .productLine__lowStockContainer {
    margin-top: 8px
  }
}
.miniCart .productLine__actionsDesktop .productLine__actions {
  margin-top: 8px
}
.miniCart .productLine__imgContainer {
  min-width: 100px
}
.miniCart .productLine__actionsDesktop {
  display: none
}
.miniCart .productLine__footer {
  display: block!important;
  margin-top: 16px
}
.miniCart .productLine__bonusProduct .productLine__footer {
  display: none!important
}
.miniCart .freeShipping {
  margin: 6px 0 0 0
}
.miniCart:not(.-checkout) {
  position: absolute;
  right: 0;
  text-align: left;
  width: 480px;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease-in-out;
  transition-behavior: allow-discrete;
  display: none;
  z-index: 1070
}
@media(min-width:900px) {
  .miniCart.-checkout {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    transition: all .5s ease-in-out;
    display: none;
    transition-behavior: allow-discrete
  }
  .miniCart.-checkout.-active {
    display: block;
    visibility: visible;
    opacity: 1;
    max-height: 100%
  }
}
@media(max-width:899.98px) {
  .miniCart.-checkout {
    padding: 0 16px
  }
}
.miniCart.-checkout .miniCart__products {
  max-height: inherit;
  overflow: visible
}
@media(min-width:900px) {
  .miniCart.-checkout .miniCart__products {
    overflow: auto;
    max-height: calc(100vh - 64px - 230px);
    overflow-x: hidden
  }
}
.miniCart.-checkout .miniCart__products .productLine__footer {
  display: none
}
.miniCart.-checkout .miniCart__product {
  margin: 0;
  padding-right: 4px
}
.miniCart.-checkout .miniCart__product:last-child {
  border-bottom: none
}
.miniCartArrow {
  position: absolute;
  bottom: 100%;
  right: 10px;
  width: 24px;
  height: 12px;
  overflow: hidden
}
.-connected .miniCartArrow {
  right: 14px
}
.miniCartArrow::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 12px;
  top: 2px;
  left: 50%;
  transform: translate(-50%,50%) rotate(45deg);
  background-color: #fdfdfd;
  box-shadow: var(--sfra-shadow-01)
}
.miniCart__wrapper {
  display: grid;
  padding: 16px 16px 0 16px;
  background-color: #fdfdfd;
  border-radius: 0;
  max-height: calc(100vh - 72px - 16px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #697077 transparent;
  box-shadow: var(--sfra-shadow-02)
}
.miniCart__wrapper::-webkit-scrollbar-track {
  background-color: #fdfdfd;
  border-radius: 360px
}
.miniCart__wrapper::-webkit-scrollbar {
  width: 4px;
  background-color: transparent;
  border-radius: 360px
}
.miniCart__wrapper::-webkit-scrollbar-thumb {
  background-color: #697077;
  border-radius: 360px
}
.floatingBar ~ .header.-searchMenuOpen .miniCart__wrapper {
  max-height: calc(100vh - 107px - 16px)
}
.miniCart__header {
  display: flex;
  align-items: center;
  gap: 6px
}
.miniCart__footer {
  display: flex;
  flex-direction: column;
  position: sticky;
  bottom: 0;
  background-color: #fdfdfd;
  padding: 16px 0
}
.miniCart__discount {
  display: flex;
  justify-content: space-between
}
.miniCart__total {
  display: flex;
  justify-content: space-between
}
.miniCart__buttons {
  display: grid;
  align-items: center;
  grid-gap: 8px;
  grid-auto-columns: 1fr;
  grid-auto-flow: column
}
.miniCart__button {
  height: 100%
}
.miniCart__button.button.-primary,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.miniCart__button[type=submit] {
  transition: none
}
.miniCart .cartLine__itemPriceTotal {
  display: flex;
  align-items: center;
  gap: 8px
}
.newsletterPageContainer__picture img {
  aspect-ratio: 3/2;
  -o-object-fit: cover;
  object-fit: cover
}
@media(min-width:900px) {
  .newsletterPageContainer__picture img {
    aspect-ratio: 2/3
  }
}
.newsletterPageContainer .form__group {
  margin-bottom: 0
}
.newsletterPageContainer .newsletterForm > :not(:empty) {
  margin-bottom: 24px
}
.newsletterPageContainer .newsletterForm > :not(:empty):has(+:empty),
.newsletterPageContainer .newsletterForm > :not(:empty):last-child {
  margin-bottom: 0
}
.newsletterPageContainer .newsletterForm > :empty + :not(:empty) {
  margin-top: 24px
}
.newsletterPageContainer__leftRegion .experience-component + .experience-component {
  margin-top: 32px
}
@media(max-width:899.98px) {
  .newsletterPageContainer__rightRegion {
    grid-row: 1
  }
}
.newsletterWrapper__inputNames {
  display: none
}
.newsletterWrapper__submit {
  display: flex;
  align-items: center;
  height: 50px
}
.footerNewsletterForm {
  padding: 16px 0
}
.footerNewsletterForm * {
  box-sizing: border-box
}
.footerNewsletterForm .formfield {
  position: relative;
  display: grid;
  grid-column-gap: 16px;
  grid-template-columns: calc(100% - 48px) minmax(32px,auto);
  align-items: flex-end
}
.footerNewsletterForm .formfield:has(.input__fieldInput.is-invalid),
.footerNewsletterForm .formfield:has(.invalid-feedback:not(.hidden)) {
  align-items: center
}
.footerNewsletterForm .formfield .form__group {
  margin: 0;
  padding: 0;
  text-align: left;
  grid-row: 1/1
}
.footerNewsletterForm .formfield .input__fieldLabel {
  color: var(--sfra-footer-color)!important
}
.footerNewsletterForm .formfield .input__field {
  margin: 0
}
.footerNewsletterForm .formfield .invalid-feedback {
  margin-top: 8px
}
.footerNewsletterForm .formfield input[type=text] {
  border: 1px solid var(--sfra-footer-color);
  height: 50px;
  width: 100%;
  max-height: none;
  background: 0 0;
  padding: 0 16px;
  color: var(--sfra-footer-color)
}
.footerNewsletterForm .formfield input[type=text]::-moz-placeholder {
  color: #a2a9b0
}
.footerNewsletterForm .formfield input[type=text]::placeholder {
  color: #a2a9b0
}
.footerNewsletterForm .formfield input[type=text]:hover {
  background-color: transparent
}
.footerNewsletterForm .formfield input[type=text]:not(:-moz-placeholder-shown) {
  border-color: currentcolor
}
.footerNewsletterForm .formfield input[type=text]:focus,
.footerNewsletterForm .formfield input[type=text]:not(:placeholder-shown) {
  border-color: currentcolor
}
.footerNewsletterForm .formfield button[type=submit] {
  grid-row: 1/1;
  width: 32px;
  height: 32px
}
.footerNewsletterForm .formfield.-captcha {
  grid-template-rows: repeat(2,1fr)
}
.footerNewsletterForm .formfield .captcha-v2 {
  grid-row: 2/2;
  grid-column: 1/2;
  margin-top: 12px
}
.footerNewsletterForm .error,
.footerNewsletterForm .footerNewsletterMsg {
  display: block;
  color: #fa4d56;
  font-size: .8125rem;
  line-height: 1rem;
  padding: 10px 0 0
}
.footerNewsletterForm.valid .footerNewsletterMsg {
  color: #42be65
}
.footerNewsletterForm .main {
  padding-top: 12px;
  background: 0 0
}
.footerNewsletterForm .hideFooter {
  display: none
}
.footerNewsletterForm .loader-element {
  display: block!important;
  margin: auto
}
.newsletterPushPanel .newsletterWrapper__inputNames {
  display: block
}
.newsletterPushPanel .newsletterWrapper__inputNames .form__group {
  text-align: left
}
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit] {
  position: relative;
  margin: 25px auto
}
.newsletterPushPanel .newsletterWrapper .bodyDesktop {
  display: none
}
.newsletterPushPanel .footerNewsletterGdpr {
  color: #0b1215!important
}
.newsletterPushPanel .footerNewsletterLogo {
  display: block;
  margin: auto;
  max-width: 65px
}
@media(min-width:900px) {
  .newsletterPushPanel .panel__wrapper {
    display: flex
  }
}
.newsletterPushPanel .footerNewsletterForm {
  padding: 24px 0 32px 0;
  margin: 0
}
.newsletterPushPanel .footerNewsletterForm .formfield .form__group {
  height: auto
}
.newsletterPushPanel .footerNewsletterForm .formfield .form__input {
  height: 45px
}
.newsletterPushPanel .footerNewsletterForm .formfield input[type=text] {
  color: #0b1215!important
}
.newsletterPushPanel .footerNewsletterForm .formfield input[type=text]:not(:-moz-placeholder-shown) {
  border-color: currentcolor!important
}
.newsletterPushPanel .footerNewsletterForm .formfield input[type=text]:focus,
.newsletterPushPanel .footerNewsletterForm .formfield input[type=text]:not(:placeholder-shown) {
  border-color: currentcolor!important
}
.newsletterPushPanel .footerNewsletterForm .formfield input[type=text]:not(:-moz-placeholder-shown) + .input__fieldLabel {
  background: #fdfdfd!important;
  color: #0b1215!important
}
.newsletterPushPanel .footerNewsletterForm .formfield input[type=text]:focus + .input__fieldLabel,
.newsletterPushPanel .footerNewsletterForm .formfield input[type=text]:not(:placeholder-shown) + .input__fieldLabel {
  background: #fdfdfd!important;
  color: #0b1215!important
}
.newsletterPushPanel .footerNewsletterForm .formfield input[type=text] ::-moz-placeholder {
  color: #0b1215
}
.newsletterPushPanel .footerNewsletterForm .formfield input[type=text] ::placeholder {
  color: #0b1215
}
.newsletterPushPanel .footerNewsletterForm .formfield .input__fieldLabel {
  color: #0b1215!important
}
.newsletterPushPanel .footerNewsletterForm .formfield button[type=submit] {
  color: #fdfdfd;
  background: #0b1215;
  cursor: pointer
}
.newsletterPushPanel .footerNewsletterForm .formfield button[type=submit] .icon {
  background: #fdfdfd
}
.newsletterPushPanel .footerNewsletterForm .formfield .invalid-feedback {
  margin-top: 8px
}
.newsletterPushPanel .footerNewsletterForm.valid {
  padding: 48px 0
}
.countrySwitcher__headerView {
  display: none
}
.headerMenu__footer .countrySwitcher__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  height: 40px;
  order: 4
}
.headerMenu__footer .countrySwitcher__title {
  display: none
}
.headerMenu__footer .countrySwitcher__current {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  background: 0 0;
  border: none;
  height: 40px;
  text-align: center;
  justify-content: space-between;
  cursor: pointer;
  line-height: 1
}
.headerMenu__footer .countrySwitcher__current .flag-icon {
  display: block;
  height: 24px;
  width: 24px
}
.headerMenu__footer .countrySwitcher__footerView,
.headerMenu__footer .countrySwitcher__headerView {
  display: none
}
.headerMenu__footer .countrySwitcher__arrow {
  background: #0b1215;
  margin-left: 4px
}
.countrySwitcher .countrySwitcher__wrapper {
  position: relative;
  display: inline-block
}
.countrySwitcher__button {
  cursor: pointer
}
.countrySwitcher .countrySwitcher__title {
  padding: 0 0 16px
}
.countrySwitcher .countrySwitcher__current {
  padding: 12px;
  display: flex;
  align-items: center;
  border: 1px solid var(--sfra-footer-color);
  gap: 8px;
  border-radius: 0
}
.countrySwitcher .countrySwitcher__footerView {
  margin-left: 4px
}
.countrySwitcher__arrow {
  background: var(--sfra-footer-color);
  margin-left: 20px
}
#countrySwitcherPanel #countrySwitcherForm {
  padding: 0 12px;
  margin: auto
}
@media(min-width:900px) {
  #countrySwitcherPanel #countrySwitcherForm {
    max-width: 60%
  }
}
.scrollList.-horizontal {
  overflow: scroll hidden;
  scroll-snap-type: x mandatory;
  display: grid;
  scrollbar-width: none;
  grid-auto-flow: column;
  align-items: flex-start;
  width: 100%;
  justify-content: safe center;
  grid-auto-columns: 100%;
  height: 100%;
  grid-template-rows: 100%;
  cursor: grab
}
@media(min-width:900px) {
  .scrollList.-horizontal {
    cursor: pointer
  }
}
.scrollList.-vertical {
  overflow: hidden auto;
  scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch
}
.scrollList.active {
  scroll-snap-type: unset
}
.scrollList__slide {
  width: 100%;
  height: 100%;
  scroll-snap-align: start
}
@media(min-width:900px) {
  .scrollList.-mobile + .swiper-pagination {
    display: none
  }
}
.scrollList::-webkit-scrollbar {
  display: none
}
.scrollList.disable-scroll {
  overflow: hidden;
  scroll-snap-type: none
}
.scrollList.disable-scroll .swiper-button {
  pointer-events: none
}
.scrollListPagination {
  display: none;
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(-50%,0,0);
  bottom: 10px;
  left: 50%;
  z-index: 6
}
@media(hover:none)and (pointer:coarse) {
  .scrollListPagination {
    display: block
  }
}
.scrollListPagination__item {
  margin: 0 4px;
  display: inline-block;
  vertical-align: middle;
  transition: transform .3s ease-in-out
}
.scrollListPagination__item.-image {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #f2f4f8
}
.scrollListPagination__item.-image.-active {
  background: #fdfdfd
}
.scrollListPagination__item.-video {
  width: 0;
  height: 0;
  border-left: 6px solid #f2f4f8;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  background: 0 0
}
.scrollListPagination__item.-video.-active {
  border-left-color: #fdfdfd
}
.scrollListPagination__item.-active {
  transform: scale(1.5)
}
.floatingBar {
  --marqueeDuration: 30s;
  background: #0b1215;
  text-align: center;
  color: #fdfdfd;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 35px;
  line-height: 35px;
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  z-index: 10
}
.floatingBar:has(~[class*=-transparent].header.-categoryPage) {
  z-index: 1020
}
.floatingBar:has(~.header.-animReady.-searchMenuOpen.-sticky),
.floatingBar:has(~.header.-animReady.-searchMenuOpen.-stickySlideDown) {
  animation: stickySlideDown .7s ease-in-out both
}
.floatingBar:has(~.header.-animReady.-stickySlideUp),
.floatingBar:has(~.header.-animReady:not(.-searchMenuOpen)) {
  animation: stickySlideUp .7s ease-in-out both
}
.floatingBar ~ .header {
  top: 35px
}
.floatingBar ~ .header.-animReady {
  transition: top .7s ease-in-out
}
@media(min-width:900px) {
  .floatingBar ~ .header.-animReady[class*=-transparent].-categoryPage:not(:hover,.-active),
  .floatingBar ~ .header.-animReady[class*=-transparent].-productPage:not(:hover,.-active) {
    transition: top .7s ease-in-out
  }
}
.floatingBar ~ .header.-stickySlideUp,
.floatingBar ~ .header:not(.-searchMenuOpen) {
  top: 0
}
.floatingBar__content {
  height: 100%;
  display: flex;
  align-items: center
}
.floatingBar__content:not(.-animation) {
  margin: auto
}
.floatingBar__content.-animation {
  animation: marqueeFloatingBar var(--marqueeDuration) linear infinite
}
.floatingBar__item {
  display: block;
  padding: 0 80px;
  position: relative;
  color: #fdfdfd;
  white-space: nowrap
}
.floatingBar__item::before {
  content: "";
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #fdfdfd;
  border-radius: 360px
}
.floatingBar__item:first-child::before {
  content: none
}
.floatingBar:hover .floatingBar__content {
  animation-play-state: paused
}
.header ~ #root .floatingBar,
.header ~ .floatingBar {
  top: auto;
  bottom: 0;
  position: fixed;
  z-index: 8
}
.header ~ #root .floatingBar:not(.-hidden).-stickySlideDown,
.header ~ #root .floatingBar:not(.-hidden).-stickySlideUp,
.header ~ .floatingBar:not(.-hidden).-stickySlideDown,
.header ~ .floatingBar:not(.-hidden).-stickySlideUp {
  animation: none
}
.header ~ #root .floatingBar:not(.-dark),
.header ~ .floatingBar:not(.-dark) {
  background-color: rgba(105,112,119,.3);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px)
}
.header.-transparentBlack ~ #root .floatingBar:not(.-dark) .floatingBar__item,
.header.-transparentBlack ~ .floatingBar:not(.-dark) .floatingBar__item,
.header.-transparentWhiteBlackText ~ #root .floatingBar:not(.-dark) .floatingBar__item,
.header.-transparentWhiteBlackText ~ .floatingBar:not(.-dark) .floatingBar__item {
  color: #0b1215
}
.header.-transparentBlack ~ #root .floatingBar:not(.-dark) .floatingBar__item::before,
.header.-transparentBlack ~ .floatingBar:not(.-dark) .floatingBar__item::before,
.header.-transparentWhiteBlackText ~ #root .floatingBar:not(.-dark) .floatingBar__item::before,
.header.-transparentWhiteBlackText ~ .floatingBar:not(.-dark) .floatingBar__item::before {
  background-color: #0b1215
}
.header.-transparentWhiteBlackText ~ #root .floatingBar:not(.-dark),
.header.-transparentWhiteBlackText ~ .floatingBar:not(.-dark) {
  background-color: rgba(253,253,253,.2)
}
@keyframes marqueeFloatingBar {
  0% {
    transform: translateX(0)
  }
  100% {
    transform: translateX(-50%)
  }
}
@keyframes stickySlideUp {
  0% {
    transform: translate3d(0,0,0)
  }
  100% {
    transform: translate3d(0,-100%,0)
  }
}
@keyframes stickySlideDown {
  0% {
    transform: translate3d(0,-100%,0)
  }
  100% {
    transform: translate3d(0,0,0)
  }
}
.webToAppBanner {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 8px 16px;
  background-color: #fdfdfd;
  border-bottom: 1px solid #697077;
  transform: translateY(-100%);
  transition: transform .3s ease
}
.webToAppBanner.-visible {
  transform: translateY(0)
}
.webToAppBanner.-hidden {
  transform: translateY(-100%)
}
body.overlay-panel .webToAppBanner {
  transform: translateY(-100%)
}
.webToAppBanner .webToAppBanner__close {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: 0 0;
  border: 0;
  cursor: pointer
}
.webToAppBanner .webToAppBanner__left {
  flex-shrink: 0;
  border: 1px solid #dde1e6;
  border-radius: 4px
}
.webToAppBanner .webToAppBanner__left .illu {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 0;
  -o-object-fit: cover;
  object-fit: cover
}
.webToAppBanner .webToAppBanner__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 2px;
  min-width: 0
}
.webToAppBanner .webToAppBanner__title {
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0
}
.webToAppBanner .webToAppBanner__actions {
  flex-shrink: 0
}
body.-hasWebToAppBanner .header {
  transition: top .3s ease
}
body.-hasWebToAppBanner .main {
  transition: margin-top .3s ease
}
body.-hasWebToAppBanner .floatingBar:has(~.header) {
  transition: margin-top .3s ease
}
body.-hasWebToAppBanner:not(.overlay-panel):has(#webToAppBanner.-visible:not(.-hidden)) .header {
  top: var(--webToAppBannerHeight,0)
}
body.-hasWebToAppBanner:not(.overlay-panel):has(#webToAppBanner.-visible:not(.-hidden)) .main {
  margin-top: var(--webToAppBannerHeight,0)
}
body.-hasWebToAppBanner:not(.overlay-panel):has(#webToAppBanner.-visible:not(.-hidden)) .floatingBar:has(~.header) {
  top: var(--webToAppBannerHeight,0);
  margin-top: var(--webToAppBannerHeight,0)
}
body.-hasWebToAppBanner:not(.overlay-panel):has(#webToAppBanner.-visible:not(.-hidden)) .floatingBar:has(~.header) ~ .header {
  top: calc(35px + var(--webToAppBannerHeight,0))
}
body.-hasWebToAppBanner:not(.overlay-panel):has(#webToAppBanner.-visible:not(.-hidden)) .floatingBar:has(~.header) ~ * .main,
body.-hasWebToAppBanner:not(.overlay-panel):has(#webToAppBanner.-visible:not(.-hidden)) .floatingBar:has(~.header) ~ .main {
  margin-top: 0
}
.giftCardDialog__detailsWrapper {
  display: flex;
  flex-direction: column
}
.giftCardDialog__header {
  display: flex
}
.giftCardDialog__sizes ul {
  display: grid;
  grid-template-columns: repeat(auto-fill,60px);
  grid-gap: 4px
}
.giftCardDialog__sizes .sizes__item {
  width: auto
}
.giftCardDialog__sizes .sizes__item a {
  width: 100%
}
.giftCardDialog__buttons {
  display: grid;
  grid-gap: 12px
}
.giftCardDialog .loading .loader-element div {
  border-color: #0b1215
}
.giftCardDialog__close-panel {
  position: absolute;
  top: 12px;
  left: 12px
}
.giftCardDialog__bottomWrapper {
  display: flex;
  justify-content: space-between;
  flex: 1
}
.giftCardDialog__imageWrapper img {
  width: 180px;
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 149px
}
.giftCardDialog__productTitle {
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2
}
#backInStockPanel .backInStockForm__title {
  margin-bottom: 12px
}
#backInStockPanel .backInStockForm__intro {
  line-height: 1.4
}
#backInStockPanel .backInStockForm form {
  margin-top: 24px
}
#backInStockPanel .backInStockForm .form__label {
  display: none
}
#backInStockPanel .backInStockForm__email {
  text-transform: lowercase;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
#backInStockPanel .backInStockForm__btnSizes {
  margin-top: 28px
}
#backInStockPanel .descPanel {
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0;
  margin-bottom: 16px
}
@media(min-width:900px) {
  #backInStockPanel .descPanel {
    margin-bottom: 24px
  }
}
#backInStockPanel .crosssell__headerContainer {
  display: none
}
#backInStockPanel .visualSlider__container {
  grid-template-columns: repeat(2,1fr);
  grid-auto-flow: row;
  grid-auto-rows: auto;
  gap: 16px;
  -moz-column-gap: 4px;
  column-gap: 4px
}
#backInStockPanel .visualSlider__container:has(>:nth-child(2):last-child) {
  grid-template-rows: 1fr;
  grid-auto-columns: 50%
}
#backInStockPanel .similar_crosssell {
  width: 100%
}
@media(max-width:899.98px) {
  #backInStockPanel .similar_crosssell {
    width: calc(100% + 32px);
    margin-left: -16px
  }
}
#backInStockPanel .stockLocBis .loader-element {
  width: 16px!important;
  height: 16px!important
}
#comingSoonPanel .comingSoonPanel,
.comingSoonPanel .comingSoonPanel,
.pageDesigner__tileComingSoon .comingSoonPanel {
  display: flex;
  flex-direction: column;
  gap: 24px
}
#comingSoonPanel .comingSoonPanel__chrono,
.comingSoonPanel .comingSoonPanel__chrono,
.pageDesigner__tileComingSoon .comingSoonPanel__chrono {
  position: relative
}
#comingSoonPanel .comingSoonPanel__chronoImage,
.comingSoonPanel .comingSoonPanel__chronoImage,
.pageDesigner__tileComingSoon .comingSoonPanel__chronoImage {
  max-height: 179px
}
@media(max-width:899.98px) {
  #comingSoonPanel .comingSoonPanel__chronoImage,
  .comingSoonPanel .comingSoonPanel__chronoImage,
  .pageDesigner__tileComingSoon .comingSoonPanel__chronoImage {
    max-height: 199px
  }
}
#comingSoonPanel .comingSoonPanel__chronoImagePicture,
.comingSoonPanel .comingSoonPanel__chronoImagePicture,
.pageDesigner__tileComingSoon .comingSoonPanel__chronoImagePicture {
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  max-height: 179px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0
}
@media(max-width:899.98px) {
  #comingSoonPanel .comingSoonPanel__chronoImagePicture,
  .comingSoonPanel .comingSoonPanel__chronoImagePicture,
  .pageDesigner__tileComingSoon .comingSoonPanel__chronoImagePicture {
    max-height: 199px
  }
}
#comingSoonPanel .comingSoonPanel__chronoImage::after,
.comingSoonPanel .comingSoonPanel__chronoImage::after,
.pageDesigner__tileComingSoon .comingSoonPanel__chronoImage::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(11,18,21,.3);
  border-radius: 0
}
#comingSoonPanel .comingSoonPanel__chronoText,
.comingSoonPanel .comingSoonPanel__chronoText,
.pageDesigner__tileComingSoon .comingSoonPanel__chronoText {
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px
}
#comingSoonPanel .comingSoonPanel__chronoTextTitle,
.comingSoonPanel .comingSoonPanel__chronoTextTitle,
.pageDesigner__tileComingSoon .comingSoonPanel__chronoTextTitle {
  color: #fdfdfd;
  text-align: center
}
#comingSoonPanel .comingSoonPanel__countdown,
.comingSoonPanel .comingSoonPanel__countdown,
.pageDesigner__tileComingSoon .comingSoonPanel__countdown {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px;
  background-color: rgba(11,18,21,.2);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border-radius: 0
}
#comingSoonPanel .comingSoonPanel__countdown span,
.comingSoonPanel .comingSoonPanel__countdown span,
.pageDesigner__tileComingSoon .comingSoonPanel__countdown span {
  color: #fdfdfd
}
#comingSoonPanel .comingSoonPanel__countdownItem,
.comingSoonPanel .comingSoonPanel__countdownItem,
.pageDesigner__tileComingSoon .comingSoonPanel__countdownItem {
  display: flex;
  flex-direction: column;
  align-items: center
}
#comingSoonPanel .comingSoonPanel__countdownValue,
.comingSoonPanel .comingSoonPanel__countdownValue,
.pageDesigner__tileComingSoon .comingSoonPanel__countdownValue {
  line-height: 1
}
#comingSoonPanel .comingSoonPanel__form,
.comingSoonPanel .comingSoonPanel__form,
.pageDesigner__tileComingSoon .comingSoonPanel__form {
  display: flex;
  flex-direction: column;
  gap: 16px
}
.arrowToTop__container {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: -1;
  opacity: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  transition: opacity .5s ease-in-out,z-index .5s ease-in-out
}
.arrowToTop__container.-show {
  opacity: 1;
  z-index: 9
}
.container.search-results .arrowToTop__container {
  display: flex
}
.panelPushLogDialogWrapper {
  flex-grow: 1
}
.panelPushLogDialog__header {
  margin-bottom: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between
}
.panelPushLogDialog__header .icon {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  line-height: 28px;
  margin-left: 12px;
  font-size: .75rem;
  border: 1px solid #0b1215;
  border-radius: 360px;
  text-align: center
}
.dropdownBloc .dbItemCol .panelPushLogDialog__tooltipLoginTitle.dbItemRenderer.db-l,
.panelPushLogDialog__tooltipLoginTitle.body-03 {
  line-height: 1.2
}
:root {
  --duration-animation-button: .3s;
  --duration-animation-no-longer-disabled: .6s;
  --transition-style-animation: ease-in-out
}
.button,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 16px;
  background: #0b1215;
  color: #fdfdfd;
  border-radius: 0;
  gap: 8px;
  border: none;
  outline: 0;
  cursor: pointer;
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
@media(hover:hover)and (pointer:fine) {
  .button:not(.-disabled,:disabled).-hover,
  .button:not(.-disabled,:disabled):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit]:not(.-disabled,:disabled).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit]:not(.-disabled,:disabled):hover {
    background: #21272a
  }
}
.button.-active,
.button:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-active[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit]:active {
  background: #0b1215
}
.button.-disabled,
.button:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-disabled[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit]:disabled {
  background: #f2f4f8;
  color: #a2a9b0
}
.button.-disabled .icon,
.button:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-disabled[type=submit] .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit]:disabled .icon {
  background-color: #a2a9b0
}
.button.-small,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-small[type=submit] {
  min-width: 75px;
  min-height: 32px;
  padding: 6px 16px
}
.button.-medium,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-medium[type=submit] {
  min-width: 83px;
  min-height: 40px;
  padding: 10px 20px
}
.button.-medium .loading .loader-element,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-medium[type=submit] .loading .loader-element {
  max-height: 38px
}
.button.-large,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-large[type=submit] {
  min-width: 97px;
  min-height: 48px;
  padding: 12px 24px;
  gap: 12px;
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0
}
.button.-large .loading .loader-element,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-large[type=submit] .loading .loader-element {
  max-height: 46px
}
.button.-full,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-full[type=submit] {
  width: 100%
}
.button.-primary.-black,
.button.-primary.u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-primary[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button[type=submit].u-arrow {
  border: 1px solid #0b1215;
  background: #0b1215;
  color: #fdfdfd
}
.button.-primary.-black .icon,
.button.-primary.u-arrow .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input[type=submit].u-arrow .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black[type=submit] .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-primary[type=submit].u-arrow .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button[type=submit].u-arrow .icon {
  background-color: #fdfdfd
}
@media(hover:hover)and (pointer:fine) {
  .button.-primary.-black:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .button.-primary.-black:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover,
  .button.-primary.u-arrow:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .button.-primary.u-arrow:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input[type=submit].u-arrow:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input[type=submit].u-arrow:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black[type=submit]:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black[type=submit]:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-primary[type=submit].u-arrow:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-primary[type=submit].u-arrow:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button[type=submit].u-arrow:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button[type=submit].u-arrow:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover {
    background: #21272a
  }
}
.button.-primary.-active.u-arrow,
.button.-primary.-black.-active,
.button.-primary.-black.-selected,
.button.-primary.-black:active,
.button.-primary.-selected.u-arrow,
.button.-primary.u-arrow:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-active[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-selected[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input[type=submit].u-arrow:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black.-active[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black.-selected[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black[type=submit]:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-primary.-active[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-primary.-selected[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-primary[type=submit].u-arrow:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-active[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-selected[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button[type=submit].u-arrow:active {
  background: #0b1215
}
.button.-primary.-black.-disabled,
.button.-primary.-black:disabled,
.button.-primary.-disabled.u-arrow,
.button.-primary.u-arrow:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-disabled[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input[type=submit].u-arrow:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black.-disabled[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black[type=submit]:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-primary.-disabled[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-primary[type=submit].u-arrow:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-disabled[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button[type=submit].u-arrow:disabled {
  border-color: #f2f4f8;
  background: #f2f4f8;
  color: #a2a9b0
}
.button.-primary.-black.-disabled .icon,
.button.-primary.-black:disabled .icon,
.button.-primary.-disabled.u-arrow .icon,
.button.-primary.u-arrow:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-disabled[type=submit].u-arrow .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input[type=submit].u-arrow:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black.-disabled[type=submit] .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black[type=submit]:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-primary.-disabled[type=submit].u-arrow .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-primary[type=submit].u-arrow:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-disabled[type=submit].u-arrow .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button[type=submit].u-arrow:disabled .icon {
  background-color: #a2a9b0
}
.button.-primary.-white,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white[type=submit] {
  background: #fdfdfd;
  color: #0b1215
}
.button.-primary.-white .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white[type=submit] .icon {
  background-color: #0b1215
}
@media(hover:hover)and (pointer:fine) {
  .button.-primary.-white:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .button.-primary.-white:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white[type=submit]:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white[type=submit]:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover {
    background: #f2f4f8
  }
}
.button.-primary.-white.-active,
.button.-primary.-white.-selected,
.button.-primary.-white:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white.-active[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white.-selected[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white[type=submit]:active {
  background: #0b1215;
  color: #fdfdfd
}
.button.-primary.-white.-active .icon,
.button.-primary.-white.-selected .icon,
.button.-primary.-white:active .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white.-active[type=submit] .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white.-selected[type=submit] .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white[type=submit]:active .icon {
  background-color: #fdfdfd
}
.button.-primary.-white.-disabled,
.button.-primary.-white:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white.-disabled[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white[type=submit]:disabled {
  background: #f2f4f8;
  color: #a2a9b0
}
.button.-primary.-white.-disabled .icon,
.button.-primary.-white:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white.-disabled[type=submit] .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white[type=submit]:disabled .icon {
  background-color: #a2a9b0
}
.button.-secondary.-black,
.button.-secondary.u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary[type=submit].u-arrow {
  border: 1px solid #0b1215;
  background: 0 0;
  color: #0b1215
}
.button.-secondary.-black .icon,
.button.-secondary.u-arrow .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black[type=submit] .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary[type=submit].u-arrow .icon {
  background-color: #0b1215
}
@media(hover:hover)and (pointer:fine) {
  .button.-secondary.-black:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .button.-secondary.-black:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover,
  .button.-secondary.u-arrow:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .button.-secondary.u-arrow:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black[type=submit]:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black[type=submit]:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary[type=submit].u-arrow:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary[type=submit].u-arrow:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover {
    background: rgba(11,18,21,.04)
  }
}
.button.-secondary.-active.u-arrow,
.button.-secondary.-black.-active,
.button.-secondary.-black.-selected,
.button.-secondary.-black:active,
.button.-secondary.-selected.u-arrow,
.button.-secondary.u-arrow:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-active[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black.-active[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black.-selected[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black[type=submit]:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-selected[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary[type=submit].u-arrow:active {
  background: #0b1215;
  color: #fdfdfd
}
.button.-secondary.-active.u-arrow .icon,
.button.-secondary.-black.-active .icon,
.button.-secondary.-black.-selected .icon,
.button.-secondary.-black:active .icon,
.button.-secondary.-selected.u-arrow .icon,
.button.-secondary.u-arrow:active .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-active[type=submit].u-arrow .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black.-active[type=submit] .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black.-selected[type=submit] .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black[type=submit]:active .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-selected[type=submit].u-arrow .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary[type=submit].u-arrow:active .icon {
  background-color: #fdfdfd
}
.button.-secondary.-black.-disabled,
.button.-secondary.-black:disabled,
.button.-secondary.-disabled.u-arrow,
.button.-secondary.u-arrow:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black.-disabled[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black[type=submit]:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-disabled[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary[type=submit].u-arrow:disabled {
  background: 0 0;
  border: 1px solid #a2a9b0;
  color: #a2a9b0
}
.button.-secondary.-black.-disabled .icon,
.button.-secondary.-black:disabled .icon,
.button.-secondary.-disabled.u-arrow .icon,
.button.-secondary.u-arrow:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black.-disabled[type=submit] .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black[type=submit]:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-disabled[type=submit].u-arrow .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary[type=submit].u-arrow:disabled .icon {
  background-color: #a2a9b0
}
.button.-secondary.-white,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white[type=submit] {
  border: 1px solid #fdfdfd;
  background: 0 0;
  color: #fdfdfd
}
.button.-secondary.-white .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white[type=submit] .icon {
  background-color: #fdfdfd
}
@media(hover:hover)and (pointer:fine) {
  .button.-secondary.-white:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .button.-secondary.-white:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white[type=submit]:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white[type=submit]:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover {
    background: rgba(253,253,253,.1)
  }
}
.button.-secondary.-white.-active,
.button.-secondary.-white.-selected,
.button.-secondary.-white:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white.-active[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white.-selected[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white[type=submit]:active {
  border: 1px solid #0b1215;
  background: #0b1215;
  color: #fdfdfd
}
.button.-secondary.-white.-active .icon,
.button.-secondary.-white.-selected .icon,
.button.-secondary.-white:active .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white.-active[type=submit] .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white.-selected[type=submit] .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white[type=submit]:active .icon {
  background-color: #fdfdfd
}
.button.-secondary.-white.-disabled,
.button.-secondary.-white:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white.-disabled[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white[type=submit]:disabled {
  background: 0 0;
  border: 1px solid #a2a9b0;
  color: #a2a9b0
}
.button.-secondary.-white.-disabled .icon,
.button.-secondary.-white:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white.-disabled[type=submit] .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white[type=submit]:disabled .icon {
  background-color: #a2a9b0
}
.button.-conversion,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-conversion[type=submit] {
  background: #0b1215;
  color: #fdfdfd
}
.button.-conversion .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-conversion[type=submit] .icon {
  background-color: #fdfdfd
}
@media(hover:hover)and (pointer:fine) {
  .button.-conversion:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .button.-conversion:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-conversion[type=submit]:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-conversion[type=submit]:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover {
    background: #343a3f
  }
}
.button.-conversion.-active,
.button.-conversion.-selected,
.button.-conversion:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-conversion.-active[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-conversion.-selected[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-conversion[type=submit]:active {
  background: #0b1215
}
.button.-conversion.-disabled,
.button.-conversion:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-conversion.-disabled[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-conversion[type=submit]:disabled {
  background: #f2f4f8;
  color: #a2a9b0
}
.button.-conversion.-disabled .icon,
.button.-conversion:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-conversion.-disabled[type=submit] .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-conversion[type=submit]:disabled .icon {
  background-color: #a2a9b0
}
.button.-transparent,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-transparent[type=submit] {
  background: rgba(11,18,21,.2);
  color: #fdfdfd;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border-radius: 360px
}
.button.-transparent .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-transparent[type=submit] .icon {
  background-color: #fdfdfd
}
@media(hover:hover)and (pointer:fine) {
  .button.-transparent:not(.-disabled,:disabled,:active,.-active,.-selected).-hover,
  .button.-transparent:not(.-disabled,:disabled,:active,.-active,.-selected):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-transparent[type=submit]:not(.-disabled,:disabled,:active,.-active,.-selected).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-transparent[type=submit]:not(.-disabled,:disabled,:active,.-active,.-selected):hover {
    background: rgba(33,39,42,.6)
  }
}
.button.-transparent.-active,
.button.-transparent.-selected,
.button.-transparent:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-transparent.-active[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-transparent.-selected[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-transparent[type=submit]:active {
  background: #0b1215;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0)
}
.button.-transparent.-disabled,
.button.-transparent:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-transparent.-disabled[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-transparent[type=submit]:disabled {
  background: rgba(242,244,248,.8);
  color: #a2a9b0
}
.button.-transparent.-disabled .icon,
.button.-transparent:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-transparent.-disabled[type=submit] .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-transparent[type=submit]:disabled .icon {
  background-color: #a2a9b0
}
.button.-loyalty,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty[type=submit] {
  background: #e0144c;
  color: #fdfdfd
}
@media(hover:hover)and (pointer:fine) {
  .button.-loyalty:not(.-disabled,:disabled,:active,.-active,.-selected).-hover,
  .button.-loyalty:not(.-disabled,:disabled,:active,.-active,.-selected):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty[type=submit]:not(.-disabled,:disabled,:active,.-active,.-selected).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty[type=submit]:not(.-disabled,:disabled,:active,.-active,.-selected):hover {
    background: #e0144c
  }
}
.button.-loyalty.-active,
.button.-loyalty.-selected,
.button.-loyalty:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty.-active[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty.-selected[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty[type=submit]:active {
  background: #e0144c
}
.button.-loyalty.-disabled,
.button.-loyalty:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty.-disabled[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty[type=submit]:disabled {
  background: #f2f4f8;
  color: #a2a9b0
}
.button.-loyalty.-disabled .icon,
.button.-loyalty:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty.-disabled[type=submit] .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty[type=submit]:disabled .icon {
  background-color: #a2a9b0
}
.button.-loyalty .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty[type=submit] .icon {
  background-color: #fdfdfd
}
.button.-loyalty.-transparent,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty.-transparent[type=submit] {
  background: #fdfdfd;
  border: 1px solid #e0144c;
  color: #e0144c;
  border-radius: 0
}
@media(hover:hover)and (pointer:fine) {
  .button.-loyalty.-transparent:not(.-disabled,:disabled,:active,.-active,.-selected).-hover,
  .button.-loyalty.-transparent:not(.-disabled,:disabled,:active,.-active,.-selected):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty.-transparent[type=submit]:not(.-disabled,:disabled,:active,.-active,.-selected).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty.-transparent[type=submit]:not(.-disabled,:disabled,:active,.-active,.-selected):hover {
    background: inherit
  }
}
.button.-loyalty-highlight,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty-highlight[type=submit] {
  background: #0b1215;
  color: #fdfdfd
}
@media(hover:hover)and (pointer:fine) {
  .button.-loyalty-highlight:not(.-disabled,:disabled,:active,.-active,.-selected).-hover,
  .button.-loyalty-highlight:not(.-disabled,:disabled,:active,.-active,.-selected):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty-highlight[type=submit]:not(.-disabled,:disabled,:active,.-active,.-selected).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty-highlight[type=submit]:not(.-disabled,:disabled,:active,.-active,.-selected):hover {
    background: #0b1215
  }
}
.button.-loyalty-highlight.-active,
.button.-loyalty-highlight.-selected,
.button.-loyalty-highlight:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty-highlight.-active[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty-highlight.-selected[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty-highlight[type=submit]:active {
  background: #0b1215
}
.button.-loyalty-highlight.-disabled,
.button.-loyalty-highlight:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty-highlight.-disabled[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty-highlight[type=submit]:disabled {
  background: #f2f4f8;
  color: #a2a9b0
}
.button.-loyalty-highlight.-disabled .icon,
.button.-loyalty-highlight:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty-highlight.-disabled[type=submit] .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty-highlight[type=submit]:disabled .icon {
  background-color: #a2a9b0
}
.button.-loyalty-highlight .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty-highlight[type=submit] .icon {
  background-color: #fdfdfd
}
.button.-loyalty-highlight.-transparent,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty-highlight.-transparent[type=submit] {
  background: #fdfdfd;
  border: 1px solid #0b1215;
  color: #0b1215;
  border-radius: 0
}
@media(hover:hover)and (pointer:fine) {
  .button.-loyalty-highlight.-transparent:not(.-disabled,:disabled,:active,.-active,.-selected).-hover,
  .button.-loyalty-highlight.-transparent:not(.-disabled,:disabled,:active,.-active,.-selected):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty-highlight.-transparent[type=submit]:not(.-disabled,:disabled,:active,.-active,.-selected).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty-highlight.-transparent[type=submit]:not(.-disabled,:disabled,:active,.-active,.-selected):hover {
    background: inherit
  }
}
.button.-iconOnly,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-iconOnly[type=submit] {
  padding: 6px;
  border-radius: 0
}
.button.-iconOnly.-transparent,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-iconOnly.-transparent[type=submit] {
  border-radius: 360px
}
.button.-iconOnly .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-iconOnly[type=submit] .icon {
  background-color: #fdfdfd
}
.button.-iconOnly.-small,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-iconOnly.-small[type=submit] {
  min-width: 32px;
  padding: 6px
}
.button.-iconOnly.-medium,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-iconOnly.-medium[type=submit] {
  min-width: 40px;
  padding: 10px
}
.button.-iconOnly.-large,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-iconOnly.-large[type=submit] {
  min-width: 48px;
  padding: 12px
}
.button.-iconLeft.-small,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-iconLeft.-small[type=submit] {
  padding-left: 12px
}
.button.-iconLeft.-medium,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-iconLeft.-medium[type=submit] {
  padding-left: 16px
}
.button.-iconLeft.-large,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-iconLeft.-large[type=submit] {
  padding-left: 20px
}
.button.-iconRight.-small,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-iconRight.-small[type=submit] {
  padding-right: 12px
}
.button.-iconRight.-medium,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-iconRight.-medium[type=submit] {
  padding-right: 16px
}
.button.-iconRight.-large,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-iconRight.-large[type=submit] {
  padding-right: 20px
}
.button .loading,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit] .loading {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%)
}
.button .loading .loader-element,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit] .loading .loader-element {
  opacity: 1;
  max-height: 30px
}
.button.loading,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.loading[type=submit] {
  font-size: 0!important
}
.button .loader-element,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit] .loader-element {
  opacity: 0;
  transition: opacity .3s ease
}
@media(min-width:900px) {
  .button.-animated:not(.-selected).loading,
  .button.-animated:not(.-selected):has(.loading),
  .button.-animated:not(.-selected):not(.-disabled,:disabled),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled) {
    background-size: 100% 200%;
    background-position: 0 0;
    transition: background-position var(--duration-animation-button) var(--transition-style-animation),color var(--duration-animation-button) var(--transition-style-animation)
  }
  .button.-animated:not(.-selected).loading .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):has(.loading) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):not(.-disabled,:disabled) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard) {
    transition: background-color var(--duration-animation-button) var(--transition-style-animation)
  }
  .button.-animated:not(.-selected).loading.-conversion,
  .button.-animated:not(.-selected):has(.loading).-conversion,
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-conversion,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading.-conversion,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading).-conversion,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled).-conversion {
    border: 1px solid #0b1215
  }
  .button.-animated.u-arrow:not(.-selected).loading.-primary,
  .button.-animated.u-arrow:not(.-selected):has(.loading).-primary,
  .button.-animated.u-arrow:not(.-selected):not(.-disabled,:disabled).-primary,
  .button.-animated:not(.-selected).loading.-conversion,
  .button.-animated:not(.-selected).loading.-primary.-black,
  .button.-animated:not(.-selected):has(.loading).-conversion,
  .button.-animated:not(.-selected):has(.loading).-primary.-black,
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-conversion,
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-primary.-black,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-animated[type=submit].u-arrow:not(.-selected).loading,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-animated[type=submit].u-arrow:not(.-selected):has(.loading),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-animated[type=submit].u-arrow:not(.-selected):not(.-disabled,:disabled),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit].u-arrow:not(.-selected).loading.-primary,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit].u-arrow:not(.-selected):has(.loading).-primary,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit].u-arrow:not(.-selected):not(.-disabled,:disabled).-primary,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading.-black,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading.-conversion,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading).-black,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading).-conversion,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled).-black,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled).-conversion,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-animated[type=submit].u-arrow:not(.-selected).loading,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-animated[type=submit].u-arrow:not(.-selected):has(.loading),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-animated[type=submit].u-arrow:not(.-selected):not(.-disabled,:disabled) {
    background-image: linear-gradient(to top,#fdfdfd 0,#fdfdfd 50%,#0b1215 50%,#0b1215 100%);
    color: #fdfdfd
  }
  .button.-animated:not(.-selected).loading.-primary.-white,
  .button.-animated:not(.-selected):has(.loading).-primary.-white,
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-primary.-white,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading.-white,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading).-white,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled).-white {
    background-image: linear-gradient(to top,#0b1215 0,#0b1215 50%,transparent 50%,transparent 100%);
    color: #0b1215;
    border: 1px solid #fdfdfd
  }
}
@media(min-width:900px)and (hover:hover)and (pointer:fine) {
  .button.-animated:not(.-selected).loading.-hover.-conversion,
  .button.-animated:not(.-selected).loading.-hover.-primary,
  .button.-animated:not(.-selected).loading:hover.-conversion,
  .button.-animated:not(.-selected).loading:hover.-primary,
  .button.-animated:not(.-selected):has(.loading).-hover.-conversion,
  .button.-animated:not(.-selected):has(.loading).-hover.-primary,
  .button.-animated:not(.-selected):has(.loading):hover.-conversion,
  .button.-animated:not(.-selected):has(.loading):hover.-primary,
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-hover.-conversion,
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-hover.-primary,
  .button.-animated:not(.-selected):not(.-disabled,:disabled):hover.-conversion,
  .button.-animated:not(.-selected):not(.-disabled,:disabled):hover.-primary,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading.-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading:hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled):hover {
    background-position: 0 100%;
    transition: color var(--duration-animation-button) var(--transition-style-animation),background-position var(--duration-animation-button) var(--transition-style-animation)
  }
  .button.-animated:not(.-selected).loading.-hover.-conversion,
  .button.-animated:not(.-selected).loading:hover.-conversion,
  .button.-animated:not(.-selected):has(.loading).-hover.-conversion,
  .button.-animated:not(.-selected):has(.loading):hover.-conversion,
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-hover.-conversion,
  .button.-animated:not(.-selected):not(.-disabled,:disabled):hover.-conversion,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading.-hover.-conversion,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading:hover.-conversion,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading).-hover.-conversion,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading):hover.-conversion,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled).-hover.-conversion,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled):hover.-conversion {
    border: 1px solid #0b1215;
    color: #0b1215
  }
  .button.-animated:not(.-selected).loading.-hover.-conversion .icon,
  .button.-animated:not(.-selected).loading:hover.-conversion .icon,
  .button.-animated:not(.-selected):has(.loading).-hover.-conversion .icon,
  .button.-animated:not(.-selected):has(.loading):hover.-conversion .icon,
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-hover.-conversion .icon,
  .button.-animated:not(.-selected):not(.-disabled,:disabled):hover.-conversion .icon,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading.-hover.-conversion .icon,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading:hover.-conversion .icon,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading).-hover.-conversion .icon,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading):hover.-conversion .icon,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled).-hover.-conversion .icon,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled):hover.-conversion .icon {
    background-color: #0b1215
  }
  .button.-animated.u-arrow:not(.-selected).loading.-hover.-primary,
  .button.-animated.u-arrow:not(.-selected).loading:hover.-primary,
  .button.-animated.u-arrow:not(.-selected):has(.loading).-hover.-primary,
  .button.-animated.u-arrow:not(.-selected):has(.loading):hover.-primary,
  .button.-animated.u-arrow:not(.-selected):not(.-disabled,:disabled).-hover.-primary,
  .button.-animated.u-arrow:not(.-selected):not(.-disabled,:disabled):hover.-primary,
  .button.-animated:not(.-selected).loading.-hover.-primary.-black,
  .button.-animated:not(.-selected).loading.-hover.-primary:not(.-white),
  .button.-animated:not(.-selected).loading:hover.-primary.-black,
  .button.-animated:not(.-selected).loading:hover.-primary:not(.-white),
  .button.-animated:not(.-selected):has(.loading).-hover.-primary.-black,
  .button.-animated:not(.-selected):has(.loading).-hover.-primary:not(.-white),
  .button.-animated:not(.-selected):has(.loading):hover.-primary.-black,
  .button.-animated:not(.-selected):has(.loading):hover.-primary:not(.-white),
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-hover.-primary.-black,
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-hover.-primary:not(.-white),
  .button.-animated:not(.-selected):not(.-disabled,:disabled):hover.-primary.-black,
  .button.-animated:not(.-selected):not(.-disabled,:disabled):hover.-primary:not(.-white),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-animated[type=submit].u-arrow:not(.-selected).loading.-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-animated[type=submit].u-arrow:not(.-selected).loading:hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-animated[type=submit].u-arrow:not(.-selected):has(.loading).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-animated[type=submit].u-arrow:not(.-selected):has(.loading):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-animated[type=submit].u-arrow:not(.-selected):not(.-disabled,:disabled).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-animated[type=submit].u-arrow:not(.-selected):not(.-disabled,:disabled):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit].u-arrow:not(.-selected).loading.-hover.-primary,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit].u-arrow:not(.-selected).loading:hover.-primary,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit].u-arrow:not(.-selected):has(.loading).-hover.-primary,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit].u-arrow:not(.-selected):has(.loading):hover.-primary,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit].u-arrow:not(.-selected):not(.-disabled,:disabled).-hover.-primary,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit].u-arrow:not(.-selected):not(.-disabled,:disabled):hover.-primary,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading.-hover.-black,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading.-hover:not(.-white),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading:hover.-black,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading:hover:not(.-white),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading).-hover.-black,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading).-hover:not(.-white),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading):hover.-black,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading):hover:not(.-white),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled).-hover.-black,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled).-hover:not(.-white),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled):hover.-black,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled):hover:not(.-white),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-animated[type=submit].u-arrow:not(.-selected).loading.-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-animated[type=submit].u-arrow:not(.-selected).loading:hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-animated[type=submit].u-arrow:not(.-selected):has(.loading).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-animated[type=submit].u-arrow:not(.-selected):has(.loading):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-animated[type=submit].u-arrow:not(.-selected):not(.-disabled,:disabled).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-animated[type=submit].u-arrow:not(.-selected):not(.-disabled,:disabled):hover {
    border: 1px solid #0b1215;
    color: #0b1215
  }
  .button.-animated.u-arrow:not(.-selected).loading.-hover.-primary .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated.u-arrow:not(.-selected).loading:hover.-primary .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated.u-arrow:not(.-selected):has(.loading).-hover.-primary .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated.u-arrow:not(.-selected):has(.loading):hover.-primary .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated.u-arrow:not(.-selected):not(.-disabled,:disabled).-hover.-primary .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated.u-arrow:not(.-selected):not(.-disabled,:disabled):hover.-primary .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected).loading.-hover.-primary.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected).loading.-hover.-primary:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected).loading:hover.-primary.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected).loading:hover.-primary:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):has(.loading).-hover.-primary.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):has(.loading).-hover.-primary:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):has(.loading):hover.-primary.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):has(.loading):hover.-primary:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-hover.-primary.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-hover.-primary:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):not(.-disabled,:disabled):hover.-primary.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):not(.-disabled,:disabled):hover.-primary:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-animated[type=submit].u-arrow:not(.-selected).loading.-hover .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-animated[type=submit].u-arrow:not(.-selected).loading:hover .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-animated[type=submit].u-arrow:not(.-selected):has(.loading).-hover .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-animated[type=submit].u-arrow:not(.-selected):has(.loading):hover .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-animated[type=submit].u-arrow:not(.-selected):not(.-disabled,:disabled).-hover .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-animated[type=submit].u-arrow:not(.-selected):not(.-disabled,:disabled):hover .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit].u-arrow:not(.-selected).loading.-hover.-primary .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit].u-arrow:not(.-selected).loading:hover.-primary .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit].u-arrow:not(.-selected):has(.loading).-hover.-primary .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit].u-arrow:not(.-selected):has(.loading):hover.-primary .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit].u-arrow:not(.-selected):not(.-disabled,:disabled).-hover.-primary .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit].u-arrow:not(.-selected):not(.-disabled,:disabled):hover.-primary .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading.-hover.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading.-hover:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading:hover.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading:hover:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading).-hover.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading).-hover:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading):hover.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading):hover:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled).-hover.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled).-hover:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled):hover.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled):hover:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-animated[type=submit].u-arrow:not(.-selected).loading.-hover .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-animated[type=submit].u-arrow:not(.-selected).loading:hover .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-animated[type=submit].u-arrow:not(.-selected):has(.loading).-hover .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-animated[type=submit].u-arrow:not(.-selected):has(.loading):hover .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-animated[type=submit].u-arrow:not(.-selected):not(.-disabled,:disabled).-hover .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-animated[type=submit].u-arrow:not(.-selected):not(.-disabled,:disabled):hover .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard) {
    background: #0b1215
  }
  .button.-animated:not(.-selected).loading.-hover.-primary.-white,
  .button.-animated:not(.-selected).loading:hover.-primary.-white,
  .button.-animated:not(.-selected):has(.loading).-hover.-primary.-white,
  .button.-animated:not(.-selected):has(.loading):hover.-primary.-white,
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-hover.-primary.-white,
  .button.-animated:not(.-selected):not(.-disabled,:disabled):hover.-primary.-white,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading.-hover.-white,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading:hover.-white,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading).-hover.-white,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading):hover.-white,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled).-hover.-white,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled):hover.-white {
    border: 1px solid #0b1215;
    color: #fdfdfd
  }
  .button.-animated:not(.-selected).loading.-hover.-primary.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected).loading:hover.-primary.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):has(.loading).-hover.-primary.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):has(.loading):hover.-primary.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-hover.-primary.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):not(.-disabled,:disabled):hover.-primary.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading.-hover.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).loading:hover.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading).-hover.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):has(.loading):hover.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled).-hover.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-disabled,:disabled):hover.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard) {
    background: #fdfdfd
  }
}
.button__shoptheLook {
  overflow: hidden;
  justify-content: flex-start;
  padding: 10px!important;
  min-width: unset!important;
  height: 40px;
  width: 40px;
  gap: 8px;
  box-shadow: var(--sfra-shadow-03);
  --btn-expanded-width: 0px;
  animation: animateShopTheLook .4s ease-in-out forwards;
  animation-delay: 1s
}
.button__shoptheLook:active {
  background: #f2f4f8!important;
  color: #0b1215!important
}
.button__shoptheLook:active i {
  background-color: #0b1215!important
}
.button__shoptheLook i {
  min-width: 20px
}
.button__shoptheLook .button__text {
  white-space: nowrap;
  opacity: 0;
  animation: animateShopTheLookText .3s ease-in-out forwards;
  animation-delay: 1s
}
@media(max-width:899.98px) {
  .button__shoptheLook {
    animation: none;
    width: var(--btn-expanded-width)
  }
  .button__shoptheLook .button__text {
    animation: none;
    opacity: 1
  }
}
#checkoutWrapper button.-animated:not(.-selected).-conversion:not(:hover,.-hover,:disabled,.-disabled),
#checkoutWrapper button.-animated:not(.-selected).-primary:not(.-white):not(:hover,.-hover,:disabled,.-disabled),
#stickyCheckout button.-animated:not(.-selected).-conversion:not(:hover,.-hover,:disabled,.-disabled),
#stickyCheckout button.-animated:not(.-selected).-primary:not(.-white):not(:hover,.-hover,:disabled,.-disabled),
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield form input.-animated[type=submit]:not(.-selected).-conversion:not(:hover,.-hover,:disabled,.-disabled),
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield form input.-animated[type=submit]:not(.-selected):not(.-white):not(:hover,.-hover,:disabled,.-disabled),
form .button.-animated:not(.-selected).-conversion:not(:hover,.-hover,:disabled,.-disabled),
form .button.-animated:not(.-selected).-primary:not(.-white):not(:hover,.-hover,:disabled,.-disabled),
form .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).-conversion:not(:hover,.-hover,:disabled,.-disabled),
form .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-white):not(:hover,.-hover,:disabled,.-disabled) {
  background-color: #0b1215;
  transition: background-position var(--duration-animation-no-longer-disabled) var(--transition-style-animation),border-top-color var(--duration-animation-no-longer-disabled) cubic-bezier(1, 0, 1, 0),border-left-color var(--duration-animation-no-longer-disabled) cubic-bezier(1, 0, 1, 0),border-right-color var(--duration-animation-no-longer-disabled) cubic-bezier(1, 0, 1, 0);
  background-image: linear-gradient(0deg,#fdfdfd 0,#fdfdfd 33.33%,#0b1215 33.33%,#0b1215 66.66%,#f2f4f8 66.66%,#f2f4f8 100%);
  background-size: 100% 300%;
  background-position: 0 50%;
  border-top-color: #0b1215;
  border-bottom-color: #0b1215
}
#checkoutWrapper button.-animated:not(.-selected).-conversion.-disabled,
#checkoutWrapper button.-animated:not(.-selected).-conversion:disabled,
#checkoutWrapper button.-animated:not(.-selected).-primary:not(.-white).-disabled,
#checkoutWrapper button.-animated:not(.-selected).-primary:not(.-white):disabled,
#stickyCheckout button.-animated:not(.-selected).-conversion.-disabled,
#stickyCheckout button.-animated:not(.-selected).-conversion:disabled,
#stickyCheckout button.-animated:not(.-selected).-primary:not(.-white).-disabled,
#stickyCheckout button.-animated:not(.-selected).-primary:not(.-white):disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield form input.-animated[type=submit]:not(.-selected).-conversion.-disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield form input.-animated[type=submit]:not(.-selected).-conversion:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield form input.-animated[type=submit]:not(.-selected):not(.-white).-disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield form input.-animated[type=submit]:not(.-selected):not(.-white):disabled,
form .button.-animated:not(.-selected).-conversion.-disabled,
form .button.-animated:not(.-selected).-conversion:disabled,
form .button.-animated:not(.-selected).-primary:not(.-white).-disabled,
form .button.-animated:not(.-selected).-primary:not(.-white):disabled,
form .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).-conversion.-disabled,
form .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected).-conversion:disabled,
form .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-white).-disabled,
form .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated[type=submit]:not(.-selected):not(.-white):disabled {
  background: #f2f4f8;
  transition: background-position var(--duration-animation-no-longer-disabled) var(--transition-style-animation),border-top-color var(--duration-animation-no-longer-disabled) cubic-bezier(0, 1, 0, 1),border-left-color var(--duration-animation-no-longer-disabled) cubic-bezier(0, 1, 0, 1),border-right-color var(--duration-animation-no-longer-disabled) cubic-bezier(0, 1, 0, 1);
  background-image: linear-gradient(0deg,#fdfdfd 0,#fdfdfd 33.33%,#0b1215 33.33%,#0b1215 66.66%,#f2f4f8 66.66%,#f2f4f8 100%);
  background-size: 100% 300%;
  background-position: 0 0;
  border-color: #f2f4f8 transparent
}
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield form input#contactSubmit.-animated[type=submit]:not(.-selected):not(.-white).-disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield form input#contactSubmit.-animated[type=submit]:not(.-selected):not(.-white):disabled,
form #contactSubmit.-animated:not(.-selected).-conversion.-disabled,
form #contactSubmit.-animated:not(.-selected).-conversion:disabled,
form #contactSubmit.-animated:not(.-selected).-primary:not(.-white).-disabled,
form #contactSubmit.-animated:not(.-selected).-primary:not(.-white):disabled,
form .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input#contactSubmit.-animated[type=submit]:not(.-selected):not(.-white).-disabled,
form .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input#contactSubmit.-animated[type=submit]:not(.-selected):not(.-white):disabled {
  transition: background-position 0s var(--transition-style-animation),border 0s var(--transition-style-animation),border-color 0s var(--transition-style-animation)
}
@media(min-width:900px) {
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .popOver .popOver__container.-black input.-animated.-white[type=submit],
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .popOver .popOver__container.u-arrow input.-animated.-white[type=submit],
  .popOver .popOver__container.-black .-animated.-primary.-white,
  .popOver .popOver__container.-black .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated.-white[type=submit],
  .popOver .popOver__container.u-arrow .-animated.-primary.-white,
  .popOver .popOver__container.u-arrow .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated.-white[type=submit] {
    background-image: linear-gradient(to top,#21272a 0,#21272a 50%,transparent 50%,transparent 100%)
  }
}
@media(min-width:900px)and (hover:hover)and (pointer:fine) {
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .popOver .popOver__container.-black input.-animated.-white.-hover[type=submit],
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .popOver .popOver__container.-black input.-animated.-white[type=submit]:hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .popOver .popOver__container.u-arrow input.-animated.-white.-hover[type=submit],
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .popOver .popOver__container.u-arrow input.-animated.-white[type=submit]:hover,
  .popOver .popOver__container.-black .-animated.-primary.-white.-hover,
  .popOver .popOver__container.-black .-animated.-primary.-white:hover,
  .popOver .popOver__container.-black .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated.-white.-hover[type=submit],
  .popOver .popOver__container.-black .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated.-white[type=submit]:hover,
  .popOver .popOver__container.u-arrow .-animated.-primary.-white.-hover,
  .popOver .popOver__container.u-arrow .-animated.-primary.-white:hover,
  .popOver .popOver__container.u-arrow .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated.-white.-hover[type=submit],
  .popOver .popOver__container.u-arrow .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-animated.-white[type=submit]:hover {
    border: #fdfdfd 1px solid
  }
}
@keyframes animateShopTheLook {
  0% {
    width: 40px
  }
  100% {
    width: var(--btn-expanded-width)
  }
}
@keyframes animateShopTheLookText {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.header.-isTransparent.-home ~ #root .main .experience-component:first-child .pageDesigner__container.-fullscreen,
.header.-isTransparent.-home ~ #root .main .experience-component:first-child .pageDesigner__item.-fullscreen {
  height: 100vh
}
.header.-isTransparent.-home ~ #root .main .experience-component:first-child .pageDesigner__carousel.-carousel-fullscreen > .swiper-container {
  height: 100vh
}
.header.-isTransparent.-home ~ #root .main .pageDesigner__item.-fullscreen,
.header.-stickySlideUp ~ #root .main .pageDesigner__item.-fullscreen {
  height: calc((var(--100dvh)) - 56px)
}
@media(min-width:900px) {
  .header.-isTransparent.-home ~ #root .main .pageDesigner__item.-fullscreen,
  .header.-stickySlideUp ~ #root .main .pageDesigner__item.-fullscreen {
    height: calc(100vh - 72px)
  }
}
.pageDesigner__item {
  display: flex;
  flex-wrap: wrap;
  box-sizing: content-box;
  position: relative
}
.pageDesigner__item.-fullscreen {
  height: calc((var(--100dvh)) - 56px);
  min-height: 310px;
  max-height: -webkit-fill-available;
  max-height: -moz-available;
  max-height: stretch;
  transition: height .3s ease-in-out
}
.floatingBar:has(~.header.-searchMenuOpen) ~ #root .pageDesigner__item.-fullscreen {
  height: calc((var(--100dvh)) - 56px - 35px)
}
@media(min-width:900px) {
  .pageDesigner__item.-fullscreen {
    height: calc(100vh - 72px);
    min-height: 300px
  }
  .floatingBar:has(~.header.-searchMenuOpen) ~ #root .pageDesigner__item.-fullscreen {
    height: calc(100vh - 72px - 35px)
  }
}
.pageDesigner__item.-big .pageDesigner__column.-big {
  height: 560px
}
@media(min-width:900px) {
  .pageDesigner__item.-big .pageDesigner__column.-big {
    height: 600px
  }
}
.pageDesigner__item.-medium .pageDesigner__column {
  height: 310px
}
@media(min-width:900px) {
  .pageDesigner__item.-medium .pageDesigner__column.-medium {
    height: 300px
  }
}
.pageDesigner__item.-small .pageDesigner__column {
  height: 170px
}
@media(min-width:900px) {
  .pageDesigner__item.-small .pageDesigner__column.-small {
    height: 150px
  }
}
.pageDesigner__item.-auto {
  height: auto
}
.pageDesigner__item.-auto .pageDesigner__column.-oneColumn {
  height: auto
}
.pageDesigner__item.-auto .pageDesigner__column.-oneColumn .pageDesigner__bannerContent {
  margin: 0
}
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .pageDesigner__item.-auto .pageDesigner__column.-oneColumn input[type=submit],
.pageDesigner__item.-auto .pageDesigner__column.-oneColumn .button,
.pageDesigner__item.-auto .pageDesigner__column.-oneColumn .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit] {
  margin-bottom: 16px
}
.pageDesigner__item .pageDesigner__column {
  width: 100%;
  height: 100%;
  min-height: 35px;
  box-sizing: border-box
}
.pageDesigner__item .pageDesigner__column figure {
  margin: 0;
  height: 100%;
  width: 100%
}
.pageDesigner__item .pageDesigner__column .experience-assets-bannercontent,
.pageDesigner__item .pageDesigner__column .experience-assets-fullBanner {
  height: 100%;
  position: relative
}
.pageDesigner__item .pageDesigner__column .component-image {
  height: 100%;
  width: 100%
}
.pageDesigner__arrowIcon {
  position: absolute;
  bottom: 4px;
  left: 50%;
  text-align: center;
  width: 16px;
  height: 16px;
  z-index: 2;
  transform: translate(-50%,-50%)
}
.pageDesigner__arrowIcon.-in-view {
  animation-name: none
}
.pageDesigner__arrowIcon.-none {
  display: none
}
.experience-commerce_layouts-fullBanner {
  height: 100%;
  position: relative
}
.headerMenu__wrapper {
  transition: transform .225s ease-in-out;
  white-space: nowrap;
  height: 100%;
  position: relative;
  font-family: Inter,sans-serif;
  display: flex;
  flex-direction: column
}
.headerMenu__wrapper.-hidden {
  transform: translateX(-100%)
}
@media(min-width:900px) {
  .headerMenu__wrapper {
    position: static
  }
}
.headerMenu__search {
  padding: 16px
}
.headerMenu__content {
  height: auto;
  flex-grow: 1
}
@media(max-width:899.98px) {
  .headerMenu__content {
    overflow: auto;
    min-height: 0
  }
}
@media(min-width:900px) {
  .headerMenu__content {
    height: 100%
  }
}
@media(min-width:900px) {
  .headerMenu__content.-searchBtnActive {
    padding-bottom: 0
  }
}
.headerMenu__header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 12px 24px;
  height: 55px;
  background-color: #fdfdfd;
  flex-shrink: 0;
  z-index: 10
}
.headerMenu__header span {
  font-size: .9375rem;
  cursor: pointer
}
@media(min-width:900px) {
  .headerMenu__header {
    display: none
  }
}
.headerMenu__logoLink {
  position: absolute;
  top: 50%;
  transform: translate3d(-50%,-50%,0);
  left: 50%;
  max-height: 100%;
  max-width: 70px;
  display: block
}
.headerMenu__logo {
  display: block;
  max-width: 100%
}
.headerMenu__list {
  --navBarLeftPosition: 0;
  --navBarWidth: 0;
  display: flex;
  position: relative
}
@media(max-width:899.98px) {
  .headerMenu__list {
    flex-direction: column;
    height: auto;
    align-items: stretch;
    padding: 0;
    gap: 4px;
    overflow: hidden auto;
    scroll-snap-type: none;
    scrollbar-width: none
  }
}
@media(min-width:900px) {
  .headerMenu__list {
    flex-direction: row;
    height: 100%;
    align-items: center;
    overflow: hidden;
    padding: 0;
    grid-gap: 24px;
    position: static
  }
}
.headerMenu__listItem {
  height: auto;
  width: auto;
  margin: 0
}
@media(max-width:899.98px) {
  .headerMenu__listItem {
    width: 100%;
    border-bottom: none;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between
  }
}
@media(max-width:899.98px) {
  .headerMenu__listItem.-active .subMenu {
    transform: translateX(0);
    top: 0;
    height: calc(var(--100dvh) - 64px);
    padding: 0
  }
  .headerMenu__listItem.-active .subMenu.-thirdLevelCategory {
    height: var(--100dvh);
    padding: 0;
    overflow: clip
  }
}
@media(min-width:900px) {
  .headerMenu__listItem.-active .subMenu {
    visibility: visible;
    overflow: auto
  }
  .headerMenu__listItem.-active .subMenu.is-animating {
    opacity: 1;
    visibility: visible;
    transform: translateX(0)
  }
  .headerMenu__listItem.-active .subMenu.-twoColumns .subMenu__inner.-visualPanel.-active {
    width: var(--panelMenuWidth);
    transition-delay: .7s;
    transform: translateX(0)
  }
  .headerMenu__listItem.-active .subMenu.-twoColumns .subMenu__inner.-categoryLevel3.-active {
    width: var(--panelMenuWidth);
    transform: translateX(0)
  }
  .headerMenu__listItem.-active .subMenu.-threeColumns .subMenu__inner.-categoryLevel3.-active {
    width: var(--panelMenuWidth);
    transition-delay: 0s
  }
}
@media(min-width:900px) {
  .headerMenu__listItem.-close .subMenu {
    transform: translateX(-100%)
  }
  .headerMenu__listItem.-close .subMenu.-twoColumns {
    transition-delay: 0s
  }
  .headerMenu__listItem.-close .subMenu.-twoColumns .subMenu__inner.-categoryLevel3.-active,
  .headerMenu__listItem.-close .subMenu.-twoColumns .subMenu__inner.-visualPanel.-active {
    width: 0;
    transform: translateX(-100%);
    transition: transform .35s ease-in-out 0s,width .7s ease-in-out 0s
  }
  .headerMenu__listItem.-close .subMenu.-twoColumns.-thirdLevelCategory {
    transition-delay: .7s
  }
  .headerMenu__listItem.-close .subMenu.-twoColumns.-thirdLevelCategory .subMenu__inner.-categoryLevel3.-active {
    transition-delay: 0s
  }
  .headerMenu__listItem.-close .subMenu.-twoColumns.-isVisualPanel {
    transition-delay: .7s
  }
  .headerMenu__listItem.-close .subMenu.-threeColumns.-thirdLevelCategory {
    transition-delay: 1.4s
  }
  .headerMenu__listItem.-close .subMenu.-threeColumns.-thirdLevelCategory .subMenu__inner.-categoryLevel3.-active {
    transition-delay: .7s
  }
}
@media(min-width:900px) {
  .headerMenu__listItem {
    height: 100%;
    border: none;
    width: auto;
    padding: 0;
    grid-gap: 24px;
    display: flex;
    align-items: center
  }
  .headerMenu__listItem:hover .headerMenu__link::after {
    width: 100%
  }
  .headerMenu__listItem:not(:first-child) {
    border-top: none
  }
}
@media(max-width:899.98px) {
  .headerMenu__name {
    text-transform: none;
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
  }
}
.headerMenu__itemArrow {
  margin-left: auto;
  color: #697077
}
@media(min-width:900px) {
  .headerMenu__itemArrow {
    display: none
  }
}
@media(max-width:899.98px) {
  .headerMenu__tag {
    text-transform: none;
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
  }
}
.headerMenu__picture {
  height: auto
}
.headerMenu__picture.-standard {
  display: block
}
.headerMenu__picture.-transparent {
  display: none
}
.headerMenu__link {
  display: flex;
  align-items: center;
  color: #0b1215;
  position: relative;
  transition: color .3s ease-in-out
}
@media(max-width:899.98px) {
  .headerMenu__link {
    padding: 0;
    height: auto;
    flex: 1;
    gap: 8px
  }
  .headerMenu__listItem:not(.-active) .headerMenu__link {
    font-weight: 400;
    color: #0b1215
  }
}
@media(min-width:900px) {
  .headerMenu__link {
    padding: 20px 0;
    height: calc(40px + 20px)
  }
}
.headerMenu__link::after {
  content: none;
  display: block;
  width: 0;
  height: 1px;
  background: currentcolor;
  transition: width .2s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0
}
@media(min-width:900px) {
  .headerMenu__link::after {
    bottom: calc(50% - 12px);
    content: ""
  }
  .headerMenu__listItem.-active .headerMenu__link::after {
    width: 100%
  }
}
.headerMenu__link.-color {
  color: #0b1215
}
.headerMenu__link.-special_style .headerMenu__name {
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  cursor: pointer
}
.headerMenu__link--image {
  display: block;
  max-height: 35px;
  max-width: 105px
}
@media(min-width:900px) {
  .headerMenu__link--image {
    max-height: 60px
  }
}
@media(min-width:900px) {
  .headerMenu__link {
    height: 100%;
    padding: 0
  }
}
.headerMenu__footerContainer {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10
}
@media(max-width:899.98px) {
  .headerMenu__footerContainer {
    position: relative
  }
}
.headerMenu__footer {
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  color: #0b1215;
  height: 64px;
  padding: 12px 24px;
  background-color: #fdfdfd;
  border-top: 1px solid #f2f4f8;
  width: 100%;
  justify-content: space-between;
  z-index: 10
}
@media(min-width:900px) {
  .headerMenu__footer {
    display: none
  }
}
.headerMenu__footerItem {
  display: flex;
  align-items: center;
  background: 0 0;
  border: none;
  height: 100%;
  text-align: center;
  justify-content: space-between;
  cursor: pointer;
  flex: 0 0 auto
}
.headerMenu__footerItem .icon {
  display: block
}
.headerMenu__footerItem.-home {
  order: 0
}
.headerMenu__footerItem.-giftcard {
  order: 1
}
.headerMenu__footerItem.-store {
  order: 2
}
.headerMenu__footerItem.-faq {
  order: 3;
  flex-basis: 24px
}
.headerMenu__footerItem.-faq .headerMenu__footerIconContainer {
  display: flex;
  align-items: center;
  height: 24px
}
.headerMenu__footerItem.-faq .headerMenu__footerIconContainer > img {
  width: 24px;
  height: 24px
}
.headerMenu__footerItem.-storeloc .headerMenu__footerIconContainer {
  position: relative
}
.headerMenu__footerItem.-storeloc .headerMenu__footerIconContainer::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1
}
.headerMenu__footerItem.-storeloc .headerMenu__footerIconContainer.-open::before {
  content: "";
  background-color: #42be65
}
.headerMenu__footerItem.-storeloc .headerMenu__footerIconContainer.-close::before {
  content: "";
  background-color: #fa4d56
}
.headerMenu__footerItem:nth-child(n+6) {
  display: none
}
.headerMenu__footerTitle {
  display: none
}
.headerMenu__customerFirstName {
  white-space: normal
}
.headerMenu__footerRightPart {
  display: flex;
  gap: 16px;
  width: auto;
  align-items: center
}
.subMenu {
  --panelMenuWidth: 30vw;
  z-index: 10;
  visibility: hidden;
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  transform-origin: top center;
  background: #fdfdfd;
  transition: transform .3s ease-in-out
}
@media(max-width:899.98px) {
  .subMenu.is-visible {
    display: block;
    visibility: visible
  }
}
@media(min-width:900px) {
  .subMenu {
    transition: opacity 0s linear .1s,visibility 0s linear .1s
  }
  .subMenu.is-visible {
    display: grid;
    visibility: visible
  }
}
.subMenu__headerMobile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid #f2f4f8;
  margin: 0 0 24px 0;
  position: sticky;
  top: 0;
  background: #fdfdfd;
  z-index: 3
}
.subMenu__inner.-categoryLevel3 .subMenu__wrapper {
  padding: 0;
  gap: 0
}
@media(min-width:900px) {
  .subMenu__inner.-categoryLevel3 .subMenu__wrapper {
    padding: 24px 48px
  }
}
@media(max-width:899.98px) {
  .subMenu__inner:not(.-categoryLevel3) .subMenu__parentLink {
    margin-bottom: 0
  }
}
@media(max-width:899.98px) {
  .subMenu__inner.-catDown ~ .subMenu__inner .menuVisualBloc.-bottom {
    margin-top: 16px
  }
}
@media(max-width:899.98px) {
  .subMenu {
    transform: translateX(-100%)
  }
  .subMenu .subMenu__inner {
    transition: transform .3s ease-in-out
  }
  .subMenu .subMenu__inner.-categoryLevel3 {
    position: fixed;
    top: 0;
    background: #fdfdfd;
    bottom: 0;
    height: 0;
    width: 100%;
    visibility: hidden;
    transform: translateX(-100%);
    overflow: auto;
    transition: transform .3s ease-in-out,visibility 0s linear .3s,height 0s linear .3s;
    z-index: 10
  }
  .subMenu.-thirdLevelCategory > .subMenu__headerMobile {
    display: none
  }
  .subMenu.-thirdLevelCategory .subMenu__inner {
    height: 0;
    visibility: hidden
  }
  .subMenu.-thirdLevelCategory .subMenu__inner.-categoryLevel3 {
    transform: translateX(0);
    visibility: visible;
    height: calc(var(--100dvh) - 64px);
    transition: transform .3s ease-in-out,visibility 0s,height 0s
  }
  .subMenu.-thirdLevelCategory .subMenu__inner:not(.-categoryLevel3) {
    transition: none
  }
}
@media(min-width:900px) {
  .subMenu {
    position: fixed;
    display: none;
    width: auto;
    background: #fdfdfd;
    overflow: hidden;
    height: calc(100vh - 72px);
    top: 72px;
    transform: translateX(-100%);
    transition: all .7s ease-in-out;
    padding: 0;
    right: auto;
    grid-template-columns: var(--panelMenuWidth);
    grid-template-rows: auto 1fr;
    left: -24px;
    z-index: -1
  }
  .floatingBar ~ .header.-searchMenuOpen:not(.-productPage) .subMenu {
    height: calc(100vh - 107px);
    top: calc(107px)
  }
  .subMenu .subMenu__headerDesktop {
    padding: 24px 48px 16px 48px;
    grid-column: 1/2;
    border-bottom: 1px solid #f2f4f8
  }
  .subMenu.-twoColumns {
    grid-template-columns: var(--panelMenuWidth) min-content;
    grid-column: 1/2
  }
  .subMenu.-twoColumns .subMenu__headerDesktop {
    grid-column: 1/3
  }
  .subMenu.-threeColumns {
    grid-template-columns: var(--panelMenuWidth) min-content
  }
  .subMenu.-threeColumns .subMenu__headerDesktop {
    grid-column: 1/3
  }
  .subMenu.-threeColumns.-twoColumns {
    grid-template-columns: var(--panelMenuWidth) min-content min-content
  }
  .subMenu.-threeColumns.-twoColumns .subMenu__headerDesktop {
    grid-column: 1/4
  }
  .subMenu.-threeColumns.-twoColumns .subMenu__inner.-visualPanel {
    grid-column: 3/3
  }
  .headerMenu__wrapper.-subMenuOpen .subMenu {
    transform: none
  }
  .subMenu__inner {
    grid-column: 1/2;
    grid-row: 2/2;
    overflow: auto;
    height: 100%;
    scrollbar-color: #f2f4f8 transparent;
    scrollbar-width: thin;
    background: inherit;
    z-index: 3
  }
  .subMenu__inner::-webkit-scrollbar-track {
    background-color: transparent
  }
  .subMenu__inner::-webkit-scrollbar {
    width: 0;
    height: 120px;
    background-color: transparent
  }
  .subMenu__inner::-webkit-scrollbar-thumb {
    background-color: #f2f4f8
  }
  .subMenu__inner.-visualPanel {
    width: 0;
    grid-column: 2/2;
    border-left: 1px solid #f2f4f8;
    transform: translateX(-100%);
    transition: width .35s ease-in-out,transform .7s ease-in-out;
    z-index: 1
  }
  .subMenu__inner.-categoryLevel3 {
    width: 0;
    transform: translateX(-100%);
    transition: width .35s ease-in-out,transform .7s ease-in-out;
    grid-column: 2/2;
    border-left: 1px solid #f2f4f8;
    z-index: inherit;
    z-index: 2
  }
}
.subMenu__headerDesktopClose {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer
}
.subMenu__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 16px;
  gap: 16px
}
@media(min-width:900px) {
  .subMenu__wrapper {
    padding: 24px 48px;
    gap: 0
  }
}
@media(min-width:900px) {
  .subMenu__wrapper.-edito {
    margin: auto;
    display: grid;
    grid-gap: 20px;
    grid-auto-columns: 100%;
    justify-content: center
  }
}
.subMenu__parentLink {
  margin-bottom: 32px;
  display: block;
  flex-basis: 100%
}
.subMenu__column {
  width: 100%;
  padding: 24px 16px
}
.subMenu__column.-rootcateg {
  padding: 0 16px
}
.subMenu__header {
  background: #fdfdfd;
  padding: 12px;
  font-size: 1.5625rem;
  text-align: center;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  position: sticky;
  top: 0;
  margin-bottom: 20px;
  display: flex;
  z-index: 10
}
.subMenu__header .icon {
  font-size: .9375rem
}
@media(max-width:899.98px) {
  .subMenu__header.-hasBlocTop {
    margin-bottom: 0
  }
}
@media(min-width:900px) {
  .subMenu__header {
    display: none
  }
}
.subMenu__headerBack {
  display: block;
  position: absolute;
  left: 20px
}
.subMenu__headerName {
  color: #0b1215
}
.subMenu__headerClose {
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%)
}
.subMenu__list {
  width: 100%
}
@media(min-width:900px) {
  .subMenu__list.-second:first-child > .subMenu__item.-first {
    padding-top: 0
  }
}
@media(max-width:899.98px) {
  .subMenu__list.-second {
    display: flex;
    flex-direction: column;
    gap: 4px
  }
  .subMenu__list.-second .subMenu__item {
    padding: 12px 0
  }
  .subMenu__list.-second .subMenu__link {
    padding: 0
  }
  .subMenu__list.-second .subMenu__name {
    padding: 0
  }
}
.subMenu__list.-thirdLevel {
  display: none
}
.subMenu__list.-thirdLevel.-active {
  display: block
}
@media(max-width:899.98px) {
  .subMenu__list.-thirdLevel.-active {
    height: calc(100vh - (32px + 56px + 2px))
  }
}
@media(max-width:899.98px) {
  .subMenu__list.-thirdLevel .subMenu__item {
    padding: 12px 16px
  }
  .subMenu__list.-thirdLevel .subMenu__column {
    padding: 0 16px
  }
  .subMenu__list.-thirdLevel .subMenu__link,
  .subMenu__list.-thirdLevel .subMenu__name,
  .subMenu__list.-thirdLevel .subMenu__title {
    padding: 0
  }
  .subMenu__list.-thirdLevel .subMenu__parentLink {
    padding: 24px 16px 0
  }
}
.subMenu__list.-thirdLevel .subMenu__item {
  flex-wrap: wrap
}
.subMenu__list.-thirdLevel > .subMenu__item + .subMenu__item:not(.-nospace) {
  margin-top: 32px;
  padding-top: 0
}
@media(min-width:900px) {
  .subMenu__list.-thirdLevel > .subMenu__item.-first {
    padding-top: 0
  }
}
.subMenu__list.-fourthLevel .subMenu__item:last-child {
  padding-bottom: 0
}
@media(max-width:899.98px) {
  .subMenu__list.-fourthLevel .subMenu__item {
    padding: 12px 0
  }
  .subMenu__list.-fourthLevel .subMenu__link,
  .subMenu__list.-fourthLevel .subMenu__name,
  .subMenu__list.-fourthLevel .subMenu__title {
    padding: 0
  }
}
.subMenu__list + .subMenu__list {
  padding-top: 0
}
@media(hover:hover) {
  .subMenu__list.-fourthLevel .subMenu__link:hover,
  .subMenu__list.-thirdLevel .subMenu__link:hover {
    color: #697077
  }
}
.subMenu__item {
  padding: 12px 0;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  position: relative
}
.subMenu__item .subMenu__list {
  flex-basis: 100%
}
.subMenu__item.-child {
  padding: 12px 0
}
.subMenu__item.-child .subMenu__link::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate3d(0,-50%,0) rotate(90deg);
  width: 24px;
  height: 24px;
  background-color: currentcolor;
  transition: transform .3s ease-in-out,opacity .3s ease-in-out
}
@media(min-width:900px) {
  .subMenu__item.-child.-child .subMenu__link::after {
    content: "";
    opacity: 0;
    transform: translate3d(-10px,-50%,0) rotate(90deg);
    right: -28px
  }
}
.subMenu__item.-active .subMenu__icon,
.subMenu__item:hover .subMenu__icon {
  visibility: visible;
  background: #697077
}
@media(min-width:900px) {
  .subMenu__item.-active.-child .subMenu__link::after,
  .subMenu__item:hover.-child .subMenu__link::after {
    opacity: 1;
    transform: translate3d(0,-50%,0) rotate(90deg)
  }
  .subMenu__item.-active.-child .subMenu__name,
  .subMenu__item:hover.-child .subMenu__name {
    padding-left: 16px
  }
}
.subMenu__link {
  display: flex;
  align-items: center;
  transition: color .3s ease-in-out,padding .3s ease-in-out;
  gap: 8px
}
@media(min-width:900px) {
  .subMenu__link {
    min-height: 24px
  }
}
.subMenu__link.-color {
  color: #0b1215
}
.subMenu__link.-special_style .subMenu__name {
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  cursor: pointer;
  font-size: .8125rem;
  font-weight: 400
}
@media(min-width:900px) {
  .subMenu__item.-active .subMenu__link.-parent,
  .subMenu__item:hover .subMenu__link.-parent {
    color: #697077
  }
}
@media(min-width:900px) {
  .subMenu__list.-second .subMenu__item.-active .subMenu__link,
  .subMenu__list.-second .subMenu__item:hover .subMenu__link {
    color: #697077
  }
}
.subMenu__link::before {
  content: "";
  position: absolute;
  inset: 0
}
.subMenu__icon {
  margin-left: auto;
  visibility: hidden;
  flex: 0 0 auto;
  transition: background .3s ease-in-out
}
.subMenu .subMenu_titles {
  margin: 0 0 40px
}
.subMenu .subMenu_titles .subMenu__link,
.subMenu .subMenu_titles .subMenu__seeAll {
  padding: 24px 0 0
}
@media(min-width:900px) {
  .subMenu .subMenu_titles .subMenu__link,
  .subMenu .subMenu_titles .subMenu__seeAll {
    padding: 16px 0 0
  }
}
.subMenu .subMenu_titles .subMenu__seeAll {
  margin: 0
}
.subMenu__name {
  white-space: normal;
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
@media(min-width:900px) {
  .subMenu__name {
    transition: padding .3s ease-in-out
  }
}
.subMenu__name.-notClickableAndLink {
  text-transform: lowercase;
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  cursor: pointer
}
.subMenu__name.-notClickableAndLink::first-letter {
  text-transform: capitalize
}
.subMenu__seeAll {
  display: table;
  color: #0b1215;
  font-size: .8125rem;
  font-weight: 400;
  margin: 0
}
@media screen and (width >= 2000px) {
  .subMenu {
    --panelMenuWidth: 20vw
  }
}
.mobileNavigation__panel {
  top: 0;
  touch-action: none
}
@media(min-width:900px) {
  .mobileNavigation__panel {
    display: none
  }
}
.mobileNavigation__panel .panel__wrapper {
  padding: 0
}
.mobileNavigation__panel .panel__wrapper.loading .loader-element {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-50%,0)
}
.mobileNavigation__wrapper {
  overflow: hidden
}
.menuVisualBloc {
  width: 100%
}
@media(min-width:900px) {
  .menuVisualBloc.-desktop-top {
    margin-bottom: 32px
  }
  .menuVisualBloc.-desktop-bottom {
    margin-top: 8px
  }
}
@media(max-width:899.98px) {
  .menuVisualBloc.-mobile-top {
    margin-bottom: 32px
  }
  .menuVisualBloc.-mobile-bottom {
    margin-top: 8px
  }
}
.menuVisualBloc__textColor--null a,
.menuVisualBloc__textColor--null span,
.menuVisualBloc__textColor--white a,
.menuVisualBloc__textColor--white span {
  color: #fdfdfd
}
.menuVisualBloc__textColor--black a,
.menuVisualBloc__textColor--black span {
  color: #0b1215
}
.menuVisualBloc__title {
  margin-bottom: 8px;
  text-transform: uppercase
}
.menuVisualBloc__wrapper {
  display: grid
}
@media(max-width:899.98px) {
  .menuVisualBloc__wrapper.-list,
  .menuVisualBloc__wrapper.-mobile-list {
    grid-auto-rows: 185px;
    grid-row-gap: 4px;
    grid-auto-columns: 100%
  }
  .menuVisualBloc__wrapper.-list .menuVisualBloc__item,
  .menuVisualBloc__wrapper.-mobile-list .menuVisualBloc__item {
    height: 100%
  }
  .menuVisualBloc__wrapper.-mobile-portraitSlider,
  .menuVisualBloc__wrapper.-portraitSlider {
    grid-auto-columns: 180px;
    grid-auto-flow: column;
    grid-auto-rows: 270px;
    grid-column-gap: 4px;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory
  }
  .menuVisualBloc__wrapper.-mobile-portraitSlider .menuVisualBloc__item,
  .menuVisualBloc__wrapper.-portraitSlider .menuVisualBloc__item {
    scroll-snap-align: none;
    scroll-snap-stop: unset
  }
  .menuVisualBloc__wrapper.-landscapeSlider,
  .menuVisualBloc__wrapper.-mobile-landscapeSlider {
    grid-auto-columns: 280px;
    grid-auto-flow: column;
    grid-auto-rows: 186px;
    grid-column-gap: 4px;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory
  }
  .menuVisualBloc__wrapper.-landscapeSlider .menuVisualBloc__item,
  .menuVisualBloc__wrapper.-mobile-landscapeSlider .menuVisualBloc__item {
    scroll-snap-align: none;
    scroll-snap-stop: unset
  }
  .menuVisualBloc__wrapper::-webkit-scrollbar {
    display: none
  }
}
@media(min-width:900px) {
  .menuVisualBloc__wrapper.-desktop-list {
    grid-auto-rows: 185px;
    grid-row-gap: 4px;
    grid-auto-columns: 100%
  }
  .menuVisualBloc__wrapper.-desktop-list .menuVisualBloc__item {
    height: 100%
  }
  .menuVisualBloc__wrapper.-desktop-portraitSlider {
    grid-auto-columns: 180px;
    grid-auto-flow: column;
    grid-auto-rows: 270px;
    grid-column-gap: 4px;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory
  }
  .menuVisualBloc__wrapper.-desktop-portraitSlider .menuVisualBloc__item {
    scroll-snap-align: none;
    scroll-snap-stop: unset
  }
  .menuVisualBloc__wrapper.-desktop-landscapeSlider {
    grid-auto-columns: 280px;
    grid-auto-flow: column;
    grid-auto-rows: 186px;
    grid-column-gap: 4px;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory
  }
  .menuVisualBloc__wrapper.-desktop-landscapeSlider .menuVisualBloc__item {
    scroll-snap-align: none;
    scroll-snap-stop: unset
  }
}
@media(min-width:900px) {
  .menuVisualBloc__wrapper {
    grid-auto-rows: 185px;
    grid-row-gap: 4px;
    grid-auto-columns: 100%
  }
}
.menuVisualBloc__item {
  position: relative;
  height: 100%
}
.menuVisualBloc__link {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer
}
.menuVisualBloc__picture {
  height: 100%
}
@media(min-width:900px) {
  .menuVisualBloc__picture.-mobile {
    display: none
  }
}
.menuVisualBloc__picture::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.32) 100%);
  opacity: 1;
  transition: opacity .3s ease-in-out;
  border-radius: inherit
}
.menuVisualBloc__image {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover
}
.menuVisualBloc__description {
  position: absolute;
  left: 16px;
  bottom: 16px;
  color: #fdfdfd;
  text-transform: uppercase;
  white-space: normal
}
.menuVisualBloc__description.-title {
  bottom: 40px
}
.menuVisualBloc__name {
  position: absolute;
  bottom: 16px;
  left: 16px;
  color: #fdfdfd;
  white-space: normal;
  width: 100%;
  overflow: hidden;
  max-width: calc(100% - 32px)
}
.subMenu.-withoutChild .menuVisualBloc {
  margin: 0
}
.subMenu.-withoutChild .menuVisualBloc .menuVisualBloc__wrapper {
  grid-auto-rows: 185px;
  grid-row-gap: 16px;
  grid-auto-columns: 100%;
  grid-auto-flow: row
}
@media(min-width:900px) {
  .subMenu__inner.-visualPanel .menuVisualBloc {
    margin: 0 0 32px 0
  }
}
.subMenuEdito {
  width: 100%;
  height: 185px
}
.subMenuEdito:not(:first-child) {
  margin-top: 16px
}
.subMenuEdito__link {
  display: block;
  height: 100%;
  position: relative;
  cursor: pointer
}
.subMenuEdito__picture {
  height: 100%
}
.subMenuEdito__image {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform .8s ease-in-out
}
.subMenuEdito__name {
  position: absolute;
  left: 8px;
  bottom: 8px;
  color: #fdfdfd;
  font-size: .8125rem;
  line-height: 18px;
  max-width: 90%;
  white-space: normal
}
@media(min-width:900px) {
  .subMenuEdito {
    flex: 1
  }
  .subMenuEdito:not(:first-child) {
    margin-top: 0
  }
}
.menuVisualBloc,
.subMenuEdito {
  border-radius: 0
}
.menuVisualBloc__image,
.menuVisualBloc__link,
.menuVisualBloc__picture,
.subMenuEdito__image,
.subMenuEdito__link,
.subMenuEdito__picture {
  border-radius: 0
}
.menuVisualBloc__image::after,
.menuVisualBloc__link::after,
.menuVisualBloc__picture::after,
.subMenuEdito__image::after,
.subMenuEdito__link::after,
.subMenuEdito__picture::after {
  border-radius: 0
}
.menuVisualBloc__link.-hideTitle::after,
.subMenuEdito__link.-hideTitle::after {
  display: none
}
.menuVisualBloc__name,
.subMenuEdito__name {
  z-index: 2
}
@media(max-width:899.98px) {
  .header.-burgerMenuOpen:not(:has(.subMenu.-thirdLevelCategory)).-animSearchReady .headerMenu__logoLink {
    transition: transform .5s ease-in-out
  }
  .header.-burgerMenuOpen:not(:has(.subMenu.-thirdLevelCategory)).-animSearchReady .headerMenu__search {
    width: 100%;
    transition: width .5s ease-in-out,transform .5s ease-in-out;
    position: sticky;
    top: 55px;
    background-color: #fdfdfd;
    z-index: 9
  }
  .header.-burgerMenuOpen:not(:has(.subMenu.-thirdLevelCategory)).-animSearchReady .headerMenu__content {
    position: relative;
    transition: top .5s ease-in-out
  }
  .header.-burgerMenuOpen:not(:has(.subMenu.-thirdLevelCategory)).-animSearchReady .headerMenu__listItem.-active .subMenu {
    transition: all .3s ease-in-out
  }
  .header.-burgerMenuOpen:not(:has(.subMenu.-thirdLevelCategory)).-animSearchReady:not(.-searchInitialTop) .headerMenu__logoLink {
    transform: translate3d(-50%,calc(0 - 8px - 55px),0)
  }
  .header.-burgerMenuOpen:not(:has(.subMenu.-thirdLevelCategory)).-animSearchReady:not(.-searchInitialTop) .headerMenu__search {
    transform: translate3d(0,calc(0 - 8px - 55px),0);
    max-width: none;
    width: calc(100% - 32px);
    z-index: 10
  }
  .header.-burgerMenuOpen:not(:has(.subMenu.-thirdLevelCategory)).-animSearchReady:not(.-searchInitialTop) .headerMenu__content {
    top: 0
  }
  .header.-burgerMenuOpen:not(:has(.subMenu.-thirdLevelCategory)).-animSearchReady:not(.-searchInitialTop) .headerMenu__listItem.-active .subMenu {
    top: calc((80px) + 20px + 16px);
    height: calc(100% - ((144px) + 20px + 64px))
  }
}
.header__logoLink.header__logoLivystone {
  margin-top: 0
}
.header__logoLink.header__logoLivystone .header__logoImage {
  background: url("../assets/asset-38.png") center center no-repeat;
  height: 40px;
  padding-left: 100%;
  background-size: contain
}
@media(min-width:900px) {
  .header__logoLink.header__logoLivystone .header__logoImage {
    padding-left: 235px
  }
}
.header {
  z-index: 1001
}
.header[class*=-transparent] {
  transition: background-color .3s ease-in-out
}
.header.-productPage.-active,
.header:not(.-transparent,.-categoryPage,.-productPage) {
  border-bottom: 1px solid #f2f4f8
}
.header.-burgerMenuOpen {
  z-index: 10
}
@media(min-width:900px) {
  .header.-burgerMenuOpen {
    z-index: 9
  }
}
body.modalOpen .header.-burgerMenuOpen {
  z-index: 1111
}
@media(min-width:900px) {
  .header.-stickySlideDown {
    animation: stickySlideDown .7s ease-in-out both
  }
  .header.-stickySlideUp {
    animation: stickySlideUp .7s ease-in-out both
  }
}
@media(max-width:899.98px) {
  .header__wrapper.-burgerMenuRight .header__burger {
    order: 2;
    margin: 0 -4px 0 20px
  }
  .header__wrapper.-burgerMenuRight .header__logo {
    order: 1
  }
  .header__wrapper.-burgerMenuRight .header__rightBlock {
    margin-left: 0;
    margin-right: auto
  }
  .header__wrapper.-burgerMenuRight .header__icon.-miniCart {
    order: 0
  }
  .header__wrapper.-burgerMenuRight .header__icon.-account {
    order: 1
  }
  .header__wrapper.-burgerMenuRight .header__icon.-search {
    order: 2
  }
  .header__wrapper.-burgerMenuRight .header__icon.-store {
    order: 3
  }
}
@media(min-width:900px) {
  .header {
    overflow: inherit
  }
  .header.-transparent.-active,
  .header.-transparent:hover {
    background: #fdfdfd;
    transition: background .3s ease-in-out
  }
}
@media(min-width:900px)and (min-width:900px) {
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage) .headerMenu__link:not(.-color) {
    color: #fdfdfd
  }
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage) .headerMenu__link.-special_style .headerMenu__name {
    color: #fdfdfd
  }
}
@media(min-width:900px) {
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage).-active .header__wrapper,
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage):hover .header__wrapper {
    border-color: #dde1e6
  }
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage).-active .header__logoImage.-globalLogo,
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage):hover .header__logoImage.-globalLogo {
    display: block
  }
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage).-active .header__logoImage.-transparentLogo,
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage):hover .header__logoImage.-transparentLogo {
    display: none
  }
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage).-active .header__icon.-store.-hover .header__storeInfos > *,
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage):hover .header__icon.-store.-hover .header__storeInfos > * {
    color: #697077
  }
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage).-active .header__icon.-store .header__storeInfos > *,
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage):hover .header__icon.-store .header__storeInfos > * {
    color: #0b1215
  }
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage).-active .headerMenu__picture.-standard,
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage):hover .headerMenu__picture.-standard {
    display: block
  }
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage).-active .headerMenu__picture.-transparent,
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage):hover .headerMenu__picture.-transparent {
    display: none
  }
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage).-active .header__icon .badges.mini-cart-count,
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage).-active .header__iconLink .badges.mini-cart-count,
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage):hover .header__icon .badges.mini-cart-count,
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage):hover .header__iconLink .badges.mini-cart-count {
    background: #0b1215;
    color: #fdfdfd
  }
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage).-active .header__icon .icon:not(.illu-store,.icon-lowstock,.icon-loyalty),
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage).-active .header__iconLink .icon:not(.illu-store,.icon-lowstock,.icon-loyalty),
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage):hover .header__icon .icon:not(.illu-store,.icon-lowstock,.icon-loyalty),
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage):hover .header__iconLink .icon:not(.illu-store,.icon-lowstock,.icon-loyalty) {
    background-color: #0b1215
  }
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage).-active .avatar__iconLabel,
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage):hover .avatar__iconLabel {
    color: #0b1215
  }
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage).-active .miniCart .icon:not(.icon-lowstock),
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage):hover .miniCart .icon:not(.icon-lowstock) {
    background-color: inherit
  }
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage).-active .headerMenu__link:not(.-color),
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage):hover .headerMenu__link:not(.-color) {
    color: #0b1215
  }
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage).-active .avatar__iconUser,
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage).-active .header__iconUser,
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage):hover .avatar__iconUser,
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage):hover .header__iconUser {
    background: #0b1215;
    color: #fdfdfd
  }
}
.header.-isTransparent:not(.-TransparentBlanc,.-transparentBlack,.-transparentWhite,.-transparentWhiteBlackText,.-subMenuOpen,.-productPage) .avatar__iconUser {
  color: #fdfdfd;
  border: none
}
.header.-transparent.-home:not(:hover,.-active,.-subMenuOpen) {
  background-color: rgba(105,112,119,.3)
}
.header.-transparent.-home:not(:hover,.-active,.-subMenuOpen).-transparentWhiteBlackText {
  background-color: rgba(253,253,253,.2)
}
.header.-transparent.-home:not(:hover,.-active,.-subMenuOpen).-transparentWhite .header__burger .icon {
  background-color: #fdfdfd
}
.header.-transparent.-home:not(:hover,.-active,.-subMenuOpen).-transparentWhite .header__icon,
.header.-transparent.-home:not(:hover,.-active,.-subMenuOpen).-transparentWhite .header__iconLink,
.header.-transparent.-home:not(:hover,.-active,.-subMenuOpen).-transparentWhite > .avatar__iconLink {
  color: #fdfdfd
}
.header.-transparent.-home:not(:hover,.-active,.-subMenuOpen).-transparentWhite .header__icon .icon:not(.icon-lowstock,.icon-loyalty),
.header.-transparent.-home:not(:hover,.-active,.-subMenuOpen).-transparentWhite .header__iconLink .icon:not(.icon-lowstock,.icon-loyalty),
.header.-transparent.-home:not(:hover,.-active,.-subMenuOpen).-transparentWhite > .avatar__iconLink .icon:not(.icon-lowstock,.icon-loyalty) {
  background-color: #fdfdfd
}
.header.-transparent.-home:not(:hover,.-active,.-subMenuOpen).-transparentWhite .badges.mini-cart-count {
  background: #fdfdfd;
  color: #0b1215
}
.header.-transparent.-home:not(:hover,.-active,.-subMenuOpen).-transparentWhite .avatar__iconUser,
.header.-transparent.-home:not(:hover,.-active,.-subMenuOpen).-transparentWhite .header__iconUser {
  background: rgba(253,253,253,.2);
  color: #fdfdfd;
  border-color: #fdfdfd
}
.header.-transparent.-home:not(.-burgerMenuOpen,:hover,.-active)::after {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}
.header.-transparent .header__icon .header__iconLink.-basket {
  overflow: inherit
}
.header.-transparent:not(.-transparentBlack,.-TransparentBlanc,.-transparentWhite,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage) .header__burger .icon {
  background-color: #fdfdfd
}
.header.-transparent:not(.-transparentBlack,.-TransparentBlanc,.-transparentWhite,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage) .header__icon,
.header.-transparent:not(.-transparentBlack,.-TransparentBlanc,.-transparentWhite,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage) .header__iconLink,
.header.-transparent:not(.-transparentBlack,.-TransparentBlanc,.-transparentWhite,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage) > .avatar__iconLink {
  color: #fdfdfd
}
.header.-transparent:not(.-transparentBlack,.-TransparentBlanc,.-transparentWhite,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage) .header__icon .icon:not(.icon-lowstock,.icon-loyalty),
.header.-transparent:not(.-transparentBlack,.-TransparentBlanc,.-transparentWhite,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage) .header__iconLink .icon:not(.icon-lowstock,.icon-loyalty),
.header.-transparent:not(.-transparentBlack,.-TransparentBlanc,.-transparentWhite,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage) > .avatar__iconLink .icon:not(.icon-lowstock,.icon-loyalty) {
  background-color: #fdfdfd
}
.header.-transparent:not(.-transparentBlack,.-TransparentBlanc,.-transparentWhite,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage) .header__icon .socialButtons__icon.btn-icon .icon,
.header.-transparent:not(.-transparentBlack,.-TransparentBlanc,.-transparentWhite,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage) .header__iconLink .socialButtons__icon.btn-icon .icon,
.header.-transparent:not(.-transparentBlack,.-TransparentBlanc,.-transparentWhite,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage) > .avatar__iconLink .socialButtons__icon.btn-icon .icon {
  background-color: transparent
}
.header.-transparent:not(.-transparentBlack,.-TransparentBlanc,.-transparentWhite,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage) .header__icon .socialButtons__icon.btn-icon .icon.icon-apple,
.header.-transparent:not(.-transparentBlack,.-TransparentBlanc,.-transparentWhite,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage) .header__iconLink .socialButtons__icon.btn-icon .icon.icon-apple,
.header.-transparent:not(.-transparentBlack,.-TransparentBlanc,.-transparentWhite,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage) > .avatar__iconLink .socialButtons__icon.btn-icon .icon.icon-apple {
  background-color: #0b1215
}
.header.-transparent:not(.-transparentBlack,.-TransparentBlanc,.-transparentWhite,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage) .badges.mini-cart-count {
  background: #fdfdfd;
  color: #0b1215
}
.header.-transparent:not(.-transparentBlack,.-TransparentBlanc,.-transparentWhite,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage) .header__iconUser {
  background: rgba(253,253,253,.2);
  color: #fdfdfd;
  border: none
}
.header.-transparent:not(.-transparentBlack,.-TransparentBlanc,.-transparentWhite,.-transparentWhiteBlackText,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage) .avatar__iconUser {
  background: rgba(253,253,253,.2);
  color: #fdfdfd;
  border-color: #fdfdfd
}
.header.-transparent.-transparentBlack .header__icon,
.header.-transparent.-transparentBlack .header__iconLink,
.header.-transparent.-transparentBlack > .avatar__iconLink,
.header.-transparent.-transparentWhiteBlackText .header__icon,
.header.-transparent.-transparentWhiteBlackText .header__iconLink,
.header.-transparent.-transparentWhiteBlackText > .avatar__iconLink {
  color: #0b1215
}
.header.-transparent.-transparentBlack .header__icon .icon:not(.icon-lowstock,.icon-loyalty),
.header.-transparent.-transparentBlack .header__iconLink .icon:not(.icon-lowstock,.icon-loyalty),
.header.-transparent.-transparentBlack > .avatar__iconLink .icon:not(.icon-lowstock,.icon-loyalty),
.header.-transparent.-transparentWhiteBlackText .header__icon .icon:not(.icon-lowstock,.icon-loyalty),
.header.-transparent.-transparentWhiteBlackText .header__iconLink .icon:not(.icon-lowstock,.icon-loyalty),
.header.-transparent.-transparentWhiteBlackText > .avatar__iconLink .icon:not(.icon-lowstock,.icon-loyalty) {
  background-color: #0b1215
}
.header.-transparent.-transparentBlack .badges.mini-cart-count,
.header.-transparent.-transparentWhiteBlackText .badges.mini-cart-count {
  background: #0b1215;
  color: #fdfdfd
}
.header.-transparent.-transparentBlack .avatar__iconUser,
.header.-transparent.-transparentBlack .header__iconUser,
.header.-transparent.-transparentWhiteBlackText .avatar__iconUser,
.header.-transparent.-transparentWhiteBlackText .header__iconUser {
  background: 0 0;
  color: #0b1215;
  border-color: #0b1215
}
.header.-transparent.-burgerMenuOpen .avatar__iconUser {
  color: #0b1215;
  border: 1px solid #0b1215
}
.header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-productPage,.-accountPage) .header__logoImage.-globalLogo {
  display: none
}
.header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-productPage,.-accountPage) .header__logoImage.-transparentLogo {
  display: block
}
.header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-productPage,.-accountPage) .headerMenu__picture.-standard {
  display: block
}
@media(min-width:900px) {
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-productPage,.-accountPage) .headerMenu__picture.-standard {
    display: none
  }
}
.header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-productPage,.-accountPage) .headerMenu__picture.-transparent {
  display: none
}
@media(min-width:900px) {
  .header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-productPage,.-accountPage) .headerMenu__picture.-transparent {
    display: block
  }
}
.header.-transparent:not(.-transparentBlack,.-transparentWhiteBlackText,.-productPage,.-accountPage) .headerMenu__picture .header__icon.-store .header__storeInfos > * {
  color: #fdfdfd
}
.header.-transparent.-home.-transparentWhite .header__icon.-store .header__storeInfos > * {
  color: #fdfdfd
}
.header.-transparent.-home.-transparentWhite:hover .header__icon.-store .header__storeInfos > * {
  color: #0b1215
}
.header.-transparent.-accountPage .header__logoImage.-globalLogo,
.header.-transparent.-confirmationPage .header__logoImage.-globalLogo {
  display: block
}
.header.-transparent.-accountPage .header__logoImage.-transparentLogo,
.header.-transparent.-confirmationPage .header__logoImage.-transparentLogo {
  display: none
}
.header.-productPage .header__logoImage.-globalLogo,
.header.-transparentBlack .header__logoImage.-globalLogo,
.header.-transparentWhiteBlackText .header__logoImage.-globalLogo,
.header:not(.-transparent) .header__logoImage.-globalLogo {
  display: block
}
.header.-productPage .header__logoImage.-transparentLogo,
.header.-transparentBlack .header__logoImage.-transparentLogo,
.header.-transparentWhiteBlackText .header__logoImage.-transparentLogo,
.header:not(.-transparent) .header__logoImage.-transparentLogo {
  display: none
}
.header.-productPage .headerMenu__picture.-standard,
.header.-transparentBlack .headerMenu__picture.-standard,
.header.-transparentWhiteBlackText .headerMenu__picture.-standard,
.header:not(.-transparent) .headerMenu__picture.-standard {
  display: block
}
.header.-productPage .headerMenu__picture.-transparent,
.header.-transparentBlack .headerMenu__picture.-transparent,
.header.-transparentWhiteBlackText .headerMenu__picture.-transparent,
.header:not(.-transparent) .headerMenu__picture.-transparent {
  display: none
}
.header__storeName {
  text-transform: capitalize
}
.header__wrapper {
  display: flex;
  height: 56px;
  align-items: center;
  justify-content: center;
  flex-flow: row wrap;
  padding: 0 16px
}
@media(max-width:899.98px) {
  .header.-productPage:not(.-active) .header__wrapper,
  .header:not(.-home,.-categoryPage,.-productPage,.-searchPage).-searchMenuOpen .header__wrapper {
    display: grid;
    grid-auto-flow: column;
    justify-content: flex-start;
    grid-template-columns: auto auto 1fr auto auto;
    grid-gap: 12px
  }
  .header.-productPage:not(.-active) .header__wrapper .header__burger,
  .header:not(.-home,.-categoryPage,.-productPage,.-searchPage).-searchMenuOpen .header__wrapper .header__burger {
    margin-right: 0
  }
  .header.-productPage:not(.-active) .header__wrapper .header__logo,
  .header:not(.-home,.-categoryPage,.-productPage,.-searchPage).-searchMenuOpen .header__wrapper .header__logo {
    max-width: none;
    grid-column-start: 2;
    margin-right: auto
  }
  .header.-productPage:not(.-active) .header__wrapper .header__rightBlock,
  .header:not(.-home,.-categoryPage,.-productPage,.-searchPage).-searchMenuOpen .header__wrapper .header__rightBlock {
    display: contents
  }
  .header.-productPage:not(.-active) .header__wrapper .header__search,
  .header:not(.-home,.-categoryPage,.-productPage,.-searchPage).-searchMenuOpen .header__wrapper .header__search {
    margin-left: auto
  }
  .header.-productPage:not(.-active) .header__wrapper .header__searchWrapper,
  .header:not(.-home,.-categoryPage,.-productPage,.-searchPage).-searchMenuOpen .header__wrapper .header__searchWrapper {
    grid-column-start: 3;
    padding: 0 12px
  }
  .header.-productPage:not(.-active) .header__wrapper .header__icon,
  .header:not(.-home,.-categoryPage,.-productPage,.-searchPage).-searchMenuOpen .header__wrapper .header__icon {
    padding: 0
  }
  .header.-productPage:not(.-active) .header__wrapper .header__icon:last-child,
  .header:not(.-home,.-categoryPage,.-productPage,.-searchPage).-searchMenuOpen .header__wrapper .header__icon:last-child {
    margin: 0
  }
  .header.-productPage:not(.-active) .header__wrapper .header__icon.-store,
  .header:not(.-home,.-categoryPage,.-productPage,.-searchPage).-searchMenuOpen .header__wrapper .header__icon.-store {
    display: none
  }
  .header.-productPage:not(.-active) .header__wrapper .header__icon.-account,
  .header:not(.-home,.-categoryPage,.-productPage,.-searchPage).-searchMenuOpen .header__wrapper .header__icon.-account {
    grid-column-start: 4
  }
  .header.-productPage:not(.-active) .header__wrapper .header__icon.-miniCart,
  .header:not(.-home,.-categoryPage,.-productPage,.-searchPage).-searchMenuOpen .header__wrapper .header__icon.-miniCart {
    grid-column-start: 5
  }
  .header.-categoryPage.-searchMenuOpen:not(.-searchPage) .header__wrapper,
  .header.-home.-searchMenuOpen .header__wrapper {
    display: grid;
    grid-auto-flow: column;
    justify-content: flex-start;
    grid-template-columns: auto auto 1fr auto auto;
    grid-gap: 12px
  }
  .header.-categoryPage.-searchMenuOpen:not(.-searchPage) .header__wrapper .header__burger,
  .header.-home.-searchMenuOpen .header__wrapper .header__burger {
    margin-right: 0
  }
  .header.-categoryPage.-searchMenuOpen:not(.-searchPage) .header__wrapper .header__logo,
  .header.-home.-searchMenuOpen .header__wrapper .header__logo {
    margin: auto;
    grid-column-start: 3
  }
  .header.-categoryPage.-searchMenuOpen:not(.-searchPage) .header__wrapper .header__rightBlock,
  .header.-home.-searchMenuOpen .header__wrapper .header__rightBlock {
    display: contents
  }
  .header.-categoryPage.-searchMenuOpen:not(.-searchPage) .header__wrapper .header__icon,
  .header.-home.-searchMenuOpen .header__wrapper .header__icon {
    padding: 0
  }
  .header.-categoryPage.-searchMenuOpen:not(.-searchPage) .header__wrapper .header__icon:last-child,
  .header.-home.-searchMenuOpen .header__wrapper .header__icon:last-child {
    margin: 0
  }
  .header.-categoryPage.-searchMenuOpen:not(.-searchPage) .header__wrapper .header__icon.-store,
  .header.-home.-searchMenuOpen .header__wrapper .header__icon.-store {
    grid-column-start: 2
  }
  .header.-categoryPage.-searchMenuOpen:not(.-searchPage) .header__wrapper .header__icon.-account,
  .header.-home.-searchMenuOpen .header__wrapper .header__icon.-account {
    grid-column-start: 4
  }
  .header.-categoryPage.-searchMenuOpen:not(.-searchPage) .header__wrapper .header__icon.-miniCart,
  .header.-home.-searchMenuOpen .header__wrapper .header__icon.-miniCart {
    grid-column-start: 5
  }
  .header.-productPage.-active .header__wrapper .header__burger,
  .header:not(.-home,.-productPage,.-searchMenuOpen) .header__wrapper .header__burger {
    margin-right: 12px
  }
  .header.-productPage.-active .header__wrapper .header__logo,
  .header:not(.-home,.-productPage,.-searchMenuOpen) .header__wrapper .header__logo {
    opacity: 0;
    width: 0;
    padding: 0
  }
  .header.-productPage.-active .header__wrapper .header__icon.-account,
  .header.-productPage.-active .header__wrapper .header__icon.-store,
  .header:not(.-home,.-productPage,.-searchMenuOpen) .header__wrapper .header__icon.-account,
  .header:not(.-home,.-productPage,.-searchMenuOpen) .header__wrapper .header__icon.-store {
    opacity: 0;
    width: 0;
    padding: 0
  }
  .header.-categoryPage:not(.-searchMenuOpen) .header__wrapper .header__burger,
  .header.-home:not(.-searchMenuOpen) .header__wrapper .header__burger {
    margin-right: 12px
  }
  .header.-categoryPage:not(.-searchMenuOpen) .header__wrapper .header__logo,
  .header.-home:not(.-searchMenuOpen) .header__wrapper .header__logo {
    opacity: 0;
    width: 0;
    padding: 0
  }
  .header.-categoryPage:not(.-searchMenuOpen) .header__wrapper .header__icon.-account,
  .header.-categoryPage:not(.-searchMenuOpen) .header__wrapper .header__icon.-store,
  .header.-home:not(.-searchMenuOpen) .header__wrapper .header__icon.-account,
  .header.-home:not(.-searchMenuOpen) .header__wrapper .header__icon.-store {
    opacity: 0;
    width: 0;
    padding: 0
  }
}
@media(min-width:900px) {
  .header__wrapper {
    height: 72px;
    position: relative;
    padding: 0 24px;
    gap: 24px;
    display: grid;
    grid-template-columns: auto auto 1fr;
    justify-content: flex-start
  }
  .header.-searchPage .header__wrapper {
    grid-template-columns: 1fr calc((11 / 12 * 100%) + 16px);
    gap: 4px
  }
}
.header__nav {
  align-items: stretch;
  padding: 0;
  flex: 1;
  height: auto;
  position: fixed;
  transform: translateX(-100%);
  overflow: auto;
  inset: 0;
  background: #fdfdfd;
  transition: transform .5s ease-in-out;
  width: 100%
}
.header__nav::before {
  background: 0 0;
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all ease .3s;
  z-index: -1
}
@media(max-width:899.98px) {
  .header__nav {
    z-index: 10
  }
}
.header__nav.-open {
  transform: none
}
@media(min-width:900px) {
  .header__nav {
    display: flex;
    position: static;
    transition: none;
    overflow: hidden;
    transform: none;
    height: 72px;
    background: inherit;
    flex: 0 0 45%
  }
}
.header__burger {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin: 0 16px 0 -4px
}
@media(min-width:900px) {
  .header__burger {
    display: none
  }
}
.header__iconUser {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #0b1215;
  font-size: .625rem;
  text-transform: uppercase
}
.header__logoImage {
  max-height: 24px
}
.header__rightBlock {
  margin-left: auto;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: flex-end;
  flex: auto
}
@media(min-width:900px) {
  .header__rightBlock {
    margin-left: 0
  }
}
@media(max-width:1199.98px) {
  .header__rightBlock .avatar__iconLabel {
    display: none
  }
}
.header__historyBackProduct {
  display: none
}
.header__search {
  flex: auto;
  transition: transform .5s ease-in-out;
  transform: translateY(0)
}
@media(max-width:899.98px) {
  .header.-searchMenuOpen.-categoryPage .header__search,
  .header.-searchMenuOpen.-home .header__search {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(56px);
    padding: 16px;
    max-width: none;
    width: 100%;
    z-index: 1
  }
  .header.-searchMenuOpen.-transparent.-categoryPage .header__search .header__searchWrapper,
  .header.-searchMenuOpen.-transparent.-home .header__search .header__searchWrapper {
    background-color: rgba(105,112,119,.3);
    color: #fdfdfd;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
  }
  .header.-searchMenuOpen.-transparent.-categoryPage .header__search .header__searchWrapper .header__searchContentIcon,
  .header.-searchMenuOpen.-transparent.-home .header__search .header__searchWrapper .header__searchContentIcon {
    background: #fdfdfd
  }
  .header.-searchMenuOpen.-transparent.-transparentWhiteBlackText.-home .header__search .header__searchWrapper,
  .header.-searchMenuOpen.-transparent.transparentWhiteBlackText.-categoryPage .header__search .header__searchWrapper {
    background-color: rgba(253,253,253,.2)
  }
  .header.-searchMenuOpen.-burgerMenuOpen.-categoryPage:not(.-transparent) .header__search .header__searchWrapper,
  .header.-searchMenuOpen.-burgerMenuOpen.-home:not(.-transparent) .header__search .header__searchWrapper {
    opacity: 0
  }
  .header.-searchMenuOpen.-transparent.-transparentBlack.-categoryPage .header__search .header__searchWrapper,
  .header.-searchMenuOpen.-transparent.-transparentBlack.-home .header__search .header__searchWrapper,
  .header.-searchMenuOpen.-transparent.-transparentWhiteBlackText.-categoryPage .header__search .header__searchWrapper,
  .header.-searchMenuOpen.-transparent.-transparentWhiteBlackText.-home .header__search .header__searchWrapper {
    color: #0b1215
  }
  .header.-searchMenuOpen.-transparent.-transparentBlack.-categoryPage .header__search .header__searchWrapper .header__searchContentIcon,
  .header.-searchMenuOpen.-transparent.-transparentBlack.-home .header__search .header__searchWrapper .header__searchContentIcon,
  .header.-searchMenuOpen.-transparent.-transparentWhiteBlackText.-categoryPage .header__search .header__searchWrapper .header__searchContentIcon,
  .header.-searchMenuOpen.-transparent.-transparentWhiteBlackText.-home .header__search .header__searchWrapper .header__searchContentIcon {
    background: #0b1215
  }
  .header.-productPage:not(.-active) .header__search .header__searchWrapper,
  .header:not(.-home,.-categoryPage,.-productPage).-searchMenuOpen .header__search .header__searchWrapper {
    background: 0 0;
    gap: 0;
    padding: 0
  }
  .header.-productPage:not(.-active) .header__search .header__searchContentIcon,
  .header:not(.-home,.-categoryPage,.-productPage).-searchMenuOpen .header__search .header__searchContentIcon {
    background: #0b1215;
    width: 24px;
    height: 24px
  }
  .header.-productPage:not(.-active) .header__search .header__searchContentLabel,
  .header:not(.-home,.-categoryPage,.-productPage).-searchMenuOpen .header__search .header__searchContentLabel {
    font-size: 0
  }
}
@media(min-width:900px) {
  .header__search {
    max-width: 500px;
    padding: 0 12px
  }
}
.header__searchWrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  color: #697077;
  background: #f2f4f8;
  height: 40px;
  cursor: pointer;
  transition: opacity .3s ease-in-out;
  border-radius: 0
}
.header__searchWrapper .header__searchContentIcon {
  background-color: #697077
}
.header__searchWrapper.-hidden {
  opacity: 0;
  cursor: auto
}
@media(max-width:899.98px) {
  .header.-transparent:not(.-searchMenuOpen,.-burgerMenuOpen,.-productPage) .header__searchWrapper {
    border: 1px solid #fdfdfd;
    border-radius: 0;
    background: 0 0
  }
  .header.-transparent.-transparentBlack:not(.-searchMenuOpen,.-burgerMenuOpen,.-productPage) .header__searchWrapper,
  .header.-transparent.-transparentWhiteBlackText:not(.-searchMenuOpen,.-burgerMenuOpen,.-productPage) .header__searchWrapper {
    color: #0b1215;
    border: 1px solid #0b1215
  }
}
@media(min-width:900px) {
  .header.-transparent:not(:hover,.-productPage,.-accountPage,.-confirmationPage) .header__searchWrapper {
    color: #fdfdfd;
    border: 1px solid #fdfdfd;
    border-radius: 0;
    background: 0 0
  }
  .header.-transparent.-transparentBlack:not(:hover,.-productPage) .header__searchWrapper,
  .header.-transparent.-transparentWhite.-categoryPage:not(:hover) .header__searchWrapper,
  .header.-transparent.-transparentWhiteBlackText:not(:hover,.-productPage) .header__searchWrapper {
    color: #0b1215;
    border: 1px solid #0b1215
  }
}
.header.-transparent:not(:hover,.-categoryPage,.-productPage,.-accountPage,.-confirmationPage) .header__searchContentIcon {
  background: #fdfdfd
}
.header.-transparentBlack:not(:hover) .header__searchContentIcon,
.header.-transparentWhiteBlackText:not(:hover) .header__searchContentIcon {
  background: #0b1215
}
.header__logo {
  transition: transform .5s ease-in-out
}
.header__icon {
  align-self: stretch;
  position: relative;
  padding: 0 12px;
  opacity: 1
}
.header__icon:last-child {
  margin-right: -12px
}
.header__iconLink {
  font-size: 1.5rem;
  letter-spacing: 0
}
.header__icon.minicartHover .miniCart {
  display: block;
  visibility: visible;
  opacity: 1
}
@media(min-width:900px) {
  .header__icon.-miniCart:hover .header__emptyMiniCart {
    display: block;
    visibility: visible;
    opacity: 1
  }
  .header__icon.-miniCart:hover .miniCart {
    display: block;
    visibility: visible;
    opacity: 1
  }
}
.header__icon.-miniCart .header__iconLink {
  overflow: inherit
}
.header__icon.-miniCart .-basket .header__iconBasket {
  width: 24px;
  height: 24px;
  position: relative
}
.header__icon.-account .avatar {
  cursor: pointer
}
.header__icon.-store:hover .panel__HeaderStoreContainer.-show {
  opacity: 1;
  visibility: visible;
  z-index: 8
}
.header__icon.-store:hover .panel__HeaderStoreContainer.-show::after,
.header__icon.-store:hover .panel__HeaderStoreContainer.-show::before {
  opacity: 1
}
.header__icon.-store:hover .header__storeInfos > * {
  color: #697077
}
.header__icon.-store .header__iconLink {
  position: relative
}
.header__icon.-store .header__iconLink::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  bottom: 15px;
  right: 0;
  z-index: 1
}
@media(min-width:900px) {
  .header__icon.-store .header__iconLink::before {
    bottom: 25px;
    left: 15px
  }
}
.header__icon.-store .header__iconLink.-open::before {
  content: "";
  background-color: #42be65
}
.header__icon.-store .header__iconLink.-close::before {
  content: "";
  background-color: #fa4d56
}
.header__icon.-store .header__storeInfos {
  margin-left: 12px
}
@media(width <= 1550px) {
  .header__icon.-store .header__storeInfos {
    margin-left: 0
  }
}
.header__icon.-store .header__storeInfos > * {
  color: #0b1215
}
@media(width <= 1550px) {
  .header__icon.-store .header__storeInfos > * {
    display: none
  }
}
.header__iconAnimation {
  position: absolute;
  right: 0;
  z-index: 1
}
@media(min-width:900px) {
  .header__iconAnimation {
    right: 10px
  }
}
@media(min-width:1200px) {
  .header__iconAnimation {
    left: 28px;
    right: auto
  }
}
.header__iconAnimation.-animated {
  animation: accountLogoBounceMobile 2s infinite
}
@media(min-width:900px) {
  .header__iconAnimation.-animated {
    animation: accountLogoBounce 2s infinite
  }
}
.header__tooltipAccount,
.header__tooltipPushToLogin {
  width: 400px;
  position: absolute;
  top: 72px;
  margin-top: -1px;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease-in-out;
  z-index: 9
}
.header__tooltipAccount.-show,
.header__tooltipPushToLogin.-show {
  visibility: visible;
  opacity: 1
}
.header__tooltipAccountInner,
.header__tooltipPushToLoginInner {
  display: grid;
  gap: 6px;
  padding: 16px;
  overflow-y: auto;
  background-color: #fdfdfd;
  border-radius: 0;
  max-height: calc(100vh - 72px - 16px);
  scrollbar-width: thin;
  scrollbar-color: #697077 transparent;
  box-shadow: var(--sfra-shadow-01)
}
.header__tooltipAccountInner::-webkit-scrollbar-track,
.header__tooltipPushToLoginInner::-webkit-scrollbar-track {
  background-color: #fdfdfd;
  border-radius: 360px
}
.header__tooltipAccountInner::-webkit-scrollbar,
.header__tooltipPushToLoginInner::-webkit-scrollbar {
  width: 4px;
  background-color: transparent;
  border-radius: 360px
}
.header__tooltipAccountInner::-webkit-scrollbar-thumb,
.header__tooltipPushToLoginInner::-webkit-scrollbar-thumb {
  background-color: #697077;
  border-radius: 360px
}
.floatingBar ~ .header.-searchMenuOpen .header__tooltipAccountInner,
.floatingBar ~ .header.-searchMenuOpen .header__tooltipPushToLoginInner {
  max-height: calc(100vh - 107px - 16px)
}
.header__tooltipPushToLogin {
  width: -moz-max-content;
  width: max-content;
  max-width: 72vw;
  top: 92px
}
.header__tooltipAccountArrow,
.header__tooltipPushToLoginArrow {
  position: absolute;
  bottom: 100%;
  right: 10px;
  width: 24px;
  height: 12px;
  overflow: hidden
}
.-connected .header__tooltipAccountArrow,
.-connected .header__tooltipPushToLoginArrow {
  right: 14px
}
.header__tooltipAccountArrow::after,
.header__tooltipPushToLoginArrow::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 12px;
  top: 2px;
  left: 50%;
  transform: translate(-50%,50%) rotate(45deg);
  background-color: #fdfdfd;
  box-shadow: var(--sfra-shadow-01)
}
.header__tooltipLoginRegisterBtns {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 16px;
  align-self: stretch
}
.header__tooltipLoyaltyRegister {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 12px 16px;
  align-self: stretch;
  background-color: rgba(224,20,76,.05);
  border-radius: 0
}
.header__tooltipSignTitle {
  margin-top: 12px
}
.header__emptyMiniCart {
  background: #fdfdfd;
  position: absolute;
  right: 0;
  top: 72px;
  width: 400px;
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease-in-out;
  z-index: 8
}
.header__emptyMiniCartInner {
  display: grid;
  gap: 16px;
  padding: 16px;
  overflow-y: auto;
  background-color: #fdfdfd;
  border-radius: 0;
  max-height: calc(100vh - 72px - 16px);
  box-shadow: var(--sfra-shadow-01)
}
.floatingBar ~ .header.-searchMenuOpen .header__emptyMiniCartInner {
  max-height: calc(100vh - 107px - 16px)
}
.header__emptyMiniCartArrow {
  position: absolute;
  bottom: 100%;
  right: 10px;
  width: 24px;
  height: 12px;
  overflow: hidden
}
.-connected .header__emptyMiniCartArrow {
  right: 14px
}
.header__emptyMiniCartArrow::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 12px;
  top: 2px;
  left: 50%;
  transform: translate(-50%,50%) rotate(45deg);
  background-color: #fdfdfd;
  box-shadow: var(--sfra-shadow-01)
}
@media(min-width:900px) {
  .header__iconLinkStore:hover ~ .panel__HeaderStoreContainer.-show {
    opacity: 1;
    visibility: visible
  }
}
.header__toolTipHelpCenter::before {
  content: "";
  width: 240px;
  height: 1px;
  background-color: #dde1e6;
  display: block;
  margin: 24px auto
}
.header__toolTipHelpCenter .button,
.header__toolTipHelpCenter .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .header__toolTipHelpCenter input[type=submit] {
  max-width: 100%
}
.header.-searchPage .header__icon {
  flex: none
}
@media(max-width:899.98px) {
  .header.-searchPage {
    position: sticky;
    border: none
  }
  .header.-searchPage .header__icon {
    display: none
  }
  .header.-searchPage .header__wrapper {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    height: auto
  }
  .header.-searchPage .header__logoImage {
    margin-top: 0
  }
  .header.-searchPage .header__rightBlock {
    flex-basis: 100%;
    width: 100%;
    margin: 0
  }
  .header.-searchPage .header__rightBlock .searchMenu__bar {
    width: 100%;
    gap: 0;
    position: inherit
  }
  .header.-searchPage .header__rightBlock .searchMenu__input {
    width: 100%;
    max-width: none;
    border: none
  }
  .header.-searchPage .header__rightBlock .searchMenu__input:has(input:focus) {
    border: 1px solid #0b1215
  }
  .header.-searchPage .header__rightBlock .searchMenu__close {
    position: absolute;
    top: 20px;
    right: 12px
  }
  .header.-searchPage ~ #root .main {
    padding-top: 0
  }
}
.header.-searchPage .header__wrapper {
  padding: 16px
}
@media(min-width:600px) {
  .header.-searchPage .header__wrapper {
    padding: 16px 24px
  }
}
@media(min-width:900px) {
  .header.-searchPage .header__wrapper {
    padding: 0 16px
  }
}
.header.-home:not(.-stickySlideUp,.-stickySlideDown,.-subMenuOpen) {
  transition: background .3s ease-in-out
}
.header.-home:not(.-stickySlideUp,.-stickySlideDown,.-subMenuOpen)::after {
  transition: -webkit-backdrop-filter .3s ease-in-out;
  transition: backdrop-filter .3s ease-in-out;
  transition: backdrop-filter .3s ease-in-out,-webkit-backdrop-filter .3s ease-in-out;
  z-index: -2
}
.header.-home:not(.-stickySlideUp,.-stickySlideDown,.-subMenuOpen)::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #fdfdfd;
  transform: translateY(-100%);
  transition: transform .3s ease-in-out;
  z-index: -1
}
.header.-home:not(.-stickySlideUp,.-stickySlideDown,.-subMenuOpen).-transparent::after {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px)
}
.header.-home:not(.-stickySlideUp,.-stickySlideDown,.-subMenuOpen):not(.-transparent) {
  border-bottom: none;
  background: 0 0
}
.header.-home:not(.-stickySlideUp,.-stickySlideDown,.-subMenuOpen):not(.-transparent)::before {
  transform: translateY(0);
  opacity: 1
}
.header.-home:not(.-stickySlideUp,.-stickySlideDown,.-subMenuOpen):not(.-transparent)::after {
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  content: ""
}
@media(min-width:900px) {
  .header[class*=-transparent].-categoryPage:not(:hover,.-active,.-subMenuOpen),
  .header[class*=-transparent].-productPage:not(:hover,.-active,.-subMenuOpen) {
    background-color: transparent;
    transition: background .3s ease-in-out
  }
  .header[class*=-transparent].-categoryPage:not(.-transparent)::before,
  .header[class*=-transparent].-productPage:not(.-transparent)::before {
    transform: translateY(0);
    transition: transform .3s ease-in-out
  }
  .header[class*=-transparent].-categoryPage::before,
  .header[class*=-transparent].-productPage::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background-color: #fdfdfd;
    transform: translateY(-100%);
    transition: transform .3s ease-in-out;
    z-index: -1
  }
  .header[class*=-transparent].-categoryPage:has(~* .filters__wrapper.-stickyFilter.-sticky)::before,
  .header[class*=-transparent].-productPage:has(~* .filters__wrapper.-stickyFilter.-sticky)::before {
    transition: transform 0s ease-in-out 0s,opacity 0s ease-in-out 0s
  }
  .header.-productPage:not(:hover,.-active,.-subMenuOpen) {
    background-color: transparent;
    transition: background .3s ease-in-out
  }
  .header.-productPage:not([class*=-transparent])::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background-color: #fdfdfd;
    transform: translateY(-100%);
    transition: transform .3s ease-in-out;
    z-index: -1
  }
  .header.-productPage:not([class*=-transparent]):has(~* .filters__wrapper.-stickyFilter.-sticky)::before {
    transition: transform 0s ease-in-out 0s,opacity 0s ease-in-out 0s
  }
  .header.-productPage:not(.-isTransparent)::before {
    transform: translateY(0);
    transition: transform .3s ease-in-out
  }
}
#panelHeaderStore .panel__wrapper {
  padding: 40px 16px
}
.panel__HeaderStoreContainer {
  position: absolute;
  right: 0;
  transition: all ease-in-out .3s;
  opacity: 0;
  visibility: hidden;
  z-index: 9
}
.panel__HeaderStoreContainerArrow {
  position: absolute;
  bottom: 100%;
  right: 12px;
  width: 24px;
  height: 12px;
  overflow: hidden
}
.panel__HeaderStoreContainerArrow::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: -2px;
  left: 50%;
  transform: translate(-50%,50%) rotate(45deg);
  background-color: #fdfdfd;
  box-shadow: var(--sfra-shadow-01)
}
.panel__HeaderStoreContainer .panel__HeaderStoreContent {
  overflow-y: auto;
  max-height: calc(100vh - 72px - 16px);
  scrollbar-width: thin;
  scrollbar-color: #697077 transparent
}
.floatingBar ~ .header.-searchMenuOpen .panel__HeaderStoreContainer .panel__HeaderStoreContent {
  max-height: calc(100vh - 107px - 16px)
}
.panel__HeaderStoreContent {
  display: flex;
  width: 400px;
  padding: 16px;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  background: #fdfdfd;
  border-radius: 0;
  box-shadow: var(--sfra-shadow-01)
}
#panelHeaderStore .panel__HeaderStoreContent {
  width: auto;
  padding: 0;
  border-radius: 0;
  box-shadow: none
}
.panel__HeaderStoreContent .form__group {
  margin-bottom: 0;
  width: 100%
}
.panel__HeaderStoreContent .form__group .form__input {
  box-sizing: border-box;
  padding: 0 8px
}
@media(min-width:900px) {
  .panel__HeaderStoreContent .form__group .form__input {
    padding: 8px
  }
}
.panel__headerStoreGeolocate {
  margin: 8px 0 16px;
  display: flex;
  align-items: center;
  gap: 4px
}
.panel__headerStoreInfosContainer .panel__headerStoreBanner .panel__headerStoreName {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-transform: capitalize
}
.panel__headerStoreSchedules .panel__headerStoreSchedule {
  display: grid;
  justify-content: space-between;
  margin-bottom: 12px;
  grid-template-columns: auto auto
}
.panel__headerStoreSchedules .panel__headerStoreSchedule .panel__headerStoreHours {
  display: flex;
  justify-self: flex-end
}
.panel__headerStoreSchedules .panel__headerStoreSchedule:last-child {
  margin-bottom: 0
}
.panel__headerStoreSchedules .panel__headerStoreScheduleTitle {
  margin-bottom: 8px
}
@keyframes stickySlideDown {
  0% {
    transform: translate3d(0,-100%,0)
  }
  100% {
    transform: translate3d(0,0,0)
  }
}
@keyframes stickySlideUp {
  0% {
    transform: translate3d(0,0,0)
  }
  100% {
    transform: translate3d(0,-100%,0)
  }
}
.appHeader {
  position: fixed;
  height: 55px;
  width: 100%;
  left: 0;
  display: flex;
  top: 0;
  z-index: 8;
  align-items: center;
  padding: 0 40px
}
.appHeader__back {
  padding: 12px;
  margin: -12px;
  align-items: center;
  display: flex;
  height: 100%;
  cursor: pointer
}
.appHeader__backIcon {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjQxIDEwLjU4TDIuODMgNkw3LjQxIDEuNDFMNiAwTDAgNkw2IDEyTDcuNDEgMTAuNThaIiBmaWxsPSIjNzY3Njc2Ii8+Cjwvc3ZnPgo=") center center no-repeat;
  background-size: 100%;
  width: 8px;
  height: 15px
}
.appHeader.-home .appHeader__back {
  display: none
}
.embeddedServiceSidebar.modalContainer {
  --lwc-fontFamily: $font-library-brand-font
}
.embeddedMessagingFrame {
  z-index: 1200!important
}
.data-seo {
  display: none
}
.footer {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #fdfdfd;
  position: relative
}
.footer__top {
  background: #fdfdfd;
  padding: 24px 0 40px 0
}
.footer__bottom {
  padding: 40px 16px;
  background: var(--sfra-footer-background-color);
  color: var(--sfra-footer-color)
}
@media(min-width:900px) {
  .footer__bottom {
    padding: 40px 24px
  }
}
@media(min-width:1200px) {
  .footer__bottom {
    padding: 80px
  }
}
.footer__divider {
  max-width: 343px
}
@media(min-width:900px) {
  .footer__divider {
    max-width: 772px
  }
}
@media(min-width:1200px) {
  .footer__divider {
    max-width: 846px
  }
}
.footer__bottomContainer {
  display: grid;
  grid-auto-columns: 100%
}
@media(min-width:900px) {
  .footer__bottomContainer {
    grid-template-columns: repeat(12,1fr);
    grid-auto-flow: column
  }
}
.footer .subFooter {
  display: grid;
  align-items: flex-start;
  grid-gap: 40px;
  grid-auto-columns: 100%
}
@media(min-width:900px) {
  .footer .subFooter {
    grid-auto-columns: 1fr;
    grid-gap: 24px;
    grid-auto-flow: column
  }
}
@media(min-width:900px) {
  .footer .wrapSubFooter {
    max-width: 315px
  }
}
.footer .titleItemFooter {
  color: var(--sfra-footer-color);
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0
}
.footer .titleItemFooter::after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background-color: var(--sfra-footer-color);
  transform: rotate(180deg)
}
@media(min-width:900px) {
  .footer .titleItemFooter::after {
    display: none
  }
}
@media(max-width:899.98px) {
  .footer .titleSubFooter.-active .linkSubFooter {
    visibility: visible;
    max-height: 100%;
    opacity: 1;
    margin-top: 32px
  }
  .footer .titleSubFooter.-active .titleItemFooter::after {
    transform: rotate(0)
  }
  .footer .titleSubFooter .titleItemFooter {
    position: relative;
    cursor: pointer;
    display: block
  }
  .footer .titleSubFooter .linkSubFooter {
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    transition: all ease-in-out .3s;
    margin-top: 0;
    color: #dde1e6
  }
}
.footer .linkSubFooter {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px
}
.footer .linkSubFooter a,
.footer .linkSubFooter span {
  color: var(--sfra-footer-color);
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
.footerSocialNetworkLinks {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-flow: column
}
@media(min-width:900px) {
  .footerSocialNetworkLinks {
    flex-flow: row;
    gap: 16px;
    grid-column: 1/span 4
  }
}
.footerSocialNetworkLinks__logo {
  width: 100px;
  height: 32px;
  display: flex;
  align-items: center
}
.footerSocialNetworkLinks__logoImage {
  width: 100%;
  height: auto;
  display: block
}
.footerSocialNetworkLinks__divider {
  height: 40px;
  background-color: #697077;
  display: none
}
@media(min-width:900px) {
  .footerSocialNetworkLinks__divider {
    display: block
  }
}
.footerSocialNetworkLinks__items {
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
  justify-content: center
}
@media(min-width:900px) {
  .footerSocialNetworkLinks__items {
    gap: 12px;
    flex-wrap: nowrap;
    justify-content: flex-start
  }
}
.footerBCorpLogo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 24px
}
@media(min-width:900px) {
  .footerBCorpLogo {
    grid-column: 1/span 4;
    justify-content: flex-start
  }
}
.footerServices {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  margin-top: 40px
}
@media(min-width:900px) {
  .footerServices {
    gap: 24px;
    align-items: stretch;
    justify-content: center;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(3,1fr);
    margin: 40px auto 0;
    max-width: -moz-fit-content;
    max-width: fit-content
  }
  .footerServices.has-1items {
    grid-template-columns: repeat(1,1fr)
  }
  .footerServices.has-2items {
    grid-template-columns: repeat(2,1fr)
  }
  .footerServices.has-4items {
    grid-template-columns: repeat(2,1fr);
    grid-auto-flow: row
  }
}
.footerServices__items {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  border: 1px solid #dde1e6;
  border-radius: 0;
  flex: 1 1 0;
  padding: 6px 0
}
.footerServices__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px
}
.footerServices__item.-payment {
  flex-wrap: wrap;
  padding-left: 40px
}
.footerServices__payment {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center
}
@media(min-width:900px) {
  .footerServices__payment {
    grid-column: 2/2;
    margin-left: 24px
  }
}
.countrySwitcher {
  margin-top: 40px
}
@media(max-width:899.98px) {
  .countrySwitcher {
    grid-row: 4/4
  }
}
@media(min-width:900px) {
  .countrySwitcher {
    grid-column: 1/span 4
  }
}
.footerNewsletter {
  margin-top: 40px
}
@media(min-width:900px) {
  .footerNewsletter {
    grid-column: 1/span 4
  }
}
.footerCopyright {
  margin-top: 40px;
  text-align: center
}
@media(min-width:900px) {
  .footerCopyright {
    margin-top: 80px;
    grid-column: 1/span 12
  }
}
.footerCopyright .under-seo {
  padding: 0;
  background: 0 0
}
.footerCopyright .under-seo a,
.footerCopyright .under-seo p,
.footerCopyright .under-seo span {
  color: var(--sfra-footer-color)
}
.footerCopyright a {
  color: var(--sfra-footer-color)
}
.footerLinks {
  margin-top: 40px;
  padding: 40px 0;
  border-top: 1px solid #697077;
  border-bottom: 1px solid #697077
}
@media(min-width:900px) {
  .footerLinks {
    margin-top: 0;
    grid-column: 6/span 7;
    grid-row: 1/4;
    padding: 0;
    border: none
  }
}
.footerFidelityApp {
  margin: 24px 0 40px 0;
  display: grid;
  align-items: center;
  grid-gap: 16px;
  grid-auto-columns: 100%
}
@media(min-width:900px) {
  .footerFidelityApp {
    grid-auto-flow: column;
    grid-auto-columns: auto;
    justify-content: center
  }
}
.footerFidelityApp__image {
  max-width: 400px
}
.footerFidelity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px;
  width: 100%
}
.footerFidelity__left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%
}
.footerFidelity__desc {
  margin-top: 2px
}
.footerFidelity__link {
  white-space: nowrap;
  flex: 1 0 auto
}
.footerBCorp {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 6px 16px;
  width: 100%
}
.footerApp {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 16px
}
.footerApp__left .illu {
  width: 56px;
  height: 56px;
  -o-object-fit: cover;
  object-fit: cover
}
.footerApp__logo {
  width: 96px;
  height: 96px;
  flex: 0 0 96px;
  padding: 10px
}
.footerApp__logoImg {
  width: 100%;
  height: 100%
}
.footerApp__desc {
  margin-top: 12px
}
@media(min-width:900px) {
  .footerApp__desc {
    margin-bottom: 12px
  }
}
.footerApp__links {
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  gap: 16px;
  margin-top: 16px
}
@media(min-width:900px) {
  .footerApp__links {
    flex-flow: row wrap;
    margin-top: 12px;
    align-items: center
  }
}
.footerApp__link img {
  max-width: 140px
}
.footerApp__rating {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 24px;
  margin-top: 24px
}
.footerApp__ratingItem {
  display: flex;
  align-items: center;
  gap: 12px
}
.footerApp__ratingStarContainer {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px
}
.footerApp__ratingStarItems {
  position: relative;
  line-height: 1.6;
  display: flex;
  justify-content: center;
  align-items: center
}
.footerApp__ratingStarItems i {
  background-color: #dde1e6
}
.footerApp__ratingStarItems i.active {
  background-color: #0b1215
}
.footerApp__ratingStarItems .star-plain {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  background-color: #0b1215;
  z-index: 2;
  -webkit-clip-path: polygon(0 0,0% 0,0% 100%,0% 100%);
  clip-path: polygon(0 0,0% 0,0% 100%,0% 100%)
}
.footerApp__ratingStarItems .star-plain.active {
  -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0% 100%);
  clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)
}
.footerApp__ratingStarItem {
  position: relative
}
.authPanel {
  padding: 0 12px;
  margin: auto
}
@media(min-width:900px) {
  .authPanel {
    max-width: 80%
  }
}
.authPanel.toast {
  padding: 0
}
@media(min-width:900px) {
  .authPanel.toast {
    max-width: 90%!important
  }
}
.authPanel__title {
  margin-bottom: 24px;
  text-align: center
}
.authPanel__forgotPassword {
  text-align: right
}
.authPanel__gender .form__group > * {
  display: inline-block
}
.authPanel__gender .form__group > :not(:first-of-type) {
  margin-left: 12px
}
.authPanel__optinTitle {
  margin: 0 0 4px 0
}
.authPanel__optinField.-newsletter {
  margin: 0 12px 0 0
}
.authPanel__optinPhone {
  width: 50%
}
.authPanel__passwordCheck {
  background: #f2f4f8;
  padding: 12px 20px
}
.authPanel__passwordCheckItem {
  display: flex;
  align-items: center;
  color: #fa4d56;
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
.authPanel__passwordCheckItem:not(:first-of-type) {
  margin-top: 4px
}
.authPanel__passwordCheckItem.-valid {
  color: #42be65
}
.authPanel__passwordCheckItem.-valid .authPanel__passwordCheckIcon {
  background-color: #42be65
}
.authPanel__passwordCheckIcon {
  margin-right: 8px;
  background-color: #fa4d56
}
.authPanel__OTPButton {
  margin: 8px auto
}
.authPanel__OTPConfirm {
  padding: 8px 8px 8px 40px;
  background: #f2f4f8;
  display: block
}
.authPanel__OTPConfirm.-hidden {
  display: none
}
.authPanel__OTPConfirm p {
  line-height: 20px
}
.authPanel__submitRegistration {
  margin: 0 0 20px 0
}
.authPanel__submitBtn {
  display: flex;
  flex-flow: row nowrap;
  place-content: center center;
  align-items: center
}
.authPanel__socials {
  text-align: center;
  margin-top: 12px
}
@media(min-width:900px) {
  .authPanel__socials {
    margin: 12px auto 0 auto
  }
}
.authPanel__socials.-hidden {
  display: none
}
.authPanel__wishList {
  text-align: center
}
.authPanel__wishListBtn {
  margin: 0 auto 8px
}
.authPanel__wishListBtn i {
  margin: 0 8px 0 0
}
.authPanel__fidAuthContainer {
  background-color: rgba(224,20,76,.2);
  padding: 20px 12px;
  margin-bottom: 20px
}
.authPanel__fidAuthContainer .invalid-feedback {
  margin-top: 8px
}
.authPanel__fidHeaderLogo {
  margin-bottom: 12px
}
.authPanel__fidHeaderLogo::before {
  content: "";
  display: block;
  width: 100%;
  height: 25px;
  margin: auto;
  background: url("../images/etamConnectFid.png") center center no-repeat;
  background-size: contain;
  background-position: center
}
@media(min-width:900px) {
  .authPanel__fidHeaderLogo::before {
    width: 30%
  }
}
.authPanel__fidHeaderTitle {
  display: none;
  text-align: center;
  margin-bottom: 12px
}
.authPanel__fidAuthTitle {
  margin: 12px 0 8px 0
}
.authPanel__fidCheckBox .form__group {
  margin-bottom: 0
}
.authPanel__fidAuthConnectLabelContent {
  margin-top: 12px;
  padding-top: 20px;
  border-top: 1px solid #0b1215
}
.authPanel__fidAuthConnectLabel {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.authPanel__fidAuthConnectLabel[aria-expanded] {
  cursor: pointer
}
.authPanel__fidAuthConnectLabel[aria-expanded]::after {
  border: 0 solid #0b1215;
  border-width: 0 2px 2px 0;
  border-top: none;
  border-left: none;
  padding: 6px;
  transform: rotate(45deg);
  content: "";
  transition: transform .2s ease-in-out;
  margin-top: -8px
}
.authPanel__fidAuthConnectLabel[aria-expanded=true]::after {
  border: 0 solid #0b1215;
  border-width: 0 2px 2px 0;
  border-top: none;
  border-left: none;
  padding: 6px;
  transform: rotate(-135deg);
  margin-top: 3px
}
.authPanel__fidAuthConnectLabel[aria-expanded=true] + .authPanel__fidAuthOpenInput {
  max-height: 330px;
  opacity: 1
}
.authPanel__fidAuthHeader .authPanel__fidAuthConnectBonus {
  line-height: 20px
}
.authPanel__fidAuthOpenInput {
  margin-top: 8px;
  max-height: 0;
  opacity: 0;
  transition: max-height .3s ease-in-out,opacity .3s ease-in-out
}
.authPanel__fidAuthOpenInput .form__field,
.authPanel__fidAuthOpenInput .form__group {
  margin: 0
}
.authPanel__optinCart {
  width: 100%
}
.authPanel__guestButton.loading .loader-element div {
  border-color: #0b1215 transparent transparent transparent
}
.authPanel__guestButton.loading:hover .loader-element div {
  border-color: #fdfdfd transparent transparent transparent
}
.authPanel__guestServices {
  padding: 12px 0;
  border-top: 1px solid #f2f4f8;
  text-align: center
}
.authPanel__guestServicesTitle {
  margin-bottom: 12px
}
.authPanel__helpCenter .button,
.authPanel__helpCenter .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .authPanel__helpCenter input[type=submit] {
  margin: 0 auto
}
.splittedAuthPanel {
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start
}
.splittedAuthPanel__checkoutAsGuestOnlyCTA {
  margin-top: -16px
}
.splittedAuthPanel__tab {
  display: flex;
  flex-direction: column
}
.splittedAuthPanel__socialsButtons {
  display: flex;
  flex-direction: row;
  gap: 8px
}
.splittedAuthPanel__socialsButtons > * {
  flex: 1 1 0
}
@media(max-width:1199.98px) {
  .splittedAuthPanel__socialsButtons {
    flex-direction: column
  }
  .splittedAuthPanel__socialsButtons > * {
    flex: 1;
    max-width: 100%
  }
}
.splittedAuthPanel__emailExist {
  display: flex;
  padding: 16px 16px 12px 16px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 0;
  background-color: #f2f4f8
}
.splittedAuthPanel__passwordCheckItem {
  display: flex;
  align-items: center;
  color: #fa4d56;
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
.splittedAuthPanel__passwordCheckItem:not(:first-of-type) {
  margin-top: 8px
}
.splittedAuthPanel__passwordCheckItem.-valid {
  color: #42be65
}
.splittedAuthPanel__passwordCheckItem.-valid .splittedAuthPanel__passwordCheckIcon {
  background-color: #42be65
}
.splittedAuthPanel__passwordCheckIcon {
  margin-right: 8px;
  background-color: #fa4d56
}
.forgottenPasswordPanel {
  min-height: 100%;
  display: flex;
  flex-direction: column
}
.forgottenPasswordPanel__tab {
  display: flex;
  flex-direction: column;
  gap: 24px
}
.forgottenPasswordPanel__socialsButtons {
  display: flex;
  flex-direction: row;
  gap: 16px
}
.forgottenPasswordPanel__socialsButtons > * {
  flex: 1 1 0;
  max-width: 220px
}
.forgottenPasswordPanel__emailExist {
  display: flex;
  padding: 16px 16px 12px 16px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 0;
  background-color: #f2f4f8
}
.forgottenPasswordPanel__passwordCheckItem {
  display: flex;
  align-items: center;
  color: #fa4d56;
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
.forgottenPasswordPanel__passwordCheckItem:not(:first-of-type) {
  margin-top: 8px
}
.forgottenPasswordPanel__passwordCheckItem.-valid {
  color: #42be65
}
.forgottenPasswordPanel__passwordCheckItem.-valid .forgottenPasswordPanel__passwordCheckIcon {
  background-color: #42be65
}
.forgottenPasswordPanel__passwordCheckIcon {
  margin-right: 8px;
  background-color: #fa4d56
}
.forgottenPasswordPanel__notReceived {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px
}
.forgottenPasswordPanel__notReceived .-disabled {
  color: #a2a9b0
}
input::-webkit-credentials-auto-fill-button {
  margin-right: 20px
}
.socialButtons {
  display: flex;
  grid-gap: 0 30px;
  margin: 20px 0;
  justify-content: center
}
.socialButtons__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  border: 1px solid #dde1e6
}
.socialButtons__icon {
  background-color: transparent
}
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.socialButtons__icon.-iconOnly[type=submit] .icon,
.socialButtons__icon.button.-iconOnly .icon {
  width: 24px;
  height: 24px;
  line-height: 24px
}
.loyaltyPanel-cards {
  display: grid;
  grid-template-rows: auto;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
  justify-content: flex-start;
  grid-auto-columns: 255px;
  -webkit-overflow-scrolling: touch
}
@media(max-width:899.98px) {
  .loyaltyPanel-cards {
    margin: 0 -16px;
    padding: 0 16px;
    width: calc(100% + 32px);
    overflow: scroll hidden;
    scrollbar-width: none;
    grid-auto-flow: column
  }
}
@media(min-width:900px) {
  .loyaltyPanel-cards {
    grid-template-columns: repeat(var(--sfra-columns,12),1fr)
  }
}
.loyaltyPanel-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #f2f4f8;
  padding: 8px;
  border-radius: 0;
  scroll-snap-align: start;
  align-items: flex-start;
  justify-content: flex-end;
  scroll-snap-stop: always;
  background-color: #fff8f8;
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio: 255/154
}
@media(max-width:899.98px) {
  .loyaltyPanel-card {
    width: 255px;
    height: 154px
  }
}
@media(min-width:900px) {
  .loyaltyPanel-card {
    grid-column: auto/span 6
  }
}
.loyaltyPanel-card::before {
  background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}
.loyaltyPanel-card-icon {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 2
}
.loyaltyPanel-card-points {
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 2
}
.loyaltyPanel-card-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  z-index: 2
}
.loyaltyPanel-card-text * {
  color: #fdfdfd!important
}
.accountGhost {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0
}
@media(min-width:900px) {
  .floatingBar ~ .header.-searchMenuOpen ~ #animationContainer .ghost.ghostCategories,
  .floatingBar ~ .header.-searchMenuOpen ~ #animationContainer .ghost.productPage,
  .floatingBar ~ .header.-searchMenuOpen ~ #animationContainer .ghost.productSetPage {
    top: calc(107px)
  }
}
.ghost {
  position: absolute;
  top: calc(50% + 56px / 2);
  left: 50%;
  transform: translate(-50%,-50%)
}
@media(min-width:900px) {
  .ghost {
    top: calc(50% + 72px / 2)
  }
}
.ghost.shadow {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);
  transform: none;
  z-index: 10
}
.ghost .line {
  background: linear-gradient(90deg,#eeeA,#eeeA,#fff,#eeeA,#eeeA);
  animation: GhostGradient 1s linear infinite;
  animation-direction: reverse;
  background-size: 300% 400%
}
.ghost.static {
  position: static
}
.ghost.ghostCategories {
  top: 56px;
  left: 0;
  right: 0;
  transform: unset;
  height: calc(125% - 56px)
}
@media(min-width:900px) {
  .ghost.ghostCategories {
    top: 72px
  }
}
@media(min-width:900px) {
  .ghost.ghostCategories {
    height: calc(125% - 72px)
  }
}
.ghost.ghostCategories .ariane {
  height: 15px;
  margin: 20px 50px
}
@media(min-width:900px) {
  .ghost.ghostCategories .ariane {
    width: 30%;
    margin: 20px auto
  }
}
.ghost.ghostCategories .title {
  height: 30px;
  margin: 0 auto;
  width: 60%
}
@media(min-width:900px) {
  .ghost.ghostCategories .title {
    width: 20%
  }
}
.ghost.ghostCategories .filter {
  margin: 10px 20px;
  height: 40px
}
@media(min-width:900px) {
  .ghost.ghostCategories .filter {
    background: 0 0;
    width: 30%;
    margin: 10px auto;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 10px
  }
}
.ghost.ghostCategories .count {
  height: 10px;
  width: 20%;
  margin: 0 auto
}
.ghost.ghostCategories .categories {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-gap: 10px;
  margin: 20px 2%
}
@media(min-width:900px) {
  .ghost.ghostCategories .categories {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 15px
  }
}
@media(min-width:900px) {
  .ghost.ghostCategories .categories {
    margin: 8px 10%
  }
}
.ghost.ghostCategories .holder {
  background: 0 0;
  height: 100%
}
.ghost.ghostCategories .holder .line {
  background-size: 1000% 400%
}
.ghost.ghostCategories .holder .image {
  box-shadow: 0 1px 2px 0 #c5bec2;
  height: 0;
  padding-bottom: 150%;
  background-image: radial-gradient(#fdfdfd,#ececec 70%);
  background-position: center bottom;
  background-size: 200% 200%;
  overflow: hidden
}
@media(min-width:900px) {
  .ghost.ghostCategories .holder .image {
    margin: 0
  }
}
.ghost.ghostCategories .holder .infos {
  margin-top: 10px
}
.ghost.ghostCategories .holder .infos .p_title {
  width: 80%;
  height: 15px;
  margin: 10px 10px 0
}
.ghost.ghostCategories .holder .infos .subtitle {
  width: 30%;
  height: 15px;
  margin: 10px 10px 0
}
.ghost.ghostCategories .rest {
  position: static;
  min-height: 150px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px auto 0;
  background: linear-gradient(90deg,#eeeA,#eeeA,#fff,#eeeA,#eeeA);
  background-size: 300% 400%;
  animation: GhostGradient 2s linear infinite;
  animation-direction: reverse;
  -webkit-clip-path: url("#clippingProduct");
  clip-path: url("#clippingProduct");
  text-align: center
}
@media(min-width:900px) {
  .ghost.ghostCategories {
    top: 72px
  }
  .ghost.ghostCategories .rest {
    width: 576px;
    margin: 0 auto;
    min-height: 200px
  }
  .ghost.ghostCategories .rest .color {
    width: 100px;
    height: 20px
  }
  .ghost.ghostCategories .rest .colors div {
    display: inline-block;
    width: 45px;
    height: 45px;
    margin: 15px 15px 0 0;
    border-radius: 50%
  }
  .ghost.ghostCategories .rest .sizes {
    width: 100%;
    height: 100px;
    margin-top: 20px
  }
  .ghost.ghostCategories .rest .buttons {
    width: 50%;
    margin: 20px auto 0;
    height: 50px;
    border-radius: 50%
  }
  .ghost.ghostCategories .rest .desc {
    width: 100%;
    height: 250px;
    margin-top: 30px
  }
  .ghost.ghostCategories .productDetail {
    max-width: 90%;
    margin: 0 auto
  }
}
@media(min-width:900px)and (min-width:900px) {
  .ghost.ghostCategories .productDetail {
    padding: 0 40px;
    max-width: 100%;
    margin: 0
  }
}
@media(min-width:900px) {
  .ghost.ghostCategories .productTitle {
    margin-bottom: 20px
  }
}
@media(min-width:900px) {
  .ghost.ghostCategories .productPrice {
    display: block;
    margin-bottom: 8px
  }
  .ghost.ghostCategories .productPrice .price:not(.-crossed) {
    font-size: 1.375rem
  }
}
@media(min-width:900px) {
  .ghost.ghostCategories .container {
    margin-top: 0;
    display: grid;
    grid-template-columns: 65% 1fr;
    grid-column-gap: 0
  }
  .ghost.ghostCategories .container .images {
    display: grid;
    grid-template-rows: 38vw 25vw 25vw 38vw;
    grid-template-columns: repeat(6,1fr);
    grid-column-gap: 4px
  }
  .ghost.ghostCategories .container .images .component-image {
    display: block;
    position: static
  }
  .ghost.ghostCategories .container .images .component-image:first-child {
    grid-column: span 3
  }
  .ghost.ghostCategories .container .images .component-image:nth-child(2) {
    grid-column: span 3
  }
  .ghost.ghostCategories .container .images .component-image:nth-child(3) {
    grid-column: span 3
  }
}
.ghost.productPage {
  position: fixed;
  inset: 0;
  transform: unset
}
.ghost.productPage .breadcrumb {
  margin: 20px 1.5%;
  text-align: center
}
.ghost.productPage .breadcrumb .line {
  height: 17px;
  width: 260px;
  margin: 0 auto
}
.ghost.productPage .container {
  height: 100%
}
.ghost.productPage .container .images {
  width: 100%;
  height: calc(100% - 56px)
}
@media(min-width:900px) {
  .ghost.productPage .container .images {
    height: calc(100% - 72px)
  }
}
.ghost.productPage .container .images img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.ghost.productPage .rest {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 75px;
  background: #fdfdfd
}
.ghost.productPage .rest .buttons {
  margin: 15px;
  height: 45px
}
.ghost.productPage .restUncroppedImage {
  position: static;
  min-height: 530px;
  width: 100%;
  margin-top: -12px;
  background: linear-gradient(135deg,#dddA,#dddA 45%,#fff 50%,#dddA 55%,#dddA);
  background-size: 300% 400%;
  animation: GhostGradient 2s linear infinite;
  animation-direction: reverse;
  -webkit-clip-path: url("#clippingProduct");
  clip-path: url("#clippingProduct")
}
@media(min-width:900px) {
  .ghost.productPage {
    top: 72px
  }
  .ghost.productPage .rest {
    position: static;
    min-height: 530px;
    width: 100%;
    margin-top: -12px;
    background: linear-gradient(135deg,#dddA,#dddA 45%,#fff 50%,#dddA 55%,#dddA);
    background-size: 300% 400%;
    animation: GhostGradient 2s linear infinite;
    animation-direction: reverse;
    -webkit-clip-path: url("#clippingProduct");
    clip-path: url("#clippingProduct")
  }
  .ghost.productPage .rest .color {
    width: 100px;
    height: 20px
  }
  .ghost.productPage .rest .colors div {
    display: inline-block;
    width: 45px;
    height: 45px;
    margin: 15px 15px 0 0;
    border-radius: 50%
  }
  .ghost.productPage .rest .sizes {
    width: 100%;
    height: 100px;
    margin-top: 20px
  }
  .ghost.productPage .rest .buttons {
    width: 50%;
    margin: 20px auto 0;
    height: 50px;
    border-radius: 50%
  }
  .ghost.productPage .rest .desc {
    width: 100%;
    height: 250px;
    margin-top: 30px
  }
  .ghost.productPage .productDetail {
    max-width: 90%;
    margin: 0 auto
  }
}
@media(min-width:900px)and (min-width:900px) {
  .ghost.productPage .productDetail {
    padding: 0 40px;
    max-width: 100%;
    margin: 0
  }
}
@media(min-width:900px) {
  .ghost.productPage .productTitle {
    margin-bottom: 20px
  }
}
@media(min-width:900px) {
  .ghost.productPage .productPrice {
    display: block;
    margin-bottom: 8px
  }
  .ghost.productPage .productPrice .price:not(.-crossed) {
    font-size: 1.375rem
  }
}
@media(min-width:900px) {
  .ghost.productPage .container {
    margin-top: 0;
    display: grid;
    grid-template-columns: 65% 1fr;
    grid-column-gap: 0
  }
  .ghost.productPage .container .images {
    display: grid;
    grid-template-rows: 38vw 25vw 25vw 38vw;
    grid-template-columns: repeat(6,1fr);
    grid-column-gap: 4px
  }
  .ghost.productPage .container .images .fakeImg {
    grid-column: span 3
  }
  .ghost.productPage .container .images .component-image {
    display: block;
    position: static
  }
  .ghost.productPage .container .images .component-image:first-child {
    grid-column: span 3
  }
  .ghost.productPage .container .images .component-image:nth-child(2) {
    grid-column: span 3
  }
  .ghost.productPage .container .images .component-image:nth-child(3) {
    grid-column: span 3
  }
}
.ghost.productPage .product-name-description,
.ghost.productPage .product-name-productSet {
  display: none
}
.ghost.productSetPage {
  position: fixed;
  inset: 0;
  transform: unset
}
.ghost.productSetPage .breadcrumb {
  margin: 20px 1.5%;
  text-align: center
}
.ghost.productSetPage .breadcrumb .line {
  height: 17px;
  width: 260px;
  margin: 0 auto
}
.ghost.productSetPage .container {
  height: 100%
}
.ghost.productSetPage .container .images {
  width: 100%;
  height: calc(100% - 56px)
}
@media(min-width:900px) {
  .ghost.productSetPage .container .images {
    height: calc(100% - 72px)
  }
}
.ghost.productSetPage .container .images img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.ghost.productSetPage .rest {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 75px;
  background: #fdfdfd
}
.ghost.productSetPage .rest .buttons {
  margin: 15px;
  height: 45px
}
@media(min-width:900px) {
  .ghost.productSetPage {
    top: 72px
  }
  .ghost.productSetPage .rest {
    position: static;
    min-height: 530px;
    width: 100%;
    margin-top: -12px;
    background: linear-gradient(135deg,#dddA,#dddA 45%,#fff 50%,#dddA 55%,#dddA);
    background-size: 300% 400%;
    animation: GhostGradient 2s linear infinite;
    animation-direction: reverse;
    -webkit-clip-path: url("#clippingProduct");
    clip-path: url("#clippingProduct")
  }
  .ghost.productSetPage .rest .color {
    width: 100px;
    height: 20px
  }
  .ghost.productSetPage .rest .colors div {
    display: inline-block;
    width: 45px;
    height: 45px;
    margin: 15px 15px 0 0;
    border-radius: 50%
  }
  .ghost.productSetPage .rest .sizes {
    width: 100%;
    height: 100px;
    margin-top: 20px
  }
  .ghost.productSetPage .rest .buttons {
    width: 50%;
    margin: 20px auto 0;
    height: 50px;
    border-radius: 50%
  }
  .ghost.productSetPage .rest .desc {
    width: 100%;
    height: 250px;
    margin-top: 30px
  }
  .ghost.productSetPage .productDetail {
    max-width: 90%;
    margin: 0 auto
  }
}
@media(min-width:900px)and (min-width:900px) {
  .ghost.productSetPage .productDetail {
    padding: 0 40px;
    max-width: 100%;
    margin: 0
  }
}
@media(min-width:900px) {
  .ghost.productSetPage .productTitle {
    margin-bottom: 20px
  }
}
@media(min-width:900px) {
  .ghost.productSetPage .productPrice {
    display: block;
    margin-bottom: 8px
  }
  .ghost.productSetPage .productPrice .price:not(.-crossed) {
    font-size: 1.375rem
  }
}
@media(min-width:900px) {
  .ghost.productSetPage .container {
    margin-top: 0;
    display: grid;
    grid-template-columns: 65% 1fr;
    grid-column-gap: 0
  }
  .ghost.productSetPage .container .images {
    display: grid;
    grid-template-rows: 38vw 25vw 25vw 38vw;
    grid-template-columns: repeat(6,1fr);
    grid-column-gap: 4px
  }
  .ghost.productSetPage .container .images .component-image {
    display: block;
    position: static
  }
  .ghost.productSetPage .container .images .component-image:first-child {
    grid-column: span 3
  }
  .ghost.productSetPage .container .images .component-image:nth-child(2) {
    grid-column: span 3
  }
  .ghost.productSetPage .container .images .component-image:nth-child(3) {
    grid-column: span 3
  }
}
.ghost.productSetPage .productSetItem {
  width: 100%;
  position: static;
  height: 100px;
  background: linear-gradient(135deg,#dddA,#dddA 45%,#fff 50%,#dddA 55%,#dddA);
  background-size: 300% 400%;
  animation: GhostGradient 2s linear infinite;
  animation-direction: reverse;
  -webkit-clip-path: url("#clippingProduct");
  clip-path: url("#clippingProduct");
  margin-top: 12px
}
.ghost.productSetPage .productSetItem:first-child {
  margin-top: 0
}
.transition-no-scroll {
  position: fixed;
  overflow: hidden;
  width: 100vw;
  height: 100vh
}
.body-no-scroll {
  height: 100vh
}
.moveAppear {
  animation: fadeAppear .3s ease;
  position: fixed;
  inset: 0;
  background: #fdfdfd;
  z-index: 1
}
.moveTopAppear {
  position: fixed;
  inset: 0;
  background: #fdfdfd;
  animation: moveTopAppear .3s ease
}
.moveTopDisappear {
  position: fixed;
  inset: 0;
  background: #fdfdfd;
  animation: moveTopDisappear .3s ease;
  z-index: 9
}
.fadeOut {
  animation: fadeDisAppear .3s ease forwards
}
.fadeIn {
  opacity: 0;
  animation: fadeAppear .3s ease 150ms forwards
}
#animationContainer {
  z-index: 8
}
#animationContainer.search {
  z-index: 9
}
#animationContainer.fullScreen {
  position: fixed;
  inset: 0;
  background: #fdfdfd;
  z-index: 3
}
#animationContainer.product {
  position: fixed;
  inset: 0;
  background: 0 0;
  z-index: 10
}
.animationContainer {
  position: fixed;
  background: #fdfdfd;
  inset: 0;
  z-index: -1
}
@media(min-width:900px) {
  .animationContainer {
    z-index: 1;
    animation: fadeDisAppear .3s ease forwards
  }
  .animationContainer.search:not(.moveTopDisappear) {
    animation: none
  }
}
.animationContainer.backward {
  z-index: 2
}
.moveDisappear {
  animation: fadeDisAppear .3s ease forwards
}
@media(min-width:900px) {
  .moveDisappear {
    z-index: 1
  }
}
@keyframes rotate {
  from {
    transform: rotate(0)
  }
  to {
    transform: rotate(360deg)
  }
}
@keyframes fadeAppear {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes fadeDisAppear {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@keyframes moveTopAppear {
  0% {
    transform: translateY(-100%)
  }
  100% {
    transform: translateY(0)
  }
}
@keyframes moveTopDisappear {
  from {
    transform: translateY(0);
    opacity: 1
  }
  to {
    transform: translateY(-100%);
    opacity: 0
  }
}
@keyframes GhostGradient {
  0% {
    background-position: 0 50%
  }
  50% {
    background-position: 50% 50%
  }
  99.9% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0 50%
  }
}
.woosmapContainer {
  position: relative;
  margin-top: 16px
}
@media(min-width:900px) {
  .woosmapContainer {
    margin-top: 24px
  }
}
.checkout .woosmapContainer {
  margin-top: 16px
}
.woosmapContainer .loaderMargin {
  margin-right: 160px
}
@media(max-width:1799.98px) {
  .woosmapContainer .loaderMargin {
    margin-right: 80px
  }
}
@media(max-width:899.98px) {
  .woosmapContainer .loaderMargin {
    margin-right: 0
  }
}
.woosmapContainer .loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: -webkit-fill-available;
  height: -moz-available;
  height: stretch
}
.woosmapContainer__wrapper {
  display: flex;
  flex-direction: column
}
.woosmapContainer__nav {
  display: flex;
  width: 100%
}
.woosmapContainer__linkSelected {
  width: 100%;
  max-height: 40px
}
.woosmapContainer__mapContainer,
.woosmapContainer__sidebar {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: all .2s ease-in-out;
  width: 100%
}
@media(max-width:899.98px) {
  .woosmapContainer__mapContainer:not(.-active),
  .woosmapContainer__sidebar:not(.-active) {
    visibility: hidden;
    height: 0;
    opacity: 0
  }
  .woosmapContainer__mapContainer:not(.-active) > *,
  .woosmapContainer__sidebar:not(.-active) > * {
    display: none
  }
}
.woosmapContainer__mapContainer .mapboxgl-marker,
.woosmapContainer__sidebar .mapboxgl-marker {
  width: 43px!important;
  height: 64px!important;
  background-position: center
}
.woosmapContainer__mapContainer .mapboxgl-marker:has(.searchPositionMarker),
.woosmapContainer__sidebar .mapboxgl-marker:has(.searchPositionMarker) {
  width: 32px!important;
  height: 42px!important
}
.woosmapContainer__mapContainer.-active .woosmapContainer__map {
  height: 400px;
  width: 100%
}
@media(min-width:600px) {
  .woosmapContainer__mapContainer.-active .woosmapContainer__map {
    height: 640px;
    width: 100%
  }
}
.woosmapContainer__mapStoreContainer.-active .woosmapContainer__map {
  height: 400px
}
@media(min-width:600px) {
  .woosmapContainer__mapStoreContainer.-active .woosmapContainer__map {
    height: 320px
  }
}
.woosmapContainer__map {
  width: 100%
}
.woosmapContainer__searchInput[type=search] {
  box-sizing: border-box
}
.woosmapContainer__geolocate {
  display: flex;
  align-items: center;
  gap: 4px
}
.woosmapContainer__geolocate .icon {
  display: inline-block;
  vertical-align: middle
}
.woosmapContainer__storesListing {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px
}
.checkout .woosmapContainer__storesListing {
  display: grid;
  grid-template-columns: repeat(1,1fr);
  grid-gap: 16px
}
@media(min-width:1800px) {
  .checkout .woosmapContainer__storesListing {
    grid-template-columns: repeat(2,1fr)
  }
}
.woosmapContainer__storesListing.loading::before {
  background: #fdfdfd;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1
}
.woosmapContainer__storesListing > .loader-element {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  margin: 12px auto;
  display: block;
  width: 100%!important;
  z-index: 2
}
.woosmapContainer__storesListing.-show {
  display: block
}
.woosmapContainer .woosmapCard {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid #dde1e6
}
.woosmapContainer .woosmapCard.-tiny {
  position: absolute;
  bottom: 0;
  background-color: #fdfdfd;
  margin: 16px 24px;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch
}
.checkout .woosmapContainer .woosmapCard {
  margin: 0
}
.woosmapContainer .woosmapCard.-favoriteStore .woosmapCard__name .icon {
  display: block
}
.woosmapContainer .woosmapCard.-selectedStore {
  border-color: #0b1215
}
.woosmapContainer .woosmapCard > * {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis
}
.woosmapContainer .woosmapCard__header {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  cursor: pointer
}
.woosmapContainer .woosmapCard__header .loader-element {
  height: 24px
}
.woosmapContainer .woosmapCard__name {
  display: flex;
  align-items: center;
  gap: 8px;
  text-transform: capitalize
}
.woosmapContainer .woosmapCard__name .icon {
  display: none
}
.woosmapContainer .woosmapCard__stockInfos {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px
}
.woosmapContainer .woosmapCard__stockInfosValue {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px
}
.woosmapContainer .woosmapCard__stockInfosValue .stockState {
  display: flex;
  flex-direction: column
}
@media(min-width:1200px) {
  .checkout .woosmapContainer .woosmapCard__openInfos {
    flex: 1;
    align-items: flex-end;
    display: flex;
    gap: 4px
  }
}
.woosmapContainer .woosmapCard__openInfosLabel.-open {
  color: #42be65
}
.woosmapContainer .woosmapCard__openInfosLabel.-closed {
  color: #fa4d56
}
.woosmapContainer .woosmapCard__specialOpening {
  margin-top: 8px
}
.woosmapContainer .woosmapCard__links {
  display: flex;
  gap: 16px
}
.woosmapContainer .woosmapCard__link {
  width: 100%;
  margin-top: 24px
}
.woosmapContainer .woosmapCard__address {
  text-transform: lowercase
}
.woosmapContainer .woosmapCard__addressCity {
  text-transform: uppercase
}
.woosmapContainer__storesListingNoResult {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #697077;
  justify-content: center;
  margin-top: 12px
}
.woosmapContainer__switch {
  flex-direction: row-reverse;
  justify-content: left
}
.woosmapContainer .form__group {
  margin: 0
}
.woosmapContainer__storeDetails .woosmapContainer__name {
  display: flex;
  align-items: center;
  border: 1px solid #dde1e6;
  padding: 8px 12px;
  gap: 10px
}
.woosmapContainer__storeDetails .woosmapContainer__name .icon {
  display: block
}
.woosmapContainer__storeDetails .woosmapContainer__nameContainer {
  display: flex;
  grid-gap: 2px;
  flex-direction: column
}
.woosmapContainer__storeDetails .woosmapContainer__addressContainer {
  display: flex;
  grid-gap: 16px;
  margin-top: 8px;
  margin-bottom: 8px;
  align-items: flex-end
}
.woosmapContainer__storeDetails .woosmapContainer__storeOpeningHours {
  margin-top: 12px;
  margin-bottom: 24px
}
.woosmapContainer__storeDetails .woosmapContainer__storeOpeningHoursTitle {
  margin-bottom: 12px
}
.woosmapContainer__storeDetails .woosmapContainer__storeOpeningHourList {
  display: flex;
  flex-direction: column;
  grid-gap: 8px
}
.woosmapContainer__storeDetails .woosmapContainer__storeOpeningHourDay div {
  display: flex;
  justify-content: space-between
}
.woosmapContainer__storeDetails .woosmapContainer__openInfosLabel::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 8px
}
.woosmapContainer__storeDetails .woosmapContainer__openInfosLabel.-open {
  color: #42be65
}
.woosmapContainer__storeDetails .woosmapContainer__openInfosLabel.-open::before {
  content: "";
  background-color: #42be65
}
.woosmapContainer__storeDetails .woosmapContainer__openInfosLabel.-closed {
  color: #fa4d56
}
.woosmapContainer__storeDetails .woosmapContainer__openInfosLabel.-closed::before {
  content: "";
  background-color: #fa4d56
}
.woosmapContainer__storeDetails .woosmapContainer__phone {
  grid-gap: 16px
}
.woosmapContainer__storeDetails .woosmapContainer__phone .icon-phone {
  margin-right: 0
}
.woosmapContainer__storeDetails .woosmapContainer__distance,
.woosmapContainer__storeDetails .woosmapContainer__phone {
  display: flex;
  align-items: center;
  font-size: .8125rem
}
.woosmapContainer__storeDetails .woosmapContainer__distance .icon-phone,
.woosmapContainer__storeDetails .woosmapContainer__phone .icon-phone {
  margin-right: 4px
}
.woosmapContainer__storeDetails .woosmapContainer__address {
  font-size: .8125rem;
  color: #0b1215
}
.woosmapContainer__detailWrapper {
  display: flex;
  flex-direction: column
}
.woosmapContainer__detailWrapper .woosmapContainer__specialOpening {
  margin: 0 0 8px 0
}
.woosmapContainer__detailWrapper .woosmapContainer__address,
.woosmapContainer__detailWrapper .woosmapContainer__phone a {
  background: 0 0;
  text-decoration: underline
}
.woosmapContainer__contact {
  margin: 8px 0;
  display: flex;
  flex-direction: column
}
.woosmapContainer__storeOpeningHourDay.-currentDay {
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0
}
.woosmapContainer__selectedStore {
  width: 100%
}
.woosmapContainer__error {
  display: block;
  margin-top: 20px
}
.woosmapContainer.-loading .woosmapContainer__wrapper {
  min-height: 200px;
  position: relative;
  justify-content: center;
  align-items: center;
  display: flex
}
.woosmapContainer.-loading .woosmapContainer__wrapper::before {
  display: block;
  opacity: .3;
  background: #697077;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: 100%;
  z-index: 1
}
.woosmapContainer.-loading .woosmapContainer__wrapper::after {
  display: block;
  content: " ";
  position: absolute;
  width: 50px;
  height: 50px;
  border: 2px solid #0b1215;
  border-radius: 50%;
  border-right: 2px solid #fdfdfd;
  animation: rotate 1s linear infinite
}
.woosmapContainer__contentAsset {
  margin-top: 12px
}
.woosmapContainer__deliveryDate {
  margin: 8px 0
}
.localities-container {
  position: absolute;
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  border-radius: 0;
  background: #fdfdfd;
  z-index: 1200;
  box-shadow: var(--sfra-shadow-02)
}
.localities-container.localities-hidden,
.localities-container:empty {
  display: none
}
.localities-container .localities-item {
  position: relative;
  text-transform: capitalize;
  font-weight: 500;
  padding: 12px 16px;
  cursor: pointer;
  border-bottom: 1px solid #dde1e6;
  border-radius: 0;
  color: #0b1215;
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
.localities-container .localities-item-selected,
.localities-container .localities-item:hover {
  background: #f2f4f8
}
.localities-container .localities-item > span:not(:first-child) {
  margin-left: 4px
}
.localities-container .localities-empty-button {
  right: 8px
}
.localities-container .localities-icon {
  display: none;
  margin-right: 4px;
  min-width: 24px;
  background-color: #0b1215;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='20'%3E%3Cpath d='M7 0a6.995 6.995 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a6.995 6.995 0 0 0-7-7zM4.5 6.999a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0z' fill='%239e9e9e'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='20'%3E%3Cpath d='M7 0a6.995 6.995 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a6.995 6.995 0 0 0-7-7zM4.5 6.999a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0z' fill='%239e9e9e'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center
}
#js-woosmapStoreDetailWrapper-chronoRelais .panel__wrapper,
#js-woosmapStoreDetailWrapper-relais .panel__wrapper,
#js-woosmapStoreDetailWrapper-store .panel__wrapper {
  padding: 0
}
@keyframes rotate {
  from {
    transform: translate(-50%,-50%) rotate(0)
  }
  to {
    transform: translate(-50%,-50%) rotate(360deg)
  }
}
.panelStockLocator.show ~ .localities-container {
  z-index: 1115
}
.panelStockLocator .woosmapContainer__mapContainer .woosmapCard {
  position: absolute;
  bottom: 0;
  background-color: #fdfdfd;
  margin: 16px 24px;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch
}
.storeCard .breadcrumbWrapper {
  padding-top: 0!important
}
.woosmapStore {
  display: flex;
  flex-direction: row;
  margin-top: 24px;
  gap: 24px
}
@media(max-width:899.98px) {
  .woosmapStore {
    flex-direction: column
  }
}
.woosmapStore__card {
  display: flex;
  flex-direction: column;
  gap: 16px
}
.woosmapStore__card .cardWelcome {
  display: flex;
  flex-direction: column;
  flex: 1
}
@media(min-width:900px) {
  .woosmapStore__card {
    width: 50%;
    gap: 24px
  }
}
.woosmapStore__cardUp {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 24px
}
@media(max-width:899.98px) {
  .woosmapStore__cardUp {
    flex-direction: column;
    gap: 16px
  }
}
.woosmapStore__cardUp__right {
  display: flex;
  flex-direction: column
}
.woosmapStore__cardUp__left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start
}
.woosmapStore__map {
  display: flex;
  flex-direction: column;
  gap: 24px
}
@media(min-width:900px) {
  .woosmapStore__map {
    width: 50%
  }
}
.woosmapStoreInfo {
  display: flex;
  flex-direction: row;
  gap: 24px;
  width: 100%
}
@media(max-width:899.98px) {
  .woosmapStoreInfo {
    flex-direction: column
  }
}
.woosmapStoreInfo__contact {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1
}
@media(max-width:899.98px) {
  .woosmapStoreInfo__contact {
    order: 2
  }
}
.woosmapStoreInfo__contactAdress,
.woosmapStoreInfo__contactPhone {
  display: flex;
  flex-direction: row;
  gap: 12px
}
.woosmapStoreInfo__hours {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 12px
}
@media(max-width:899.98px) {
  .woosmapStoreInfo__hours {
    order: 1
  }
}
.woosmapStoreInfo__hoursList {
  display: flex;
  flex-direction: column;
  gap: 6px
}
.woosmapStoreInfo__hoursListDay {
  display: flex;
  justify-content: space-between
}
.woosmapStoreInfo__nearby {
  display: flex;
  flex-direction: column;
  gap: 16px
}
.woosmapStoreInfo__nearbyStores {
  display: flex;
  flex-direction: row;
  gap: 24px
}
.woosmapStoreInfo__nearbyStores .left,
.woosmapStoreInfo__nearbyStores .right {
  display: flex;
  flex-direction: column;
  width: 100%
}
@media(min-width:900px) {
  .woosmapStoreInfo__nearbyStores .left,
  .woosmapStoreInfo__nearbyStores .right {
    width: 50%
  }
}
@media(max-width:899.98px) {
  .woosmapStoreInfo__nearbyStores .right {
    display: none
  }
}
.modalOpen .localities-container {
  z-index: 1110!important
}
.listCities {
  display: flex;
  flex-direction: column;
  gap: 16px
}
.listCities__cities {
  display: grid;
  width: 100%;
  cursor: pointer
}
.listCities__cities .city::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #dde1e6;
  margin: 12px 0
}
@media(min-width:900px) {
  .listCities__cities {
    grid-template-columns: repeat(3,1fr);
    -moz-column-gap: 24px;
    column-gap: 24px
  }
  .listCities__cities .city:nth-last-child(-n+3)::after {
    content: none
  }
}
@media(max-width:899.98px) {
  .listCities__cities {
    grid-template-columns: repeat(2,1fr);
    -moz-column-gap: 24px;
    column-gap: 24px
  }
  .listCities__cities .city:nth-child(n+11) {
    display: none
  }
}
@media(max-width:599.98px) {
  .listCities__cities {
    grid-template-columns: repeat(1,1fr)
  }
  .listCities__cities .city:nth-child(9)::after {
    content: "";
    display: block
  }
}
.storeName {
  text-transform: capitalize
}
.cart__headerCartLine {
  grid-column: auto/span 12
}
@media(min-width:900px) {
  .cart__headerCartLine {
    grid-column: 1/span 7;
    grid-row: 1
  }
}
.cart__header {
  display: flex;
  flex-flow: column wrap
}
.cart__headerTitle {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.cart__headerTitleInfos {
  display: flex;
  gap: 4px;
  align-items: baseline
}
.cart__header .cart__titleCartCount {
  line-height: inherit;
  margin-bottom: 4px
}
@media(min-width:900px) {
  .cart__header {
    flex-wrap: nowrap
  }
}
.cart__rightColumn {
  grid-column: auto/span 12
}
@media(min-width:900px) {
  .cart__rightColumn {
    grid-column: 2/span 10;
    margin-bottom: 16px
  }
}
@media(max-width:899.98px) {
  .cart__rightColumn {
    margin-top: -24px;
    margin-bottom: 24px
  }
}
@media(min-width:900px) {
  .cart__rightColumn {
    display: block;
    grid-column: 9/span 4;
    grid-row: 1/span 6
  }
}
.cart__rightColumnContainer {
  position: sticky;
  top: 60px;
  z-index: 1
}
@media(max-width:899.98px) {
  .cart__rightColumnContainer {
    margin-top: 32px
  }
}
.cart__fid {
  grid-column: auto/span 12
}
@media(max-width:899.98px) {
  .cart__fid {
    margin-top: 16px
  }
}
@media(min-width:900px) {
  .cart__fid {
    grid-column: 2/span 10
  }
}
.cart__fidBurnContainer .listItem__action,
.cart__fidRewardContainer .listItem__action {
  flex: 0 0 auto;
  justify-items: end
}
.cart__jaugeBar {
  margin: 0 16px
}
.cart__jaugeBar summary {
  cursor: unset
}
.cart__jaugeBar summary .accordion__right {
  opacity: 0
}
.cartLine {
  display: grid;
  grid-template-columns: 110px minmax(10px,1fr);
  grid-column-gap: 20px;
  padding: 20px 12px;
  box-sizing: content-box
}
@media(min-width:600px) {
  .cartLine {
    grid-template-columns: 130px minmax(10px,1fr)
  }
}
@media(min-width:900px) {
  .cartLine {
    padding: 20px 0;
    grid-template-columns: 160px minmax(10px,1fr);
    grid-template-rows: 1fr auto
  }
}
.cartLine__itemImg {
  grid-area: 1/1/3/2
}
.cartLine__itemImgSrc {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  min-height: 190px
}
.cartLine__itemImgLink {
  position: relative;
  display: block
}
.cartLine__itemDescription {
  grid-area: 1/2/2/3;
  display: grid;
  grid-template-columns: 91% 9%
}
@media(min-width:900px) {
  .cartLine__itemDescription {
    grid-template-columns: minmax(auto,91%) 40px
  }
}
.cartLine__itemFooter {
  align-self: end
}
@media(min-width:900px) {
  .cartLine__itemFooter {
    grid-area: 2/2/3/4
  }
}
.cartLine__itemPrice {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%
}
@media(max-width:899.98px) {
  .cartLine__itemPrice.-updateSize {
    flex-direction: column;
    align-items: inherit;
    padding-top: 8px
  }
  .cartLine__itemPrice.-updateSize .cartLine__itemQuantity {
    max-width: 160px;
    margin-bottom: 8px
  }
}
.cartLine__itemPrice.-onlyPrice {
  justify-content: flex-end
}
.cartLine__itemPriceTotal {
  font-weight: 600;
  line-height: initial;
  display: flex;
  align-items: center;
  gap: 8px
}
.cartLine__itemPriceBonus {
  justify-content: flex-end
}
.cartLine__itemName {
  display: flex;
  gap: 4px
}
.cartLine__itemName .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.cartLine__itemGamme {
  line-height: 20px
}
.cartLine__itemDelete.btn {
  background-color: transparent;
  padding: 0;
  align-items: flex-start;
  justify-content: flex-end
}
.cartLine__itemDelete.btn .icon {
  width: 15px;
  height: 15px;
  -webkit-mask-size: contain;
  mask-size: contain
}
.cartLine__itemTotalPrice {
  text-align: right
}
.cartLine__itemCallout {
  margin-top: 4px
}
@media(min-width:600px) {
  .cartLine__itemCallout {
    margin-top: 8px
  }
}
.cartLine__itemCalloutMsg {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 140px
}
@media(min-width:900px) {
  .cartLine__itemCalloutMsg {
    width: -moz-fit-content;
    width: fit-content
  }
}
.cartLine__itemCallout .callout {
  padding-left: 4px
}
.cartLine__itemSizeSelect {
  height: 35px;
  padding: 4px 30px 4px 8px;
  background-color: transparent;
  display: flex;
  align-items: center;
  width: auto
}
.cartLine__itemQuantity {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 12px
}
.cartLine__itemQuantity .form__group {
  margin-bottom: 0;
  width: auto
}
.cartLine__itemQuantity .form__field {
  margin-bottom: 0
}
.cartLine__itemQuantitySelect {
  height: 35px;
  padding: 4px 30px 4px 8px;
  background-color: transparent;
  width: auto
}
.cartLine__itemQuantity .form__selectArrow::after {
  top: 45%;
  transform: rotate(45deg) translateY(-50%)
}
.cartLine__itemPromoTotalNumber {
  display: inline-block
}
.cartLine__virtualGiftContainer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start
}
.cartLine__virtualGiftContainerRemove {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 12px
}
.cartLine__virtualGiftInfo {
  margin-bottom: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%
}
.cartLine__productNotAvailable {
  position: relative
}
.cartLine__productNotAvailable::before {
  content: "";
  position: absolute;
  background-color: rgba(255,255,255,.4);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}
.cartLine + .cartLine {
  margin-top: 4px
}
.cart__emptyIllu {
  width: 160px;
  height: 160px
}
.cart__emptyWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1240px;
  margin: auto;
  margin-top: 96px
}
.cart__emptyIcon {
  font-size: 1.625rem
}
.cart__emptyBlock + .cart__emptyBlock {
  margin-top: 40px
}
.cart .productLine__infos .productLine__infosText .-quantity {
  display: none
}
.cart__nav .tab.hide {
  opacity: 0;
  pointer-events: none
}
.cartBox__ErrorMsgParagraph {
  line-height: 20px
}
.aspect-ratio,
.productLine.persoApp .productLine__imgContainer {
  aspect-ratio: .6666666667
}
.aspect-ratio img,
.productLine.persoApp .productLine__imgContainer img {
  -o-object-fit: cover;
  object-fit: cover
}
@supports not (aspect-ratio:1) {
  .aspect-ratio:not(img),
  .productLine.persoApp .productLine__imgContainer:not(img) {
    position: relative;
    height: auto
  }
  .aspect-ratio:not(img)::before,
  .productLine.persoApp .productLine__imgContainer:not(img)::before {
    float: left;
    padding-top: 150%;
    content: " ";
    display: block
  }
  .aspect-ratio:not(img)::after,
  .productLine.persoApp .productLine__imgContainer:not(img)::after {
    display: block;
    content: " ";
    clear: both
  }
  .aspect-ratio:not(img) > :not(dialog),
  .productLine.persoApp .productLine__imgContainer:not(img) > :not(dialog) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
  }
}
#joinWidget {
  margin: 5px 2px;
  min-height: 200px;
  width: 100%
}
.isEmpty {
  display: none
}
.hasContent {
  display: block
}
@media(min-aspect-ratio > 3/4) {
  #joinWidget {
    min-height: 200px
  }
}
.-hideEtam {
  display: none!important
}
.form__group {
  position: relative
}
.form__radio + label {
  padding-left: 24px
}
.form__radio + label::before {
  height: 20px;
  width: 20px
}
.form__radio + label::after {
  width: 6px;
  height: 6px;
  top: 9px;
  left: 7px
}
.form__radio:hover + .form__label-background::before {
  background-color: #0b1215
}
.badge {
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 4px 9px 3px;
  background: #eb5445;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 13px;
  display: inline-block;
  border-radius: 0
}
.badge.-promo {
  background: #f9d0db;
  color: #eb5445
}
.loadBlock {
  position: fixed;
  inset: 0;
  animation: loadBlockAppear ease .5s forwards;
  z-index: 8
}
@keyframes loadBlockAppear {
  from {
    background: #fff0;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0)
  }
  to {
    background: #fffFFFb5;
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px)
  }
}
.loaderContainer {
  text-align: center
}
.loading {
  transition: none
}
.loading.position-fixed::after {
  content: "";
  display: block;
  position: fixed;
  inset: 0;
  animation: backgroundBlink 1.5s linear infinite;
  z-index: 9
}
.loading.position-fixed > .loader-element {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 10
}
.loading.iconOnly {
  min-height: 48px
}
.loading.margin .loader-element {
  margin: 20px
}
.loading .loader-element {
  display: inline-block;
  width: 65px;
  height: 65px;
  background: url("../images/loader-etam.svg") no-repeat center;
  background-size: contain;
  grid-column: span 12
}
.loading .loader-element.black {
  background-image: url("../images/loader-etam-black.svg")
}
.loading.button,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.loading[type=submit] {
  font-size: 0
}
.loading.button :not(.loader-element),
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.loading[type=submit] :not(.loader-element) {
  font-size: 0
}
.loading.button .loader-element,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.loading[type=submit] .loader-element {
  position: absolute;
  opacity: 1;
  max-width: 75%;
  max-height: 75%
}
.loading.button .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.loading[type=submit] .icon {
  display: none
}
.loading.offcanvas,
.loading.panel,
.loading.toast {
  background: #fdfdfd
}
.loading.offcanvas .loader-element,
.loading.panel .loader-element,
.loading.toast .loader-element {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%)
}
.loading.offcanvas .panel__wrapper::after,
.loading.panel .panel__wrapper::after,
.loading.toast .panel__wrapper::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  animation: backgroundBlink 1.5s linear infinite;
  z-index: 2
}
.loading.productGallery__picture .loader-element {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%)
}
.loading.page::after,
.loading.pageDesigner__componentLink::after {
  content: "";
  display: block;
  position: fixed;
  inset: 0;
  animation: backgroundBlink 1.5s linear infinite;
  z-index: 9
}
.loading.page > .loader-element,
.loading.pageDesigner__componentLink > .loader-element {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 10
}
.-conversion.-animated.-disabled.loading .loader-element {
  background-image: url("../assets/asset-39.svg")
}
@media screen and (width > 769px) {
  .-animated:hover:not(.-primary.-white).loading .loader-element {
    background-image: url("../assets/asset-39.svg")
  }
  .-animated:hover:not(.-primary.-white).loading .loader-element.black {
    background-image: url("../assets/asset-40.svg")
  }
}
@keyframes backgroundBlink {
  0% {
    background: rgba(0,0,0,.2)
  }
  50% {
    background: rgba(0,0,0,.4)
  }
  100% {
    background: rgba(0,0,0,.2)
  }
}
.freeShipping__bar {
  background-color: #dde1e6
}
.miniCart__product {
  border-bottom: 1px solid #dde1e6
}
.miniCart__imagePreorder {
  background: #f2f4f8
}
.quickAddToCart__size.loading .loader-element {
  background-size: 95% 95%
}
.panelATC__infoContent .panelATC__nameProduct {
  font-family: REM,sans-serif;
  text-transform: uppercase
}
@media(max-width:899.98px) {
  .panelATC__infoContent .panelATC__nameProduct {
    font-family: REM,sans-serif
  }
}
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .panelATC__addToCart input[type=submit],
.panelATC__addToCart .button,
.panelATC__addToCart .button.-large,
.panelATC__addToCart .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit] {
  font-family: REM,sans-serif;
  text-transform: uppercase
}
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .panelQV__btnContainer input[type=submit],
.panelQV__btnContainer .button,
.panelQV__btnContainer .button.-large,
.panelQV__btnContainer .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit] {
  font-family: REM,sans-serif;
  text-transform: uppercase
}
.stepbar__step::before {
  height: 2px
}
.u-promo-color {
  color: #eb5445
}
.productMarker__icon {
  border-radius: 0
}
.productMarker__iconLabel {
  border-radius: 0
}
#panelSizeSelector .bottomSheetContent .actionButtonContainer .button,
#panelSizeSelector .bottomSheetContent .actionButtonContainer .button.-large,
#panelSizeSelector .bottomSheetContent .actionButtonContainer .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield #panelSizeSelector .bottomSheetContent .actionButtonContainer input[type=submit] {
  font-family: REM,sans-serif;
  text-transform: uppercase
}
.productLine__nameProd {
  text-transform: uppercase
}
.productLine__nameProd.product-02 {
  font-family: REM,sans-serif;
  text-transform: uppercase
}
.productCard__infosContentNameTitle .productCard__nameTitle {
  text-transform: uppercase
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100% - var(--scrollbar-width))
}
.header.-subMenuOpen:not(.-productPage),
.header:not([class*=-transparent]):not(.-productPage) {
  background: #fdfdfd
}
@media(min-width:900px) {
  .header {
    overflow: inherit
  }
  .header.-transparent:hover .headerMenu__link.-color {
    color: #eb5445
  }
}
.header__logoLink {
  display: block
}
.header__logoImage {
  margin-top: 6px
}
.header__logoImage.-active {
  display: block
}
.header__logoImage.-hidden {
  display: none
}
@media(min-width:900px) {
  .header__logoImage {
    max-width: 125px;
    max-height: 32px;
    margin-top: 2px
  }
  .header.-searchPage .header__logoImage {
    max-width: 100%;
    padding-right: 16px
  }
}
.header__icon {
  align-self: stretch;
  position: relative
}
.header__icon.-account.-connected::before {
  right: 0;
  top: 8px
}
@media(min-width:900px) {
  .header__icon.-account.-connected::before {
    right: 2px;
    top: 20px
  }
}
.header__icon.-hover .icon {
  color: #a2a9b0
}
.header__iconAnimation {
  top: 32px
}
@media(min-width:900px) {
  .header__iconAnimation {
    top: 40px
  }
}
@keyframes accountLogoBounceMobile {
  0% {
    transform: translateY(0)
  }
  50% {
    transform: translateY(-17px)
  }
  100% {
    transform: translateY(0)
  }
}
@keyframes accountLogoBounce {
  0% {
    transform: translateY(0)
  }
  50% {
    transform: translateY(-25px)
  }
  100% {
    transform: translateY(0)
  }
}
.header .avatar,
.header__iconLink {
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer
}
@media(hover:hover)and (pointer:fine) {
  .header .avatar:hover .icon,
  .header__iconLink:hover .icon {
    color: #a2a9b0
  }
}
.header__iconUser {
  font-family: Inter,sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0
}
@media(max-width:899.98px) {
  .headerMenu__link {
    font-weight: 600
  }
  .headerMenu__listItem:not(.-active) .headerMenu__link {
    font-weight: 400
  }
}
.headerMenu__name {
  font-family: REM,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0;
  font-size: 13px
}
@media(min-width:900px) {
  .headerMenu__name {
    text-transform: uppercase
  }
}
@media(min-width:900px) {
  .subMenu__link.-special_style .subMenu__name {
    font-size: .8125rem
  }
}
.subMenu__name {
  font-family: REM,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0
}
.ghost.productPage .breadcrumb {
  margin: 20px 1.5%
}
.ghost.productPage .rest .buttons {
  border-radius: 16px
}