@charset "UTF-8";
.shadow-01 {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

.shadow-02 {
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.1);
}

.shadow-03 {
  box-shadow: 0 24px 34px rgba(0, 0, 0, 0.1);
}

.blur-01 {
  filter: blur(4px);
}

@font-face {
  font-family: Recoleta;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/Recoleta-Bold.948287b2.woff2") format("woff2"), url("/Recoleta-Bold.f3c0c0f3.otf") format("opentype");
}
@font-face {
  font-family: "Baton Turbo";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/BatonTurbo-Regular.db1f0573.woff2") format("woff2"), url("/BatonTurbo-Regular.8c097ca9.otf") format("opentype");
}
@font-face {
  font-family: "Baton Turbo";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/BatonTurbo-Medium.34f5cb85.woff2") format("woff2"), url("/BatonTurbo-Medium.a5db3c9e.otf") format("opentype");
}
@font-face {
  font-family: "Baton Turbo";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/BatonTurbo-Bold.a1086e22.woff2") format("woff2"), url("/BatonTurbo-Bold.709a27f5.otf") format("opentype");
}
.body-01 {
  font-family: "Baton Turbo", arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
}

.body-02,
.dropdownBloc .dbItemCol .dbItemRenderer {
  font-family: "Baton Turbo", arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}

.body-03,
.dropdownBloc .dbItemCol .dbItemRenderer.db-l {
  font-family: "Baton Turbo", arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

.body-strong-01 {
  font-family: "Baton Turbo", arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0;
}

.body-strong-02 {
  font-family: "Baton Turbo", arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
}

.body-strong-03 {
  font-family: "Baton Turbo", arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
}

.caption-01 {
  font-family: "Baton Turbo", arial;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0;
}

.caption-02 {
  font-family: "Baton Turbo", arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
}

.caption-strong-01 {
  font-family: "Baton Turbo", arial;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0;
}

.caption-strong-02 {
  font-family: "Baton Turbo", arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0;
}

.link-01 {
  font-family: "Baton Turbo", arial;
  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: "Baton Turbo", arial;
  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: "Baton Turbo", arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

.title-02 {
  font-family: "Baton Turbo", arial;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0;
}

.title-03 {
  font-family: "Baton Turbo", arial;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0;
}

.title-strong-01 {
  font-family: "Baton Turbo", arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0;
}

.title-strong-02 {
  font-family: "Baton Turbo", arial;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0;
}

.title-strong-03 {
  font-family: "Baton Turbo", arial;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0;
}

.title-alt-01 {
  font-family: "Recoleta", arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0;
}

.title-alt-02 {
  font-family: "Recoleta", arial;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0;
}

.title-alt-03 {
  font-family: "Recoleta", arial;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0;
}

.heading-01 {
  font-family: "Baton Turbo", arial;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0;
}

.heading-02 {
  font-family: "Baton Turbo", arial;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0;
}

.heading-03 {
  font-family: "Baton Turbo", arial;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: 0;
}

.heading-alt-01 {
  font-family: "Recoleta", arial;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0;
}

.heading-alt-02 {
  font-family: "Recoleta", arial;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0;
}

.heading-alt-03 {
  font-family: "Recoleta", arial;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: 0;
}

.product-01 {
  font-family: "Baton Turbo", arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
}

.product-02 {
  font-family: "Baton Turbo", arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}

.product-03 {
  font-family: "Baton Turbo", arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
}

.product-04 {
  font-family: "Baton Turbo", arial;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0;
}

.collection-01 {
  font-family: "Baton Turbo", arial;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0;
}

.collection-02 {
  font-family: "Baton Turbo", arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
}

.collection-03 {
  font-family: "Baton Turbo", arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}

.price-01 {
  font-family: "Baton Turbo", arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
}

.price-02 {
  font-family: "Baton Turbo", arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}

.price-03 {
  font-family: "Baton Turbo", arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

.price-04 {
  font-family: "Baton Turbo", arial;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0;
}

.price-slashed-01 {
  font-family: "Baton Turbo", arial;
  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: "Baton Turbo", arial;
  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: "Baton Turbo", arial;
  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: "Baton Turbo", arial;
  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: "Baton Turbo", arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  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-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: #f1c21b;
  --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: 2px;
  --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 ;
}
[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("/icon-facebook.3768f738.svg");
  background-color: transparent !important;
}

.icon-facebook-white {
  background-image: url("/icon-facebook-white.5698e0a3.svg");
  background-color: transparent !important;
}

.icon-google {
  background-image: url("/icon-google.c9b426b3.svg");
  background-color: transparent !important;
}

.icon-googlepay {
  background-image: url("/icon-googlepay.25cabedf.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("/icon-playstore.1fc1aa09.svg");
  background-color: transparent;
}

.icon-appstore {
  background-image: url("/icon-appstore.713f838d.svg");
  background-color: transparent;
}

.icon-insta {
  background-image: url("/icon-insta.497fb5b3.svg");
  background-color: transparent !important;
}

.icon-insta-white {
  background-image: url("/icon-insta-white.e9cd4d06.svg");
  background-color: transparent !important;
}

.icon-klarna {
  background-image: url("/icon-klarna.0586e8c5.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("/icon-lydia.ac08aad6.svg");
  background-color: transparent !important;
}

.icon-mastercard {
  background-image: url("/icon-mastercard.80036c88.svg");
  background-color: transparent !important;
}

.icon-messenger {
  background-image: url("/icon-messenger.0b28d80f.svg");
  background-color: transparent !important;
}

.icon-paypal {
  background-image: url("/icon-paypal.d9947747.svg");
  background-color: transparent !important;
}

.icon-cashondelivery {
  background-image: url("/icon-cashondelivery.100cb4c7.svg");
  background-color: transparent !important;
}

.icon-pinterest {
  background-image: url("/icon-pinterest.e667402c.svg");
  background-color: transparent !important;
}

.icon-pinterest-white {
  background-image: url("/icon-pinterest-white.55489380.svg");
  background-color: transparent !important;
}

.icon-snapchat {
  background-image: url("/icon-snapchat.388ba634.svg");
  background-color: transparent !important;
}

.icon-snapchat-white {
  background-image: url("/icon-snapchat-white.555f8506.svg");
  background-color: transparent !important;
}

.icon-twitter {
  background-image: url("/icon-twitter.da39fea4.svg");
  background-color: transparent !important;
}

.icon-twitter-white {
  background-image: url("/icon-twitter-white.4a09f950.svg");
  background-color: transparent !important;
}

.icon-whatsapp {
  background-image: url("/icon-whatsapp.6360ca25.svg");
  background-color: transparent !important;
}

.icon-youtube {
  background-image: url("/icon-youtube.2db50526.svg");
  background-color: transparent !important;
}

.icon-youtube-white {
  background-image: url("/icon-youtube-white.34089ddf.svg");
  background-color: transparent !important;
}

.icon-wecare {
  -webkit-mask-image: url("/icon-wecare.651ebb93.svg");
  mask-image: url("/icon-wecare.651ebb93.svg");
  background-color: #9ab2a2 !important;
}

.icon-wecare-2 {
  background-image: url("/icon-wecare2.6d8d1689.svg");
  background-color: transparent !important;
}

.icon-cb {
  background-image: url("/icon-cb.2b559991.svg");
  background-color: transparent !important;
}

.icon-cb.-xsmall {
  width: 28px;
}

.icon-cb.-small {
  width: 37px;
}

.icon-cb.-smedium {
  width: 47px;
}

.icon-cb.-medium {
  width: 56px;
}

.icon-cb.-large {
  width: 74px;
}

.icon-bancontact,
.icon-bcmc {
  background-image: url("/icon-bancontact.3210b8c8.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("/icon-amex.af3f88ed.svg");
  background-color: transparent !important;
}

.icon-maestro {
  background-image: url("/icon-maestro.51153cac.svg");
  background-color: transparent !important;
}

.icon-sofort {
  background-image: url("/icon-sofort.8c3e4f75.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("/icon-przlewy24.fbac5d07.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("/icon-giropay.722fa043.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("/icon-diners.5abf0730.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("/icon-twint.612d6274.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("/icon-blik.ad77e4a0.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("/icon-mnp.5239b67f.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("/icon-applepay.a686b1ca.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("/icon-visa.84b50f05.svg");
  background-color: transparent !important;
}

.icon-geolocfill {
  background-image: url("/icon-geolocfill.adacdf78.svg");
  background-color: transparent !important;
}

.icon-klarna-monochrome {
  -webkit-mask-image: url("/icon-klarna-monochrome.433346d5.svg");
  mask-image: url("/icon-klarna-monochrome.433346d5.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("/icon-alma.24fad11d.svg");
  mask-image: url("/icon-alma.24fad11d.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-android {
  -webkit-mask-image: url("/icon-android.a86cf713.svg");
  mask-image: url("/icon-android.a86cf713.svg");
}

.icon-apple {
  -webkit-mask-image: url("/icon-apple.9d9fabd4.svg");
  mask-image: url("/icon-apple.9d9fabd4.svg");
}

.icon-blanchiment_aucun {
  -webkit-mask-image: url("/icon-blanchiment_aucun.8d699c3d.svg");
  mask-image: url("/icon-blanchiment_aucun.8d699c3d.svg");
}

.icon-blanchiment_oxygenees_uniquement,
.icon-lavage-vide-no {
  -webkit-mask-image: url("/icon-blanchiment_oxygenees_uniquement.4d361142.svg");
  mask-image: url("/icon-blanchiment_oxygenees_uniquement.4d361142.svg");
}

.icon-blanchiment_tous_type {
  -webkit-mask-image: url("/icon-blanchiment_tous_type.d8a1fbea.svg");
  mask-image: url("/icon-blanchiment_tous_type.d8a1fbea.svg");
}

.icon-cycle_modere_30 {
  -webkit-mask-image: url("/icon-cycle_modere_30.e5a33da9.svg");
  mask-image: url("/icon-cycle_modere_30.e5a33da9.svg");
}

.icon-cycle_modere_40 {
  -webkit-mask-image: url("/icon-cycle_modere_40.5a59cbed.svg");
  mask-image: url("/icon-cycle_modere_40.5a59cbed.svg");
}

.icon-cycle_modere_50 {
  -webkit-mask-image: url("/icon-cycle_modere_50.890cce04.svg");
  mask-image: url("/icon-cycle_modere_50.890cce04.svg");
}

.icon-cycle_modere_60 {
  -webkit-mask-image: url("/icon-cycle_modere_60.549ec0a8.svg");
  mask-image: url("/icon-cycle_modere_60.549ec0a8.svg");
}

.icon-cycle_modere_70 {
  -webkit-mask-image: url("/icon-cycle_modere_70.b336a62e.svg");
  mask-image: url("/icon-cycle_modere_70.b336a62e.svg");
}

.icon-cycle_modere_90 {
  -webkit-mask-image: url("/icon-cycle_modere_90.3f62392d.svg");
  mask-image: url("/icon-cycle_modere_90.3f62392d.svg");
}

.icon-cycle_modere_95 {
  -webkit-mask-image: url("/icon-cycle_modere_95.f467dd9a.svg");
  mask-image: url("/icon-cycle_modere_95.f467dd9a.svg");
}

.icon-cycle_normal_30 {
  -webkit-mask-image: url("/icon-cycle_normal_30.7b3d6145.svg");
  mask-image: url("/icon-cycle_normal_30.7b3d6145.svg");
}

.icon-cycle_normal_40 {
  -webkit-mask-image: url("/icon-cycle_normal_40.947d5722.svg");
  mask-image: url("/icon-cycle_normal_40.947d5722.svg");
}

.icon-cycle_normal_50 {
  -webkit-mask-image: url("/icon-cycle_normal_50.5863ddd4.svg");
  mask-image: url("/icon-cycle_normal_50.5863ddd4.svg");
}

.icon-cycle_normal_60 {
  -webkit-mask-image: url("/icon-cycle_normal_60.a632d77d.svg");
  mask-image: url("/icon-cycle_normal_60.a632d77d.svg");
}

.icon-cycle_normal_70 {
  -webkit-mask-image: url("/icon-cycle_normal_70.1edfae78.svg");
  mask-image: url("/icon-cycle_normal_70.1edfae78.svg");
}

.icon-cycle_normal_90 {
  -webkit-mask-image: url("/icon-cycle_normal_90.01a9f483.svg");
  mask-image: url("/icon-cycle_normal_90.01a9f483.svg");
}

.icon-cycle_normal_95 {
  -webkit-mask-image: url("/icon-cycle_normal_95.5eb0f78a.svg");
  mask-image: url("/icon-cycle_normal_95.5eb0f78a.svg");
}

.icon-cycle_tres_modere_30 {
  -webkit-mask-image: url("/icon-cycle_tres_modere_30.caa80359.svg");
  mask-image: url("/icon-cycle_tres_modere_30.caa80359.svg");
}

.icon-cycle_tres_modere_40 {
  -webkit-mask-image: url("/icon-cycle_tres_modere_40.0d995b66.svg");
  mask-image: url("/icon-cycle_tres_modere_40.0d995b66.svg");
}

.icon-cycle_tres_modere_70 {
  -webkit-mask-image: url("/icon-cycle_tres_modere_70.60805e82.svg");
  mask-image: url("/icon-cycle_tres_modere_70.60805e82.svg");
}

.icon-entretien_pro_a_sec_aucun {
  -webkit-mask-image: url("/icon-entretien_pro_a_sec_aucun.39aed2d5.svg");
  mask-image: url("/icon-entretien_pro_a_sec_aucun.39aed2d5.svg");
}

.icon-entretien_pro_a_sec_eau {
  -webkit-mask-image: url("/icon-entretien_pro_a_sec_eau.e5ac6cf8.svg");
  mask-image: url("/icon-entretien_pro_a_sec_eau.e5ac6cf8.svg");
}

.icon-entretien_pro_a_sec_produit_petroilier_eau {
  -webkit-mask-image: url("/icon-entretien_pro_a_sec_produit_petroilier_eau.380f568a.svg");
  mask-image: url("/icon-entretien_pro_a_sec_produit_petroilier_eau.380f568a.svg");
}

.icon-entretien_pro_a_sec_produit_petroliers {
  -webkit-mask-image: url("/icon-entretien_pro_a_sec_produit_petroliers.d8022829.svg");
  mask-image: url("/icon-entretien_pro_a_sec_produit_petroliers.d8022829.svg");
}

.icon-entretien_pro_a_sec_produit_ttrachloroethylene_eau {
  -webkit-mask-image: url("/icon-entretien_pro_a_sec_produit_ttrachloroethylene_eau.8a6152ab.svg");
  mask-image: url("/icon-entretien_pro_a_sec_produit_ttrachloroethylene_eau.8a6152ab.svg");
}

.icon-entretien_pro_a_sec_solvant {
  -webkit-mask-image: url("/icon-entretien_pro_a_sec_solvant.413df4d6.svg");
  mask-image: url("/icon-entretien_pro_a_sec_solvant.413df4d6.svg");
}

.icon-auditedWorkshop {
  -webkit-mask-image: url("/icon-feature-sewing.f5fa31e4.svg");
  mask-image: url("/icon-feature-sewing.f5fa31e4.svg");
}

.icon-naturalMaterial {
  -webkit-mask-image: url("/icon-feature-coton.05de70f3.svg");
  mask-image: url("/icon-feature-coton.05de70f3.svg");
}

.icon-recycledMaterial {
  -webkit-mask-image: url("/icon-feature-tshirt.c5e5f8af.svg");
  mask-image: url("/icon-feature-tshirt.c5e5f8af.svg");
}

.icon-madeInEurope {
  -webkit-mask-image: url("/icon-feature-europe.b74be302.svg");
  mask-image: url("/icon-feature-europe.b74be302.svg");
}

.icon-certifiedGRS {
  -webkit-mask-image: url("/icon-feature-check.05b29a37.svg");
  mask-image: url("/icon-feature-check.05b29a37.svg");
}

.icon-certifiedGOTS {
  -webkit-mask-image: url("/icon-feature-GOTS.0e9ff782.svg");
  mask-image: url("/icon-feature-GOTS.0e9ff782.svg");
}

.icon-certifiedEuropeanFlax {
  -webkit-mask-image: url("/icon-feature-check.05b29a37.svg");
  mask-image: url("/icon-feature-check.05b29a37.svg");
}

.icon-lenzingEcovero {
  -webkit-mask-image: url("/icon-feature-check.05b29a37.svg");
  mask-image: url("/icon-feature-check.05b29a37.svg");
}

.icon-certifiedRWS {
  -webkit-mask-image: url("/icon-feature-check.05b29a37.svg");
  mask-image: url("/icon-feature-check.05b29a37.svg");
}

.icon-certifiedOCS {
  -webkit-mask-image: url("/icon-feature-check.05b29a37.svg");
  mask-image: url("/icon-feature-check.05b29a37.svg");
}

.icon-certifiedMasterOfLinen {
  -webkit-mask-image: url("/icon-feature-check.05b29a37.svg");
  mask-image: url("/icon-feature-check.05b29a37.svg");
}

.icon-personnalisable {
  -webkit-mask-image: url("/icon-feature-perso.8ece2cc0.svg");
  mask-image: url("/icon-feature-perso.8ece2cc0.svg");
}

.icon-webExclusivity {
  -webkit-mask-image: url("/icon-feature-exclu-web.92a234b3.svg");
  mask-image: url("/icon-feature-exclu-web.92a234b3.svg");
}

.icon-repassage_max_110,
.icon-icon-repassage_max_150 {
  -webkit-mask-image: url("/icon-icon-icon-repassage_max_150.4815f9ae.svg");
  mask-image: url("/icon-icon-icon-repassage_max_150.4815f9ae.svg");
}

.icon-lavage_main_max_40 {
  -webkit-mask-image: url("/icon-lavage_main_max_40.f90c62fd.svg");
  mask-image: url("/icon-lavage_main_max_40.f90c62fd.svg");
}

.icon-lavage-small {
  -webkit-mask-image: url("/icon-lavage-small.effdecf0.svg");
  mask-image: url("/icon-lavage-small.effdecf0.svg");
}

.icon-ne_pas_laver {
  -webkit-mask-image: url("/icon-ne_pas_laver.f2e191cd.svg");
  mask-image: url("/icon-ne_pas_laver.f2e191cd.svg");
}

.icon-repassage_aucun {
  -webkit-mask-image: url("/icon-repassage_aucun.b4a6c5cb.svg");
  mask-image: url("/icon-repassage_aucun.b4a6c5cb.svg");
}

.icon-repassage_max_150 {
  -webkit-mask-image: url("/icon-repassage_max_150.a39c5fd5.svg");
  mask-image: url("/icon-repassage_max_150.a39c5fd5.svg");
}

.icon-repassage_max_200 {
  -webkit-mask-image: url("/icon-repassage_max_200.a4da2447.svg");
  mask-image: url("/icon-repassage_max_200.a4da2447.svg");
}

.icon-sw13 {
  -webkit-mask-image: url("/icon-sw13.3b857236.svg");
  mask-image: url("/icon-sw13.3b857236.svg");
}

.icon-icon-sw17 {
  -webkit-mask-image: url("/icon-icon-sw17.809641c6.svg");
  mask-image: url("/icon-icon-sw17.809641c6.svg");
}

.icon-sw23 {
  -webkit-mask-image: url("/icon-sw23.9770ed4c.svg");
  mask-image: url("/icon-sw23.9770ed4c.svg");
}

.icon-sw30 {
  -webkit-mask-image: url("/icon-sw30.40c212ec.svg");
  mask-image: url("/icon-sw30.40c212ec.svg");
}

.icon-tambour_sechage_80 {
  -webkit-mask-image: url("/icon-tambour_sechage_80.4fc89cc4.svg");
  mask-image: url("/icon-tambour_sechage_80.4fc89cc4.svg");
}

.icon-account {
  -webkit-mask-image: url("/icon-account.943623ba.svg");
  mask-image: url("/icon-account.943623ba.svg");
}

.icon-accountfull {
  -webkit-mask-image: url("/icon-accountfull.d5d47e86.svg");
  mask-image: url("/icon-accountfull.d5d47e86.svg");
}

.icon-arrowup,
.footer .titleItemFooter::after,
.icon-arrowleft,
.icon-arrowdown,
.icon-arrowright,
.subMenu__item.-child .subMenu__link::after {
  -webkit-mask-image: url("/icon-arrowup.49f32a82.svg");
  mask-image: url("/icon-arrowup.49f32a82.svg");
}

.icon-arrow {
  -webkit-mask-image: url("/icon-arrow.a4f7890b.svg");
  mask-image: url("/icon-arrow.a4f7890b.svg");
}

.icon-basket {
  -webkit-mask-image: url("/icon-basket.be7d90b9.svg");
  mask-image: url("/icon-basket.be7d90b9.svg");
}

.icon-basket-wishlist {
  -webkit-mask-image: url("/icon-basket-wishlist.fb5347d7.svg");
  mask-image: url("/icon-basket-wishlist.fb5347d7.svg");
}

.icon-basketfull {
  -webkit-mask-image: url("/icon-basketfull.255e4587.svg");
  mask-image: url("/icon-basketfull.255e4587.svg");
}

.icon-basketshare {
  -webkit-mask-image: url("/icon-basketshare.f59e2c70.svg");
  mask-image: url("/icon-basketshare.f59e2c70.svg");
}

.icon-burgermenu {
  -webkit-mask-image: url("/icon-burgermenu.82a2de44.svg");
  mask-image: url("/icon-burgermenu.82a2de44.svg");
}

.icon-burn {
  -webkit-mask-image: url("/icon-burn.1ee113b0.svg");
  mask-image: url("/icon-burn.1ee113b0.svg");
}

.icon-calendar {
  -webkit-mask-image: url("/icon-calendar.a1a98fd2.svg");
  mask-image: url("/icon-calendar.a1a98fd2.svg");
}

.icon-challenge {
  -webkit-mask-image: url("/icon-challenge.a79eff64.svg");
  mask-image: url("/icon-challenge.a79eff64.svg");
}

.icon-chatbot {
  -webkit-mask-image: url("/icon-chatbot.61843ca6.svg");
  mask-image: url("/icon-chatbot.61843ca6.svg");
}

.icon-check,
.forgottenPasswordPanel__passwordCheckItem.-valid .forgottenPasswordPanel__passwordCheckIcon,
.splittedAuthPanel__passwordCheckItem.-valid .splittedAuthPanel__passwordCheckIcon,
.authPanel__passwordCheckItem.-valid .authPanel__passwordCheckIcon,
.checkbox__input:disabled:checked::after,
.checkbox__input::after {
  -webkit-mask-image: url("/icon-check.f311ae5c.svg");
  mask-image: url("/icon-check.f311ae5c.svg");
}

.icon-checkfill {
  -webkit-mask-image: url("/icon-checkfill.83e2767a.svg");
  mask-image: url("/icon-checkfill.83e2767a.svg");
}

.icon-cookie {
  -webkit-mask-image: url("/icon-cookie.0abb4e6f.svg");
  mask-image: url("/icon-cookie.0abb4e6f.svg");
}

.icon-layout-classic {
  -webkit-mask-image: url("/icon-layout-classic.7b3a0ccb.svg");
  mask-image: url("/icon-layout-classic.7b3a0ccb.svg");
}

.icon-layout-classic-active {
  -webkit-mask-image: url("/icon-layout-classic-active.c0d4bab4.svg");
  mask-image: url("/icon-layout-classic-active.c0d4bab4.svg");
}

.icon-clicandcollect {
  -webkit-mask-image: url("/icon-clicandcollect.94a72729.svg");
  mask-image: url("/icon-clicandcollect.94a72729.svg");
}

.icon-close {
  -webkit-mask-image: url("/icon-close.17cb3a09.svg");
  mask-image: url("/icon-close.17cb3a09.svg");
}

.icon-contactform {
  -webkit-mask-image: url("/icon-contactform.f199fb33.svg");
  mask-image: url("/icon-contactform.f199fb33.svg");
}

.icon-creditcard {
  -webkit-mask-image: url("/icon-creditcard.1ee0bf41.svg");
  mask-image: url("/icon-creditcard.1ee0bf41.svg");
}

.icon-delivery {
  -webkit-mask-image: url("/icon-delivery.57e97c7d.svg");
  mask-image: url("/icon-delivery.57e97c7d.svg");
}

.icon-edit {
  -webkit-mask-image: url("/icon-edit.9d5668d1.svg");
  mask-image: url("/icon-edit.9d5668d1.svg");
}

.icon-error {
  -webkit-mask-image: url("/icon-error.cfa78b70.svg");
  mask-image: url("/icon-error.cfa78b70.svg");
}

.icon-filter {
  -webkit-mask-image: url("/icon-filter.007d0af2.svg");
  mask-image: url("/icon-filter.007d0af2.svg");
}

.icon-geoloc {
  -webkit-mask-image: url("/icon-geoloc.0c6cc11c.svg");
  mask-image: url("/icon-geoloc.0c6cc11c.svg");
}

.icon-gift {
  -webkit-mask-image: url("/icon-gift.1e80829f.svg");
  mask-image: url("/icon-gift.1e80829f.svg");
}

.icon-giftcard {
  -webkit-mask-image: url("/icon-giftcard.7e92a610.svg");
  mask-image: url("/icon-giftcard.7e92a610.svg");
}

.icon-hanger {
  -webkit-mask-image: url("/icon-hanger.3405bc8a.svg");
  mask-image: url("/icon-hanger.3405bc8a.svg");
}

.icon-heart {
  -webkit-mask-image: url("/icon-heart.1ae50a59.svg");
  mask-image: url("/icon-heart.1ae50a59.svg");
}

.icon-heartfill {
  -webkit-mask-image: url("/icon-heartfill.22a763ab.svg");
  mask-image: url("/icon-heartfill.22a763ab.svg");
}

.icon-home {
  -webkit-mask-image: url("/icon-home.93cf2fdf.svg");
  mask-image: url("/icon-home.93cf2fdf.svg");
}

.icon-information {
  -webkit-mask-image: url("/icon-information.a2ac0caf.svg");
  mask-image: url("/icon-information.a2ac0caf.svg");
}

.icon-layout-detailed-mobile {
  -webkit-mask-image: url("/icon-layout-detailed-mobile.53c61ce8.svg");
  mask-image: url("/icon-layout-detailed-mobile.53c61ce8.svg");
}

.icon-layout-detailed {
  -webkit-mask-image: url("/icon-layout-detailed.fb347aef.svg");
  mask-image: url("/icon-layout-detailed.fb347aef.svg");
}

.icon-layout-detailed-active {
  -webkit-mask-image: url("/icon-layout-detailed-active.beb29dea.svg");
  mask-image: url("/icon-layout-detailed-active.beb29dea.svg");
}

.icon-layout-mobile {
  -webkit-mask-image: url("/icon-layout-mobile.ccb38441.svg");
  mask-image: url("/icon-layout-mobile.ccb38441.svg");
}

.icon-less {
  -webkit-mask-image: url("/icon-less.08da75ad.svg");
  mask-image: url("/icon-less.08da75ad.svg");
}

.icon-lock {
  -webkit-mask-image: url("/icon-lock.30453b8e.svg");
  mask-image: url("/icon-lock.30453b8e.svg");
}

.icon-logout {
  -webkit-mask-image: url("/icon-logout.742ae4d5.svg");
  mask-image: url("/icon-logout.742ae4d5.svg");
}

.icon-lowstock {
  -webkit-mask-image: url("/icon-lowstock.d9285ee6.svg");
  mask-image: url("/icon-lowstock.d9285ee6.svg");
}

.icon-lowquantity {
  -webkit-mask-image: url("/icon-lowquantity.1d46ed85.svg");
  mask-image: url("/icon-lowquantity.1d46ed85.svg");
}

.icon-loyalty {
  -webkit-mask-image: url("/icon-loyalty.afb691bc.svg");
  mask-image: url("/icon-loyalty.afb691bc.svg");
}

.icon-loyalty-01 {
  background-image: url("/icon-loyalty-01.e69baecb.svg");
  background-color: transparent !important;
}

.icon-loyalty-03 {
  background-image: url("/icon-loyalty-03.986037ac.svg");
  background-color: transparent !important;
}

.icon-loyalty-05 {
  background-image: url("/icon-loyalty-05.8a4bfbf0.svg");
  background-color: transparent !important;
}

.icon-loyaltycard {
  -webkit-mask-image: url("/icon-loyaltycard.83e8c8e4.svg");
  mask-image: url("/icon-loyaltycard.83e8c8e4.svg");
}

.icon-mail {
  -webkit-mask-image: url("/icon-mail.22fee606.svg");
  mask-image: url("/icon-mail.22fee606.svg");
}

.icon-moreoptions {
  -webkit-mask-image: url("/icon-moreoptions.4947046a.svg");
  mask-image: url("/icon-moreoptions.4947046a.svg");
}

.icon-layout-mosaic {
  -webkit-mask-image: url("/icon-layout-mosaic.24214d9b.svg");
  mask-image: url("/icon-layout-mosaic.24214d9b.svg");
}

.icon-layout-mosaic-active {
  -webkit-mask-image: url("/icon-layout-mosaic-active.054ea7dd.svg");
  mask-image: url("/icon-layout-mosaic-active.054ea7dd.svg");
}

.icon-nonetwork {
  -webkit-mask-image: url("/icon-nonetwork.b93c517f.svg");
  mask-image: url("/icon-nonetwork.b93c517f.svg");
}

.icon-notification {
  -webkit-mask-image: url("/icon-notification.87ca42d3.svg");
  mask-image: url("/icon-notification.87ca42d3.svg");
}

.icon-order {
  -webkit-mask-image: url("/icon-order.7a3d8e34.svg");
  mask-image: url("/icon-order.7a3d8e34.svg");
}

.icon-return-order {
  -webkit-mask-image: url("/icon-return-order.a889e91d.svg");
  mask-image: url("/icon-return-order.a889e91d.svg");
}

.icon-ordercancelled {
  -webkit-mask-image: url("/icon-ordercancelled.156953e7.svg");
  mask-image: url("/icon-ordercancelled.156953e7.svg");
}

.icon-orderdelivered {
  -webkit-mask-image: url("/icon-orderdelivered.c9c7a50a.svg");
  mask-image: url("/icon-orderdelivered.c9c7a50a.svg");
}

.icon-orderdeliveryinformation {
  -webkit-mask-image: url("/icon-orderdeliveryinformation.58e8a5b1.svg");
  mask-image: url("/icon-orderdeliveryinformation.58e8a5b1.svg");
}

.icon-orderlate {
  -webkit-mask-image: url("/icon-orderlate.c98b7195.svg");
  mask-image: url("/icon-orderlate.c98b7195.svg");
}

.icon-ordershipped {
  -webkit-mask-image: url("/icon-ordershipped.ef68019a.svg");
  mask-image: url("/icon-ordershipped.ef68019a.svg");
}

.icon-ia {
  -webkit-mask-image: url("/icon-ia.cf089e33.svg");
  mask-image: url("/icon-ia.cf089e33.svg");
}

.icon-perso {
  -webkit-mask-image: url("/icon-perso.5c753cf5.svg");
  mask-image: url("/icon-perso.5c753cf5.svg");
}

.icon-persoApp {
  -webkit-mask-image: url("/icon-perso-app.c2afd48c.svg");
  mask-image: url("/icon-perso-app.c2afd48c.svg");
}

.icon-phone {
  -webkit-mask-image: url("/icon-phone.55d7d9a5.svg");
  mask-image: url("/icon-phone.55d7d9a5.svg");
}

.icon-play {
  -webkit-mask-image: url("/icon-play.6fc745c0.svg");
  mask-image: url("/icon-play.6fc745c0.svg");
}

.icon-plus {
  -webkit-mask-image: url("/icon-plus.a4361724.svg");
  mask-image: url("/icon-plus.a4361724.svg");
}

.icon-promotions {
  -webkit-mask-image: url("/icon-promotions.94046226.svg");
  mask-image: url("/icon-promotions.94046226.svg");
}

.icon-qrcode {
  -webkit-mask-image: url("/icon-qrcode.38b4e3c1.svg");
  mask-image: url("/icon-qrcode.38b4e3c1.svg");
}

.icon-question {
  -webkit-mask-image: url("/icon-question.1e205919.svg");
  mask-image: url("/icon-question.1e205919.svg");
}

.icon-pages {
  -webkit-mask-image: url("/icon-pages.a4643383.svg");
  mask-image: url("/icon-pages.a4643383.svg");
}

.icon-relaypickup {
  -webkit-mask-image: url("/icon-relaypickup.8fec6454.svg");
  mask-image: url("/icon-relaypickup.8fec6454.svg");
}

.icon-relaypin {
  background-image: url("/icon-relaypin.3abd6c23.svg");
  background-color: transparent !important;
}

.icon-pointrelais {
  -webkit-mask-image: url("/icon-pointrelais.c6b00ce1.svg");
  mask-image: url("/icon-pointrelais.c6b00ce1.svg");
}

.icon-return {
  -webkit-mask-image: url("/icon-return.0a9f032d.svg");
  mask-image: url("/icon-return.0a9f032d.svg");
}

.icon-search {
  -webkit-mask-image: url("/icon-search.d63eaf57.svg");
  mask-image: url("/icon-search.d63eaf57.svg");
}

.icon-securedpayment {
  -webkit-mask-image: url("/icon-lock.30453b8e.svg");
  mask-image: url("/icon-lock.30453b8e.svg");
}

.icon-share {
  -webkit-mask-image: url("/icon-share.f73569c4.svg");
  mask-image: url("/icon-share.f73569c4.svg");
}

.icon-shop {
  -webkit-mask-image: url("/icon-shop.0219679a.svg");
  mask-image: url("/icon-shop.0219679a.svg");
}

.icon-store-unavailable {
  -webkit-mask-image: url("/icon-store-unavailable.be57ae18.svg");
  mask-image: url("/icon-store-unavailable.be57ae18.svg");
  background-color: #fa4d56;
}

.icon-store-availableInStore {
  -webkit-mask-image: url("/icon-store-availableInStore.ef1daed5.svg");
  mask-image: url("/icon-store-availableInStore.ef1daed5.svg");
  background-color: #42be65;
}

.icon-store-available {
  -webkit-mask-image: url("/icon-store-available.aad618b3.svg");
  mask-image: url("/icon-store-available.aad618b3.svg");
  background-color: #42be65;
}

.icon-store-lowStock {
  -webkit-mask-image: url("/icon-store-lowStock.90c7fe38.svg");
  mask-image: url("/icon-store-lowStock.90c7fe38.svg");
  background-color: #42be65;
}

.icon-store-availablelq {
  -webkit-mask-image: url("/icon-store-lowStock.90c7fe38.svg");
  mask-image: url("/icon-store-lowStock.90c7fe38.svg");
  background-color: #f1c21b;
}

.icon-store-CNC2LQ {
  -webkit-mask-image: url("/icon-store-lowStock.90c7fe38.svg");
  mask-image: url("/icon-store-lowStock.90c7fe38.svg");
  background-color: #f1c21b;
}

.icon-store-CNCLQ {
  -webkit-mask-image: url("/icon-store-lowStock.90c7fe38.svg");
  mask-image: url("/icon-store-lowStock.90c7fe38.svg");
  background-color: #f1c21b;
}

.icon-store-CNC2 {
  -webkit-mask-image: url("/icon-store-available.aad618b3.svg");
  mask-image: url("/icon-store-available.aad618b3.svg");
  background-color: #42be65;
}

.icon-store-CNC {
  -webkit-mask-image: url("/icon-store-available.aad618b3.svg");
  mask-image: url("/icon-store-available.aad618b3.svg");
  background-color: #42be65;
}

.icon-store-nostock {
  -webkit-mask-image: url("/icon-store-unavailable.be57ae18.svg");
  mask-image: url("/icon-store-unavailable.be57ae18.svg");
  background-color: #fa4d56;
}

.icon-store-indelivery {
  -webkit-mask-image: url("/icon-store-available.aad618b3.svg");
  mask-image: url("/icon-store-available.aad618b3.svg");
  background-color: #42be65;
}

.icon-store-indeliverylowstock {
  -webkit-mask-image: url("/icon-store-lowStock.90c7fe38.svg");
  mask-image: url("/icon-store-lowStock.90c7fe38.svg");
  background-color: #f1c21b;
}

.icon-stock {
  -webkit-mask-image: url("/icon-stock.4401d635.svg");
  mask-image: url("/icon-stock.4401d635.svg");
  background-color: #a2a9b0;
}

.icon-size {
  -webkit-mask-image: url("/icon-size.25ea2613.svg");
  mask-image: url("/icon-size.25ea2613.svg");
}

.icon-star {
  -webkit-mask-image: url("/icon-star.454052b3.svg");
  mask-image: url("/icon-star.454052b3.svg");
}

.icon-storepin {
  -webkit-mask-image: url("/icon-storepin.53581921.svg");
  mask-image: url("/icon-storepin.53581921.svg");
}

.icon-student {
  -webkit-mask-image: url("/icon-student.9a30f653.svg");
  mask-image: url("/icon-student.9a30f653.svg");
}

.icon-trash {
  -webkit-mask-image: url("/icon-trash.d5fa2938.svg");
  mask-image: url("/icon-trash.d5fa2938.svg");
}

.icon-visibleoff {
  -webkit-mask-image: url("/icon-visibleoff.8c01c4ad.svg");
  mask-image: url("/icon-visibleoff.8c01c4ad.svg");
}

.icon-visibleon {
  -webkit-mask-image: url("/icon-visibleon.c9471064.svg");
  mask-image: url("/icon-visibleon.c9471064.svg");
}

.icon-volume {
  -webkit-mask-image: url("/icon-volume.402ea94f.svg");
  mask-image: url("/icon-volume.402ea94f.svg");
}

.icon-win {
  -webkit-mask-image: url("/icon-win.2a9e6481.svg");
  mask-image: url("/icon-win.2a9e6481.svg");
}

.icon-zoomin {
  -webkit-mask-image: url("/icon-zoomin.842e4c6c.svg");
  mask-image: url("/icon-zoomin.842e4c6c.svg");
}

.icon-zoomout {
  -webkit-mask-image: url("/icon-zoomout.4688127e.svg");
  mask-image: url("/icon-zoomout.4688127e.svg");
}

.icon-sparkles {
  -webkit-mask-image: url("/icon-sparkles.3848dc22.svg");
  mask-image: url("/icon-sparkles.3848dc22.svg");
}

.icon-timer {
  -webkit-mask-image: url("/icon-timer.65ec305f.svg");
  mask-image: url("/icon-timer.65ec305f.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("/icon-facturation.6b13e505.svg");
  mask-image: url("/icon-facturation.6b13e505.svg");
}

.icon-colissimo {
  background-image: url("/icon-colissimo.9ea2689b.svg");
  background-color: transparent !important;
}

.icon-chronopost {
  background-image: url("/icon-chronopost.8aa4e5b0.svg");
  background-color: transparent !important;
}

.icon-bpost {
  background-image: url("/icon-bpost.2d49f869.svg");
  background-color: transparent !important;
}

.icon-imx {
  background-image: url("/icon-imx.80015cfd.svg");
  background-color: transparent !important;
}

.icon-shippingtime {
  -webkit-mask-image: url("/icon-shippingtime.a15b5cc0.svg");
  mask-image: url("/icon-shippingtime.a15b5cc0.svg");
}

.icon-language {
  -webkit-mask-image: url("/icon-language.4ca8f52a.svg");
  mask-image: url("/icon-language.4ca8f52a.svg");
}

.icon-help {
  -webkit-mask-image: url("/icon-help.66d09323.svg");
  mask-image: url("/icon-help.66d09323.svg");
}

.icon-account2 {
  -webkit-mask-image: url("/icon-account2.f2206303.svg");
  mask-image: url("/icon-account2.f2206303.svg");
}

.icon-shoppingbag {
  -webkit-mask-image: url("/icon-shoppingbag.f6e80bb0.svg");
  mask-image: url("/icon-shoppingbag.f6e80bb0.svg");
}

.icon-setting {
  -webkit-mask-image: url("/icon-setting.caa9df8d.svg");
  mask-image: url("/icon-setting.caa9df8d.svg");
}

.icon-applewallet {
  background-image: url("/icon-applewallet.864fe589.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("/icon-googlewallet.26db20dc.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-experience {
  background-image: url("/icon-experience.1dd1682e.svg");
  background-color: transparent !important;
}

[class^=illu-],
[class*=" illu-"] {
  display: block;
  background-image: url("/illu-default.394db661.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 100%;
  width: 100%;
}

.illu-cart {
  background-image: url("/illu-cart.debe2f38.svg");
}

.illu-empty {
  background-image: url("/illu-empty.261fea74.svg");
}

.illu-emptycart {
  background-image: url("/illu-emptycart.6f36fbaf.svg");
}

.illu-emptywishlist {
  background-image: url("/illu-emptywishlist.e9ee9b0b.svg");
}

.illu-error {
  background-image: url("/illu-error.d9f62d59.svg");
}

.illu-hangers {
  background-image: url("/illu-hangers.acb382be.svg");
}

.illu-map {
  background-image: url("/illu-map.74938e0d.svg");
}

.illu-outofstock {
  background-image: url("/illu-outofstock.5322d1dd.svg");
}

.illu-scan {
  background-image: url("/illu-scan.99b557e1.svg");
}

.illu-sizeguide {
  background-image: url("/illu-sizeguide.fa845929.svg");
}

.illu-sizehomeware {
  background-image: url("/illu-sizehomeware.fa395ff1.svg");
}

.illu-sizetop {
  background-image: url("/illu-sizetop.75cfd8d5.svg");
}

.illu-store {
  background-image: url("/illu-store.9edbad13.svg");
}

.illu-thanks {
  background-image: url("/illu-thanks.fb6604c6.svg");
}

.illu-welcome {
  background-image: url("/illu-welcome.8405168e.svg");
}

.tag {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  border-radius: 2px;
  width: -moz-fit-content;
  width: fit-content;
  height: 24px;
  color: #fdfdfd;
}

.tag.-default {
  background-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 .icon {
  margin-left: 4px;
  width: 16px;
  height: 16px;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: currentcolor;
}

.sizeButton__container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  color: #0b1215;
  cursor: pointer;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  position: relative;
  min-width: 60px;
  transition: border-color 0.5s ease-in-out, color 0.5s ease-in-out, background-color 0.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, 0.2);
  backdrop-filter: blur(2px);
}

.sizeButton__container.-default-transparent:hover:not(.loading),
.sizeButton__container.-default-transparent.-selected {
  background-color: #fdfdfd;
  color: #0b1215;
}

.sizeButton__container.-default-transparent:hover:not(.loading) .itemIcon,
.sizeButton__container.-default-transparent.-selected .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: #f1c21b;
}

.sizeButton__container.-low.-default-classic:hover:not(.-selected) {
  border-color: #f1c21b;
}

.sizeButton__container.-low.-default-classic .itemIcon {
  background-color: #f1c21b;
}

.sizeButton__container.-low.-default-transparent:not(.loading) .itemIcon {
  background: #f1c21b;
}

.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;
}

.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__text,
.tagMessage__container .tooltip__text {
  font-family: "Baton Turbo", arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
}
.tagMessage__container .tooltip__icon {
  width: 12px;
  height: 12px;
}
.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 .tooltip__text,
.tagMessage__container.-promotion .tagMessage__text {
  color: #eb5445;
}

.tagMessage__container.-promotion .tooltip__text + .tooltip__icon,
.tagMessage__container.-promotion .tagMessage__text + .tooltip__icon {
  margin-left: 6px;
}

.tagMessage__container.-loyalty .icon {
  background-color: #e0144c;
}

.tagMessage__container.-loyalty .tooltip__icon {
  background-color: #697077;
}

.tagMessage__container.-loyalty .tooltip__text,
.tagMessage__container.-loyalty .tagMessage__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("/icon-golden-tip.80f89b00.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: 1px 1px 0 0;
  transition: all 0.3s ease-in;
}
.tabs .tab.-active {
  color: #0b1215;
  font-family: "Baton Turbo", arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0;
}

.tabs .tab.-active .icon,
.tabs .tab.-active .badges {
  background-color: #0b1215;
}

.tabs .tab .icon,
.tabs .tab .badges {
  transition: all 0.3s ease-in;
  background-color: #697077;
}
.tabs .tab .badges {
  z-index: 1;
}

.tabs .tab .badges.animated {
  background-color: #0b1215;
  transform: scale(1.2);
}

.tabs .tab .badges.animated.-reversed {
  transform: scale(0.8);
}

.tabs .tabUnderline {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #0b1215;
  will-change: transform;
  transition: transform 0.5s;
  transform-origin: 0 0;
  border-radius: 0 0 1px 1px;
}

.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: 100%;
  overflow: inherit;
  border: 1px solid transparent;
  transition: transform 0.6s cubic-bezier(0.5, 1.6, 0.45, 0.7);
  cursor: pointer;
}

.colorBubble::before {
  content: none;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  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: 100%;
  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 0.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*=" icon-"],
[class^=logo-],
[class*=" logo-"] {
  display: block;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.logo-size-big {
  -webkit-mask-image: url("/logo-big.4b5903c8.svg");
  mask-image: url("/logo-big.4b5903c8.svg");
  background-color: #0b1215;
  height: 72px;
  width: 204px;
}

.logo-size-small {
  -webkit-mask-image: url("/logo-small.863a7b48.svg");
  mask-image: url("/logo-small.863a7b48.svg");
  background-color: #0b1215;
  height: 24px;
  width: 71px;
}

.logo-size-medium {
  -webkit-mask-image: url("/logo-medium.4a4d2403.svg");
  mask-image: url("/logo-medium.4a4d2403.svg");
  background-color: #0b1215;
  height: 40px;
  width: 108px;
}

.logo-size-big-white {
  -webkit-mask-image: url("/logo-big-white.df09214d.svg");
  mask-image: url("/logo-big-white.df09214d.svg");
  background-color: #fdfdfd;
  height: 72px;
  width: 204px;
}

.logo-size-small-white {
  -webkit-mask-image: url("/logo-small-white.c13729c2.svg");
  mask-image: url("/logo-small-white.c13729c2.svg");
  background-color: #fdfdfd;
  height: 24px;
  width: 71px;
}

.logo-size-medium-white {
  -webkit-mask-image: url("/logo-medium-white.6d323bd2.svg");
  mask-image: url("/logo-medium-white.6d323bd2.svg");
  background-color: #fdfdfd;
  height: 40px;
  width: 108px;
}

.logo-size-big {
  -webkit-mask-image: url("/logo-big.4b5903c8.svg");
  mask-image: url("/logo-big.4b5903c8.svg");
  background-color: #0b1215;
  height: 72px;
  width: 204px;
}

.logo-size-small {
  -webkit-mask-image: url("/logo-small.863a7b48.svg");
  mask-image: url("/logo-small.863a7b48.svg");
  background-color: #0b1215;
  height: 24px;
  width: 71px;
}

.logo-size-medium {
  -webkit-mask-image: url("/logo-medium.4a4d2403.svg");
  mask-image: url("/logo-medium.4a4d2403.svg");
  background-color: #0b1215;
  height: 40px;
  width: 108px;
}

.logo-size-big-white {
  -webkit-mask-image: url("/logo-big-white.df09214d.svg");
  mask-image: url("/logo-big-white.df09214d.svg");
  background-color: #fdfdfd;
  height: 72px;
  width: 204px;
}

.logo-size-small-white {
  -webkit-mask-image: url("/logo-small-white.c13729c2.svg");
  mask-image: url("/logo-small-white.c13729c2.svg");
  background-color: #fdfdfd;
  height: 24px;
  width: 71px;
}

.logo-size-medium-white {
  -webkit-mask-image: url("/logo-medium-white.6d323bd2.svg");
  mask-image: url("/logo-medium-white.6d323bd2.svg");
  background-color: #fdfdfd;
  height: 40px;
  width: 108px;
}
.icon-size-big {
  -webkit-mask-image: url("/icon-big.2f74f89e.svg");
  mask-image: url("/icon-big.2f74f89e.svg");
  background-color: #0b1215;
  height: 72px;
  width: 72px;
}

.icon-size-small {
  -webkit-mask-image: url("/icon-small.b6e431c4.svg");
  mask-image: url("/icon-small.b6e431c4.svg");
  background-color: #0b1215;
  height: 24px;
  width: 24px;
}

.icon-size-medium {
  -webkit-mask-image: url("/icon-medium.0d03bda5.svg");
  mask-image: url("/icon-medium.0d03bda5.svg");
  background-color: #0b1215;
  height: 40px;
  width: 40px;
}

.icon-size-big-white {
  -webkit-mask-image: url("/icon-big-white.28640f9b.svg");
  mask-image: url("/icon-big-white.28640f9b.svg");
  background-color: #fdfdfd;
  height: 72px;
  width: 72px;
}

.icon-size-small-white {
  -webkit-mask-image: url("/icon-small-white.65c770c9.svg");
  mask-image: url("/icon-small-white.65c770c9.svg");
  background-color: #fdfdfd;
  height: 24px;
  width: 24px;
}

.icon-size-medium-white {
  -webkit-mask-image: url("/icon-medium-white.8e0778b0.svg");
  mask-image: url("/icon-medium-white.8e0778b0.svg");
  background-color: #fdfdfd;
  height: 40px;
  width: 40px;
}

.icon-size-big {
  -webkit-mask-image: url("/icon-big.2f74f89e.svg");
  mask-image: url("/icon-big.2f74f89e.svg");
  background-color: #0b1215;
  height: 72px;
  width: 72px;
}

.icon-size-small {
  -webkit-mask-image: url("/icon-small.b6e431c4.svg");
  mask-image: url("/icon-small.b6e431c4.svg");
  background-color: #0b1215;
  height: 24px;
  width: 24px;
}

.icon-size-medium {
  -webkit-mask-image: url("/icon-medium.0d03bda5.svg");
  mask-image: url("/icon-medium.0d03bda5.svg");
  background-color: #0b1215;
  height: 40px;
  width: 40px;
}

.icon-size-big-white {
  -webkit-mask-image: url("/icon-big-white.28640f9b.svg");
  mask-image: url("/icon-big-white.28640f9b.svg");
  background-color: #fdfdfd;
  height: 72px;
  width: 72px;
}

.icon-size-small-white {
  -webkit-mask-image: url("/icon-small-white.65c770c9.svg");
  mask-image: url("/icon-small-white.65c770c9.svg");
  background-color: #fdfdfd;
  height: 24px;
  width: 24px;
}

.icon-size-medium-white {
  -webkit-mask-image: url("/icon-medium-white.8e0778b0.svg");
  mask-image: url("/icon-medium-white.8e0778b0.svg");
  background-color: #fdfdfd;
  height: 40px;
  width: 40px;
}
.storybookExemple .visualIndicator__itemContainer:nth-child(1) {
  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;
}
.visualIndicator__itemContainer {
  background-color: rgba(253, 253, 253, 0.5);
  width: 100%;
  height: 2px;
  border-radius: 1px;
  position: relative;
  transition: background 0.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;
}
.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 0.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 0.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;
}

.productCard {
  position: relative;
}

.productCard:not(.-notAvailable):hover .productCard__productImageContainer::after {
  content: "";
}

.productCard:not(.-notAvailable):hover .quickAddToCartOverlay {
  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: 0.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 0.3s ease-in-out;
  margin-top: 0;
  align-items: center;
  justify-content: center;
  z-index: 4;
}
.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 .productCard__productImageContent::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 50%);
}

.productCard__productBlockContainer.-notAvailable .productCard__productImageContent img {
  filter: brightness(70%);
}

.productCard__productBlockContainer.-notAvailable .productCard__productImageContent .visualIndicator__container,
.productCard__productBlockContainer.-notAvailable .productCard__productImageContent .visualSlider__navigation {
  display: none;
}

.productCard__productImageContent .lazyLoadedContainer img {
  border-radius: 1px;
}

.productCard__productImageContainer {
  width: 100%;
}

.productCard__productContentFlag {
  position: absolute;
  top: 8px;
  font-weight: 600;
  font-size: 0.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;
}
.productCard__productNotAvailable .productCard__productNotAvailableDesktop {
  display: none;
}
.productCard__productNotAvailable .productCard__productNotAvailableMobile {
  border-radius: 40px;
}
.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__infosContent {
  display: flex;
  flex-direction: column;
  padding: 0 8px;
  margin-top: 12px;
}

.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 0.3s ease-in-out;
  display: block;
}

.productCard__quickAddToCartMobile.-hide {
  opacity: 0;
}

.product-grid.grid-mosaic .productCard__quickAddToCartMobile {
  bottom: 8px;
}
.productTileWrapper.tile-D .productCard__quickAddToCartMobile,
.productTileWrapper.tile-T .productCard__quickAddToCartMobile {
  bottom: 8px;
}
.productCard__infosContentNameTitle .productCard__nameTitle {
  font-family: "Baton Turbo", arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
}
.productCard__infosContentNameTitle .productCard__nameTitleLink:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 5;
}

.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;
}
.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: 48px;
}

.productCard__promo {
  position: absolute;
  top: 8px;
  left: 8px;
}

.productCard .pageDesigner__tuileSubContent.-isPourcentOffVisual .badge.-promo {
  display: none;
}

.productCard.-notAvailable .productCard__quickAddToCartMobile,
.productCard.-notAvailable .visualSlider__navigation,
.productCard.-notAvailable .visualIndicator__container {
  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, 0.2) 0%, rgba(255, 255, 255, 0) 50%);
  pointer-events: none;
}

.productCard__infosDescription {
  font-family: "Baton Turbo", arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
}
.productCard__infosDescriptionLink {
  font-family: "Baton Turbo", arial;
  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;
}
.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);
}
.productCard .pageDesigner__tuileSubContent .tooltip:not(.-noHover):hover .tooltip__content {
  transform: inherit;
}

.productCard .pageDesigner__tuileProductPrice {
  font-family: "Baton Turbo", arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
}
.productCard .pageDesigner__tuileProductPrice.-crossed {
  font-family: "Baton Turbo", arial;
  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;
}
.productCard .pageDesigner__productBlockContent .productNoteReview {
  display: none;
}

.productCard .pageDesigner__productBlockContent.noPointerEvents .productCard__nameTitleLink::after {
  display: none;
}
.pageDesigner__product .colorLoaderContainer {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.6666666667);
  z-index: 7;
}

.-tile-B .productCard__calloutAndTags,
.grid-detailed .productCard__calloutAndTags {
  flex-flow: row wrap;
  margin: 8px 40px 16px 8px;
}

.productTileWrapper.tile-D .productCard__nameTitleLink:after {
  padding-top: 75%;
}

.productTileWrapper.tile-T .productCard__nameTitleLink:after {
  padding-top: 50%;
}

.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;
  --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 picture,
.visualSlider__container.-vertical .visualSlider__item img {
  height: 100%;
  width: 100%;
}

.visualSlider__item {
  width: 100%;
  min-width: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.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 0.3s ease-in-out;
  margin-top: 0;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.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;
}
.visualSlider__navigation.-thumbnail.-prev {
  top: -1px;
  background: linear-gradient(180deg, white 0%, white 66%, rgba(255, 255, 255, 0.8) 95%, rgba(255, 255, 255, 0) 100%);
}

.visualSlider__navigation.-thumbnail.-next {
  bottom: -1px;
  background: linear-gradient(0deg, white 0%, white 66%, rgba(255, 255, 255, 0.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: 0.3;
  pointer-events: auto;
}

.visualSlider__navigationNext,
.visualSlider__navigationPrev {
  cursor: pointer;
}

#crossSellContainer {
  width: 100%;
}

.crosssell {
  height: -moz-fit-content;
  height: fit-content;
  margin: 20px 16px;
}

.crosssell .isPersoApp {
  display: none;
}

.accordion .crosssell {
  margin: 4px 0 0 0;
  padding: 12px;
}

.accordion .crosssell .crosssell__header {
  padding: 0;
}

.accordion .crosssell .productCard__wishlistContainer,
.accordion .crosssell .productCard__bottomContent {
  display: none;
}
.crosssell .pageDesigner__product {
  width: 100%;
}

.crosssell .productCard {
  width: 100%;
}

.crosssell .productCard .visualSlider:not(.-colorBubble) .visualSlider__container {
  overflow-x: hidden;
}
.crosssell .productCard__productNotAvailableDesktop {
  display: none;
}
.crosssell .productCard:has(.abctABtn) {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 8px;
}

.crosssell .productCard:has(.abctABtn) .abctABtn {
  position: relative;
  z-index: 10;
}

.crosssell .productCard:has(.abctABtn) .productCard__productImageContainer {
  overflow: hidden;
}

.crosssell .productCard:has(.abctABtn) .quickAddToCartPopIn .quickAddToCartPopIn__button {
  transition: opacity 0.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 0.2s ease-in-out, opacity 0.4s ease-in-out;
  margin: 8px;
  margin-top: 0;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: #fff;
  padding: 16px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  bottom: 0;
  transform: translateY(110%);
}

.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;
}
.crosssell__headerItems {
  flex: 0 0 auto;
}

.crosssell .visualSlider.-crosssell {
  overflow: inherit;
}
.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: 280px;
  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;
}
.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: -40px;
  right: 0;
}

.crosssell .visualSlider.-crosssell > .visualSlider__navigation.-prev {
  right: 28px;
}

.crosssell .visualSlider.-crosssell > .visualSlider__navigation.-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.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;
}
.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;
}
.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 .visualSlider__navigation,
.crosssell.CrossSellInfini_ABC .CrossSellInfini_ABC_B_mosaic .visualIndicator__container,
.crosssell.CrossSellInfini_ABC .CrossSellInfini_ABC_B_mosaic .productCard__promo {
  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;
}
.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;
}
.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 picture,
.colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__container > .visualSlider__item .colorSlider__item img {
  width: 100%;
}

.colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__container > .visualSlider__item .colorSlider__item img {
  border-radius: 2px;
}

.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: 0.3;
  pointer-events: none;
}
.colorSlider__itemInfo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 4px;
}

.colorSlider__bubble {
  width: 12px;
  height: 12px;
  border-radius: 100%;
}

.colorSlider__bubble.-light {
  border: 1px solid #dde1e6;
}

.alert {
  display: flex;
  gap: 16px;
  background-color: #fdfdfd;
  padding: 12px 16px;
  border-radius: 2px;
  align-items: center;
}

.alert.-snackbar {
  gap: 12px;
  padding: 8px 16px;
}

.alert.-snackbar .alert__close {
  align-self: center;
}

.alert > .icon,
.alert > [class*=link-],
.alert > [class*=button-] {
  flex-shrink: 0;
}

.alert__content {
  flex-grow: 1;
}

.alert__close {
  align-self: flex-start;
}

.progressbarlinear {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.progressbarlinear__header {
  display: flex;
}

.progressbarlinear__header__value {
  margin-left: auto;
}

.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: "Baton Turbo", arial;
  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: "Baton Turbo", arial;
  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: "Baton Turbo", arial;
  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: "Baton Turbo", arial;
  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: "Baton Turbo", arial;
  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: "Baton Turbo", arial;
  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: "Baton Turbo", arial;
  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 0.5s ease;
}

.progressbarcircular__value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Baton Turbo", arial;
  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: "Baton Turbo", arial;
  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: "Baton Turbo", arial;
  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: "Baton Turbo", arial;
  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: "Baton Turbo", arial;
  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: "Baton Turbo", arial;
  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: "Baton Turbo", arial;
  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) * 0.5);
  padding-left: calc(var(--sfra-gap-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

.capsule-fluid,
.capsule-xxl,
.capsule-xl,
.capsule-md,
.capsule-sm {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--sfra-gutter-x, 16px);
  padding-left: var(--sfra-gutter-x, 16px);
}
.fade {
  transition: opacity 0.15s linear;
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
.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(-0.5 * var(--sfra-gap-x));
  margin-left: calc(-0.5 * var(--sfra-gap-x));
}

.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--sfra-gap-x) * 0.5);
  padding-left: calc(var(--sfra-gap-x) * 0.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;
}
.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-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-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 ;
}
.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: 2px;
  --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);
}
.toast.show {
  opacity: 1;
  transition: all 0.3s linear;
  margin: 0 auto 12px;
}

.toast.showing {
  opacity: 0;
  transform: translate(0, -55px);
  transition: all 0.3s linear;
  transition-delay: 0.3s;
}
.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 .icon),
.toast .toast__wrapper:has(.toast__left .flag-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 .icon),
.toast .toast__wrapper:has(.toast__actions):has(.toast__left .flag-icon) {
  grid-template: "left content" auto "actions actions" auto/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: 2px;
  aspect-ratio: 0.6666666667;
  -o-object-fit: cover;
  object-fit: cover;
}

.toast .toast__wrapper .toast__left .icon-check,
.toast .toast__wrapper .toast__left .forgottenPasswordPanel__passwordCheckItem.-valid .forgottenPasswordPanel__passwordCheckIcon,
.forgottenPasswordPanel__passwordCheckItem.-valid .toast .toast__wrapper .toast__left .forgottenPasswordPanel__passwordCheckIcon,
.toast .toast__wrapper .toast__left .splittedAuthPanel__passwordCheckItem.-valid .splittedAuthPanel__passwordCheckIcon,
.splittedAuthPanel__passwordCheckItem.-valid .toast .toast__wrapper .toast__left .splittedAuthPanel__passwordCheckIcon,
.toast .toast__wrapper .toast__left .authPanel__passwordCheckItem.-valid .authPanel__passwordCheckIcon,
.authPanel__passwordCheckItem.-valid .toast .toast__wrapper .toast__left .authPanel__passwordCheckIcon,
.toast .toast__wrapper .toast__left .checkbox__input::after {
  background-color: #42be65;
}

.toast .toast__wrapper .toast__left .icon-information {
  background-color: #fa4d56;
}

.toast .toast__wrapper .toast__left .icon-timer {
  background-color: #f1c21b;
}

.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: "Baton Turbo", arial;
  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: "Baton Turbo", arial;
  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;
}
.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;
}
.toast-container ~ .bottomSheet.opened {
  z-index: 1200;
}

.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-md,
.offcanvas-sm {
  --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) ;
}
.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 0.3s ease-in-out;
}
.offcanvas.showing,
.offcanvas.show:not(.hiding) {
  transform: none;
}

.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
  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: 0.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;
  background-color: #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;
}
.aspect-ratio,
.productLine.persoApp .productLine__imgContainer {
  aspect-ratio: 0.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: 2px;
  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: 2px;
}

.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;
}

.checkbox__input:active + .halo,
.checkbox__input[active] + .halo {
  position: absolute;
  background-color: rgba(11, 18, 21, 0.1);
  width: 32px;
  height: 32px;
  border-radius: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.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, 0.1);
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  inset: 0 0 0 50%;
  margin: auto;
  border-radius: 100%;
  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 0.2s ease-in-out;
  border-radius: 2px;
  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(0deg);
}

.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: 0.5;
}

.accordion.-disabled .accordion__right * .radio__input {
  border-color: #a2a9b0;
}

.accordion__summary {
  padding: 8px 12px;
  outline: none;
  cursor: pointer;
  transition: all 0.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 0.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: 4px;
  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: 0.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.-S,
.cardContent__left.-M {
  flex-basis: 24px;
}

.cardContent__left.-S.-picture,
.cardContent__left.-M.-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 0.2s ease-in-out;
  border-color: var(--sfra-grey-02);
  min-height: 160px;
}

.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 0.2s ease-in-out;
  color: #697077;
}

.cardAccount .cardContainer--rightContent {
  display: flex;
}

.cardAccount .cardContainer--rightContent .creditCardIcons img {
  display: block;
  height: 24px;
}
.cardAccount .appearHover {
  position: relative;
  left: -8px;
  visibility: hidden;
  opacity: 0;
  align-self: flex-end;
  transition: all 0.2s ease-in-out;
}

.cardAccount .cardContainer--bottomContent {
  width: 100%;
  align-self: flex-end;
}
.cardAccount.-loyalty {
  --sfra-loyalty-bdcolor: var(--sfra-loyalty-01) ;
}
.cardAccount.-loyalty-backgrounded {
  --sfra-loyalty-bgcolor: var(--sfra-loyalty-background-01);
  background: var(--sfra-loyalty-bgcolor);
}

.cardAccount.-empty {
  border-color: var(--sfra-grey-02);
  background-color: var(--sfra-grey-02);
}
.cardAccount.-paymentInstrument {
  border-color: red;
}

.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;
}

.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: 97px;
  min-width: 97px;
}

.listItem__right.-toggle {
  flex-basis: 52px;
  min-width: 52px;
}

.listItem__right.-checkbox {
  flex-basis: 20px;
  min-width: 20px;
}

.listItem .form__group {
  margin: 0;
}

.listItem + .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;
}
.topbar__text {
  width: 100%;
  font-family: "Baton Turbo", arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  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: "Baton Turbo", arial;
  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;
}
.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: #f1c21b;
}

.dropdownButtonContainer.-open .dropdownButton {
  border: 1px #0b1215 solid;
}

.dropdownButtonContainer.-open .dropdownButton .dropdownIndicator {
  transform: rotateZ(0deg);
}

.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: 2px;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: #0b1215;
  border: none;
  transition: all 0.2s ease-in-out;
}

.dropdownButtonContainer .dropdownButton .dropdownElementContainer {
  display: flex;
  gap: 8px;
  align-items: center;
}

.dropdownButtonContainer .dropdownButton .dropdownElementContainer div {
  margin: 0;
}

.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: #f1c21b;
}

.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;
}

.dropdownButton .dropdownDisplaySizeSpec .rightContent .icon-check,
.dropdownButton .dropdownDisplaySizeSpec .rightContent .forgottenPasswordPanel__passwordCheckItem.-valid .forgottenPasswordPanel__passwordCheckIcon,
.forgottenPasswordPanel__passwordCheckItem.-valid .dropdownButton .dropdownDisplaySizeSpec .rightContent .forgottenPasswordPanel__passwordCheckIcon,
.dropdownButton .dropdownDisplaySizeSpec .rightContent .splittedAuthPanel__passwordCheckItem.-valid .splittedAuthPanel__passwordCheckIcon,
.splittedAuthPanel__passwordCheckItem.-valid .dropdownButton .dropdownDisplaySizeSpec .rightContent .splittedAuthPanel__passwordCheckIcon,
.dropdownButton .dropdownDisplaySizeSpec .rightContent .authPanel__passwordCheckItem.-valid .authPanel__passwordCheckIcon,
.authPanel__passwordCheckItem.-valid .dropdownButton .dropdownDisplaySizeSpec .rightContent .authPanel__passwordCheckIcon,
.dropdownButton .dropdownDisplaySizeSpec .rightContent .checkbox__input::after {
  display: none;
}

.dropdownButton .dropdownDisplaySizeSpec .rightContent .icon-mail {
  background-color: #0b1215;
}

.dropdownButton .dropdownDisplaySizeSpec .rightContent .icon-lowstock {
  background-color: #f1c21b;
}

.dropdownButton .dropdownDisplaySizeSpec .rightContent .-lowquantity {
  color: #f1c21b;
  line-height: normal;
}

.dropdownButton .dropdownDisplaySizeSpec .rightContent .-lowquantity span:not(.icon) {
  padding: 0 4px;
}

.dropdownButton .dropdownDisplaySizeSpec .rightContent .-unavailable {
  color: #0b1215;
}

.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: 2px;
}

.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;
}

.dropdownDisplaySizeSpec .rightContent,
.dbItemCol .dbItemRenderer .rightContent {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 4px;
}

.dropdownDisplaySizeSpec .rightContent p,
.dbItemCol .dbItemRenderer .rightContent p {
  order: 1;
}

.dropdownDisplaySizeSpec .rightContent .itemIcon,
.dbItemCol .dbItemRenderer .rightContent .itemIcon {
  width: 16px;
  height: 16px;
}

.dropdownDisplaySizeSpec .rightContent .itemIcon:nth-child(3),
.dbItemCol .dbItemRenderer .rightContent .itemIcon:nth-child(3) {
  margin-left: 4px;
}

.dropdownDisplaySizeSpec .rightContent .icon-mail,
.dbItemCol .dbItemRenderer .rightContent .icon-mail {
  order: 0;
  background-color: #0b1215;
}

.dropdownDisplaySizeSpec .rightContent .-lowquantity,
.dbItemCol .dbItemRenderer .rightContent .-lowquantity {
  color: #f1c21b;
  line-height: normal;
}

.dropdownDisplaySizeSpec .rightContent .icon-lowstock,
.dbItemCol .dbItemRenderer .rightContent .icon-lowstock {
  order: 0;
  background-color: #f1c21b;
}

.dropdownDisplaySizeSpec .rightContent .icon-check,
.dropdownDisplaySizeSpec .rightContent .forgottenPasswordPanel__passwordCheckItem.-valid .forgottenPasswordPanel__passwordCheckIcon,
.forgottenPasswordPanel__passwordCheckItem.-valid .dropdownDisplaySizeSpec .rightContent .forgottenPasswordPanel__passwordCheckIcon,
.dropdownDisplaySizeSpec .rightContent .splittedAuthPanel__passwordCheckItem.-valid .splittedAuthPanel__passwordCheckIcon,
.splittedAuthPanel__passwordCheckItem.-valid .dropdownDisplaySizeSpec .rightContent .splittedAuthPanel__passwordCheckIcon,
.dropdownDisplaySizeSpec .rightContent .authPanel__passwordCheckItem.-valid .authPanel__passwordCheckIcon,
.authPanel__passwordCheckItem.-valid .dropdownDisplaySizeSpec .rightContent .authPanel__passwordCheckIcon,
.dropdownDisplaySizeSpec .rightContent .checkbox__input::after,
.dbItemCol .dbItemRenderer .rightContent .icon-check,
.dbItemCol .dbItemRenderer .rightContent .forgottenPasswordPanel__passwordCheckItem.-valid .forgottenPasswordPanel__passwordCheckIcon,
.forgottenPasswordPanel__passwordCheckItem.-valid .dbItemCol .dbItemRenderer .rightContent .forgottenPasswordPanel__passwordCheckIcon,
.dbItemCol .dbItemRenderer .rightContent .splittedAuthPanel__passwordCheckItem.-valid .splittedAuthPanel__passwordCheckIcon,
.splittedAuthPanel__passwordCheckItem.-valid .dbItemCol .dbItemRenderer .rightContent .splittedAuthPanel__passwordCheckIcon,
.dbItemCol .dbItemRenderer .rightContent .authPanel__passwordCheckItem.-valid .authPanel__passwordCheckIcon,
.authPanel__passwordCheckItem.-valid .dbItemCol .dbItemRenderer .rightContent .authPanel__passwordCheckIcon,
.dbItemCol .dbItemRenderer .rightContent .checkbox__input::after {
  order: 2;
}

.dropdownDisplaySizeSpec .rightContent .-unavailable,
.dbItemCol .dbItemRenderer .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;
}

textarea,
input[type=text],
input[type=search],
input[type=date],
input[type=month],
input[type=datetime-local],
input[type=email],
input[type=number],
input[type=password],
input[type=tel] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  max-height: none;
  scrollbar-width: none;
}

textarea::input-placeholder,
input[type=text]::input-placeholder,
input[type=search]::input-placeholder,
input[type=date]::input-placeholder,
input[type=month]::input-placeholder,
input[type=datetime-local]::input-placeholder,
input[type=email]::input-placeholder,
input[type=number]::input-placeholder,
input[type=password]::input-placeholder,
input[type=tel]::input-placeholder {
  color: #a2a9b0;
  font-family: "Baton Turbo", arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

textarea:placeholder,
input[type=text]:placeholder,
input[type=search]:placeholder,
input[type=date]:placeholder,
input[type=month]:placeholder,
input[type=datetime-local]:placeholder,
input[type=email]:placeholder,
input[type=number]:placeholder,
input[type=password]:placeholder,
input[type=tel]:placeholder {
  color: #a2a9b0;
  font-family: "Baton Turbo", arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

textarea::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=tel]::-moz-placeholder {
  color: #a2a9b0;
  font-family: "Baton Turbo", arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

textarea::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=tel]::-moz-placeholder {
  color: #a2a9b0;
  font-family: "Baton Turbo", arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

textarea::placeholder,
input[type=text]::placeholder,
input[type=search]::placeholder,
input[type=date]::placeholder,
input[type=month]::placeholder,
input[type=datetime-local]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder {
  color: #a2a9b0;
  font-family: "Baton Turbo", arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

textarea:input-placeholder,
input[type=text]:input-placeholder,
input[type=search]:input-placeholder,
input[type=date]:input-placeholder,
input[type=month]:input-placeholder,
input[type=datetime-local]:input-placeholder,
input[type=email]:input-placeholder,
input[type=number]:input-placeholder,
input[type=password]:input-placeholder,
input[type=tel]:input-placeholder {
  color: #a2a9b0;
  font-family: "Baton Turbo", arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

textarea:-webkit-scrollbar,
input[type=text]:-webkit-scrollbar,
input[type=search]:-webkit-scrollbar,
input[type=date]:-webkit-scrollbar,
input[type=month]:-webkit-scrollbar,
input[type=datetime-local]:-webkit-scrollbar,
input[type=email]:-webkit-scrollbar,
input[type=number]:-webkit-scrollbar,
input[type=password]:-webkit-scrollbar,
input[type=tel]:-webkit-scrollbar {
  display: none;
}

input::-webkit-date-and-time-value {
  text-align: left;
}

input[type=submit].-disabled,
button[type=submit].-disabled {
  background: #a2a9b0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -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 textarea.-focus,
.input__field textarea:focus,
.input__field input[type=text].-focus,
.input__field input[type=text]:focus,
.input__field input[type=search].-focus,
.input__field input[type=search]:focus,
.input__field input[type=email].-focus,
.input__field input[type=email]:focus,
.input__field input[type=number].-focus,
.input__field input[type=number]:focus,
.input__field input[type=date].-focus,
.input__field input[type=date]:focus,
.input__field input[type=month].-focus,
.input__field input[type=month]:focus,
.input__field input[type=datetime-local].-focus,
.input__field input[type=datetime-local]:focus,
.input__field input[type=tel].-focus,
.input__field input[type=tel]:focus,
.input__field input[type=password].-focus,
.input__field input[type=password]:focus {
  border: 1px solid #0b1215;
}

.input__field textarea.-focus + .input__fieldLabel,
.input__field textarea:focus + .input__fieldLabel,
.input__field input[type=text].-focus + .input__fieldLabel,
.input__field input[type=text]:focus + .input__fieldLabel,
.input__field input[type=search].-focus + .input__fieldLabel,
.input__field input[type=search]:focus + .input__fieldLabel,
.input__field input[type=email].-focus + .input__fieldLabel,
.input__field input[type=email]:focus + .input__fieldLabel,
.input__field input[type=number].-focus + .input__fieldLabel,
.input__field input[type=number]:focus + .input__fieldLabel,
.input__field input[type=date].-focus + .input__fieldLabel,
.input__field input[type=date]:focus + .input__fieldLabel,
.input__field input[type=month].-focus + .input__fieldLabel,
.input__field input[type=month]: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=tel].-focus + .input__fieldLabel,
.input__field input[type=tel]:focus + .input__fieldLabel,
.input__field input[type=password].-focus + .input__fieldLabel,
.input__field input[type=password]:focus + .input__fieldLabel {
  color: #0b1215;
}

.input__field textarea:not(:-moz-placeholder-shown) + .input__fieldLabel,
.input__field input[type=text]:not(:-moz-placeholder-shown) + .input__fieldLabel,
.input__field input[type=search]:not(:-moz-placeholder-shown) + .input__fieldLabel,
.input__field input[type=email]:not(:-moz-placeholder-shown) + .input__fieldLabel,
.input__field input[type=number]:not(:-moz-placeholder-shown) + .input__fieldLabel,
.input__field input[type=date]:not(:-moz-placeholder-shown) + .input__fieldLabel,
.input__field input[type=month]:not(:-moz-placeholder-shown) + .input__fieldLabel,
.input__field input[type=datetime-local]:not(:-moz-placeholder-shown) + .input__fieldLabel,
.input__field input[type=tel]:not(:-moz-placeholder-shown) + .input__fieldLabel,
.input__field input[type=password]:not(:-moz-placeholder-shown) + .input__fieldLabel {
  font-size: 0;
}

.input__field textarea:not(:-moz-placeholder-shown) + .input__fieldLabel, .input__field input[type=text]:not(:-moz-placeholder-shown) + .input__fieldLabel, .input__field input[type=search]:not(:-moz-placeholder-shown) + .input__fieldLabel, .input__field input[type=email]:not(:-moz-placeholder-shown) + .input__fieldLabel, .input__field input[type=number]:not(:-moz-placeholder-shown) + .input__fieldLabel, .input__field input[type=date]:not(:-moz-placeholder-shown) + .input__fieldLabel, .input__field input[type=month]:not(:-moz-placeholder-shown) + .input__fieldLabel, .input__field input[type=datetime-local]:not(:-moz-placeholder-shown) + .input__fieldLabel, .input__field input[type=tel]:not(:-moz-placeholder-shown) + .input__fieldLabel, .input__field input[type=password]:not(:-moz-placeholder-shown) + .input__fieldLabel {
  font-size: 0;
}

.input__field textarea:not(:placeholder-shown) + .input__fieldLabel,
.input__field input[type=text]:not(:placeholder-shown) + .input__fieldLabel,
.input__field input[type=search]:not(:placeholder-shown) + .input__fieldLabel,
.input__field input[type=email]:not(:placeholder-shown) + .input__fieldLabel,
.input__field input[type=number]:not(:placeholder-shown) + .input__fieldLabel,
.input__field input[type=date]:not(:placeholder-shown) + .input__fieldLabel,
.input__field input[type=month]:not(:placeholder-shown) + .input__fieldLabel,
.input__field input[type=datetime-local]:not(:placeholder-shown) + .input__fieldLabel,
.input__field input[type=tel]:not(:placeholder-shown) + .input__fieldLabel,
.input__field input[type=password]:not(:placeholder-shown) + .input__fieldLabel {
  font-size: 0;
}

.input__field textarea:not(.-disabled).-hover,
.input__field textarea:not(.-disabled):hover,
.input__field textarea:not(:disabled).-hover,
.input__field textarea: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 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=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=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=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=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=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=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=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 {
  background-color: #f2f4f8;
}

.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: none;
  border-radius: 2px;
  background-color: #fdfdfd;
  font-family: "Baton Turbo", arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

.input__fieldInput.-leadingicon {
  padding: 16px 40px;
}

textarea.input__fieldInput,
input[type=number].input__fieldInput,
input[type=date].input__fieldInput,
input[type=month].input__fieldInput,
input[type=datetime-local].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: "Baton Turbo", arial;
  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-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: #f1c21b !important;
}

.u-bgcolor-warning {
  background-color: #f1c21b !important;
}

.u-bdcolor-warning {
  border-color: #f1c21b !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, 0.1) !important;
}

.u-bgcolor-alpha-brand-02 {
  background-color: rgba(11, 18, 21, 0.1) !important;
}

.u-bgcolor-alpha-brand-03 {
  background-color: rgba(249, 208, 219, 0.1) !important;
}

.u-bgcolor-alpha-payment {
  background-color: rgba(11, 18, 21, 0.1) !important;
}

.u-bgcolor-alpha-payment-hover {
  background-color: rgba(52, 58, 63, 0.1) !important;
}

.u-bgcolor-alpha-sales-01 {
  background-color: rgba(235, 84, 69, 0.1) !important;
}

.u-bgcolor-alpha-sales-02 {
  background-color: rgba(251, 221, 218, 0.1) !important;
}

.u-bgcolor-alpha-loyalty-01 {
  background-color: rgba(224, 20, 76, 0.1) !important;
}

.u-bgcolor-alpha-loyalty-background-01 {
  background-color: rgba(255, 248, 248, 0.1) !important;
}

.u-bgcolor-alpha-loyalty-02 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.u-bgcolor-alpha-loyalty-background-02 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.u-bgcolor-alpha-loyalty-03 {
  background-color: rgba(224, 20, 76, 0.1) !important;
}

.u-bgcolor-alpha-loyalty-background-03 {
  background-color: rgba(253, 236, 238, 0.1) !important;
}

.u-bgcolor-alpha-loyalty-04 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.u-bgcolor-alpha-loyalty-background-04 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.u-bgcolor-alpha-loyalty-05 {
  background-color: rgba(224, 20, 76, 0.1) !important;
}

.u-bgcolor-alpha-loyalty-background-05 {
  background-color: rgba(255, 222, 226, 0.1) !important;
}

.u-bgcolor-alpha-wecare-01 {
  background-color: rgba(154, 178, 162, 0.1) !important;
}

.u-bgcolor-alpha-wecare-02 {
  background-color: rgba(225, 232, 227, 0.1) !important;
}

.u-bgcolor-alpha-app-01 {
  background-color: rgba(253, 253, 253, 0.1) !important;
}

.u-bgcolor-alpha-app-02 {
  background-color: rgba(253, 253, 253, 0.1) !important;
}

.u-bgcolor-alpha-onboarding-01 {
  background-color: rgba(253, 253, 253, 0.1) !important;
}

.u-bgcolor-alpha-onboarding-02 {
  background-color: rgba(253, 253, 253, 0.1) !important;
}

.u-bgcolor-alpha-onboarding-03 {
  background-color: rgba(253, 253, 253, 0.1) !important;
}

.u-bgcolor-alpha-success {
  background-color: rgba(66, 190, 101, 0.1) !important;
}

.u-bgcolor-alpha-warning {
  background-color: rgba(241, 194, 27, 0.1) !important;
}

.u-bgcolor-alpha-error {
  background-color: rgba(250, 77, 86, 0.1) !important;
}

.u-bgcolor-alpha-information {
  background-color: rgba(51, 177, 255, 0.1) !important;
}

.u-bgcolor-alpha-white {
  background-color: rgba(253, 253, 253, 0.1) !important;
}

.u-bgcolor-alpha-grey-01 {
  background-color: rgba(242, 244, 248, 0.1) !important;
}

.u-bgcolor-alpha-grey-02 {
  background-color: rgba(221, 225, 230, 0.1) !important;
}

.u-bgcolor-alpha-grey-03 {
  background-color: rgba(162, 169, 176, 0.1) !important;
}

.u-bgcolor-alpha-grey-04 {
  background-color: rgba(105, 112, 119, 0.1) !important;
}

.u-bgcolor-alpha-grey-05 {
  background-color: rgba(33, 39, 42, 0.1) !important;
}

.u-bgcolor-alpha-black {
  background-color: rgba(11, 18, 21, 0.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: 2px;
  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, 0.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 0.5s forwards ease-in-out;
}

.cart__lineProduct > .alert.unanimated {
  animation: slideAppear 0.5s forwards ease-in-out;
}

.cart__lineProduct + .js-backInStockBtn.animated {
  animation: slideDisappear 0.5s forwards ease-in-out;
}

.cart__lineProduct + .js-backInStockBtn.unanimated {
  animation: slideAppear 0.5s forwards ease-in-out;
}

.productLine {
  position: relative;
  padding: 16px 0;
}
.productLine.animated {
  overflow: hidden;
}

.productLine.animated .productLine__messages {
  display: flex;
  align-items: center;
  animation: slideAppear 0.5s forwards ease-in-out;
}

.productLine.animated .productLine__infos {
  animation: slideDisappear 0.5s forwards ease-in-out;
}

.productLine.animated .productLine__footer {
  animation: slideDisappear 0.5s forwards ease-in-out;
}

.productLine.unanimated .productLine__messages {
  display: flex;
  align-items: center;
  animation: slideDisappear 0.5s forwards ease-in-out;
}

.productLine.unanimated .productLine__infos {
  animation: slideAppear 0.5s forwards ease-in-out;
}

.productLine.unanimated .productLine__footer {
  animation: slideAppear 0.5s forwards ease-in-out;
}

.productLine.removing {
  animation: slideDisappear 0.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;
}
.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: "Baton Turbo", arial;
  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;
}
.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%;
}
.productLine__imgContainer > a {
  border-radius: 2px;
}

.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: "Baton Turbo", arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
.productLine__titleContainer .productLine__name {
  font-family: "Baton Turbo", arial;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  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%;
}
.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;
  color: #697077;
}

.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;
}
.productLine__lowStockContainer > i {
  background: #f1c21b;
}

.productLine__priceTotal {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: flex-start;
  white-space: nowrap;
}
.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%;
}
.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;
}
.productLine__itemTotalPrices .tooltip {
  order: 1;
}
.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__img {
  filter: grayscale(100%);
}

.productLine__productNotAvailable .productLine__text a,
.productLine__productNotAvailable .productLine__title div,
.productLine__productNotAvailable .productLine__specInfo,
.productLine__productNotAvailable .productLine__priceFinal:not(.u-promo-color) {
  color: #697077 !important;
}

.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__text a,
.productLine.unavailable .productLine__specInfo,
.productLine.unavailable .productLine__priceFinal {
  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 0.2s ease-in-out;
}

.productMarker__iconPlus {
  display: block;
  height: auto;
  border-radius: 9px;
  color: #fdfdfd;
  background-color: #fdfdfd;
  font-size: 1.5rem;
  margin-left: 3px;
  z-index: 4;
}

.productMarker__label {
  position: absolute;
  display: block;
  border-radius: 13px;
  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: 50px;
  display: flex;
  align-items: center;
  border: 1px solid #fdfdfd;
  box-shadow: var(--sfra-shadow-02);
}

.productMarker__iconLabel {
  color: #0b1215;
  transition: all 0.2s ease-in-out;
  position: absolute;
  display: flex;
  align-items: center;
  border-radius: 80px;
  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: "Baton Turbo", arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
}
.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: 32px;
  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: 2px;
}

.chip:has(.chip__containerIconClose) {
  padding-right: 6px;
}

.chip__iconCheck {
  width: 20px;
  height: 20px;
}

.chip__containerIconClose {
  padding: 4px;
  border-radius: 32px;
}

.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.-selected,
.chip.chip-type-select.-active {
  background-color: #0b1215;
  color: #fdfdfd;
}

.chip.chip-type-multiselect {
  border: 1px solid #0b1215;
}

.chip.chip-type-multiselect .chip__containerIconClose {
  background-color: transparent;
  transition: all 0.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: 2px;
  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 300ms 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 300ms ease;
}

.validAnimationContainer {
  width: 52px;
  height: 52px;
}

.validAnimation {
  display: flex;
  width: 100%;
  height: 100%;
  background: #42be65;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 0 auto;
  animation: validAnimationFrames 1000ms ease forwards;
}

.validAnimation .icon {
  transform: scale(0);
  background-color: #fdfdfd;
  animation: validationIconFrames 500ms ease 500ms forwards;
}

.validAnimationText {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.validationTitle {
  transform: translate(0, 100%);
  animation: validationTitle 500ms ease 500ms forwards;
}

@keyframes validAnimationFrames {
  0% {
    transform: scale(1.23376623) rotateX(-90deg);
  }
  50% {
    transform: scale(1.23376623) rotateX(0deg);
  }
  80% {
    transform: scale(0.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: 2px;
  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: "Baton Turbo", arial;
  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: 1110;
  transition: background 0.3s;
}

.bottomSheet.opening.withOverlay {
  background: rgba(11, 18, 21, 0.5);
}

.bottomSheet.opening .bottomSheetContent {
  transform: translateY(0);
}
.bottomSheet.opened {
  transition: background 0.3s 150ms;
}

.bottomSheet.opened.withOverlay {
  background: rgba(11, 18, 21, 0.5);
}

.bottomSheet.opened .bottomSheetContent {
  transition: unset;
  transform: translateY(0);
}
.bottomSheet.closing.withOverlay {
  background: rgba(11, 18, 21, 0);
}

.bottomSheet.closing .bottomSheetContent {
  transform: translateY(100%);
  transition: transform 0.3s;
}
.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 0.3s 150ms;
  background: #fdfdfd;
  display: flex;
  flex-direction: column;
}

.bottomSheetContent .closeBtn {
  grid-column: 2/3;
}

.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;
}

.bottomSheetContent .bottomSheetHeader::before {
  display: block;
  content: "";
  width: 40px;
  height: 4px;
  background: #0b1215;
  border-radius: 8px;
  opacity: 0.1;
  z-index: 1;
}

.bottomSheetContent .bottomSheetHeader.divide {
  border-bottom: 1px solid #dde1e6;
}

.bottomSheetContent .bottomSheetHeader .bottomSheetTitle {
  margin-top: 16px;
}

.bottomSheetContent .bottomSheetHeader:has(.bottomSheetTitle) + .bottomSheetBody {
  padding-top: 24px;
}

.bottomSheetContent .bottomSheetHeader:not(:has(.bottomSheetTitle)) + .bottomSheetBody {
  padding-top: 0;
}
.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.loaderContainer,
.bottomSheetContent .bottomSheetBody.loading {
  align-items: center;
  min-height: 200px;
  justify-content: center;
}
.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: 1000;
  transition: background 0.3s;
}

.floatingBar:not(.-hidden) ~ .mainAccount #root .modal {
  height: calc((var(--100dvh)) - 56px - 35px);
}
.modal.opened {
  transition: background 0.3s 150ms;
}
.modal.opened ~ .modal.opening .modalContent {
  transition: unset;
}

body:not(.closingAll) .modal.opened ~ .modal.closing .modalContent {
  transition: unset;
}
.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: "Baton Turbo", arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}
.modalContent .modalBody {
  overflow: auto;
  max-width: 100%;
  height: calc(100% - 24px);
}

.notificationContainer {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 1200;
}
.notificationContent {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  transform: translate(0%, -100%);
  transition: transform 0.3s;
}
.notificationContent.opening {
  transform: translate(0%, 0%);
}

.notificationContent.opened {
  transition: unset;
  transform: translate(0%, 0%);
}

.notificationContent.closing {
  transform: translateY(0%, -100%);
  transition: transform 0.3s;
}
.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 .star-plain,
.productReviews__itemStar .star-plain {
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 12px;
  background-color: #0b1215;
  z-index: 2;
  clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
}

.productNoteReview__star .star-plain.active,
.productReviews__itemStar .star-plain.active {
  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: 2px;
  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;
}
.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;
  clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
}

.productReviews__star .star-plain.active {
  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%;
}
.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 0.3s ease-in-out;
}

.productReviews__sizeFilters.-active .productReviews__sizes {
  opacity: 0.99;
  visibility: visible;
  max-height: calc(50vh + 110px);
}

.productReviews__sizeFilters.-active .icon {
  transform: rotate(0deg);
}

.productReviews__sizeFilters .sizeSelected {
  text-transform: none;
}

.productReviews__languageFilters {
  position: relative;
}

.productReviews__languageFilters .icon {
  transition: transform 0.3s ease-in-out;
}

.productReviews__languageFilters.-active .productReviews__languages {
  opacity: 0.99;
  visibility: visible;
  max-height: calc(50vh + 110px);
}

.productReviews__languageFilters.-active .icon {
  transform: rotate(0deg);
}

.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 0.3s ease-in-out;
  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: 50px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  background-color: #fdfdfd;
  border: 1px solid #dde1e6;
  transition: all 0.3s ease-in-out;
  z-index: 5;
}

.productReviews__languages__wrapper {
  max-height: 50vh;
  overflow-y: auto;
  padding: 16px;
}

.productReviews__content {
  animation: fadeReviews 0.5s ease-in-out;
  width: 100%;
}

.productReviews__noContent {
  color: #697077;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex: 1 0 0;
}
.productReviews__noContent .noContentFeed {
  background: #697077;
}

.productReviews__contentNoteReviews {
  display: flex;
  width: 100%;
  gap: 16px;
}
.productReviews__item {
  border: 1px solid #dde1e6;
  width: 100%;
  border-radius: 2px;
  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: 0.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: 2px;
  z-index: 1;
}
.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%;
}

.popOver__actions .button,
.popOver__actions .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .popOver__actions 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: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.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-64 {
  margin: 64px !important;
}

.m-80 {
  margin: 80px !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-64 {
  margin-right: 64px !important;
  margin-left: 64px !important;
}

.mx-80 {
  margin-right: 80px !important;
  margin-left: 80px !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-64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.my-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !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-64 {
  margin-top: 64px !important;
}

.mt-80 {
  margin-top: 80px !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-64 {
  margin-right: 64px !important;
}

.me-80 {
  margin-right: 80px !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-64 {
  margin-bottom: 64px !important;
}

.mb-80 {
  margin-bottom: 80px !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-64 {
  margin-left: 64px !important;
}

.ms-80 {
  margin-left: 80px !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-n64 {
  margin: -64px !important;
}

.m-n80 {
  margin: -80px !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-n64 {
  margin-right: -64px !important;
  margin-left: -64px !important;
}

.mx-n80 {
  margin-right: -80px !important;
  margin-left: -80px !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-n64 {
  margin-top: -64px !important;
  margin-bottom: -64px !important;
}

.my-n80 {
  margin-top: -80px !important;
  margin-bottom: -80px !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-n64 {
  margin-top: -64px !important;
}

.mt-n80 {
  margin-top: -80px !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-n64 {
  margin-right: -64px !important;
}

.me-n80 {
  margin-right: -80px !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-n64 {
  margin-bottom: -64px !important;
}

.mb-n80 {
  margin-bottom: -80px !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-n64 {
  margin-left: -64px !important;
}

.ms-n80 {
  margin-left: -80px !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-64 {
  padding: 64px !important;
}

.p-80 {
  padding: 80px !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-64 {
  padding-right: 64px !important;
  padding-left: 64px !important;
}

.px-80 {
  padding-right: 80px !important;
  padding-left: 80px !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-64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.py-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !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-64 {
  padding-top: 64px !important;
}

.pt-80 {
  padding-top: 80px !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-64 {
  padding-right: 64px !important;
}

.pe-80 {
  padding-right: 80px !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-64 {
  padding-bottom: 64px !important;
}

.pb-80 {
  padding-bottom: 80px !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-64 {
  padding-left: 64px !important;
}

.ps-80 {
  padding-left: 80px !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-64 {
  gap: 64px !important;
}

.gap-80 {
  gap: 80px !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, 0.5) !important;
}

.text-white-50 {
  --sfra-text-opacity: 1;
  color: rgba(253, 253, 253, 0.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;
}
.flag-icon-background,
.flag-icon {
  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(/ad.5c563244.svg);
}

.flag-icon-ad.flag-icon-squared {
  background-image: url(/ad.5c563244.svg);
}

.flag-icon-ae {
  background-image: url(/ae.e8b5ea6d.svg);
}

.flag-icon-ae.flag-icon-squared {
  background-image: url(/ae.e8b5ea6d.svg);
}

.flag-icon-af {
  background-image: url(/af.fd805752.svg);
}

.flag-icon-af.flag-icon-squared {
  background-image: url(/af.fd805752.svg);
}

.flag-icon-ag {
  background-image: url(/ag.d0fdbc5b.svg);
}

.flag-icon-ag.flag-icon-squared {
  background-image: url(/ag.d0fdbc5b.svg);
}

.flag-icon-ai {
  background-image: url(/ai.b9f76852.svg);
}

.flag-icon-ai.flag-icon-squared {
  background-image: url(/ai.b9f76852.svg);
}

.flag-icon-al {
  background-image: url(/al.240ead69.svg);
}

.flag-icon-al.flag-icon-squared {
  background-image: url(/al.240ead69.svg);
}

.flag-icon-am {
  background-image: url(/am.8af334e1.svg);
}

.flag-icon-am.flag-icon-squared {
  background-image: url(/am.8af334e1.svg);
}

.flag-icon-ao {
  background-image: url(/ao.73ac3bba.svg);
}

.flag-icon-ao.flag-icon-squared {
  background-image: url(/ao.73ac3bba.svg);
}

.flag-icon-aq {
  background-image: url(/aq.160f42c5.svg);
}

.flag-icon-aq.flag-icon-squared {
  background-image: url(/aq.160f42c5.svg);
}

.flag-icon-ar {
  background-image: url(/ar.043642ba.svg);
}

.flag-icon-ar.flag-icon-squared {
  background-image: url(/ar.043642ba.svg);
}

.flag-icon-as {
  background-image: url(/as.67e0e6d0.svg);
}

.flag-icon-as.flag-icon-squared {
  background-image: url(/as.67e0e6d0.svg);
}

.flag-icon-at {
  background-image: url(/at.c1af521d.svg);
}

.flag-icon-at.flag-icon-squared {
  background-image: url(/at.c1af521d.svg);
}

.flag-icon-au {
  background-image: url(/au.4fff3f94.svg);
}

.flag-icon-au.flag-icon-squared {
  background-image: url(/au.4fff3f94.svg);
}

.flag-icon-aw {
  background-image: url(/aw.5f587e29.svg);
}

.flag-icon-aw.flag-icon-squared {
  background-image: url(/aw.5f587e29.svg);
}

.flag-icon-ax {
  background-image: url(/ax.55204bb8.svg);
}

.flag-icon-ax.flag-icon-squared {
  background-image: url(/ax.55204bb8.svg);
}

.flag-icon-az {
  background-image: url(/az.41bd3696.svg);
}

.flag-icon-az.flag-icon-squared {
  background-image: url(/az.41bd3696.svg);
}

.flag-icon-ba {
  background-image: url(/ba.5daf4b6d.svg);
}

.flag-icon-ba.flag-icon-squared {
  background-image: url(/ba.5daf4b6d.svg);
}

.flag-icon-bb {
  background-image: url(/bb.80743d98.svg);
}

.flag-icon-bb.flag-icon-squared {
  background-image: url(/bb.80743d98.svg);
}

.flag-icon-bd {
  background-image: url(/bd.e420b275.svg);
}

.flag-icon-bd.flag-icon-squared {
  background-image: url(/bd.e420b275.svg);
}

.flag-icon-be {
  background-image: url(/be.1c2d51bf.svg);
}

.flag-icon-be.flag-icon-squared {
  background-image: url(/be.1c2d51bf.svg);
}

.flag-icon-bf {
  background-image: url(/bf.cd8f3a53.svg);
}

.flag-icon-bf.flag-icon-squared {
  background-image: url(/bf.cd8f3a53.svg);
}

.flag-icon-bg {
  background-image: url(/bg.cd6e4922.svg);
}

.flag-icon-bg.flag-icon-squared {
  background-image: url(/bg.cd6e4922.svg);
}

.flag-icon-bh {
  background-image: url(/bh.9ebe17f9.svg);
}

.flag-icon-bh.flag-icon-squared {
  background-image: url(/bh.9ebe17f9.svg);
}

.flag-icon-bi {
  background-image: url(/bi.e734fe39.svg);
}

.flag-icon-bi.flag-icon-squared {
  background-image: url(/bi.e734fe39.svg);
}

.flag-icon-bj {
  background-image: url(/bj.cc35fde9.svg);
}

.flag-icon-bj.flag-icon-squared {
  background-image: url(/bj.cc35fde9.svg);
}

.flag-icon-bl {
  background-image: url(/bl.4de08325.svg);
}

.flag-icon-bl.flag-icon-squared {
  background-image: url(/bl.4de08325.svg);
}

.flag-icon-bm {
  background-image: url(/bm.2aa28f2b.svg);
}

.flag-icon-bm.flag-icon-squared {
  background-image: url(/bm.2aa28f2b.svg);
}

.flag-icon-bn {
  background-image: url(/bn.4834188c.svg);
}

.flag-icon-bn.flag-icon-squared {
  background-image: url(/bn.4834188c.svg);
}

.flag-icon-bo {
  background-image: url(/bo.c0a301e2.svg);
}

.flag-icon-bo.flag-icon-squared {
  background-image: url(/bo.c0a301e2.svg);
}

.flag-icon-bq {
  background-image: url(/bq.7c4ef481.svg);
}

.flag-icon-bq.flag-icon-squared {
  background-image: url(/bq.7c4ef481.svg);
}

.flag-icon-br {
  background-image: url(/br.8c4f253b.svg);
}

.flag-icon-br.flag-icon-squared {
  background-image: url(/br.8c4f253b.svg);
}

.flag-icon-bs {
  background-image: url(/bs.12c6e4c3.svg);
}

.flag-icon-bs.flag-icon-squared {
  background-image: url(/bs.12c6e4c3.svg);
}

.flag-icon-bt {
  background-image: url(/bt.695d7b41.svg);
}

.flag-icon-bt.flag-icon-squared {
  background-image: url(/bt.695d7b41.svg);
}

.flag-icon-bv {
  background-image: url(/bv.a382c2b8.svg);
}

.flag-icon-bv.flag-icon-squared {
  background-image: url(/bv.a382c2b8.svg);
}

.flag-icon-bw {
  background-image: url(/bw.b493c423.svg);
}

.flag-icon-bw.flag-icon-squared {
  background-image: url(/bw.b493c423.svg);
}

.flag-icon-by {
  background-image: url(/by.a420b724.svg);
}

.flag-icon-by.flag-icon-squared {
  background-image: url(/by.a420b724.svg);
}

.flag-icon-bz {
  background-image: url(/bz.eeb957aa.svg);
}

.flag-icon-bz.flag-icon-squared {
  background-image: url(/bz.eeb957aa.svg);
}

.flag-icon-ca {
  background-image: url(/ca.39ec5f9c.svg);
}

.flag-icon-ca.flag-icon-squared {
  background-image: url(/ca.39ec5f9c.svg);
}

.flag-icon-cc {
  background-image: url(/cc.21328ffb.svg);
}

.flag-icon-cc.flag-icon-squared {
  background-image: url(/cc.21328ffb.svg);
}

.flag-icon-cd {
  background-image: url(/cd.4cfee737.svg);
}

.flag-icon-cd.flag-icon-squared {
  background-image: url(/cd.4cfee737.svg);
}

.flag-icon-cf {
  background-image: url(/cf.c5c20967.svg);
}

.flag-icon-cf.flag-icon-squared {
  background-image: url(/cf.c5c20967.svg);
}

.flag-icon-cg {
  background-image: url(/cg.539415e5.svg);
}

.flag-icon-cg.flag-icon-squared {
  background-image: url(/cg.539415e5.svg);
}

.flag-icon-ch {
  background-image: url(/ch.967cb9a5.svg);
}

.flag-icon-ch.flag-icon-squared {
  background-image: url(/ch.967cb9a5.svg);
}

.flag-icon-ci {
  background-image: url(/ci.0b8a3467.svg);
}

.flag-icon-ci.flag-icon-squared {
  background-image: url(/ci.0b8a3467.svg);
}

.flag-icon-ck {
  background-image: url(/ck.572c018b.svg);
}

.flag-icon-ck.flag-icon-squared {
  background-image: url(/ck.572c018b.svg);
}

.flag-icon-cl {
  background-image: url(/cl.d8c6e615.svg);
}

.flag-icon-cl.flag-icon-squared {
  background-image: url(/cl.d8c6e615.svg);
}

.flag-icon-cm {
  background-image: url(/cm.de33117a.svg);
}

.flag-icon-cm.flag-icon-squared {
  background-image: url(/cm.de33117a.svg);
}

.flag-icon-cn {
  background-image: url(/cn.343811bf.svg);
}

.flag-icon-cn.flag-icon-squared {
  background-image: url(/cn.343811bf.svg);
}

.flag-icon-co {
  background-image: url(/co.9e25ed5f.svg);
}

.flag-icon-co.flag-icon-squared {
  background-image: url(/co.9e25ed5f.svg);
}

.flag-icon-cr {
  background-image: url(/cr.beb4afe5.svg);
}

.flag-icon-cr.flag-icon-squared {
  background-image: url(/cr.beb4afe5.svg);
}

.flag-icon-cu {
  background-image: url(/cu.1a2d8aba.svg);
}

.flag-icon-cu.flag-icon-squared {
  background-image: url(/cu.1a2d8aba.svg);
}

.flag-icon-cv {
  background-image: url(/cv.46e24a3b.svg);
}

.flag-icon-cv.flag-icon-squared {
  background-image: url(/cv.46e24a3b.svg);
}

.flag-icon-cw {
  background-image: url(/cw.ce26d6d3.svg);
}

.flag-icon-cw.flag-icon-squared {
  background-image: url(/cw.ce26d6d3.svg);
}

.flag-icon-cx {
  background-image: url(/cx.49c4be46.svg);
}

.flag-icon-cx.flag-icon-squared {
  background-image: url(/cx.49c4be46.svg);
}

.flag-icon-cy {
  background-image: url(/cy.830bd4ac.svg);
}

.flag-icon-cy.flag-icon-squared {
  background-image: url(/cy.830bd4ac.svg);
}

.flag-icon-cz {
  background-image: url(/cz.6277b6ab.svg);
}

.flag-icon-cz.flag-icon-squared {
  background-image: url(/cz.6277b6ab.svg);
}

.flag-icon-de {
  background-image: url(/de.67629c55.svg);
}

.flag-icon-de.flag-icon-squared {
  background-image: url(/de.67629c55.svg);
}

.flag-icon-dj {
  background-image: url(/dj.a7af369b.svg);
}

.flag-icon-dj.flag-icon-squared {
  background-image: url(/dj.a7af369b.svg);
}

.flag-icon-dk {
  background-image: url(/dk.40c4ec6a.svg);
}

.flag-icon-dk.flag-icon-squared {
  background-image: url(/dk.40c4ec6a.svg);
}

.flag-icon-dm {
  background-image: url(/dm.dcfb5d46.svg);
}

.flag-icon-dm.flag-icon-squared {
  background-image: url(/dm.dcfb5d46.svg);
}

.flag-icon-do {
  background-image: url(/do.23550657.svg);
}

.flag-icon-do.flag-icon-squared {
  background-image: url(/do.23550657.svg);
}

.flag-icon-dz {
  background-image: url(/dz.464a5539.svg);
}

.flag-icon-dz.flag-icon-squared {
  background-image: url(/dz.464a5539.svg);
}

.flag-icon-ec {
  background-image: url(/ec.032493bc.svg);
}

.flag-icon-ec.flag-icon-squared {
  background-image: url(/ec.032493bc.svg);
}

.flag-icon-ee {
  background-image: url(/ee.296b7999.svg);
}

.flag-icon-ee.flag-icon-squared {
  background-image: url(/ee.296b7999.svg);
}

.flag-icon-eg {
  background-image: url(/eg.b0f52b2e.svg);
}

.flag-icon-eg.flag-icon-squared {
  background-image: url(/eg.b0f52b2e.svg);
}

.flag-icon-eh {
  background-image: url(/eh.6d5684be.svg);
}

.flag-icon-eh.flag-icon-squared {
  background-image: url(/eh.6d5684be.svg);
}

.flag-icon-er {
  background-image: url(/er.14ccd5f1.svg);
}

.flag-icon-er.flag-icon-squared {
  background-image: url(/er.14ccd5f1.svg);
}

.flag-icon-es {
  background-image: url(/es.916b28c1.svg);
}

.flag-icon-es.flag-icon-squared {
  background-image: url(/es.916b28c1.svg);
}

.flag-icon-et {
  background-image: url(/et.72037932.svg);
}

.flag-icon-et.flag-icon-squared {
  background-image: url(/et.72037932.svg);
}

.flag-icon-fi {
  background-image: url(/fi.9b17dcd1.svg);
}

.flag-icon-fi.flag-icon-squared {
  background-image: url(/fi.9b17dcd1.svg);
}

.flag-icon-fj {
  background-image: url(/fj.559e4bfe.svg);
}

.flag-icon-fj.flag-icon-squared {
  background-image: url(/fj.559e4bfe.svg);
}

.flag-icon-fk {
  background-image: url(/fk.9d6a6470.svg);
}

.flag-icon-fk.flag-icon-squared {
  background-image: url(/fk.9d6a6470.svg);
}

.flag-icon-fm {
  background-image: url(/fm.11769568.svg);
}

.flag-icon-fm.flag-icon-squared {
  background-image: url(/fm.11769568.svg);
}

.flag-icon-fo {
  background-image: url(/fo.d89ffb5e.svg);
}

.flag-icon-fo.flag-icon-squared {
  background-image: url(/fo.d89ffb5e.svg);
}

.flag-icon-fr {
  background-image: url(/fr.4bee5310.svg);
}

.flag-icon-fr.flag-icon-squared {
  background-image: url(/fr.4bee5310.svg);
}

.flag-icon-ga {
  background-image: url(/ga.3bf8a7bc.svg);
}

.flag-icon-ga.flag-icon-squared {
  background-image: url(/ga.3bf8a7bc.svg);
}

.flag-icon-gb {
  background-image: url(/gb.0bb01c6b.svg);
}

.flag-icon-gb.flag-icon-squared {
  background-image: url(/gb.0bb01c6b.svg);
}

.flag-icon-gd {
  background-image: url(/gd.8faddb9e.svg);
}

.flag-icon-gd.flag-icon-squared {
  background-image: url(/gd.8faddb9e.svg);
}

.flag-icon-ge {
  background-image: url(/ge.0a217ea3.svg);
}

.flag-icon-ge.flag-icon-squared {
  background-image: url(/ge.0a217ea3.svg);
}

.flag-icon-gf {
  background-image: url(/gf.cabb5433.svg);
}

.flag-icon-gf.flag-icon-squared {
  background-image: url(/gf.cabb5433.svg);
}

.flag-icon-gg {
  background-image: url(/gg.66309dbc.svg);
}

.flag-icon-gg.flag-icon-squared {
  background-image: url(/gg.66309dbc.svg);
}

.flag-icon-gh {
  background-image: url(/gh.517256da.svg);
}

.flag-icon-gh.flag-icon-squared {
  background-image: url(/gh.517256da.svg);
}

.flag-icon-gi {
  background-image: url(/gi.4c98437c.svg);
}

.flag-icon-gi.flag-icon-squared {
  background-image: url(/gi.4c98437c.svg);
}

.flag-icon-gl {
  background-image: url(/gl.bf715e9f.svg);
}

.flag-icon-gl.flag-icon-squared {
  background-image: url(/gl.bf715e9f.svg);
}

.flag-icon-gm {
  background-image: url(/gm.d60b9359.svg);
}

.flag-icon-gm.flag-icon-squared {
  background-image: url(/gm.d60b9359.svg);
}

.flag-icon-gn {
  background-image: url(/gn.10c8a139.svg);
}

.flag-icon-gn.flag-icon-squared {
  background-image: url(/gn.10c8a139.svg);
}

.flag-icon-gp {
  background-image: url(/gp.80934dda.svg);
}

.flag-icon-gp.flag-icon-squared {
  background-image: url(/gp.80934dda.svg);
}

.flag-icon-gq {
  background-image: url(/gq.fdf76c21.svg);
}

.flag-icon-gq.flag-icon-squared {
  background-image: url(/gq.fdf76c21.svg);
}

.flag-icon-gr {
  background-image: url(/gr.5ac0e858.svg);
}

.flag-icon-gr.flag-icon-squared {
  background-image: url(/gr.5ac0e858.svg);
}

.flag-icon-gs {
  background-image: url(/gs.6af0193c.svg);
}

.flag-icon-gs.flag-icon-squared {
  background-image: url(/gs.6af0193c.svg);
}

.flag-icon-gt {
  background-image: url(/gt.2bd73376.svg);
}

.flag-icon-gt.flag-icon-squared {
  background-image: url(/gt.2bd73376.svg);
}

.flag-icon-gu {
  background-image: url(/gu.f4fa1b5e.svg);
}

.flag-icon-gu.flag-icon-squared {
  background-image: url(/gu.f4fa1b5e.svg);
}

.flag-icon-gw {
  background-image: url(/gw.5e1f3903.svg);
}

.flag-icon-gw.flag-icon-squared {
  background-image: url(/gw.5e1f3903.svg);
}

.flag-icon-gy {
  background-image: url(/gy.ad2a3111.svg);
}

.flag-icon-gy.flag-icon-squared {
  background-image: url(/gy.ad2a3111.svg);
}

.flag-icon-hk {
  background-image: url(/hk.bdfe62dc.svg);
}

.flag-icon-hk.flag-icon-squared {
  background-image: url(/hk.bdfe62dc.svg);
}

.flag-icon-hm {
  background-image: url(/hm.1ff7c997.svg);
}

.flag-icon-hm.flag-icon-squared {
  background-image: url(/hm.1ff7c997.svg);
}

.flag-icon-hn {
  background-image: url(/hn.10cd5753.svg);
}

.flag-icon-hn.flag-icon-squared {
  background-image: url(/hn.10cd5753.svg);
}

.flag-icon-hr {
  background-image: url(/hr.485c5c74.svg);
}

.flag-icon-hr.flag-icon-squared {
  background-image: url(/hr.485c5c74.svg);
}

.flag-icon-ht {
  background-image: url(/ht.e442407e.svg);
}

.flag-icon-ht.flag-icon-squared {
  background-image: url(/ht.e442407e.svg);
}

.flag-icon-hu {
  background-image: url(/hu.1f676d25.svg);
}

.flag-icon-hu.flag-icon-squared {
  background-image: url(/hu.1f676d25.svg);
}

.flag-icon-id {
  background-image: url(/id.67603dc2.svg);
}

.flag-icon-id.flag-icon-squared {
  background-image: url(/id.67603dc2.svg);
}

.flag-icon-ie {
  background-image: url(/ie.2e08e8ef.svg);
}

.flag-icon-ie.flag-icon-squared {
  background-image: url(/ie.2e08e8ef.svg);
}

.flag-icon-il {
  background-image: url(/il.2e9b4918.svg);
}

.flag-icon-il.flag-icon-squared {
  background-image: url(/il.2e9b4918.svg);
}

.flag-icon-im {
  background-image: url(/im.a520877c.svg);
}

.flag-icon-im.flag-icon-squared {
  background-image: url(/im.a520877c.svg);
}

.flag-icon-in {
  background-image: url(/in.7b0cb9bb.svg);
}

.flag-icon-in.flag-icon-squared {
  background-image: url(/in.7b0cb9bb.svg);
}

.flag-icon-io {
  background-image: url(/io.3eaae2be.svg);
}

.flag-icon-io.flag-icon-squared {
  background-image: url(/io.3eaae2be.svg);
}

.flag-icon-iq {
  background-image: url(/iq.572105d1.svg);
}

.flag-icon-iq.flag-icon-squared {
  background-image: url(/iq.572105d1.svg);
}

.flag-icon-ir {
  background-image: url(/ir.aeb8c4f5.svg);
}

.flag-icon-ir.flag-icon-squared {
  background-image: url(/ir.aeb8c4f5.svg);
}

.flag-icon-is {
  background-image: url(/is.f5c70e1c.svg);
}

.flag-icon-is.flag-icon-squared {
  background-image: url(/is.f5c70e1c.svg);
}

.flag-icon-it {
  background-image: url(/it.61c77c43.svg);
}

.flag-icon-it.flag-icon-squared {
  background-image: url(/it.61c77c43.svg);
}

.flag-icon-je {
  background-image: url(/je.f109d519.svg);
}

.flag-icon-je.flag-icon-squared {
  background-image: url(/je.f109d519.svg);
}

.flag-icon-jm {
  background-image: url(/jm.1f2b45fc.svg);
}

.flag-icon-jm.flag-icon-squared {
  background-image: url(/jm.1f2b45fc.svg);
}

.flag-icon-jo {
  background-image: url(/jo.6a2661e4.svg);
}

.flag-icon-jo.flag-icon-squared {
  background-image: url(/jo.6a2661e4.svg);
}

.flag-icon-jp {
  background-image: url(/jp.b8b95080.svg);
}

.flag-icon-jp.flag-icon-squared {
  background-image: url(/jp.b8b95080.svg);
}

.flag-icon-ke {
  background-image: url(/ke.64925425.svg);
}

.flag-icon-ke.flag-icon-squared {
  background-image: url(/ke.64925425.svg);
}

.flag-icon-kg {
  background-image: url(/kg.355a5c0c.svg);
}

.flag-icon-kg.flag-icon-squared {
  background-image: url(/kg.355a5c0c.svg);
}

.flag-icon-kh {
  background-image: url(/kh.5090150a.svg);
}

.flag-icon-kh.flag-icon-squared {
  background-image: url(/kh.5090150a.svg);
}

.flag-icon-ki {
  background-image: url(/ki.677d5fdd.svg);
}

.flag-icon-ki.flag-icon-squared {
  background-image: url(/ki.677d5fdd.svg);
}

.flag-icon-km {
  background-image: url(/km.ea8bf882.svg);
}

.flag-icon-km.flag-icon-squared {
  background-image: url(/km.ea8bf882.svg);
}

.flag-icon-kn {
  background-image: url(/kn.6dc13829.svg);
}

.flag-icon-kn.flag-icon-squared {
  background-image: url(/kn.6dc13829.svg);
}

.flag-icon-kp {
  background-image: url(/kp.e75733fe.svg);
}

.flag-icon-kp.flag-icon-squared {
  background-image: url(/kp.e75733fe.svg);
}

.flag-icon-kr {
  background-image: url(/kr.f6585fa0.svg);
}

.flag-icon-kr.flag-icon-squared {
  background-image: url(/kr.f6585fa0.svg);
}

.flag-icon-kw {
  background-image: url(/kw.a54e65b6.svg);
}

.flag-icon-kw.flag-icon-squared {
  background-image: url(/kw.a54e65b6.svg);
}

.flag-icon-ky {
  background-image: url(/ky.7fa035cb.svg);
}

.flag-icon-ky.flag-icon-squared {
  background-image: url(/ky.7fa035cb.svg);
}

.flag-icon-kz {
  background-image: url(/kz.f3b192c1.svg);
}

.flag-icon-kz.flag-icon-squared {
  background-image: url(/kz.f3b192c1.svg);
}

.flag-icon-la {
  background-image: url(/la.1ed7cf18.svg);
}

.flag-icon-la.flag-icon-squared {
  background-image: url(/la.1ed7cf18.svg);
}

.flag-icon-lb {
  background-image: url(/lb.739f19d5.svg);
}

.flag-icon-lb.flag-icon-squared {
  background-image: url(/lb.739f19d5.svg);
}

.flag-icon-lc {
  background-image: url(/lc.eac28335.svg);
}

.flag-icon-lc.flag-icon-squared {
  background-image: url(/lc.eac28335.svg);
}

.flag-icon-li {
  background-image: url(/li.4c5d5706.svg);
}

.flag-icon-li.flag-icon-squared {
  background-image: url(/li.4c5d5706.svg);
}

.flag-icon-lk {
  background-image: url(/lk.ac6a47c6.svg);
}

.flag-icon-lk.flag-icon-squared {
  background-image: url(/lk.ac6a47c6.svg);
}

.flag-icon-lr {
  background-image: url(/lr.48e0d58a.svg);
}

.flag-icon-lr.flag-icon-squared {
  background-image: url(/lr.48e0d58a.svg);
}

.flag-icon-ls {
  background-image: url(/ls.4c3f44f8.svg);
}

.flag-icon-ls.flag-icon-squared {
  background-image: url(/ls.4c3f44f8.svg);
}

.flag-icon-lt {
  background-image: url(/lt.a658b87f.svg);
}

.flag-icon-lt.flag-icon-squared {
  background-image: url(/lt.a658b87f.svg);
}

.flag-icon-lu {
  background-image: url(/lu.d0ac90c8.svg);
}

.flag-icon-lu.flag-icon-squared {
  background-image: url(/lu.d0ac90c8.svg);
}

.flag-icon-lv {
  background-image: url(/lv.37ff87f0.svg);
}

.flag-icon-lv.flag-icon-squared {
  background-image: url(/lv.37ff87f0.svg);
}

.flag-icon-ly {
  background-image: url(/ly.cb6779c9.svg);
}

.flag-icon-ly.flag-icon-squared {
  background-image: url(/ly.cb6779c9.svg);
}

.flag-icon-ma {
  background-image: url(/ma.2a4ac0b2.svg);
}

.flag-icon-ma.flag-icon-squared {
  background-image: url(/ma.2a4ac0b2.svg);
}

.flag-icon-mc {
  background-image: url(/mc.285b67ab.svg);
}

.flag-icon-mc.flag-icon-squared {
  background-image: url(/mc.285b67ab.svg);
}

.flag-icon-md {
  background-image: url(/md.b5e3a1c6.svg);
}

.flag-icon-md.flag-icon-squared {
  background-image: url(/md.b5e3a1c6.svg);
}

.flag-icon-me {
  background-image: url(/me.8f85c61a.svg);
}

.flag-icon-me.flag-icon-squared {
  background-image: url(/me.8f85c61a.svg);
}

.flag-icon-mf {
  background-image: url(/mf.2dc48d98.svg);
}

.flag-icon-mf.flag-icon-squared {
  background-image: url(/mf.2dc48d98.svg);
}

.flag-icon-mg {
  background-image: url(/mg.51167f7d.svg);
}

.flag-icon-mg.flag-icon-squared {
  background-image: url(/mg.51167f7d.svg);
}

.flag-icon-mh {
  background-image: url(/mh.689cdfae.svg);
}

.flag-icon-mh.flag-icon-squared {
  background-image: url(/mh.689cdfae.svg);
}

.flag-icon-mk {
  background-image: url(/mk.02f4c9ce.svg);
}

.flag-icon-mk.flag-icon-squared {
  background-image: url(/mk.02f4c9ce.svg);
}

.flag-icon-ml {
  background-image: url(/ml.fbe8cf17.svg);
}

.flag-icon-ml.flag-icon-squared {
  background-image: url(/ml.fbe8cf17.svg);
}

.flag-icon-mm {
  background-image: url(/mm.298f99ce.svg);
}

.flag-icon-mm.flag-icon-squared {
  background-image: url(/mm.298f99ce.svg);
}

.flag-icon-mn {
  background-image: url(/mn.17406bd0.svg);
}

.flag-icon-mn.flag-icon-squared {
  background-image: url(/mn.17406bd0.svg);
}

.flag-icon-mo {
  background-image: url(/mo.647f81f7.svg);
}

.flag-icon-mo.flag-icon-squared {
  background-image: url(/mo.647f81f7.svg);
}

.flag-icon-mp {
  background-image: url(/mp.e2deb250.svg);
}

.flag-icon-mp.flag-icon-squared {
  background-image: url(/mp.e2deb250.svg);
}

.flag-icon-mq {
  background-image: url(/mq.e991d912.svg);
}

.flag-icon-mq.flag-icon-squared {
  background-image: url(/mq.e991d912.svg);
}

.flag-icon-mr {
  background-image: url(/mr.40f86e78.svg);
}

.flag-icon-mr.flag-icon-squared {
  background-image: url(/mr.40f86e78.svg);
}

.flag-icon-ms {
  background-image: url(/ms.d3ea8bb2.svg);
}

.flag-icon-ms.flag-icon-squared {
  background-image: url(/ms.d3ea8bb2.svg);
}

.flag-icon-mt {
  background-image: url(/mt.9e87a24c.svg);
}

.flag-icon-mt.flag-icon-squared {
  background-image: url(/mt.9e87a24c.svg);
}

.flag-icon-mu {
  background-image: url(/mu.807e701b.svg);
}

.flag-icon-mu.flag-icon-squared {
  background-image: url(/mu.807e701b.svg);
}

.flag-icon-mv {
  background-image: url(/mv.0f307f8f.svg);
}

.flag-icon-mv.flag-icon-squared {
  background-image: url(/mv.0f307f8f.svg);
}

.flag-icon-mw {
  background-image: url(/mw.cad634bb.svg);
}

.flag-icon-mw.flag-icon-squared {
  background-image: url(/mw.cad634bb.svg);
}

.flag-icon-mx {
  background-image: url(/mx.71fef5ba.svg);
}

.flag-icon-mx.flag-icon-squared {
  background-image: url(/mx.71fef5ba.svg);
}

.flag-icon-my {
  background-image: url(/my.2970d6ea.svg);
}

.flag-icon-my.flag-icon-squared {
  background-image: url(/my.2970d6ea.svg);
}

.flag-icon-mz {
  background-image: url(/mz.1de516d5.svg);
}

.flag-icon-mz.flag-icon-squared {
  background-image: url(/mz.1de516d5.svg);
}

.flag-icon-na {
  background-image: url(/na.60848e49.svg);
}

.flag-icon-na.flag-icon-squared {
  background-image: url(/na.60848e49.svg);
}

.flag-icon-nc {
  background-image: url(/nc.161e072d.svg);
}

.flag-icon-nc.flag-icon-squared {
  background-image: url(/nc.161e072d.svg);
}

.flag-icon-ne {
  background-image: url(/ne.c26f51ef.svg);
}

.flag-icon-ne.flag-icon-squared {
  background-image: url(/ne.c26f51ef.svg);
}

.flag-icon-nf {
  background-image: url(/nf.0bcb0779.svg);
}

.flag-icon-nf.flag-icon-squared {
  background-image: url(/nf.0bcb0779.svg);
}

.flag-icon-ng {
  background-image: url(/ng.23ece3fb.svg);
}

.flag-icon-ng.flag-icon-squared {
  background-image: url(/ng.23ece3fb.svg);
}

.flag-icon-ni {
  background-image: url(/ni.4c2a4a6d.svg);
}

.flag-icon-ni.flag-icon-squared {
  background-image: url(/ni.4c2a4a6d.svg);
}

.flag-icon-nl {
  background-image: url(/nl.bf04471e.svg);
}

.flag-icon-nl.flag-icon-squared {
  background-image: url(/nl.bf04471e.svg);
}

.flag-icon-no {
  background-image: url(/no.268abbb9.svg);
}

.flag-icon-no.flag-icon-squared {
  background-image: url(/no.268abbb9.svg);
}

.flag-icon-np {
  background-image: url(/np.3b6949da.svg);
}

.flag-icon-np.flag-icon-squared {
  background-image: url(/np.3b6949da.svg);
}

.flag-icon-nr {
  background-image: url(/nr.c406a3b6.svg);
}

.flag-icon-nr.flag-icon-squared {
  background-image: url(/nr.c406a3b6.svg);
}

.flag-icon-nu {
  background-image: url(/nu.7fd64321.svg);
}

.flag-icon-nu.flag-icon-squared {
  background-image: url(/nu.7fd64321.svg);
}

.flag-icon-nz {
  background-image: url(/nz.db0693f5.svg);
}

.flag-icon-nz.flag-icon-squared {
  background-image: url(/nz.db0693f5.svg);
}

.flag-icon-om {
  background-image: url(/om.18094787.svg);
}

.flag-icon-om.flag-icon-squared {
  background-image: url(/om.18094787.svg);
}

.flag-icon-pa {
  background-image: url(/pa.718aede4.svg);
}

.flag-icon-pa.flag-icon-squared {
  background-image: url(/pa.718aede4.svg);
}

.flag-icon-pe {
  background-image: url(/pe.1c97917c.svg);
}

.flag-icon-pe.flag-icon-squared {
  background-image: url(/pe.1c97917c.svg);
}

.flag-icon-pf {
  background-image: url(/pf.bf5ada34.svg);
}

.flag-icon-pf.flag-icon-squared {
  background-image: url(/pf.bf5ada34.svg);
}

.flag-icon-pg {
  background-image: url(/pg.2b8cd755.svg);
}

.flag-icon-pg.flag-icon-squared {
  background-image: url(/pg.2b8cd755.svg);
}

.flag-icon-ph {
  background-image: url(/ph.6e6df054.svg);
}

.flag-icon-ph.flag-icon-squared {
  background-image: url(/ph.6e6df054.svg);
}

.flag-icon-pk {
  background-image: url(/pk.413d4d52.svg);
}

.flag-icon-pk.flag-icon-squared {
  background-image: url(/pk.413d4d52.svg);
}

.flag-icon-pl {
  background-image: url(/pl.ff7626d2.svg);
}

.flag-icon-pl.flag-icon-squared {
  background-image: url(/pl.ff7626d2.svg);
}

.flag-icon-pm {
  background-image: url(/pm.3cbacd08.svg);
}

.flag-icon-pm.flag-icon-squared {
  background-image: url(/pm.3cbacd08.svg);
}

.flag-icon-pn {
  background-image: url(/pn.6f01c3d6.svg);
}

.flag-icon-pn.flag-icon-squared {
  background-image: url(/pn.6f01c3d6.svg);
}

.flag-icon-pr {
  background-image: url(/pr.987f4e1c.svg);
}

.flag-icon-pr.flag-icon-squared {
  background-image: url(/pr.987f4e1c.svg);
}

.flag-icon-ps {
  background-image: url(/ps.a2a2cef4.svg);
}

.flag-icon-ps.flag-icon-squared {
  background-image: url(/ps.a2a2cef4.svg);
}

.flag-icon-pt {
  background-image: url(/pt.c61d1a9e.svg);
}

.flag-icon-pt.flag-icon-squared {
  background-image: url(/pt.c61d1a9e.svg);
}

.flag-icon-pw {
  background-image: url(/pw.3040a233.svg);
}

.flag-icon-pw.flag-icon-squared {
  background-image: url(/pw.3040a233.svg);
}

.flag-icon-py {
  background-image: url(/py.00cca7ee.svg);
}

.flag-icon-py.flag-icon-squared {
  background-image: url(/py.00cca7ee.svg);
}

.flag-icon-qa {
  background-image: url(/qa.32c3ec8c.svg);
}

.flag-icon-qa.flag-icon-squared {
  background-image: url(/qa.32c3ec8c.svg);
}

.flag-icon-re {
  background-image: url(/re.e3ffe40d.svg);
}

.flag-icon-re.flag-icon-squared {
  background-image: url(/re.e3ffe40d.svg);
}

.flag-icon-ro {
  background-image: url(/ro.dcae04d1.svg);
}

.flag-icon-ro.flag-icon-squared {
  background-image: url(/ro.dcae04d1.svg);
}

.flag-icon-rs {
  background-image: url(/rs.9a3d8a37.svg);
}

.flag-icon-rs.flag-icon-squared {
  background-image: url(/rs.9a3d8a37.svg);
}

.flag-icon-ru {
  background-image: url(/ru.8bd6d6f6.svg);
}

.flag-icon-ru.flag-icon-squared {
  background-image: url(/ru.8bd6d6f6.svg);
}

.flag-icon-rw {
  background-image: url(/rw.2b81476d.svg);
}

.flag-icon-rw.flag-icon-squared {
  background-image: url(/rw.2b81476d.svg);
}

.flag-icon-sa {
  background-image: url(/sa.38436f36.svg);
}

.flag-icon-sa.flag-icon-squared {
  background-image: url(/sa.38436f36.svg);
}

.flag-icon-sb {
  background-image: url(/sb.07100336.svg);
}

.flag-icon-sb.flag-icon-squared {
  background-image: url(/sb.07100336.svg);
}

.flag-icon-sc {
  background-image: url(/sc.ed60a49c.svg);
}

.flag-icon-sc.flag-icon-squared {
  background-image: url(/sc.ed60a49c.svg);
}

.flag-icon-sd {
  background-image: url(/sd.f6d955fe.svg);
}

.flag-icon-sd.flag-icon-squared {
  background-image: url(/sd.f6d955fe.svg);
}

.flag-icon-se {
  background-image: url(/se.13d09464.svg);
}

.flag-icon-se.flag-icon-squared {
  background-image: url(/se.13d09464.svg);
}

.flag-icon-sg {
  background-image: url(/sg.67fdca00.svg);
}

.flag-icon-sg.flag-icon-squared {
  background-image: url(/sg.67fdca00.svg);
}

.flag-icon-sh {
  background-image: url(/sh.b9b9fe96.svg);
}

.flag-icon-sh.flag-icon-squared {
  background-image: url(/sh.b9b9fe96.svg);
}

.flag-icon-si {
  background-image: url(/si.a99c2428.svg);
}

.flag-icon-si.flag-icon-squared {
  background-image: url(/si.a99c2428.svg);
}

.flag-icon-sj {
  background-image: url(/sj.c97810b8.svg);
}

.flag-icon-sj.flag-icon-squared {
  background-image: url(/sj.c97810b8.svg);
}

.flag-icon-sk {
  background-image: url(/sk.42430542.svg);
}

.flag-icon-sk.flag-icon-squared {
  background-image: url(/sk.42430542.svg);
}

.flag-icon-sl {
  background-image: url(/sl.1b9acc5a.svg);
}

.flag-icon-sl.flag-icon-squared {
  background-image: url(/sl.1b9acc5a.svg);
}

.flag-icon-sm {
  background-image: url(/sm.3b59bfa3.svg);
}

.flag-icon-sm.flag-icon-squared {
  background-image: url(/sm.3b59bfa3.svg);
}

.flag-icon-sn {
  background-image: url(/sn.b0fa3165.svg);
}

.flag-icon-sn.flag-icon-squared {
  background-image: url(/sn.b0fa3165.svg);
}

.flag-icon-so {
  background-image: url(/so.7ff0c1ef.svg);
}

.flag-icon-so.flag-icon-squared {
  background-image: url(/so.7ff0c1ef.svg);
}

.flag-icon-sr {
  background-image: url(/sr.9f5bd830.svg);
}

.flag-icon-sr.flag-icon-squared {
  background-image: url(/sr.9f5bd830.svg);
}

.flag-icon-ss {
  background-image: url(/ss.3708e0bf.svg);
}

.flag-icon-ss.flag-icon-squared {
  background-image: url(/ss.3708e0bf.svg);
}

.flag-icon-st {
  background-image: url(/st.586580f2.svg);
}

.flag-icon-st.flag-icon-squared {
  background-image: url(/st.586580f2.svg);
}

.flag-icon-sv {
  background-image: url(/sv.62ebd4b5.svg);
}

.flag-icon-sv.flag-icon-squared {
  background-image: url(/sv.62ebd4b5.svg);
}

.flag-icon-sx {
  background-image: url(/sx.018860d6.svg);
}

.flag-icon-sx.flag-icon-squared {
  background-image: url(/sx.018860d6.svg);
}

.flag-icon-sy {
  background-image: url(/sy.4e076fca.svg);
}

.flag-icon-sy.flag-icon-squared {
  background-image: url(/sy.4e076fca.svg);
}

.flag-icon-sz {
  background-image: url(/sz.da9afe5b.svg);
}

.flag-icon-sz.flag-icon-squared {
  background-image: url(/sz.da9afe5b.svg);
}

.flag-icon-tc {
  background-image: url(/tc.02e4d466.svg);
}

.flag-icon-tc.flag-icon-squared {
  background-image: url(/tc.02e4d466.svg);
}

.flag-icon-td {
  background-image: url(/td.3e81d380.svg);
}

.flag-icon-td.flag-icon-squared {
  background-image: url(/td.3e81d380.svg);
}

.flag-icon-tf {
  background-image: url(/tf.67243b33.svg);
}

.flag-icon-tf.flag-icon-squared {
  background-image: url(/tf.67243b33.svg);
}

.flag-icon-tg {
  background-image: url(/tg.5ace8a8f.svg);
}

.flag-icon-tg.flag-icon-squared {
  background-image: url(/tg.5ace8a8f.svg);
}

.flag-icon-th {
  background-image: url(/th.40134c15.svg);
}

.flag-icon-th.flag-icon-squared {
  background-image: url(/th.40134c15.svg);
}

.flag-icon-tj {
  background-image: url(/tj.d2615a79.svg);
}

.flag-icon-tj.flag-icon-squared {
  background-image: url(/tj.d2615a79.svg);
}

.flag-icon-tk {
  background-image: url(/tk.78d60ce3.svg);
}

.flag-icon-tk.flag-icon-squared {
  background-image: url(/tk.78d60ce3.svg);
}

.flag-icon-tl {
  background-image: url(/tl.7688117a.svg);
}

.flag-icon-tl.flag-icon-squared {
  background-image: url(/tl.7688117a.svg);
}

.flag-icon-tm {
  background-image: url(/tm.ce1805ea.svg);
}

.flag-icon-tm.flag-icon-squared {
  background-image: url(/tm.ce1805ea.svg);
}

.flag-icon-tn {
  background-image: url(/tn.2683eb02.svg);
}

.flag-icon-tn.flag-icon-squared {
  background-image: url(/tn.2683eb02.svg);
}

.flag-icon-to {
  background-image: url(/to.9837d3c2.svg);
}

.flag-icon-to.flag-icon-squared {
  background-image: url(/to.9837d3c2.svg);
}

.flag-icon-tr {
  background-image: url(/tr.2a77b875.svg);
}

.flag-icon-tr.flag-icon-squared {
  background-image: url(/tr.2a77b875.svg);
}

.flag-icon-tt {
  background-image: url(/tt.843e0464.svg);
}

.flag-icon-tt.flag-icon-squared {
  background-image: url(/tt.843e0464.svg);
}

.flag-icon-tv {
  background-image: url(/tv.a0974d6f.svg);
}

.flag-icon-tv.flag-icon-squared {
  background-image: url(/tv.a0974d6f.svg);
}

.flag-icon-tw {
  background-image: url(/tw.b7d643ca.svg);
}

.flag-icon-tw.flag-icon-squared {
  background-image: url(/tw.b7d643ca.svg);
}

.flag-icon-tz {
  background-image: url(/tz.8822b379.svg);
}

.flag-icon-tz.flag-icon-squared {
  background-image: url(/tz.8822b379.svg);
}

.flag-icon-ua {
  background-image: url(/ua.1a9bc495.svg);
}

.flag-icon-ua.flag-icon-squared {
  background-image: url(/ua.1a9bc495.svg);
}

.flag-icon-ug {
  background-image: url(/ug.5b78b391.svg);
}

.flag-icon-ug.flag-icon-squared {
  background-image: url(/ug.5b78b391.svg);
}

.flag-icon-um {
  background-image: url(/um.82466406.svg);
}

.flag-icon-um.flag-icon-squared {
  background-image: url(/um.82466406.svg);
}

.flag-icon-us {
  background-image: url(/us.676e0bb9.svg);
}

.flag-icon-us.flag-icon-squared {
  background-image: url(/us.676e0bb9.svg);
}

.flag-icon-uy {
  background-image: url(/uy.20eceb1c.svg);
}

.flag-icon-uy.flag-icon-squared {
  background-image: url(/uy.20eceb1c.svg);
}

.flag-icon-uz {
  background-image: url(/uz.44513689.svg);
}

.flag-icon-uz.flag-icon-squared {
  background-image: url(/uz.44513689.svg);
}

.flag-icon-va {
  background-image: url(/va.740bc785.svg);
}

.flag-icon-va.flag-icon-squared {
  background-image: url(/va.740bc785.svg);
}

.flag-icon-vc {
  background-image: url(/vc.61932b4a.svg);
}

.flag-icon-vc.flag-icon-squared {
  background-image: url(/vc.61932b4a.svg);
}

.flag-icon-ve {
  background-image: url(/ve.e5840750.svg);
}

.flag-icon-ve.flag-icon-squared {
  background-image: url(/ve.e5840750.svg);
}

.flag-icon-vg {
  background-image: url(/vg.01dc12f0.svg);
}

.flag-icon-vg.flag-icon-squared {
  background-image: url(/vg.01dc12f0.svg);
}

.flag-icon-vi {
  background-image: url(/vi.6572d489.svg);
}

.flag-icon-vi.flag-icon-squared {
  background-image: url(/vi.6572d489.svg);
}

.flag-icon-vn {
  background-image: url(/vn.99fbcf30.svg);
}

.flag-icon-vn.flag-icon-squared {
  background-image: url(/vn.99fbcf30.svg);
}

.flag-icon-vu {
  background-image: url(/vu.94809f15.svg);
}

.flag-icon-vu.flag-icon-squared {
  background-image: url(/vu.94809f15.svg);
}

.flag-icon-wf {
  background-image: url(/wf.ebd196e8.svg);
}

.flag-icon-wf.flag-icon-squared {
  background-image: url(/wf.ebd196e8.svg);
}

.flag-icon-ws {
  background-image: url(/ws.9fa5d460.svg);
}

.flag-icon-ws.flag-icon-squared {
  background-image: url(/ws.9fa5d460.svg);
}

.flag-icon-ye {
  background-image: url(/ye.8f1f72ac.svg);
}

.flag-icon-ye.flag-icon-squared {
  background-image: url(/ye.8f1f72ac.svg);
}

.flag-icon-yt {
  background-image: url(/yt.b57e90d8.svg);
}

.flag-icon-yt.flag-icon-squared {
  background-image: url(/yt.b57e90d8.svg);
}

.flag-icon-za {
  background-image: url(/za.46565e73.svg);
}

.flag-icon-za.flag-icon-squared {
  background-image: url(/za.46565e73.svg);
}

.flag-icon-zm {
  background-image: url(/zm.825f2543.svg);
}

.flag-icon-zm.flag-icon-squared {
  background-image: url(/zm.825f2543.svg);
}

.flag-icon-zw {
  background-image: url(/zw.a14e5e8f.svg);
}

.flag-icon-zw.flag-icon-squared {
  background-image: url(/zw.a14e5e8f.svg);
}

.flag-icon-eu {
  background-image: url(/eu.9c5c2f3a.svg);
}

.flag-icon-eu.flag-icon-squared {
  background-image: url(/eu.9c5c2f3a.svg);
}

.flag-icon-gb-eng {
  background-image: url(/gb-eng.81f05331.svg);
}

.flag-icon-gb-eng.flag-icon-squared {
  background-image: url(/gb-eng.81f05331.svg);
}

.flag-icon-gb-nir {
  background-image: url(/gb-nir.1bc26b76.svg);
}

.flag-icon-gb-nir.flag-icon-squared {
  background-image: url(/gb-nir.1bc26b76.svg);
}

.flag-icon-gb-sct {
  background-image: url(/gb-sct.0ca0d680.svg);
}

.flag-icon-gb-sct.flag-icon-squared {
  background-image: url(/gb-sct.0ca0d680.svg);
}

.flag-icon-gb-wls {
  background-image: url(/gb-wls.420f078b.svg);
}

.flag-icon-gb-wls.flag-icon-squared {
  background-image: url(/gb-wls.420f078b.svg);
}

.flag-icon-un {
  background-image: url(/un.474cf3c5.svg);
}

.flag-icon-un.flag-icon-squared {
  background-image: url(/un.474cf3c5.svg);
}

.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: "Baton Turbo", arial;
  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;
}
.header.-isTransparent.-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;
}
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: 0.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: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1,
h2,
h3 {
  font-weight: normal;
  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: -0.5em;
}

sub {
  bottom: -0.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: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

td,
th {
  padding: 0;
}

th {
  text-align: left;
}

ul,
ol,
li {
  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 0.4s ease-in-out;
  transform: scale(1.01);
}
.addRemoveWishlist {
  cursor: pointer;
  font-size: 1.25rem;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.addRemoveWishlist.hide {
  opacity: 0;
}

.addRemoveWishlist__icon {
  display: inline-block;
  transform: translateZ(0);
  transition: transform 0.2s ease-in-out;
}

.addRemoveWishlist:hover .addRemoveWishlist__icon {
  transform: scale(1.1) translateZ(0);
}

.addRemoveWishlist:active .addRemoveWishlist__icon {
  transform: scale(0.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-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-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;
}

.u-crossed,
.-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("/icon-error-red.266fbaf4.svg");
  mask-image: url("/icon-error-red.266fbaf4.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: 0.75rem;
  max-width: 100%;
}
.oneCLickPaymentBtn.-googlePay:has(.logo_googlepay.hidden) {
  display: none;
}

.oneCLickPaymentBtn.-applePay:has(.btn-applepay.hidden) {
  display: none;
}

.oneCLickPaymentBtn .button,
.oneCLickPaymentBtn .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .oneCLickPaymentBtn input[type=submit] {
  height: 48px;
}

.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 0.3s ease-in-out;
  height: auto;
  transform: scaleY(1);
  transform-origin: top;
  display: block;
}

.fadeElement.-opacity {
  transition-property: opacity;
}

.fadeElement.-delay {
  transition-delay: 0.3s;
}

.fadeElement.-hidden {
  overflow: hidden;
  visibility: hidden;
  margin: 0;
  padding: 0;
  max-height: 0;
  height: 0;
  opacity: 0;
  transform: scaleY(0);
}

img[loading=lazy] {
  opacity: 0;
}

img[loading=lazy].lazyloaded {
  opacity: 1;
  transition: opacity 300ms ease;
}

.lazyload {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 300ms ease !important;
}

.lazyLoadedContainer {
  display: flex;
  width: 100%;
  height: 100%;
}

.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;
}
.page.-offline .hideOffline {
  display: none;
}

.page.-offline .disableOffline {
  pointer-events: none;
}

.page.-offline .grayedOffline {
  opacity: 0.2;
}
.page.-offline .header__wrapper::after {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  background-image: url("/animatedOffline.1d061032.svg");
  background-size: 23px 23px;
  margin-left: 8px;
}
: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 ;
  }
}
textarea,
input[type=text],
input[type=search],
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=number],
input[type=password],
input[type=tel] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  max-height: none;
}

textarea::-ms-reveal,
textarea::-ms-clear,
input[type=text]::-ms-reveal,
input[type=text]::-ms-clear,
input[type=search]::-ms-reveal,
input[type=search]::-ms-clear,
input[type=date]::-ms-reveal,
input[type=date]::-ms-clear,
input[type=datetime-local]::-ms-reveal,
input[type=datetime-local]::-ms-clear,
input[type=email]::-ms-reveal,
input[type=email]::-ms-clear,
input[type=number]::-ms-reveal,
input[type=number]::-ms-clear,
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear,
input[type=tel]::-ms-reveal,
input[type=tel]::-ms-clear {
  display: none;
}

input[type=submit].-disabled,
button[type=submit].-disabled {
  background: #a2a9b0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -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.-tooltip {
  z-index: 1;
}

.form__group.-tooltip:hover,
.form__group.-tooltip:active {
  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: none;
}

.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 0.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:not(:checked),
.form__radio: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 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 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: 100%;
}

.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 0.2s ease;
  border-radius: 100%;
}

.form__radio:hover + .form__label-background::before {
  background-color: #0b1215;
  transform: scale(0.9);
  opacity: 0.12;
  transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 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: 0.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--title,
.form__label--right {
  font-weight: 600;
  text-transform: capitalize;
}
.form__label--description {
  flex: 0 0 100%;
  font-size: 0.8125rem;
  line-height: 16px;
  margin-top: 5px;
}

.form__label--input {
  display: inline-block;
  padding-left: 0.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: none;
  border-radius: 0;
  background-color: #fdfdfd;
}

.form__input.is-invalid {
  border-color: #fa4d56;
}
.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, 0.8);
  cursor: pointer;
}

.form__tooltip {
  position: absolute;
  align-items: center;
  padding: 0 16px;
  top: 50%;
  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.-valid,
.form__validIcon.-invalid {
  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: 2px;
  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 0.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: 0.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: none;
}

.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 0.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;
}
.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;
}

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 300ms ease;
}

.infos-feedback {
  position: relative;
  padding-left: 20px;
}

.infos-feedback::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 15px;
  height: 15px;
  background-size: 100%;
}

@keyframes scaleAppear {
  from {
    transform: scale(1, 0);
  }
  to {
    transform: scale(1, 1);
  }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
  -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;
}

.capencySuggest {
  position: absolute;
  margin-top: 8px;
  top: auto;
  left: 0;
  display: flex;
  flex-direction: column;
  background: #fdfdfd;
  box-shadow: var(--sfra-shadow-02);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out 0.5s;
  width: 100%;
  max-height: 272px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #f2f4f8 transparent;
}

.capencySuggest.-active {
  opacity: 1;
  visibility: visible;
}

.capencySuggest::-webkit-scrollbar-track {
  background-color: transparent;
}

.capencySuggest::-webkit-scrollbar {
  width: 3px;
  height: 120px;
  background-color: transparent;
}

.capencySuggest::-webkit-scrollbar-thumb {
  background-color: #f2f4f8;
}

.capencySuggest__item {
  position: relative;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  border-radius: 1px;
  color: #0b1215;
  padding-left: 20px;
}

.capencySuggest__item:hover,
.capencySuggest__item.-selected {
  background: #f2f4f8;
}

.capencySuggest__item:not(:last-child) {
  border-bottom: 1px solid #dde1e6;
}

dialog:not([open], .-transition) {
  display: none;
}

dialog:not([notification]) + .backdrop,
dialog:not([notification])::backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 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: 5px;
  background: #fdfdfd;
  z-index: 10;
}

.dialog.-fixed {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}

.dialog__wrapper {
  height: 100%;
  padding: 0.5rem;
  box-sizing: border-box;
  overflow: auto;
}

.dialog__close {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 5px;
  cursor: pointer;
  opacity: 0.8;
}

.dialog__close:hover {
  opacity: 1;
}

._dialog_overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 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: none;
  z-index: 10;
}

.panel__wrapper {
  position: relative;
  background: #fdfdfd;
  overflow: hidden auto;
  box-sizing: border-box;
  height: 100%;
  padding: 40px 8px;
}
.panel__wrapper::after {
  content: none;
}

.panel__close {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 12px 16px;
  cursor: pointer;
  opacity: 0.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 0.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%);
}
.panel.origin--top {
  top: 0;
  bottom: auto;
  transform: translateY(-140%);
}
.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, 0.3);
}

.panel-no-scroll,
.overlay-panel {
  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, 0.2);
  backdrop-filter: blur(3px);
  animation: overlayFadeIn 0.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: 0.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: 0.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;
}

.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, 0.2);
}

.videoContainer .-play {
  pointer-events: none;
  height: 40px;
  width: 40px;
  padding: 8px 6px 8px 10px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.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, 0.5) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(88, 89, 104, 0.5) 50.001%, rgba(88, 89, 104, 0.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 0.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: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  transition: background-color 0.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;
}
.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);
}

.switch.-small .switch__slider::after {
  width: 32px;
  height: 32px;
  left: -5px !important;
  bottom: -4px;
}

.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, 0.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, 0.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, 0.25);
}

.switch__slider {
  position: absolute;
  inset: 0;
  border: 1px solid #a2a9b0;
  transition: all 0.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 0.4s ease-in-out;
  border-radius: 50%;
  z-index: 2;
}

.switch__slider::after {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  left: -6px;
  bottom: -5px;
  background-color: transparent;
  transition: all 0.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 0.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;
}

.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;
}
.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;
}

.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;
  margin: 0 0 2px;
  text-transform: none;
  color: #0b1215;
  text-align: left;
}

#panelReview.loading .panel__wrapper {
  overflow-y: hidden;
}

#panelReview .panel__wrapper {
  padding: 24px 16px;
}
#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: 2px;
  margin: 8px 0;
}

#panelReview .panelReview__item:nth-child(1) {
  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;
  overflow-x: scroll;
}

#panelReview .productReviews__filters .sortBtnsPanel::-webkit-scrollbar {
  display: none;
}
#panelReview .productReviews__dropdownFilters {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: row-reverse;
}
#panelReview .productReviews__sizeFilters {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 8px;
  justify-content: flex-start;
  width: 50%;
}
#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%;
}
#panelReview .productReviews__languageFilters .languageSelected {
  text-transform: none;
}

#panelReview .productReviews__filter {
  max-width: unset;
}

#panelReview .productReviews__filterBtn {
  flex: 1 0 0;
}

#panelReview .productReviews__sizes {
  top: 50px;
}

#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;
}
#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 .panel__wrapper .dropdownBloc .container {
  padding: 0;
}

#panelLanguageFilter .productReviews__wrapper {
  padding: 24px 16px 32px;
}

#panelAddToCart .panel__wrapper,
#panelUpdateSize .panel__wrapper {
  padding: 48px 20px;
}
#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;
}
#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: 0.8125rem;
}

#panelAddToCart .backInStockForm__email,
#panelUpdateSize .backInStockForm__email {
  height: 50px;
  font-size: 1rem;
  text-transform: lowercase;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#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: 0.875rem;
  font-weight: 600;
  border: 0;
  text-transform: uppercase;
  width: auto;
}
#panelUpdateSize.loading.panel .loader-element,
#panelUpdateSize.loading.offcanvas .loader-element {
  width: 40px;
  height: 40px;
  top: 70%;
}

#panelUpdateSize.loading.panel .loader-element div,
#panelUpdateSize.loading.offcanvas .loader-element div {
  width: 26px;
  height: 26px;
}
#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;
}
#panelUpdateSize .sizeLink.-disabled {
  cursor: not-allowed;
  pointer-events: none;
}
#panelATC .panel__wrapper,
#panelColor .panel__wrapper,
#panelQATC .panel__wrapper,
#panelmodifyProd .panel__wrapper {
  padding: 0;
  min-height: 80px;
}
#panelATC .panel__wrapper .backInStockForm,
#panelColor .panel__wrapper .backInStockForm,
#panelQATC .panel__wrapper .backInStockForm,
#panelmodifyProd .panel__wrapper .backInStockForm {
  position: relative;
}

#panelATC .panel__wrapper .backInStockForm .form__group,
#panelATC .panel__wrapper .backInStockForm .form__field,
#panelColor .panel__wrapper .backInStockForm .form__group,
#panelColor .panel__wrapper .backInStockForm .form__field,
#panelQATC .panel__wrapper .backInStockForm .form__group,
#panelQATC .panel__wrapper .backInStockForm .form__field,
#panelmodifyProd .panel__wrapper .backInStockForm .form__group,
#panelmodifyProd .panel__wrapper .backInStockForm .form__field {
  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: 0.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;
}
#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: 0.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;
}
#panelATC .bottomSheetContent ::-webkit-scrollbar,
#panelmodifyProd .bottomSheetContent ::-webkit-scrollbar {
  display: none;
}
#panelATC .panelModifyProd__container,
#panelmodifyProd .panelModifyProd__container {
  width: 100%;
}

#panelATC .price__container .-promo,
#panelmodifyProd .price__container .-promo {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
#panelATC .price__container .-promo .priceDiscount,
#panelmodifyProd .price__container .-promo .priceDiscount {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.panelATC__content .globalModelDesc {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 24px;
  margin-bottom: 8px;
  color: #697077;
}
.panelATC__content .globalModelDesc .icon {
  background: #697077;
}

.panelATC__container {
  width: 100%;
}

.panelATC__container .badge.-promo {
  display: none;
}

.panelATC__infoContent {
  padding: 0 16px;
}
.panelATC__infoContent .panelATC__topContent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.panelATC__infoContent .panel__QV {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.panelATC__infoContent .panelATC__gamme {
  text-transform: lowercase;
  display: block;
  font-family: "Baton Turbo", arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
}

.panelATC__infoContent .panelATC__gamme::first-letter {
  text-transform: capitalize;
}
.panelATC__infoContent .panelATC__nameProduct {
  font-family: "Baton Turbo", arial;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0;
}
.panelATC__infoContent .panelATC__promoContainer,
.panelATC__infoContent .panelATC__infoContent {
  margin-bottom: 24px;
}
.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;
}

.panelATC__colorMobileContainer.-disabled .icon-arrowup,
.panelATC__colorMobileContainer.-disabled .footer .titleItemFooter::after,
.footer .panelATC__colorMobileContainer.-disabled .titleItemFooter::after,
.panelATC__colorMobileContainer.-disabled .icon-arrowright,
.panelATC__colorMobileContainer.-disabled .subMenu__item.-child .subMenu__link::after,
.subMenu__item.-child .panelATC__colorMobileContainer.-disabled .subMenu__link::after,
.panelATC__colorMobileContainer.-disabled .icon-arrowdown,
.panelATC__colorMobileContainer.-disabled .icon-arrowleft {
  background-color: #a2a9b0;
}

.panelATC__sizeCountry {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin-top: 8px;
}

.panelATC__sizeCountry .selectSizeCountry {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #697077;
}

.panelATC__sizeCountry .selectSizeCountry__filter {
  cursor: pointer;
}

.panelATC__sizeCountry .selectSizeCountry .selected {
  color: #0b1215;
}

.panelATC__sizeCountry .selectSizeCountry .dividerCountry {
  height: 16px;
}

.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, 0.5);
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.panelATC__sizePanelContent {
  position: relative;
  z-index: 2;
  background-color: #fdfdfd;
  width: 100%;
  padding: 24px 16px;
  transform: translateY(100%);
  transition: transform 0.2s ease-in-out;
}

.panelATC__panelClose {
  display: flex;
  justify-content: flex-end;
}

.panelATC__colorMobileBubble {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: 1px solid #697077;
}

.panelATC__colorMobileBubble.-light {
  border: 1px solid #dde1e6;
}

.panelATC__slider {
  position: relative;
}
.panelATC__slider .visualSlider__indicator.-horizontal {
  bottom: 16px;
  padding: 0 16px;
}

.panelATC__slider .visualSlider__item {
  margin-top: -1px;
}
.panelATC__slider .visualSlider__navigation.-prev {
  left: 0;
}

.panelATC__slider .visualSlider__navigation.-next {
  right: 0;
}
.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;
}
.panelATC__btnContainer {
  z-index: 9;
  bottom: 0;
  background-color: #fdfdfd;
  width: 100%;
  right: 0;
}

.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: 2px;
  overflow: overlay;
}

.panelATC__sizeWrapper .dropdownBloc .container {
  border-radius: 2px;
  padding-top: 0;
}

.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:nth-child(1) {
  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 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  z-index: 9;
  bottom: 0;
  background-color: #fdfdfd;
  width: 100%;
  right: 0;
}

.panelQV__btnMobileContainer {
  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;
}

.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;
}
.panelQA__btnContainer .backInStockForm {
  position: relative;
}

.panelQA__btnContainer .backInStockForm .backInStockForm__btn {
  position: absolute;
  height: 46px;
  right: 1px;
  top: 25px;
  width: auto;
}

.quickAddToCart {
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  height: auto;
  max-height: 0;
  transition: max-height 0.3s ease-out;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.83);
  display: none;
}
.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 0.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: 0.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-preorderWrapper,
#quickAddToCartPanel .panel__wrapper .patc-preorderDate {
  margin-top: 16px;
}

.quickAddToCartMobile {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 7;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  display: block;
}

.quickAddToCartMobile.hide {
  opacity: 0;
}
.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: 40px;
  background: #fdfdfd;
  box-shadow: var(--sfra-shadow-01);
}

.quickAddToCartMobile__buttonIcon {
  border-radius: 40px !important;
}
.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, 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 400ms linear 250ms forwards;
  stroke-dasharray: 19 21;
  stroke-dashoffset: -20;
}
@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, 0.5);
}

.quickAddToCartRecoDesktop,
.quickAddToCartDesktop {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 7;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.quickAddToCartRecoDesktop.hide,
.quickAddToCartDesktop.hide {
  opacity: 0;
}

.quickAddToCartRecoDesktop__wrapper,
.quickAddToCartDesktop__wrapper {
  padding: 2.5em 1em;
}

.quickAddToCartRecoDesktop__loadingPanel,
.quickAddToCartDesktop__loadingPanel {
  display: none;
  width: 18px;
  height: 18px;
}

.quickAddToCartRecoDesktop__loadingPanel circle,
.quickAddToCartDesktop__loadingPanel circle {
  stroke: rgba(0, 0, 0, 0.2);
}

.quickAddToCartRecoDesktop__loadingPanel path,
.quickAddToCartDesktop__loadingPanel path {
  stroke: #eb5445;
}

.quickAddToCartRecoDesktop__sizes,
.quickAddToCartDesktop__sizes {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px;
}

.quickAddToCartRecoDesktop__success,
.quickAddToCartDesktop__success {
  display: none;
}

.quickAddToCartRecoDesktop__addedToCart,
.quickAddToCartDesktop__addedToCart {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 4px 20px;
}

.quickAddToCartRecoDesktop__successIcon,
.quickAddToCartDesktop__successIcon {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.quickAddToCartRecoDesktop__successIcon svg,
.quickAddToCartDesktop__successIcon svg {
  stroke: #eb5445;
}

.quickAddToCartRecoDesktop__successIcon svg .check,
.quickAddToCartDesktop__successIcon svg .check {
  animation: draw 400ms linear 250ms forwards;
  stroke-dasharray: 19 21;
  stroke-dashoffset: -20;
}
@keyframes draw {
  0% {
    stroke-dashoffset: -20;
  }
  50% {
    stroke-dashoffset: -15;
  }
  60% {
    stroke-dashoffset: -15;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.quickAddToCartRecoDesktop__actionBlock,
.quickAddToCartDesktop__actionBlock {
  max-width: 260px;
  margin: 2em auto 0;
}

.quickAddToCartRecoDesktop__actionBlock a,
.quickAddToCartDesktop__actionBlock a {
  text-transform: uppercase;
}

.quickAddToCartRecoDesktop__actionBlock a + a,
.quickAddToCartDesktop__actionBlock a + a {
  margin-top: 1em;
}

.quickAddToCartRecoDesktop__overlay,
.quickAddToCartDesktop__overlay {
  position: fixed;
  z-index: 10;
  inset: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
}

.pageDesigner__product {
  position: relative;
}

.pageDesigner__product:hover .search-result__quickAddToCartDesktop {
  opacity: 1;
}

.pageDesigner__product .search-result__quickAddToCartDesktop {
  transition: opacity 0.3s ease-in-out;
}
.pageDesigner__product .search-result__quickAddToCartDesktop.show {
  opacity: 1;
}

.pageDesigner__product .search-result__quickAddToCartDesktop .quickAddToCartMobile__button {
  display: block;
}

.miniCart .productLine__text {
  flex-direction: column;
}
.miniCart .productLine__actionsDesktop .productLine__actions {
  margin-top: 8px;
}

.miniCart .productLine__imgContainer {
  min-width: 100px;
}

.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 0.3s ease-in-out;
  z-index: 9;
}
.miniCart.-checkout .miniCart__products {
  max-height: inherit;
  overflow: visible;
}
.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: 2px;
  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: 100px;
}

.miniCart__wrapper::-webkit-scrollbar {
  width: 4px;
  background-color: transparent;
  border-radius: 100px;
}

.miniCart__wrapper::-webkit-scrollbar-thumb {
  background-color: #697077;
  border-radius: 100px;
}

.isFloatingBanner .miniCart__wrapper,
.floatingBar:not(.-hidden) ~ .header .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;
}

.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__field {
  margin: 0;
}

.footerNewsletterForm .formfield .invalid-feedback {
  margin-top: 8px;
}

.footerNewsletterForm .formfield input[type=text] {
  border: 1px solid #dde1e6;
  height: 50px;
  width: 100%;
  max-height: none;
  background: transparent;
  padding: 0 16px;
  color: #dde1e6;
}

.footerNewsletterForm .formfield input[type=text]::-moz-placeholder {
  color: #dde1e6;
}

.footerNewsletterForm .formfield input[type=text]::placeholder {
  color: #dde1e6;
}

.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 .input__fieldLabel {
  color: #fdfdfd;
}

.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: 0.8125rem;
  line-height: 1rem;
  padding: 10px 0 0;
}

.footerNewsletterForm.valid .footerNewsletterMsg {
  color: #42be65;
}

.footerNewsletterForm .main {
  padding-top: 12px;
  background: none;
}

.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 .footerNewsletterLogo {
  display: block;
  margin: auto;
  max-width: 65px;
}
.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]: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;
}

.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: none;
  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 #fdfdfd;
  gap: 8px;
  border-radius: 2px;
}

.countrySwitcher .countrySwitcher__footerView {
  margin-left: 4px;
}

.countrySwitcher__arrow {
  background: #fdfdfd;
  margin-left: 20px;
}

#countrySwitcherPanel #countrySwitcherForm {
  padding: 0 12px;
  margin: auto;
}
.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;
}
.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;
}
.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: 0.3s opacity;
  transform: translate3d(-50%, 0, 0);
  bottom: 10px;
  left: 50%;
  z-index: 6;
}
.scrollListPagination__item {
  margin: 0 4px;
  display: inline-block;
  vertical-align: middle;
  transition: transform 0.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: none;
}

.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:not(.-hidden) + .header {
  top: 35px;
}

.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: 100%;
}

.floatingBar__item:first-child::before {
  content: none;
}

.floatingBar:hover .floatingBar__content {
  animation-play-state: paused;
}

.header ~ .floatingBar,
.header ~ #root .floatingBar {
  top: auto;
  bottom: 0;
  position: fixed;
  z-index: 8;
}

.header ~ .floatingBar:not(.-dark),
.header ~ #root .floatingBar:not(.-dark) {
  background-color: rgba(105, 112, 119, 0.3);
  backdrop-filter: blur(2px);
}

.header.-transparentWhiteBlackText ~ .floatingBar:not(.-dark) .floatingBar__item,
.header.-transparentWhiteBlackText ~ #root .floatingBar:not(.-dark) .floatingBar__item,
.header.-transparentBlack ~ .floatingBar:not(.-dark) .floatingBar__item,
.header.-transparentBlack ~ #root .floatingBar:not(.-dark) .floatingBar__item {
  color: #0b1215;
}

.header.-transparentWhiteBlackText ~ .floatingBar:not(.-dark) .floatingBar__item::before,
.header.-transparentWhiteBlackText ~ #root .floatingBar:not(.-dark) .floatingBar__item::before,
.header.-transparentBlack ~ .floatingBar:not(.-dark) .floatingBar__item::before,
.header.-transparentBlack ~ #root .floatingBar:not(.-dark) .floatingBar__item::before {
  background-color: #0b1215;
}

.header.-transparentWhiteBlackText ~ .floatingBar:not(.-dark),
.header.-transparentWhiteBlackText ~ #root .floatingBar:not(.-dark) {
  background-color: rgba(253, 253, 253, 0.2);
}

@keyframes marqueeFloatingBar {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.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;
}

.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 0.5s ease-in-out, z-index 0.5s ease-in-out;
}

.arrowToTop__container.-show {
  opacity: 1;
  z-index: 9;
}

.container.search-results .arrowToTop__container {
  display: flex;
}

.panelPushLogDialogWrapper {
  flex-grow: 1;
}

.panelPushLogDialog__container .socialButtons {
  margin: 0;
}

.panelPushLogDialog__container .socialButtons.-tooltip {
  margin-top: 12px;
}

.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: 0.75rem;
  border: 1px solid #0b1215;
  border-radius: 100%;
  text-align: center;
}

.panelPushLogDialog__tooltipLoginTitle.body-03,
.dropdownBloc .dbItemCol .panelPushLogDialog__tooltipLoginTitle.dbItemRenderer.db-l {
  line-height: 1.2;
}

.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: 2px;
  gap: 8px;
  border: none;
  outline: none;
  cursor: pointer;
  font-family: "Baton Turbo", arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
.button:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit]:active,
.button.-active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-active[type=submit] {
  background: #0b1215;
}

.button:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit]:disabled,
.button.-disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-disabled[type=submit] {
  background: #f2f4f8;
  color: #a2a9b0;
}

.button:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit]:disabled .icon,
.button.-disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-disabled[type=submit] .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: "Baton Turbo", arial;
  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,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black[type=submit],
.button.-primary.u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-primary[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input[type=submit].u-arrow {
  background: #0b1215;
  color: #fdfdfd;
}

.button.-primary.-black .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black[type=submit] .icon,
.button.-primary.u-arrow .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,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input[type=submit].u-arrow .icon {
  background-color: #fdfdfd;
}
.button.-primary.-black:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black[type=submit]:active,
.button.-primary.u-arrow:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-primary[type=submit].u-arrow:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button[type=submit].u-arrow:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input[type=submit].u-arrow:active,
.button.-primary.-black.-active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black.-active[type=submit],
.button.-primary.-active.u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-primary.-active[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-active[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-active[type=submit].u-arrow,
.button.-primary.-black.-selected,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black.-selected[type=submit],
.button.-primary.-selected.u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-primary.-selected[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-selected[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-selected[type=submit].u-arrow {
  background: #0b1215;
}

.button.-primary.-black:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black[type=submit]:disabled,
.button.-primary.u-arrow:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-primary[type=submit].u-arrow:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button[type=submit].u-arrow:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input[type=submit].u-arrow:disabled,
.button.-primary.-black.-disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black.-disabled[type=submit],
.button.-primary.-disabled.u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-primary.-disabled[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-disabled[type=submit].u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-disabled[type=submit].u-arrow {
  background: #f2f4f8;
  color: #a2a9b0;
}

.button.-primary.-black:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black[type=submit]:disabled .icon,
.button.-primary.u-arrow:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-primary[type=submit].u-arrow:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button[type=submit].u-arrow:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input[type=submit].u-arrow:disabled .icon,
.button.-primary.-black.-disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black.-disabled[type=submit] .icon,
.button.-primary.-disabled.u-arrow .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-primary.-disabled[type=submit].u-arrow .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button.-disabled[type=submit].u-arrow .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input.-disabled[type=submit].u-arrow .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;
}
.button.-primary.-white:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white[type=submit]:active,
.button.-primary.-white.-active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white.-active[type=submit],
.button.-primary.-white.-selected,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white.-selected[type=submit] {
  background: #0b1215;
  color: #fdfdfd;
}

.button.-primary.-white:active .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white[type=submit]:active .icon,
.button.-primary.-white.-active .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white.-active[type=submit] .icon,
.button.-primary.-white.-selected .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white.-selected[type=submit] .icon {
  background-color: #fdfdfd;
}

.button.-primary.-white:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white[type=submit]:disabled,
.button.-primary.-white.-disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white.-disabled[type=submit] {
  background: #f2f4f8;
  color: #a2a9b0;
}

.button.-primary.-white:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white[type=submit]:disabled .icon,
.button.-primary.-white.-disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white.-disabled[type=submit] .icon {
  background-color: #a2a9b0;
}

.button.-secondary.-black,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black[type=submit],
.button.-secondary.u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary[type=submit].u-arrow {
  border: 1px solid #0b1215;
  background: transparent;
  color: #0b1215;
}

.button.-secondary.-black .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black[type=submit] .icon,
.button.-secondary.u-arrow .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary[type=submit].u-arrow .icon {
  background-color: #0b1215;
}
.button.-secondary.-black:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black[type=submit]:active,
.button.-secondary.u-arrow:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary[type=submit].u-arrow:active,
.button.-secondary.-black.-active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black.-active[type=submit],
.button.-secondary.-active.u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-active[type=submit].u-arrow,
.button.-secondary.-black.-selected,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black.-selected[type=submit],
.button.-secondary.-selected.u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-selected[type=submit].u-arrow {
  background: #0b1215;
  color: #fdfdfd;
}

.button.-secondary.-black:active .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black[type=submit]:active .icon,
.button.-secondary.u-arrow:active .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary[type=submit].u-arrow:active .icon,
.button.-secondary.-black.-active .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black.-active[type=submit] .icon,
.button.-secondary.-active.u-arrow .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-active[type=submit].u-arrow .icon,
.button.-secondary.-black.-selected .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black.-selected[type=submit] .icon,
.button.-secondary.-selected.u-arrow .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-selected[type=submit].u-arrow .icon {
  background-color: #fdfdfd;
}

.button.-secondary.-black:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black[type=submit]:disabled,
.button.-secondary.u-arrow:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary[type=submit].u-arrow:disabled,
.button.-secondary.-black.-disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black.-disabled[type=submit],
.button.-secondary.-disabled.u-arrow,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-disabled[type=submit].u-arrow {
  background: transparent;
  border: 1px solid #a2a9b0;
  color: #a2a9b0;
}

.button.-secondary.-black:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black[type=submit]:disabled .icon,
.button.-secondary.u-arrow:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary[type=submit].u-arrow:disabled .icon,
.button.-secondary.-black.-disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black.-disabled[type=submit] .icon,
.button.-secondary.-disabled.u-arrow .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-disabled[type=submit].u-arrow .icon {
  background-color: #a2a9b0;
}

.button.-secondary.-white,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white[type=submit] {
  border: 1px solid #fdfdfd;
  background: transparent;
  color: #fdfdfd;
}

.button.-secondary.-white .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white[type=submit] .icon {
  background-color: #fdfdfd;
}
.button.-secondary.-white:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white[type=submit]:active,
.button.-secondary.-white.-active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white.-active[type=submit],
.button.-secondary.-white.-selected,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white.-selected[type=submit] {
  border: 1px solid #0b1215;
  background: #0b1215;
  color: #fdfdfd;
}

.button.-secondary.-white:active .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white[type=submit]:active .icon,
.button.-secondary.-white.-active .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white.-active[type=submit] .icon,
.button.-secondary.-white.-selected .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white.-selected[type=submit] .icon {
  background-color: #fdfdfd;
}

.button.-secondary.-white:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white[type=submit]:disabled,
.button.-secondary.-white.-disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white.-disabled[type=submit] {
  background: transparent;
  border: 1px solid #a2a9b0;
  color: #a2a9b0;
}

.button.-secondary.-white:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white[type=submit]:disabled .icon,
.button.-secondary.-white.-disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white.-disabled[type=submit] .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;
}
.button.-conversion:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-conversion[type=submit]:active,
.button.-conversion.-active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-conversion.-active[type=submit],
.button.-conversion.-selected,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-conversion.-selected[type=submit] {
  background: #0b1215;
}

.button.-conversion:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-conversion[type=submit]:disabled,
.button.-conversion.-disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-conversion.-disabled[type=submit] {
  background: #f2f4f8;
  color: #a2a9b0;
}

.button.-conversion:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-conversion[type=submit]:disabled .icon,
.button.-conversion.-disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-conversion.-disabled[type=submit] .icon {
  background-color: #a2a9b0;
}

.button.-transparent,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-transparent[type=submit] {
  background: rgba(11, 18, 21, 0.2);
  color: #fdfdfd;
  backdrop-filter: blur(4px);
  border-radius: 360px;
}

.button.-transparent .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-transparent[type=submit] .icon {
  background-color: #fdfdfd;
}
.button.-transparent:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-transparent[type=submit]:active,
.button.-transparent.-active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-transparent.-active[type=submit],
.button.-transparent.-selected,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-transparent.-selected[type=submit] {
  background: #0b1215;
  backdrop-filter: blur(0);
}

.button.-transparent:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-transparent[type=submit]:disabled,
.button.-transparent.-disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-transparent.-disabled[type=submit] {
  background: rgba(242, 244, 248, 0.8);
  color: #a2a9b0;
}

.button.-transparent:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-transparent[type=submit]:disabled .icon,
.button.-transparent.-disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-transparent.-disabled[type=submit] .icon {
  background-color: #a2a9b0;
}

.button.-loyalty,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty[type=submit] {
  background: #e0144c;
  color: #fdfdfd;
}
.button.-loyalty:active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty[type=submit]:active,
.button.-loyalty.-active,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty.-active[type=submit],
.button.-loyalty.-selected,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty.-selected[type=submit] {
  background: #e0144c;
}

.button.-loyalty:disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty[type=submit]:disabled,
.button.-loyalty.-disabled,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty.-disabled[type=submit] {
  background: #f2f4f8;
  color: #a2a9b0;
}

.button.-loyalty:disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty[type=submit]:disabled .icon,
.button.-loyalty.-disabled .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-loyalty.-disabled[type=submit] .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: 2px;
}
.button.-iconOnly,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-iconOnly[type=submit] {
  padding: 6px;
  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 0.3s ease;
}

.header.-isTransparent ~ #root .main .experience-component:first-child .pageDesigner__item.-fullscreen,
.header.-isTransparent ~ #root .main .experience-component:first-child .pageDesigner__container.-fullscreen {
  height: 100vh;
}

.header.-isTransparent ~ #root .main .experience-component:first-child .pageDesigner__carousel.-carousel-fullscreen > .swiper-container {
  height: 100vh;
}

.header.-isTransparent ~ #root .main .pageDesigner__item.-fullscreen,
.header.-stickySlideUp ~ #root .main .pageDesigner__item.-fullscreen {
  height: calc((var(--100dvh)) - 56px);
}
.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 0.3s ease-in-out;
}

.floatingBar:not(.-hidden) ~ #root .pageDesigner__item.-fullscreen {
  height: calc((var(--100dvh)) - 56px - 35px);
}
.pageDesigner__item.-big .pageDesigner__column.-big {
  height: 560px;
}
.pageDesigner__item.-medium .pageDesigner__column {
  height: 310px;
}
.pageDesigner__item.-small .pageDesigner__column {
  height: 170px;
}
.pageDesigner__item.-auto {
  height: auto;
}

.pageDesigner__item.-auto .pageDesigner__column.-oneColumn {
  height: auto;
}

.pageDesigner__item.-auto .pageDesigner__column.-oneColumn .pageDesigner__bannerContent {
  margin: 0;
}

.pageDesigner__item.-auto .pageDesigner__column.-oneColumn .button,
.pageDesigner__item.-auto .pageDesigner__column.-oneColumn .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit],
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .pageDesigner__item.-auto .pageDesigner__column.-oneColumn 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-fullBanner,
.pageDesigner__item .pageDesigner__column .experience-assets-bannercontent {
  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 0.225s ease-in-out;
  white-space: nowrap;
  height: 100%;
  position: relative;
  font-family: "Baton Turbo", arial;
}

.headerMenu__wrapper.-hidden {
  transform: translateX(-100%);
}
.headerMenu__search {
  padding: 16px;
}

.headerMenu__content {
  height: auto;
  border-bottom: 1px solid #dde1e6;
}

.headerMenu__content::before {
  content: "";
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fdfdfd 80%, #fdfdfd 100%);
  height: 40px;
  position: absolute;
  top: 127px;
  left: 0;
  width: 50px;
  pointer-events: none;
  z-index: 1;
}

.headerMenu__content::after {
  content: "";
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fdfdfd 80%, #fdfdfd 100%);
  height: 40px;
  position: absolute;
  top: 127px;
  right: 0;
  width: 50px;
  pointer-events: none;
  z-index: 1;
}
.headerMenu__content.-noShadowLeft::before {
  content: none;
}

.headerMenu__content.-noShadowRight::after {
  content: none;
}

.headerMenu__header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 12px;
  height: 55px;
  background-color: #fdfdfd;
  z-index: 10;
}

.headerMenu__header span {
  font-size: 0.9375rem;
  cursor: pointer;
}
.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;
  flex-direction: row;
  height: auto;
  align-items: flex-start;
  display: flex;
  padding: 0 24px;
  gap: 24px;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  position: relative;
  scroll-behavior: smooth;
}
.headerMenu__list::before {
  content: "";
  position: absolute;
  left: var(--navBarLeftPosition);
  bottom: 0;
  background: #0b1215;
  height: 1px;
  width: var(--navBarWidth);
  transition: left 0.3s ease-in-out;
}
.headerMenu__listItem {
  height: auto;
  width: auto;
  margin: 0;
}

.headerMenu__listItem.-active .subMenu {
  visibility: visible;
  opacity: 1;
  display: block;
  overflow: auto;
}
.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 0.3s ease-in-out;
  padding: 20px 0;
  height: 60px;
}
.headerMenu__link::after {
  content: none;
  display: block;
  width: 0;
  height: 1px;
  background: currentcolor;
  transition: width 0.2s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
}
.headerMenu__listItem.-active .headerMenu__link::after {
  width: 100%;
}

.headerMenu__link.-color {
  color: #0b1215;
}

.headerMenu__link.-special_style .headerMenu__name {
  font-family: "Baton Turbo", arial;
  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;
}
.headerMenu__footerContainer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

.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;
}
.headerMenu__footerItem {
  display: flex;
  align-items: center;
  background: none;
  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: 100%;
  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;
  transition: transform 0.3s ease-in-out, opacity 0ms linear 0.1s, visibility 0ms linear 0.1s;
}

.subMenu__headerMobile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid #f2f4f8;
  margin: -16px -24px 24px -24px;
  position: sticky;
  top: 0;
  background: #fdfdfd;
  z-index: 3;
}

.subMenu__inner.-categoryLevel3 .subMenu__wrapper {
  padding: 16px 24px;
}
.subMenu__headerDesktopClose {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.subMenu__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 24px;
}
.subMenu__parentLink {
  margin-bottom: 32px;
  display: block;
  flex-basis: 100%;
}

.subMenu__column {
  width: 100%;
}

.subMenu__header {
  background: #fdfdfd;
  padding: 12px;
  font-size: 1.5625rem;
  text-align: center;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  position: sticky;
  top: 0;
  margin-bottom: 20px;
  display: flex;
  z-index: 10;
}

.subMenu__header .icon {
  font-size: 0.9375rem;
}
.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%;
}
.subMenu__list.-thirdLevel {
  display: none;
}

.subMenu__list.-thirdLevel.-active {
  display: block;
}
.subMenu__list.-thirdLevel .subMenu__item {
  flex-wrap: wrap;
}

.subMenu__list.-thirdLevel > .subMenu__item + .subMenu__item:not(.-nospace) {
  margin-top: 32px;
  padding-top: 0;
}
.subMenu__list.-fourthLevel .subMenu__item:last-child {
  padding-bottom: 0;
}

.subMenu__list + .subMenu__list {
  padding-top: 0;
}
.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:first-child {
  margin-top: -12px;
}

.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 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.subMenu__item:hover .subMenu__icon,
.subMenu__item.-active .subMenu__icon {
  visibility: visible;
  background: #697077;
}
.subMenu__link {
  display: flex;
  align-items: center;
  transition: color 0.3s ease-in-out, padding 0.3s ease-in-out;
  gap: 8px;
}
.subMenu__link.-color {
  color: #0b1215;
}

.subMenu__link.-special_style .subMenu__name {
  font-family: "Baton Turbo", arial;
  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: 0.8125rem;
  font-weight: 400;
}
.subMenu__link::before {
  content: "";
  position: absolute;
  inset: 0;
}

.subMenu__icon {
  margin-left: auto;
  visibility: hidden;
  flex: 0 0 auto;
  transition: background 0.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;
}
.subMenu .subMenu_titles .subMenu__seeAll {
  margin: 0;
}

.subMenu__name {
  white-space: normal;
  font-family: "Baton Turbo", arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
.subMenu__name.-notClickableAndLink {
  text-transform: lowercase;
  font-family: "Baton Turbo", arial;
  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: 0.8125rem;
  font-weight: 400;
  margin: 12px 0;
}
.mobileNavigation__panel {
  top: 0;
  touch-action: 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%;
}

.menuVisualBloc.-top {
  margin-bottom: 32px;
}

.menuVisualBloc.-bottom {
  margin-top: 8px;
}

.menuVisualBloc__title {
  margin-bottom: 8px;
  text-transform: uppercase;
}

.menuVisualBloc__wrapper {
  display: grid;
}
.menuVisualBloc__item {
  position: relative;
  height: 100%;
}

.menuVisualBloc__link {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.menuVisualBloc__picture {
  height: 100%;
}
.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;
}
.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 0.8s ease-in-out;
}

.subMenuEdito__name {
  position: absolute;
  left: 8px;
  bottom: 8px;
  color: #fdfdfd;
  font-size: 0.8125rem;
  line-height: 18px;
  max-width: 90%;
  white-space: normal;
}
.menuVisualBloc,
.subMenuEdito {
  border-radius: 2px;
}

.menuVisualBloc__picture,
.menuVisualBloc__link,
.menuVisualBloc__image,
.subMenuEdito__picture,
.subMenuEdito__link,
.subMenuEdito__image {
  border-radius: 2px;
}

.menuVisualBloc__picture::after,
.menuVisualBloc__link::after,
.menuVisualBloc__image::after,
.subMenuEdito__picture::after,
.subMenuEdito__link::after,
.subMenuEdito__image::after {
  border-radius: 2px;
}

.menuVisualBloc__link.-hideTitle::after,
.subMenuEdito__link.-hideTitle::after {
  display: none;
}

.menuVisualBloc__name,
.subMenuEdito__name {
  z-index: 2;
}

@keyframes bounceEffect {
  0%, 20%, 100% {
    margin-left: 0;
  }
  60% {
    margin-left: -8%;
  }
}
.header__logoLink.header__logoLivystone {
  margin-top: 0;
}

.header__logoLink.header__logoLivystone .header__logoImage {
  background: url("/logo-livystone.b0e497bc.png") center center no-repeat;
  height: 40px;
  padding-left: 100%;
  background-size: contain;
}
.header {
  transition: background 0.3s ease-in-out;
}

.header:not(.-transparent, .-productPage),
.header.-productPage.-active {
  border-bottom: 1px solid #f2f4f8;
}

.header.-burgerMenuOpen {
  z-index: 10;
}
.header.-transparent {
  background-color: rgba(105, 112, 119, 0.3);
}

.header.-transparent.-transparentWhiteBlackText:not(:hover, .-active) {
  background-color: rgba(253, 253, 253, 0.2);
}

.header.-transparent:not(.-burgerMenuOpen, :hover, .-active)::after {
  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, .-transparentWhiteBlackText) .header__burger .icon {
  background-color: #fdfdfd;
}

.header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) .header__icon,
.header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) .header__iconLink,
.header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) > .avatar__iconLink {
  color: #fdfdfd;
}

.header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) .header__icon .icon:not(.icon-lowstock, .icon-loyalty),
.header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) .header__iconLink .icon:not(.icon-lowstock, .icon-loyalty),
.header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) > .avatar__iconLink .icon:not(.icon-lowstock, .icon-loyalty) {
  background-color: #fdfdfd;
}

.header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) .header__icon .socialButtons__icon.btn-icon .icon,
.header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) .header__iconLink .socialButtons__icon.btn-icon .icon,
.header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) > .avatar__iconLink .socialButtons__icon.btn-icon .icon {
  background-color: transparent;
}

.header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) .header__icon .socialButtons__icon.btn-icon .icon.icon-apple,
.header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) .header__iconLink .socialButtons__icon.btn-icon .icon.icon-apple,
.header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) > .avatar__iconLink .socialButtons__icon.btn-icon .icon.icon-apple {
  background-color: #0b1215;
}

.header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) .badges.mini-cart-count {
  background: #fdfdfd;
  color: #0b1215;
}
.header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) .header__iconUser,
.header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) .avatar__iconUser {
  background: rgba(253, 253, 253, 0.2);
  color: #fdfdfd;
  border: none;
}

.header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) .header__logoImage.-globalLogo {
  display: none;
}

.header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) .header__logoImage.-transparentLogo {
  display: block;
}

.header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) .headerMenu__picture.-standard {
  display: block;
}
.header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) .headerMenu__picture.-transparent {
  display: none;
}
.header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) .header__icon.-store .header__storeInfos > * {
  color: #fdfdfd;
}

.header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) .header__icon.-miniCart .number {
  background-color: #fdfdfd;
  color: #0b1215;
  border: none;
}

.header:not(.-transparent) .header__logoImage.-globalLogo,
.header.-transparentBlack .header__logoImage.-globalLogo,
.header.-transparentWhiteBlackText .header__logoImage.-globalLogo {
  display: block;
}

.header:not(.-transparent) .header__logoImage.-transparentLogo,
.header.-transparentBlack .header__logoImage.-transparentLogo,
.header.-transparentWhiteBlackText .header__logoImage.-transparentLogo {
  display: none;
}

.header:not(.-transparent) .headerMenu__picture.-standard,
.header.-transparentBlack .headerMenu__picture.-standard,
.header.-transparentWhiteBlackText .headerMenu__picture.-standard {
  display: block;
}

.header:not(.-transparent) .headerMenu__picture.-transparent,
.header.-transparentBlack .headerMenu__picture.-transparent,
.header.-transparentWhiteBlackText .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;
}
.header__nav {
  align-items: stretch;
  padding: 0;
  flex: 1;
  height: auto;
  position: fixed;
  transform: translateX(-100%);
  overflow: auto;
  inset: 0;
  background: #fdfdfd;
  transition: transform 0.5s ease-in-out;
  width: 100%;
}

.header__nav::before {
  background: transparent;
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all ease 0.3s;
  z-index: -1;
}
.header__nav.-open {
  transform: none;
}
.header__burger {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin: 0 16px 0 -4px;
}
.header__iconUser {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #0b1215;
  font-size: 0.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;
}
.header__historyBackProduct {
  display: none;
}

.header__search {
  flex: auto;
  transition: transform 0.5s ease-in-out;
  transform: translateY(0);
}
.header__searchWrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  color: #697077;
  background: #f2f4f8;
  height: 40px;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
  border-radius: 2px;
}

.header__searchWrapper .header__searchContentIcon {
  background-color: #697077;
}

.header__searchWrapper.-hidden {
  opacity: 0;
  cursor: auto;
}
.header.-transparent:not(:hover) .header__searchContentIcon {
  background: #fdfdfd;
}

.header.-transparentBlack:not(:hover) .header__searchContentIcon,
.header.-transparentWhiteBlackText:not(:hover) .header__searchContentIcon {
  background: #0b1215;
}

.header__logo {
  transition: transform 0.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.-miniCart .header__iconLink {
  overflow: inherit;
}

.header__icon.-miniCart .number {
  position: absolute;
  right: -5px;
  top: -5px;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  font-family: "Baton Turbo", arial;
  font-size: 0.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0b1215;
  color: #fdfdfd;
  border: 1px solid #fdfdfd;
}

.header__icon.-miniCart .-basket .header__iconBasket {
  width: 24px;
  height: 24px;
  position: relative;
}

.header__icon.-miniCart .-basket .header__iconBasket .number {
  z-index: 1;
}

.header__icon.-account .avatar {
  cursor: pointer;
}

.header__icon.-store:hover .panel__HeaderStoreContainer {
  opacity: 1;
  visibility: visible;
  z-index: 8;
}

.header__icon.-store:hover .panel__HeaderStoreContainer::before,
.header__icon.-store:hover .panel__HeaderStoreContainer::after {
  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: 100%;
  position: absolute;
  bottom: 15px;
  right: 0;
  z-index: 1;
}
.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;
}
.header__icon.-store .header__storeInfos > * {
  color: #0b1215;
}
.header__iconAnimation {
  position: absolute;
  right: 0;
  z-index: 1;
}
.header__iconAnimation.-animated {
  animation: accountLogoBounceMobile 2s infinite;
}
.header__tooltipAccount {
  width: 400px;
  position: absolute;
  top: 72px;
  margin-top: -1px;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  z-index: 9;
}

.header__tooltipAccount.-show {
  visibility: visible;
  opacity: 1;
}

.header__tooltipAccountInner {
  display: grid;
  gap: 6px;
  padding: 16px;
  overflow-y: auto;
  background-color: #fdfdfd;
  border-radius: 2px;
  max-height: calc(100vh - 72px - 16px);
  scrollbar-width: thin;
  scrollbar-color: #697077 transparent;
  box-shadow: var(--sfra-shadow-01);
}

.header__tooltipAccountInner::-webkit-scrollbar-track {
  background-color: #fdfdfd;
  border-radius: 100px;
}

.header__tooltipAccountInner::-webkit-scrollbar {
  width: 4px;
  background-color: transparent;
  border-radius: 100px;
}

.header__tooltipAccountInner::-webkit-scrollbar-thumb {
  background-color: #697077;
  border-radius: 100px;
}

.isFloatingBanner .header__tooltipAccountInner {
  max-height: calc(100vh - 107px - 16px);
}

.header__tooltipAccountArrow {
  position: absolute;
  bottom: 100%;
  right: 10px;
  width: 24px;
  height: 12px;
  overflow: hidden;
}

.-connected .header__tooltipAccountArrow {
  right: 14px;
}

.header__tooltipAccountArrow::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, 0.05);
  border-radius: 2px;
}

.header__tooltipSignTitle {
  margin-top: 12px;
}

.header__emptyMiniCart {
  background: #fdfdfd;
  position: absolute;
  right: 0;
  top: 72px;
  width: 400px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  z-index: 8;
}

.header__emptyMiniCartInner {
  display: grid;
  gap: 16px;
  padding: 16px;
  overflow-y: auto;
  background-color: #fdfdfd;
  border-radius: 2px;
  max-height: calc(100vh - 72px - 16px);
  box-shadow: var(--sfra-shadow-01);
}

.isFloatingBanner .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);
}
.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;
}
.header.-searchPage .header__wrapper {
  padding: 16px;
}
#panelHeaderStore .panel__wrapper {
  padding: 40px 16px;
}

.panel__HeaderStoreContainer {
  position: absolute;
  right: 0;
  transition: all ease-in-out 0.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;
}

.isFloatingBanner .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: 2px;
  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;
}
.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: bloc;
  text-transform: lowercase;
}

.panel__headerStoreInfosContainer .panel__headerStoreBanner .panel__headerStoreName::first-letter {
  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-size: 100%;
  width: 8px;
  height: 15px;
}

.appHeader.-home .appHeader__back {
  display: none;
}

.embeddedServiceSidebar.modalContainer {
  --lwc-fontFamily: $font-library-brand-font ;
}

.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: #0b1215;
  color: #fdfdfd;
}
.footer__divider {
  max-width: 343px;
}
.footer__bottomContainer {
  display: grid;
  grid-auto-columns: 100%;
}
.footer .subFooter {
  display: grid;
  align-items: flex-start;
  grid-gap: 40px;
  grid-auto-columns: 100%;
}
.footer .titleItemFooter {
  color: #fdfdfd;
  font-family: "Baton Turbo", arial;
  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: #fdfdfd;
  transform: rotate(180deg);
}
.footer .linkSubFooter {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer .linkSubFooter a,
.footer .linkSubFooter span {
  color: #fdfdfd;
  font-family: "Baton Turbo", arial;
  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;
}
.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;
}
.footerSocialNetworkLinks__items {
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
  justify-content: center;
}
.footerServices {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-flow: column;
  margin-top: 40px;
}
.footerServices__icon {
  width: 100px;
  height: 32px;
}

.footerServices__items {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 24px;
}
.footerServices__item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.footerServices__item.-payment .icon-cb.-medium {
  width: 24px;
}

.footerServices__payment {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
}
.countrySwitcher {
  margin-top: 40px;
}
.footerNewsletter {
  margin-top: 40px;
}
.footerCopyright {
  margin-top: 40px;
  text-align: center;
}
.footerCopyright .under-seo {
  padding: 0;
  background: transparent;
}

.footerCopyright .under-seo a,
.footerCopyright .under-seo p,
.footerCopyright .under-seo span {
  color: #fdfdfd;
}

.footerCopyright a {
  color: #fdfdfd;
}

.footerLinks {
  margin-top: 40px;
  padding: 40px 0;
  border-top: 1px solid #697077;
  border-bottom: 1px solid #697077;
}
.brandReinsurance {
  background: #fdfdfd;
  padding: 20px;
}

.brandReinsurance__wrapper {
  max-width: 1240px;
  margin: auto;
}

.brandReinsurance__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.brandReinsurance__item {
  max-width: 50%;
  width: 100%;
  text-align: center;
  padding: 8px;
  box-sizing: border-box;
  word-break: break-word;
}

.brandReinsurance__item img {
  display: block;
  margin: 0 auto 20px;
}
.brandReinsurance__dialog {
  padding: 12px;
  text-align: left;
}
.footerFidelityApp {
  padding: 40px 0;
  display: grid;
  align-items: center;
  grid-gap: 40px;
  grid-auto-columns: 100%;
}
.footerFidelity {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
}

.footerFidelity__logo {
  width: 40px;
  height: 40px;
}

.footerFidelity__logoImg {
  width: 40px;
  height: 40px;
  max-width: none;
}

.footerFidelity__link {
  margin-top: 4px;
  display: block;
}

.footerFidelity__desc {
  margin-top: 4px;
}

.footerApp {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
}

.footerApp__logo {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
}

.footerApp__logo.-mobile {
  background-image: url("/gradient-home-mag.4aa13efa.svg");
  background-size: 100%;
  border-radius: 8px;
  display: flex;
  align-items: center;
}

.footerApp__logo.-mobile .logo-size-small {
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  margin: 0 8px;
}

.footerApp__logoImg {
  width: 100%;
  height: 100%;
}

.footerApp__desc {
  margin-top: 4px;
}

.footerApp__link {
  margin-top: 4px;
  display: block;
}

.footerApp__link.-mobile {
  margin-top: 16px;
}

.footerApp__link.-mobile img {
  max-width: 150px;
}

.footerApp__rating {
  display: flex;
  align-items: center;
  gap: 40px;
  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;
  clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
}

.footerApp__ratingStarItems .star-plain.active {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.footerApp__ratingStarItem {
  position: relative;
}

.authPanel {
  padding: 0 12px;
  margin: auto;
}
.authPanel.toast {
  padding: 0;
}
.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: "Baton Turbo", arial;
  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;
}
.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, 0.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("/etamConnectFid.ee910eca.png") center center no-repeat;
  background-size: contain;
  background-position: center;
}
.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 0.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 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.authPanel__fidAuthOpenInput .form__group,
.authPanel__fidAuthOpenInput .form__field {
  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__tab {
  display: flex;
  flex-direction: column;
}

.splittedAuthPanel__socialsButtons {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.splittedAuthPanel__socialsButtons > * {
  flex: 1 1 0;
  max-width: 33%;
}
.splittedAuthPanel__emailExist {
  display: flex;
  padding: 16px 16px 12px 16px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 2px;
  background-color: #f2f4f8;
}

.splittedAuthPanel__passwordCheckItem {
  display: flex;
  align-items: center;
  color: #fa4d56;
  font-family: "Baton Turbo", arial;
  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: 2px;
  background-color: #f2f4f8;
}

.forgottenPasswordPanel__passwordCheckItem {
  display: flex;
  align-items: center;
  color: #fa4d56;
  font-family: "Baton Turbo", arial;
  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;
}

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;
}

.socialButtons__icon.button.-iconOnly .icon,
.newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.socialButtons__icon.-iconOnly[type=submit] .icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.accountGhost {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.ghost {
  position: absolute;
  top: calc(50% + 28px);
  left: 50%;
  transform: translate(-50%, -50%);
}
.ghost.shadow {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  transform: none;
  z-index: 10;
}

.ghost .line {
  background: linear-gradient(90deg, rgba(238, 238, 238, 0.6666666667), rgba(238, 238, 238, 0.6666666667), #fff, rgba(238, 238, 238, 0.6666666667), rgba(238, 238, 238, 0.6666666667));
  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);
}
.ghost.ghostCategories .ariane {
  height: 15px;
  margin: 20px 50px;
}
.ghost.ghostCategories .title {
  height: 30px;
  margin: 0 auto;
  width: 60%;
}
.ghost.ghostCategories .filter {
  margin: 10px 20px;
  height: 40px;
}
.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%;
}
.ghost.ghostCategories .holder {
  background: none;
  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;
}
.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, rgba(238, 238, 238, 0.6666666667), rgba(238, 238, 238, 0.6666666667), #fff, rgba(238, 238, 238, 0.6666666667), rgba(238, 238, 238, 0.6666666667));
  background-size: 300% 400%;
  animation: GhostGradient 2s linear infinite;
  animation-direction: reverse;
  text-align: center;
}
.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);
}
.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, rgba(221, 221, 221, 0.6666666667), rgba(221, 221, 221, 0.6666666667) 45%, #fff 50%, rgba(221, 221, 221, 0.6666666667) 55%, rgba(221, 221, 221, 0.6666666667));
  background-size: 300% 400%;
  animation: GhostGradient 2s linear infinite;
  animation-direction: reverse;
}
.ghost.productPage .product-name-productSet,
.ghost.productPage .product-name-description {
  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);
}
.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;
}
.ghost.productSetPage .productSetItem {
  width: 100%;
  position: static;
  height: 100px;
  background: linear-gradient(135deg, rgba(221, 221, 221, 0.6666666667), rgba(221, 221, 221, 0.6666666667) 45%, #fff 50%, rgba(221, 221, 221, 0.6666666667) 55%, rgba(221, 221, 221, 0.6666666667));
  background-size: 300% 400%;
  animation: GhostGradient 2s linear infinite;
  animation-direction: reverse;
  margin-top: 12px;
}

.ghost.productSetPage .productSetItem:nth-child(1) {
  margin-top: 0;
}

.transition-no-scroll {
  position: fixed;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}

.body-no-scroll {
  height: 100vh;
}

.moveAppear {
  animation: fadeAppear 300ms ease;
  position: fixed;
  inset: 0;
  background: #fdfdfd;
  z-index: 1;
}

.moveTopAppear {
  position: fixed;
  inset: 0;
  background: #fdfdfd;
  animation: moveTopAppear 300ms ease;
}

.moveTopDisappear {
  position: fixed;
  inset: 0;
  background: #fdfdfd;
  animation: moveTopDisappear 300ms ease;
  z-index: 9;
}

.fadeOut {
  animation: fadeDisAppear 300ms ease forwards;
}

.fadeIn {
  opacity: 0;
  animation: fadeAppear 300ms 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: none;
  z-index: 10;
}

.animationContainer {
  position: fixed;
  background: #fdfdfd;
  inset: 0;
  z-index: -1;
}
.animationContainer.backward {
  z-index: 2;
}

.moveDisappear {
  animation: fadeDisAppear 300ms ease forwards;
}
@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: 24px;
}

.checkout .woosmapContainer {
  margin-top: 0;
}

.woosmapContainer__wrapper {
  display: flex;
  flex-direction: column;
}

.woosmapContainer__wrapper.-loading {
  min-height: 200px;
  position: relative;
  justify-content: center;
  align-items: center;
  display: flex;
  visibility: hidden;
}

.woosmapContainer__wrapper.-loading * {
  display: none;
}

.woosmapContainer__wrapper.-loading::after {
  display: block;
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  border: 2px solid #0b1215;
  border-radius: 50%;
  border-right: 2px solid #fdfdfd;
  animation: rotate 1s linear infinite;
  visibility: visible;
}

.woosmapContainer__nav {
  display: flex;
  width: 100%;
}

.woosmapContainer__linkSelected {
  width: 100%;
}

.woosmapContainer__sidebar,
.woosmapContainer__mapContainer {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
.woosmapContainer__mapContainer.-active .woosmapContainer__map {
  height: 400px;
}
.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;
}
.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;
  z-index: 2;
}

.woosmapContainer__storesListing.-show {
  display: block;
}

.woosmapContainer .woosmapCard {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid #dde1e6;
}

.checkout .woosmapContainer .woosmapCard {
  margin: 0;
}

.woosmapContainer .woosmapCard.-favoriteStore {
  border-color: #0b1215;
}

.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;
}

.woosmapContainer .woosmapCard__name {
  display: flex;
  align-items: center;
  gap: 8px;
}

.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;
}
.woosmapContainer .woosmapCard__openInfosLabel.-open {
  color: #42be65;
}

.woosmapContainer .woosmapCard__openInfosLabel.-closed {
  color: #fa4d56;
}

.woosmapContainer .woosmapCard__specialOpening {
  margin-top: 8px;
}

.woosmapContainer .woosmapCard__link {
  margin-top: 24px;
}

.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: 100%;
  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: 0.8125rem;
}

.woosmapContainer__storeDetails .woosmapContainer__distance .icon-phone,
.woosmapContainer__storeDetails .woosmapContainer__phone .icon-phone {
  margin-right: 4px;
}

.woosmapContainer__storeDetails .woosmapContainer__address {
  font-size: 0.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: none;
  text-decoration: underline;
}

.woosmapContainer__contact {
  margin: 8px 0;
  display: flex;
  flex-direction: column;
}

.woosmapContainer__storeOpeningHourDay.-currentDay {
  font-family: "Baton Turbo", arial;
  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: 0.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: 1px;
  background: #fdfdfd;
  box-shadow: var(--sfra-shadow-02);
  z-index: 1;
}

.localities-container.localities-hidden,
.localities-container:empty {
  display: none;
}

.localities-container .localities-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-transform: capitalize;
  font-weight: 500;
  padding: 12px 16px;
  cursor: pointer;
  border-bottom: 1px solid #dde1e6;
  border-radius: 1px;
  color: #0b1215;
  font-family: "Baton Turbo", arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}

.localities-container .localities-item:hover,
.localities-container .localities-item-selected {
  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-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
}

#js-woosmapStoreDetailWrapper-store .panel__wrapper,
#js-woosmapStoreDetailWrapper-relais .panel__wrapper,
#js-woosmapStoreDetailWrapper-chronoRelais .panel__wrapper {
  padding: 0;
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
#panelStoreLocator.show ~ .localities-container {
  z-index: 1115;
}

.cart__headerCartLine {
  grid-column: auto/span 12;
}
.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;
}
.cart__rightColumn {
  grid-column: auto/span 12;
}
.cart__rightColumnContainer {
  position: sticky;
  top: 60px;
  z-index: 1;
}
.cart__deliveryAndReturns .loadingContent {
  width: 100%;
  height: 236px;
}

.cart__deliveryAndReturns .availablesShippings {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.cart__deliveryAndReturns .availablesShippings__left {
  display: flex;
  flex-direction: column;
}

.cart__deliveryAndReturns .availablesShippings .loadingContent {
  height: 60px;
  width: 100%;
}

.cart__deliveryAndReturns .availablesShippings:not(:first-child) {
  margin-top: 16px;
}

.cart__deliveryAndReturns .availablesShippings.-hidePrice .price {
  display: none !important;
}

.cart__fid {
  grid-column: auto/span 12;
}
.cart__fid .accordion__center > * {
  -webkit-line-clamp: unset;
}

.cart__fidBurnContainerButton {
  display: flex;
  gap: 4px;
}

.cart__fidBurnLabelContainer,
.cart__fidCartLabelContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.cart__fid .loyaltyContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  gap: 2px;
}

.cart__fid .loyaltyContainer .titleLoyalty {
  color: #0b1215;
}

.cart__fidBurnCardContainer,
.cart__fidCartCardContainer {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.cart__fidBurnCardContainer .switchLoyalty,
.cart__fidCartCardContainer .switchLoyalty {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cart__fidBurnCardContainer .switchLoyalty .form__group,
.cart__fidCartCardContainer .switchLoyalty .form__group {
  margin-bottom: 0;
}

.cart__fidBurnContainer,
.cart__fidCartContainer {
  display: flex;
  padding: 8px 12px;
  flex-direction: column;
  align-items: stretch;
  border-radius: 2px;
  border: 1px solid #dde1e6;
}

.cart__fid .noBurnBackground {
  background: #f2f4f8;
  border: none;
}

.cart__fid .noBurnBackground .icon {
  background: #697077;
}

.cart__fidNoBurnCardContainer {
  display: flex;
  align-items: center;
  gap: 16px;
}

.cart__fid .icon {
  background: #e0144c;
}

.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;
}
.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%;
}
.cartLine__itemFooter {
  align-self: end;
}
.cartLine__itemPrice {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
}
.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;
}
.cartLine__itemCalloutMsg {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 140px;
}
.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, 0.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;
}

.cartBox__ErrorMsgParagraph {
  line-height: 20px;
}

.abTestCrosssell {
  grid-column: 2/span 10;
}
.-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;
}

.form__input {
  border-radius: 2px;
}

.badge {
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 4px 9px 3px;
  background: #eb5445;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 13px;
  display: inline-block;
  border-radius: 1px;
}

.badge.-promo {
  background: #f9d0db;
  color: #eb5445;
}

.loadBlock {
  position: fixed;
  inset: 0;
  animation: loadBlockAppear ease 500ms forwards;
  z-index: 8;
}

@keyframes loadBlockAppear {
  from {
    background: rgba(255, 255, 255, 0);
    backdrop-filter: blur(0);
  }
  to {
    background: rgba(255, 255, 255, 0.7098039216);
    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("/loader-etam.ecc29621.svg") no-repeat center;
  background-size: contain;
  grid-column: span 12;
}

.loading .loader-element.black {
  background-image: url("/loader-etam-black.e3d985e9.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.panel,
.loading.offcanvas,
.loading.toast {
  background: #fdfdfd;
}

.loading.panel .loader-element,
.loading.offcanvas .loader-element,
.loading.toast .loader-element {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.loading.panel .panel__wrapper::after,
.loading.offcanvas .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;
}

@keyframes backgroundBlink {
  0% {
    background: rgba(0, 0, 0, 0.2);
  }
  50% {
    background: rgba(0, 0, 0, 0.4);
  }
  100% {
    background: rgba(0, 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%;
}

.dropdownButton {
  border-style: none none solid;
  border-radius: 0;
}

.dropdownBloc .container {
  border-radius: 2px;
}

.dropdownButtonContainer .errorMessage {
  margin-top: 2px;
}

.dropdownContainer.-card .dropdownBloc {
  border-radius: 2px;
}

.dropdownContainer.-card .dropdownBloc .container {
  border-radius: 0;
}

.productCard__productImageContent .lazyLoadedContainer img {
  border-radius: 2px;
}

.stepbar__step::before {
  height: 2px;
}

.u-promo-color {
  color: #eb5445;
}

.header {
  background: #fdfdfd;
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100% - var(--scrollbar-width));
}
.header__logoLink {
  display: block;
}

.header__logoImage {
  margin-top: 6px;
}

.header__logoImage.-active {
  display: block;
}

.header__logoImage.-hidden {
  display: none;
}
.header__icon {
  align-self: stretch;
  position: relative;
}

.header__icon.-account.-connected::before {
  right: 0;
  top: 8px;
}
.header__icon.-hover .icon {
  color: #a2a9b0;
}

.header__iconAnimation {
  top: 32px;
}
@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__iconLink,
.header .avatar {
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
}
.header__iconUser {
  font-family: "Baton Turbo", arial;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0;
}
.ghost.productPage .breadcrumb {
  margin: 20px 1.5%;
}

.ghost.productPage .rest .buttons {
  border-radius: 20px;
}

.shadow-01 {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

.shadow-02 {
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.1);
}

.shadow-03 {
  box-shadow: 0 24px 34px rgba(0, 0, 0, 0.1);
}

.blur-01 {
  filter: blur(4px);
}
.filters__results .search-keywords {
  font-weight: normal;
}

.filters__wrapper {
  margin-top: 16px;
  background-color: rgba(253, 253, 253, 0.1);
}
.filters__wrapper.-sticky {
  position: sticky;
  width: 100%;
  top: 56px;
  background: #fdfdfd;
}
.floatingBar:not(.-hidden) ~ #root .filters__wrapper.-sticky:not(.-slideUp) {
  top: 107px;
}

.floatingBar:not(.-hidden) ~ #root .filters__wrapper.-sticky:not(.-slideUp).-stickyFilter {
  top: 91px;
}
.filters__wrapper.-stickyFilter {
  opacity: 1;
  position: sticky;
  top: 0;
}
.filters__wrapper.-filterBarActive {
  margin-bottom: 0;
}

.filters__wrapper.-filterBarActive + .filterBar {
  margin-top: 8px;
  margin-bottom: 24px;
  position: relative;
}

.filters__wrapper.-filterBarActive + .filterBar .filterBar__reset {
  display: flex;
}

.filters__mobile {
  position: relative;
  text-align: center;
  flex-wrap: wrap;
  row-gap: 4px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  max-width: 100%;
}

.-sticky .filters__mobile {
  border: 0;
  width: auto;
  grid-template-columns: repeat(2, 1fr);
}

.-sticky .filters__mobile .filters__results {
  margin-left: auto;
}

.-sticky .filters__mobile .filters__view {
  display: none;
}

.filters__mobile .filters__view {
  margin-left: auto;
}

.filters__mobile .filters__button .icon {
  background-color: #0b1215;
}

.filters__mobile .filters__button.-active {
  color: #0b1215;
}

.filters__mobile .filters__button.-active .icon {
  background-color: #0b1215;
}
.filters__mobileElement {
  position: relative;
  display: flex;
}

.filters__selectView {
  display: none;
  padding: 0 8px 0 0;
  background: #fdfdfd;
}
.filters__selectView.-active .arrow {
  transform: rotateX(0);
}

.filters__selectView .arrow {
  font-size: 0.5rem;
}

.filters__viewWrapper {
  display: flex;
  gap: 8px;
}

.filters__desktopElement {
  display: flex;
  align-items: center;
  gap: 24px;
}

.filters__desktopElement:not(:last-child) {
  margin-right: 8px;
}

.filters__desktopElement + .filters__mobileElement {
  margin-left: 8px;
}

.filters__desktopElement.-view:hover {
  border-color: #0b1215;
}

.filters__wrapper.-sticky .filters__desktopElement.-view {
  display: none;
}

.filters__desktopElement .result-count {
  color: #0b1215;
}

.filters__desktop {
  display: none;
}
.filters__desktop .filtersDesktop__item:hover .filtersDesktop__title {
  border-color: #0b1215;
}

.filters__desktop .filtersDesktop__item.-active .filtersDesktop__title {
  border-color: #0b1215;
}

.filters__desktop .filtersDesktop__item.-active .filtersDesktop__arrow {
  transform: rotate(0deg);
}

.filters__desktop .filtersDesktop__item.-active .filtersDesktop__values {
  opacity: 1;
  visibility: visible;
  max-height: calc(50vh + 110px);
}

.-slideUp:not(.-stickyFilter) .filters__desktop .filtersDesktop__item.-active .filtersDesktop__values {
  opacity: 0;
  visibility: hidden;
}

.filters__desktop .filtersDesktop__item.-active .icon {
  background-color: #0b1215;
}

.filters__desktop .filtersDesktop__background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.filters__desktop .filtersDesktop__title {
  border: none;
  border-radius: 0;
  background-color: transparent;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: border 0.3s ease-in-out;
  position: relative;
  display: flex;
  gap: 8px;
  align-items: center;
}

.filters__desktop .filtersDesktop__title.-view {
  font-size: 1.25rem;
  border: none;
  height: auto;
}

.filters__desktop .filtersDesktop__title.-view.-active .icon-layout-detailed,
.filters__desktop .filtersDesktop__title.-view:hover .icon-layout-detailed {
  -webkit-mask-image: url("/icon-layout-detailed-active.beb29dea.svg");
  mask-image: url("/icon-layout-detailed-active.beb29dea.svg");
}

.filters__desktop .filtersDesktop__title.-view.-active .icon-layout-classic,
.filters__desktop .filtersDesktop__title.-view:hover .icon-layout-classic {
  -webkit-mask-image: url("/icon-layout-classic-active.c0d4bab4.svg");
  mask-image: url("/icon-layout-classic-active.c0d4bab4.svg");
}

.filters__desktop .filtersDesktop__title.-view.-active .icon-layout-mosaic,
.filters__desktop .filtersDesktop__title.-view:hover .icon-layout-mosaic {
  -webkit-mask-image: url("/icon-layout-mosaic-active.054ea7dd.svg");
  mask-image: url("/icon-layout-mosaic-active.054ea7dd.svg");
}

.filters__desktop .filtersDesktop__title.-view.-active .icon,
.filters__desktop .filtersDesktop__title.-view:hover .icon {
  background-color: #0b1215;
}

.filters__wrapper.-sticky .filters__desktop .filtersDesktop__title.-view.-active .icon,
.filters__wrapper.-sticky .filters__desktop .filtersDesktop__title.-view:hover .icon {
  background-color: #0b1215;
}

.filters__desktop .filtersDesktop__title.-view .icon {
  position: relative;
  display: block;
  background-color: var(--backgroundInactifFilter);
}

.filters__wrapper.-sticky .filters__desktop .filtersDesktop__title.-view .icon {
  background-color: #a2a9b0;
}

.filters__desktop .filtersDesktop__badge {
  flex: 0 0 auto;
}

.filters__desktop .filtersDesktop__label {
  text-transform: capitalize;
  vertical-align: middle;
  position: relative;
}

.filters__desktop .filtersDesktop__arrow {
  display: inline-block;
  transition: transform 0.3s ease-in-out;
  vertical-align: middle;
  position: relative;
  width: 16px;
  height: 16px;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.filters__desktop .filtersDesktop__resetButton {
  border: 0;
  background-color: transparent;
  padding: 0;
  outline: none;
}

.filters__desktop .filtersDesktop__values {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  background-color: #fdfdfd;
  border-radius: 2px;
  margin-top: 12px;
  width: auto;
  min-width: 310px;
  transition: all 0.3s ease-in-out;
  box-shadow: var(--sfra-shadow-02);
  z-index: 4;
}

.filters__desktop .filtersDesktop__values__wrapper {
  max-height: 50vh;
  overflow-y: auto;
  padding: 12px;
}

.filters__desktop .filtersDesktop__values__wrapper .-refinementColor .dropdownBloc {
  position: initial;
  box-shadow: none;
}

.filters__desktop .filtersDesktop__values__footer {
  display: none;
  padding: 20px 12px;
  border-top: 1px solid #dde1e6;
}

.filters__desktop .filtersDesktop__values__footer.-active {
  display: block;
}

.filters__desktop .filtersDesktop__values .values {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: auto;
  grid-gap: 8px;
  grid-auto-flow: row;
}

.filters__desktop .filtersDesktop__values .values .btn-values {
  text-align: center;
}

.filters__desktop .filtersDesktop__values .values .btn-values .-disabled {
  pointer-events: none;
  opacity: 0.3;
}

.filters__desktop .filtersDesktop__values .values .sizeButtonList__container {
  display: contents;
}

.filters__desktop .filtersDesktop__values .values.-refinementColor {
  grid-template-columns: 100%;
}

.filters__desktop .filtersDesktop__values .values.-refinementColor .container {
  background: none;
  padding: 0;
  border-radius: 0;
  width: auto;
  flex-flow: row wrap;
  max-width: 100%;
}

.filters__desktop .filtersDesktop__values .values.-refinementColor .container .filterColors_button.-selected .dbItemRenderer {
  background: #0b1215;
  color: #fdfdfd;
}

.filters__desktop .filtersDesktop__values .values.-refinementColor .container .dropdownLabel {
  font-family: "Baton Turbo", arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

.filters__desktop .filtersDesktop__values .values.-refinementColor .container .dbItemRenderer {
  justify-content: flex-start;
}

.filters__desktop .filtersDesktop__values .boolean {
  display: block;
}

.filters__desktop .filtersDesktop__values .boolean .btn-values {
  margin: 8px 0;
  text-align: left;
}

.filters__desktop .filtersDesktop__values .boolean .btn-values .btn-boolean {
  text-align: left;
  display: block;
  padding: 0 8px;
  transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;
}

.filters__desktop .filtersDesktop__values .boolean .btn-values .btn-boolean:hover {
  background-color: #f2f4f8;
}

.filters__desktop .filtersDesktop__values .boolean .btn-values .btn-boolean .icon-check {
  display: none;
}
.filters__desktop .filtersDesktop__values .boolean .btn-values:last-child {
  margin: 0;
}

.filters__desktop .filtersDesktop__values .form__group {
  padding: 4px 0;
  margin: 0;
}

.filters__desktop .filtersDesktop__values .form__group .form__radio + label {
  background-color: #fdfdfd;
  border: 1px solid #dde1e6;
  padding: 8px;
  font-size: inherit;
  line-height: inherit;
  transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;
  cursor: pointer;
}

.filters__desktop .filtersDesktop__values .form__group .form__radio + label::before,
.filters__desktop .filtersDesktop__values .form__group .form__radio + label::after {
  display: none;
}

.filters__desktop .filtersDesktop__values .form__group .form__radio + label .icon-check {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.filters__desktop .filtersDesktop__values .form__group .form__radio:checked + label {
  border-color: #0b1215;
}

.filters__desktop .filtersDesktop__values .form__group .form__radio:checked + label .icon-check {
  opacity: 1;
}

.filters__desktop .filtersDesktop__values .form__group .form__radio:hover + label {
  background-color: #f2f4f8;
  border-color: #0b1215;
}

.filters__desktop .filtersDesktop__values .form__group:last-child {
  padding-bottom: 0;
}

.filters__background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.filters__button {
  background-color: transparent;
  border: 0;
  height: 40px;
  white-space: nowrap;
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0;
}

.filters__button::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 30px;
  background-color: #dde1e6;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.filters__button:first-child {
  border-right: 0;
}

.filters__button:first-child::before {
  display: none;
}

.filters__button:last-of-type {
  border-left: 0;
}

.filters__button::after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.filters__button span {
  position: relative;
}

.filters__button .nbFilters {
  margin-left: 4px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 100%;
  background: #0b1215;
  color: #fdfdfd;
  text-align: center;
}

.filters__button.-view {
  font-size: 1.25rem;
  cursor: pointer;
  color: #a2a9b0;
}

.filters__button.-view::before {
  content: none;
}

.filters__button.-view .icon {
  position: relative;
  display: block;
  font-size: 1.5rem;
}

.filtersPanel__header {
  position: relative;
  height: 56px;
  border-bottom: 1px solid #f2f4f8;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  padding: 16px 24px;
  z-index: 1;
}

.filtersPanel__headerTitle {
  display: flex;
  align-items: center;
  gap: 4px;
}

.filtersPanel__headerTitleLabel {
  text-transform: capitalize;
}

.filtersPanel__theme {
  text-transform: uppercase;
  display: block;
  padding: 0 0 8px 0;
}

.filtersPanel__selectedValue:not(:last-of-type)::after {
  content: ",";
  display: inline-block;
}

.filtersPanel__footer {
  background-color: #fdfdfd;
  padding: 16px 16px 24px 16px;
  position: fixed;
  bottom: calc(0px + env(safe-area-inset-bottom));
  left: 0;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 16px;
  border-top: 1px solid #dde1e6;
}
.filtersPanel__item {
  padding: 16px 0 16px 12px;
  border-bottom: 1px solid #f2f4f8;
}

.filtersPanel__item + .filtersPanel__theme {
  padding-top: 24px;
}

.filtersPanel__item:last-child,
.filtersPanel__item:only-child {
  border-bottom: 0;
}

.filtersPanel__item.-active .filtersPanel__arrow {
  transform: rotateX(0);
}

.filtersPanel__item.-active .filtersPanel__values {
  display: block;
}

.filtersPanel__item.-active .filtersPanel__values .values {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 16px;
}

.filtersPanel__item.-active .filtersPanel__values .values.-size {
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  grid-gap: 8px;
}

.filtersPanel__item.-active .filtersPanel__values .values.-refinementColor .container {
  padding: 0;
  border-radius: 0;
  display: flex;
  width: auto;
  flex-flow: row wrap;
  box-shadow: none;
  position: relative;
  z-index: 1;
}

.filtersPanel__item.-active .filtersPanel__values .values.-refinementColor .container .filterColors_button.-selected .dbItemRenderer {
  background: #0b1215;
  color: #fdfdfd;
}

.filtersPanel__item.-active .filtersPanel__values .values.-refinementColor .container .dbItemCol {
  white-space: normal;
}

.filtersPanel__item.-active .filtersPanel__values .values.-refinementColor .container .dbItemCol .dbItemRenderer {
  justify-content: flex-start;
}

.filtersPanel__item.-active .filtersPanel__values .boolean {
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
}

.filtersPanel__item.-active .filtersPanel__values .boolean .icon-check {
  display: none;
}

.filtersPanel__item .filtersPanel__title {
  background: transparent;
  border: 0;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: left;
}

.filtersPanel__item .filtersPanel__title.-withFilter {
  grid-template-columns: auto 1fr auto;
}

.filtersPanel__item .filtersPanel__arrow {
  font-size: 0.6875rem;
  transition: all 0.3s ease-in-out;
  background-color: #0b1215;
}

.filtersPanel__item .filtersPanel__values {
  width: 100%;
  position: relative;
  padding: 0;
  display: none;
}

.filtersPanel__item .filtersPanel__values .values {
  display: flex;
  justify-content: flex-start;
  margin-top: 12px;
  white-space: nowrap;
  grid-gap: 8px;
}

.filtersPanel__item .filtersPanel__values .values .btn-values {
  margin-right: 12px;
  text-align: center;
}

.filtersPanel__item .filtersPanel__values .values .btn-values .form__group {
  margin: 0;
}

.filtersPanel__item .filtersPanel__values .values .btn-values .btn-boolean {
  line-height: unset;
}

.filtersPanel__item .filtersPanel__values .values .btn-values .-disabled {
  pointer-events: none;
  opacity: 0.3;
}

.filtersPanel__item .filtersPanel__values .values.boolean .icon-check {
  display: none;
}

.filtersPanel__item.-untoggleable .filtersPanel__arrow {
  display: none;
}

.filterBar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.filterBar__wrapper {
  text-align: left;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.filterBar__item {
  display: inline-block;
}

.filterBar__item span {
  vertical-align: middle;
}

.filterBar .btn-delete::before,
.filterBar .btn-delete::after {
  top: 13px;
}

.filterBar__reset {
  display: none;
  align-items: center;
  gap: 4px;
  margin-left: 4px;
}

#filterPanel {
  height: 100% !important;
}

#filterPanel .bottomSheetContent {
  height: calc(100vh - 65px);
  max-height: none;
  border-radius: 0;
  padding: 0;
}

#filterPanel .bottomSheetHeader {
  grid-template-columns: 1fr auto;
  padding: 16px;
}

#filterPanel .bottomSheetHeader::before {
  display: none;
}

#filterPanel .bottomSheetHeader .bottomSheetTitle {
  margin: 0;
}

#filterPanel .closeBtn {
  display: block !important;
}

#filterPanel .filtersPanel__top {
  flex: 1;
}

.filtersPanel__item .filtersPanel__arrow {
  color: #dde1e6;
}

.shadow-01 {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

.shadow-02 {
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.1);
}

.shadow-03 {
  box-shadow: 0 24px 34px rgba(0, 0, 0, 0.1);
}

.blur-01 {
  filter: blur(4px);
}

.pageDesigner__fullBanner {
  margin: 0;
  height: 100%;
  width: 100%;
  position: relative;
}
.pageDesigner__fullBannerContainer {
  height: 100%;
}

.pageDesigner__fullBannerContainer .fullBannerPicture {
  height: 100%;
}

.pageDesigner__fullBanner .component-image {
  height: 100%;
  width: 100%;
}

.pageDesigner__fullBanner.-fullbannerMargin {
  padding: 20px;
  background-clip: content-box;
  box-sizing: border-box;
}
.pageDesigner__fullBanner.-fullbannerMargin .pageDesigner__fullbanner {
  width: calc(100% - 40px);
  left: 20px;
}
.pageDesigner__fullBannerNoImg {
  position: absolute;
  inset: 0;
}

.pageDesigner__fullbannerLink {
  display: block;
  height: 100%;
}

.shadow-01 {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

.shadow-02 {
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.1);
}

.shadow-03 {
  box-shadow: 0 24px 34px rgba(0, 0, 0, 0.1);
}

.blur-01 {
  filter: blur(4px);
}

.experience-assets-contentBanner {
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
}

[class*=experience-layouts-] .experience-assets-contentBanner, [class*=experience-assets-videoBanner] .experience-assets-contentBanner {
  height: 100%;
}

.pageDesigner__componentLink {
  cursor: pointer;
  position: relative;
  height: inherit;
}

.pageDesigner__componentLink a {
  pointer-events: none;
}

.pageDesigner__componentLinkContent {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pageDesigner__bannerContentWrapper {
  width: 100%;
  height: 100%;
  display: flex;
}
.pageDesigner__bannerContentWrapper.-topY.-leftX {
  align-items: flex-end;
  justify-content: center;
  text-align: center;
}
.pageDesigner__bannerContentWrapper.-topY.-centerX {
  align-items: flex-end;
  justify-content: center;
  text-align: center;
}
.pageDesigner__bannerContentWrapper.-topY.-rightX {
  align-items: flex-end;
  justify-content: center;
  text-align: center;
}
.pageDesigner__bannerContentWrapper.-middleY.-leftX {
  align-items: flex-end;
  justify-content: center;
  text-align: center;
}
.pageDesigner__bannerContentWrapper.-middleY.-centerX {
  align-items: center;
  justify-content: center;
  text-align: center;
}

.pageDesigner__bannerContentWrapper.-middleY.-rightX {
  align-items: flex-end;
  justify-content: center;
  text-align: center;
}
.pageDesigner__bannerContentWrapper.-bottomY.-leftX {
  align-items: flex-end;
  justify-content: center;
  text-align: center;
}
.pageDesigner__bannerContentWrapper.-bottomY.-centerX {
  align-items: flex-end;
  justify-content: center;
  text-align: center;
}

.pageDesigner__bannerContentWrapper.-bottomY.-rightX {
  align-items: flex-end;
  justify-content: center;
  text-align: center;
}
.pageDesigner__bannerContentWrapper .-hypertext {
  display: inline-block;
}

.pageDesigner__bannerContentWrapper .-hypertext.-hypertextblack {
  color: #0b1215;
}

.pageDesigner__bannerContentWrapper .-hypertext.-hypertextwhite {
  color: #fdfdfd;
}

.pageDesigner__bannerContentWrapper .button.-none {
  display: none;
}

.pageDesigner__bannerContentWrapper .button.-primary.-transparentwhite {
  background: transparent;
  color: #fdfdfd;
  border: 2px solid #fdfdfd;
}

.pageDesigner__bannerContentWrapper .button.-primary.-transparentwhite:hover {
  background: #0b1215;
  border-color: #0b1215;
}

.pageDesigner__bannerContentWrapper .button.-primary.-transparentblack {
  background: transparent;
  color: #0b1215;
  border: 2px solid #0b1215;
}

.pageDesigner__bannerContentWrapper .button.-primary.-transparentblack:hover {
  background: #0b1215;
  color: #fdfdfd;
}

.pageDesigner__bannerContentWrapper h2, .pageDesigner__bannerContentWrapper h3, .pageDesigner__bannerContentWrapper h4, .pageDesigner__bannerContentWrapper p, .pageDesigner__bannerContentWrapper .-hypertext {
  margin-bottom: 12px;
}

.pageDesigner__bannerContentWrapper h2 span, .pageDesigner__bannerContentWrapper h3 span, .pageDesigner__bannerContentWrapper h4 span {
  display: inline-block;
  padding: 4px 0;
}

.pageDesigner__bannerContentWrapper h2.-big1, .pageDesigner__bannerContentWrapper h3.-big1, .pageDesigner__bannerContentWrapper h4.-big1, .pageDesigner__bannerContentWrapper p.-big1, .pageDesigner__bannerContentWrapper span.-big1, .pageDesigner__bannerContentWrapper strong.-big1 {
  font-size: 2.0625rem;
  line-height: 1;
}
.pageDesigner__bannerContentWrapper h2.-big2, .pageDesigner__bannerContentWrapper h3.-big2, .pageDesigner__bannerContentWrapper h4.-big2, .pageDesigner__bannerContentWrapper p.-big2, .pageDesigner__bannerContentWrapper span.-big2, .pageDesigner__bannerContentWrapper strong.-big2 {
  font-size: 2.0625rem;
  line-height: 1;
}
.pageDesigner__bannerContentWrapper h2.-big3, .pageDesigner__bannerContentWrapper h3.-big3, .pageDesigner__bannerContentWrapper h4.-big3, .pageDesigner__bannerContentWrapper p.-big3, .pageDesigner__bannerContentWrapper span.-big3, .pageDesigner__bannerContentWrapper strong.-big3 {
  font-size: 2.25rem;
  line-height: 1;
}
.pageDesigner__bannerContentWrapper h2.-medium1, .pageDesigner__bannerContentWrapper h3.-medium1, .pageDesigner__bannerContentWrapper h4.-medium1, .pageDesigner__bannerContentWrapper p.-medium1, .pageDesigner__bannerContentWrapper span.-medium1, .pageDesigner__bannerContentWrapper strong.-medium1 {
  font-size: 0.875rem;
}
.pageDesigner__bannerContentWrapper h2.-medium2, .pageDesigner__bannerContentWrapper h3.-medium2, .pageDesigner__bannerContentWrapper h4.-medium2, .pageDesigner__bannerContentWrapper p.-medium2, .pageDesigner__bannerContentWrapper span.-medium2, .pageDesigner__bannerContentWrapper strong.-medium2 {
  font-size: 1rem;
}
.pageDesigner__bannerContentWrapper h2.-medium3, .pageDesigner__bannerContentWrapper h3.-medium3, .pageDesigner__bannerContentWrapper h4.-medium3, .pageDesigner__bannerContentWrapper p.-medium3, .pageDesigner__bannerContentWrapper span.-medium3, .pageDesigner__bannerContentWrapper strong.-medium3 {
  font-size: 1.125rem;
}
.pageDesigner__bannerContentWrapper h2.-medium4, .pageDesigner__bannerContentWrapper h3.-medium4, .pageDesigner__bannerContentWrapper h4.-medium4, .pageDesigner__bannerContentWrapper p.-medium4, .pageDesigner__bannerContentWrapper span.-medium4, .pageDesigner__bannerContentWrapper strong.-medium4 {
  font-size: 1.3125rem;
}
.pageDesigner__bannerContentWrapper h2.-small1, .pageDesigner__bannerContentWrapper h3.-small1, .pageDesigner__bannerContentWrapper h4.-small1, .pageDesigner__bannerContentWrapper p.-small1, .pageDesigner__bannerContentWrapper span.-small1, .pageDesigner__bannerContentWrapper strong.-small1 {
  font-size: 0.8125rem;
}
.pageDesigner__bannerContentWrapper h2.-small2, .pageDesigner__bannerContentWrapper h3.-small2, .pageDesigner__bannerContentWrapper h4.-small2, .pageDesigner__bannerContentWrapper p.-small2, .pageDesigner__bannerContentWrapper span.-small2, .pageDesigner__bannerContentWrapper strong.-small2 {
  font-size: 0.8125rem;
}
.pageDesigner__bannerContentWrapper h2.-small3, .pageDesigner__bannerContentWrapper h3.-small3, .pageDesigner__bannerContentWrapper h4.-small3, .pageDesigner__bannerContentWrapper p.-small3, .pageDesigner__bannerContentWrapper span.-small3, .pageDesigner__bannerContentWrapper strong.-small3 {
  font-size: 0.8125rem;
}
.pageDesigner__bannerContent {
  max-width: 900px;
  word-break: normal;
  margin: 8px;
}

.pageDesigner__bannerContent .button {
  margin-left: auto;
  margin-right: auto;
}
.pageDesigner__bannerContent a button {
  pointer-events: auto;
}

.pageDesigner__textImage {
  display: flex;
}

.pageDesigner__textImage.-abovetitle {
  flex-direction: column-reverse;
}

.pageDesigner__textImage.-belowtitle {
  flex-direction: column;
}

.pageDesigner__textImage.-leftX {
  align-items: center;
}
.pageDesigner__textImage.-centerX {
  align-items: center;
}

.pageDesigner__textImage.-rightX {
  align-items: center;
}
.pageDesigner__bannerContentImage {
  margin-bottom: 12px;
  height: auto;
}

.pageDesigner__bannerContentImage .imageBannerContent {
  max-width: 100%;
  max-height: 227px;
  width: auto;
  height: auto;
  -o-object-fit: initial;
  object-fit: initial;
}

.pageDesigner__column.-oneColumn .pageDesigner__bannerContent, .pageDesigner__carousel .pageDesigner__bannerContent {
  margin: 40px 20px;
}
.pageDesigner__column.-oneColumn.-small .pageDesigner__bannerContent, .pageDesigner__carousel.-small .pageDesigner__bannerContent {
  margin: 12px 20px;
}

.pageDesigner__splittedBanner .pageDesigner__bannerContent {
  margin: 12px 20px;
}
.pageDesigner__splittedBanner .pageDesigner__fullbanner .pageDesigner__bannerContentWrapper {
  justify-content: center;
  text-align: center;
}

.pageDesigner__splittedBanner .pageDesigner__fullbanner .pageDesigner__bannerContent {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  text-align: center;
}

.pageDesigner__splittedBanner .pageDesigner__fullbanner .pageDesigner__bannerContentImage {
  height: auto;
}

.pageDesigner__multipleLinksContent .experience-assets-contentBanner {
  height: auto;
}

.pageDesigner__multipleLinksContent .pageDesigner__bannerContentWrapper {
  height: auto;
}

.pageDesigner__multipleLinksContent .pageDesigner__bannerContent {
  margin: 12px 20px;
}
.experience-recommandations-recoManualProduct .experience-assets-contentBanner, .experience-recommandations-einsteinRecentlyViews .experience-assets-contentBanner, .experience-recommandations-einsteinCateg .experience-assets-contentBanner, .experience-recommandations-einsteinProduct .experience-assets-contentBanner {
  height: auto;
}

.experience-recommandations-recoManualProduct .pageDesigner__bannerContentWrapper, .experience-recommandations-einsteinRecentlyViews .pageDesigner__bannerContentWrapper, .experience-recommandations-einsteinCateg .pageDesigner__bannerContentWrapper, .experience-recommandations-einsteinProduct .pageDesigner__bannerContentWrapper {
  height: auto;
}

.experience-recommandations-recoManualProduct .pageDesigner__bannerContent, .experience-recommandations-einsteinRecentlyViews .pageDesigner__bannerContent, .experience-recommandations-einsteinCateg .pageDesigner__bannerContent, .experience-recommandations-einsteinProduct .pageDesigner__bannerContent {
  margin: 12px 20px;
}
@keyframes floatingBarFadeinout {
  0%, 49% {
    display: flex;
    opacity: 1;
    z-index: 9;
  }
  51%, to {
    display: none;
    opacity: 0;
    z-index: 1;
  }
}
@keyframes floatingBarFadeinout3item {
  0%, 32% {
    display: flex;
    opacity: 1;
    z-index: 9;
  }
  33%, to {
    display: none;
    opacity: 0;
    z-index: 1;
  }
}
@keyframes floatingBarFadeinout4item {
  0%, 22%, 23%, 24% {
    display: flex;
    opacity: 1;
    z-index: 9;
  }
  25%, 26%, to {
    display: none;
    opacity: 0;
    z-index: 1;
  }
}
.floating_bar_HP,
.floating_bar_HP ul {
  width: 100%;
  height: 100%;
  position: relative;
}

.floating_bar_HP {
  overflow: hidden;
  border: 0;
}

.floating_bar_HP ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.floating_bar_HP li {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}

.floating_bar_HP li a {
  color: #fff;
  text-decoration: underline;
}

.floating_bar_HP li .paragraph-body {
  color: #fff;
}

.floating_bar_HP .floatingTextMobile {
  display: block;
}

.floating_bar_HP .floatingTextMobile .font-size-mobile {
  font-size: 0.9em;
}

.floating_bar_HP .floatingTextDesktop {
  display: none;
}

.floating_bar_HP._2msg_2021 li.item1 {
  animation: floatingBarFadeinout 10s infinite 0.1s linear;
  -webkit-animation: floatingBarFadeinout 10s infinite 0.1s linear;
  transition: 0.5s linear all;
}

.floating_bar_HP._2msg_2021 li.item2 {
  animation: floatingBarFadeinout 10s infinite 5.1s linear;
  -webkit-animation: floatingBarFadeinout 10s infinite 5.1s linear;
  transition: 0.5s linear all;
}

.floating_bar_HP._3msg_2021 .item1 {
  animation: floatingBarFadeinout3item 15s infinite 0.1s linear;
  -webkit-animation: floatingBarFadeinout3item 15s infinite 0.1s linear;
  transition: 0.5s linear all;
}

.floating_bar_HP._3msg_2021 .item2 {
  animation: floatingBarFadeinout3item 15s infinite 5.1s linear;
  -webkit-animation: floatingBarFadeinout3item 15s infinite 5.1s linear;
  transition: 0.5s linear all;
}

.floating_bar_HP._3msg_2021 .item3 {
  animation: floatingBarFadeinout3item 15s infinite 10.1s linear;
  -webkit-animation: floatingBarFadeinout3item 15s infinite 10.1s linear;
  transition: 0.5s linear all;
}

.floating_bar_HP._4msg_2022 .item1 {
  animation: floatingBarFadeinout4item 20s infinite 0.1s linear;
  -webkit-animation: floatingBarFadeinout4item 20s infinite 0.1s linear;
  transition: 0.5s linear all;
}

.floating_bar_HP._4msg_2022 .item2 {
  animation: floatingBarFadeinout4item 20s infinite 5.1s linear;
  -webkit-animation: floatingBarFadeinout4item 20s infinite 5.1s linear;
  transition: 0.5s linear all;
}

.floating_bar_HP._4msg_2022 .item3 {
  animation: floatingBarFadeinout4item 20s infinite 10.1s linear;
  -webkit-animation: floatingBarFadeinout4item 20s infinite 10.1s linear;
  transition: 0.5s linear all;
}

.floating_bar_HP._4msg_2022 .item4 {
  animation: floatingBarFadeinout4item 20s infinite 15.1s linear;
  -webkit-animation: floatingBarFadeinout4item 20s infinite 15.1s linear;
  transition: 0.5s linear all;
}

.floating_bar_HP p.body-02 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.floating_bar_HP p.body-02 span.font-size-mobile {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.floating_bar_HP a span {
  display: block;
}

/* Style pour base body */
.floatingBar#floatingBanner .floatingBar__content {
  max-width: 100%;
  width: 100%;
}

.floatingBar#floatingBanner .floatingBar__close {
  display: none;
}

@media (min-width: 600px) {
  :root {
    --sfra-gap: 16px ;
  }
  .logo-size-sm-big {
    -webkit-mask-image: url("/logo-big.4b5903c8.svg");
    mask-image: url("/logo-big.4b5903c8.svg");
    background-color: #0b1215;
    height: 72px;
    width: 204px;
  }
  .logo-size-sm-small {
    -webkit-mask-image: url("/logo-small.863a7b48.svg");
    mask-image: url("/logo-small.863a7b48.svg");
    background-color: #0b1215;
    height: 24px;
    width: 71px;
  }
  .logo-size-sm-medium {
    -webkit-mask-image: url("/logo-medium.4a4d2403.svg");
    mask-image: url("/logo-medium.4a4d2403.svg");
    background-color: #0b1215;
    height: 40px;
    width: 108px;
  }
  .logo-size-big-white {
    -webkit-mask-image: url("/logo-big-white.df09214d.svg");
    mask-image: url("/logo-big-white.df09214d.svg");
    background-color: #fdfdfd;
    height: 72px;
    width: 204px;
  }
  .logo-size-small-white {
    -webkit-mask-image: url("/logo-small-white.c13729c2.svg");
    mask-image: url("/logo-small-white.c13729c2.svg");
    background-color: #fdfdfd;
    height: 24px;
    width: 71px;
  }
  .logo-size-medium-white {
    -webkit-mask-image: url("/logo-medium-white.6d323bd2.svg");
    mask-image: url("/logo-medium-white.6d323bd2.svg");
    background-color: #fdfdfd;
    height: 40px;
    width: 108px;
  }
  .icon-size-sm-big {
    -webkit-mask-image: url("/icon-big.2f74f89e.svg");
    mask-image: url("/icon-big.2f74f89e.svg");
    background-color: #0b1215;
    height: 72px;
    width: 72px;
  }
  .icon-size-sm-small {
    -webkit-mask-image: url("/icon-small.b6e431c4.svg");
    mask-image: url("/icon-small.b6e431c4.svg");
    background-color: #0b1215;
    height: 24px;
    width: 24px;
  }
  .icon-size-sm-medium {
    -webkit-mask-image: url("/icon-medium.0d03bda5.svg");
    mask-image: url("/icon-medium.0d03bda5.svg");
    background-color: #0b1215;
    height: 40px;
    width: 40px;
  }
  .icon-size-big-white {
    -webkit-mask-image: url("/icon-big-white.28640f9b.svg");
    mask-image: url("/icon-big-white.28640f9b.svg");
    background-color: #fdfdfd;
    height: 72px;
    width: 72px;
  }
  .icon-size-small-white {
    -webkit-mask-image: url("/icon-small-white.65c770c9.svg");
    mask-image: url("/icon-small-white.65c770c9.svg");
    background-color: #fdfdfd;
    height: 24px;
    width: 24px;
  }
  .icon-size-medium-white {
    -webkit-mask-image: url("/icon-medium-white.8e0778b0.svg");
    mask-image: url("/icon-medium-white.8e0778b0.svg");
    background-color: #fdfdfd;
    height: 40px;
    width: 40px;
  }
  .crosssell {
    margin: 40px;
  }
  .pbl-sm-s .progressbarlinear__bar {
    height: 4px;
  }
  .pbl-sm-s .progressbarlinear__header {
    font-family: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
  }
  .pbl-sm-s .progressbarlinear__bar {
    height: 4px;
  }
  .pbl-sm-s .progressbarlinear__header {
    font-family: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
  }
  .capsule-fluid,
  .capsule-xxl,
  .capsule-xl,
  .capsule-md,
  .capsule-sm {
    padding-right: var(--sfra-gutter-x, 24px);
    padding-left: var(--sfra-gutter-x, 24px);
  }
  .capsule-sm,
  .capsule {
    max-width: 568px;
  }
  .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;
  }
  .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-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-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 ;
  }
  .toast {
    width: var(--sfra-toast-max-width);
  }
  .toast.showing {
    transform: translate(var(--sfra-toast-max-width), 0);
  }
  .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 .icon),
  .toast .toast__wrapper:has(.toast__actions):has(.toast__left .flag-icon) {
    grid-template: "left content" auto "left actions" 1fr/24px auto;
  }
  .toast .toast__wrapper .toast__actions {
    flex-direction: row;
    gap: 6px;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .toast .toast__wrapper .toast__actions .button,
  .toast .toast__wrapper .toast__actions .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit],
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .toast .toast__wrapper .toast__actions input[type=submit] {
    width: auto;
  }
  .toast-container {
    margin-top: 88px;
  }
  .page:has(.floatingBar) ~ .toast-container {
    margin-top: 123px;
  }
  .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;
  }
  .divider-sticky {
    width: calc(100% + 48px);
    margin-left: -24px !important;
  }
  .productLine__imgContainer {
    min-width: 150px;
  }
  .productLine__titleContainer .productLine__gamme {
    font-family: "Baton Turbo", arial;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0;
  }
  .productLine__titleContainer .productLine__name {
    font-family: "Baton Turbo", arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0;
  }
  .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-64 {
    margin: 64px !important;
  }
  .m-sm-80 {
    margin: 80px !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-64 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .mx-sm-80 {
    margin-right: 80px !important;
    margin-left: 80px !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-64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .my-sm-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !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-64 {
    margin-top: 64px !important;
  }
  .mt-sm-80 {
    margin-top: 80px !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-64 {
    margin-right: 64px !important;
  }
  .me-sm-80 {
    margin-right: 80px !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-64 {
    margin-bottom: 64px !important;
  }
  .mb-sm-80 {
    margin-bottom: 80px !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-64 {
    margin-left: 64px !important;
  }
  .ms-sm-80 {
    margin-left: 80px !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-n64 {
    margin: -64px !important;
  }
  .m-sm-n80 {
    margin: -80px !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-n64 {
    margin-right: -64px !important;
    margin-left: -64px !important;
  }
  .mx-sm-n80 {
    margin-right: -80px !important;
    margin-left: -80px !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-n64 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .my-sm-n80 {
    margin-top: -80px !important;
    margin-bottom: -80px !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-n64 {
    margin-top: -64px !important;
  }
  .mt-sm-n80 {
    margin-top: -80px !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-n64 {
    margin-right: -64px !important;
  }
  .me-sm-n80 {
    margin-right: -80px !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-n64 {
    margin-bottom: -64px !important;
  }
  .mb-sm-n80 {
    margin-bottom: -80px !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-n64 {
    margin-left: -64px !important;
  }
  .ms-sm-n80 {
    margin-left: -80px !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-64 {
    padding: 64px !important;
  }
  .p-sm-80 {
    padding: 80px !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-64 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .px-sm-80 {
    padding-right: 80px !important;
    padding-left: 80px !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-64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .py-sm-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !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-64 {
    padding-top: 64px !important;
  }
  .pt-sm-80 {
    padding-top: 80px !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-64 {
    padding-right: 64px !important;
  }
  .pe-sm-80 {
    padding-right: 80px !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-64 {
    padding-bottom: 64px !important;
  }
  .pb-sm-80 {
    padding-bottom: 80px !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-64 {
    padding-left: 64px !important;
  }
  .ps-sm-80 {
    padding-left: 80px !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-64 {
    gap: 64px !important;
  }
  .gap-sm-80 {
    gap: 80px !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;
  }
  .header.-searchPage .header__wrapper {
    padding: 16px 24px;
  }
  .woosmapContainer__mapContainer.-active .woosmapContainer__map {
    height: 640px;
  }
  .cartLine {
    grid-template-columns: 130px minmax(10px, 1fr);
  }
  .cartLine__itemCallout {
    margin-top: 8px;
  }
}

@media (min-width: 900px) {
  .tagMessage__container__text,
  .tagMessage__container .tooltip__text {
    font-family: "Baton Turbo", arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
  }
  .tagMessage__container .tooltip__icon {
    width: 16px;
    height: 16px;
  }
  .logo-size-md-big {
    -webkit-mask-image: url("/logo-big.4b5903c8.svg");
    mask-image: url("/logo-big.4b5903c8.svg");
    background-color: #0b1215;
    height: 72px;
    width: 204px;
  }
  .logo-size-md-small {
    -webkit-mask-image: url("/logo-small.863a7b48.svg");
    mask-image: url("/logo-small.863a7b48.svg");
    background-color: #0b1215;
    height: 24px;
    width: 71px;
  }
  .logo-size-md-medium {
    -webkit-mask-image: url("/logo-medium.4a4d2403.svg");
    mask-image: url("/logo-medium.4a4d2403.svg");
    background-color: #0b1215;
    height: 40px;
    width: 108px;
  }
  .logo-size-big-white {
    -webkit-mask-image: url("/logo-big-white.df09214d.svg");
    mask-image: url("/logo-big-white.df09214d.svg");
    background-color: #fdfdfd;
    height: 72px;
    width: 204px;
  }
  .logo-size-small-white {
    -webkit-mask-image: url("/logo-small-white.c13729c2.svg");
    mask-image: url("/logo-small-white.c13729c2.svg");
    background-color: #fdfdfd;
    height: 24px;
    width: 71px;
  }
  .logo-size-medium-white {
    -webkit-mask-image: url("/logo-medium-white.6d323bd2.svg");
    mask-image: url("/logo-medium-white.6d323bd2.svg");
    background-color: #fdfdfd;
    height: 40px;
    width: 108px;
  }
  .icon-size-md-big {
    -webkit-mask-image: url("/icon-big.2f74f89e.svg");
    mask-image: url("/icon-big.2f74f89e.svg");
    background-color: #0b1215;
    height: 72px;
    width: 72px;
  }
  .icon-size-md-small {
    -webkit-mask-image: url("/icon-small.b6e431c4.svg");
    mask-image: url("/icon-small.b6e431c4.svg");
    background-color: #0b1215;
    height: 24px;
    width: 24px;
  }
  .icon-size-md-medium {
    -webkit-mask-image: url("/icon-medium.0d03bda5.svg");
    mask-image: url("/icon-medium.0d03bda5.svg");
    background-color: #0b1215;
    height: 40px;
    width: 40px;
  }
  .icon-size-big-white {
    -webkit-mask-image: url("/icon-big-white.28640f9b.svg");
    mask-image: url("/icon-big-white.28640f9b.svg");
    background-color: #fdfdfd;
    height: 72px;
    width: 72px;
  }
  .icon-size-small-white {
    -webkit-mask-image: url("/icon-small-white.65c770c9.svg");
    mask-image: url("/icon-small-white.65c770c9.svg");
    background-color: #fdfdfd;
    height: 24px;
    width: 24px;
  }
  .icon-size-medium-white {
    -webkit-mask-image: url("/icon-medium-white.8e0778b0.svg");
    mask-image: url("/icon-medium-white.8e0778b0.svg");
    background-color: #fdfdfd;
    height: 40px;
    width: 40px;
  }
  .visualIndicator__container.-thumbnail {
    gap: 8px;
  }
  .visualIndicator__itemContainer.-thumbnail {
    background: none;
  }
  .visualIndicator__itemContainer.-thumbnail.-vertical {
    width: 60px;
    height: 70px;
  }
  .visualIndicator__itemContainer.-thumbnail.-vertical.-active img {
    border-color: #0b1215;
  }
  .visualIndicator__itemContainer.-thumbnail img {
    height: 100%;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 2px;
  }
  .visualIndicator__itemContainer.-thumbnail::before {
    content: none;
  }
  .productCard__productBlockContainer .visualSlider__navigation {
    display: flex;
  }
  .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;
  }
  .product-grid:not(.grid-mosaic) .productCard__productNotAvailable .productCard__productNotAvailableDesktop {
    display: flex;
  }
  .product-grid:not(.grid-mosaic) .productCard__productNotAvailable .productCard__productNotAvailableMobile {
    display: none;
  }
  .productCard__quickAddToCartMobile {
    bottom: 8px;
  }
  .productCard__quickAddToCartMobile {
    display: none;
  }
  .productCard__infosContentNameTitle .productCard__nameTitle {
    font-family: "Baton Turbo", arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
  }
  .productCard__calloutAndTags {
    margin: 8px;
    flex-flow: row wrap;
  }
  .productCard__infosDescription {
    font-family: "Baton Turbo", arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
  }
  .productCard__infosDescriptionLink {
    font-family: "Baton Turbo", arial;
    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__tuileProductPrice {
    font-family: "Baton Turbo", arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
  }
  .productCard .pageDesigner__tuileProductPrice.-crossed {
    font-family: "Baton Turbo", arial;
    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 .visualIndicator__container {
    display: none;
  }
  .visualSlider__item {
    scroll-snap-stop: unset;
  }
  .visualSlider__navigation.-picture {
    display: flex;
  }
  .visualSlider__navigation.-thumbnail {
    display: flex;
  }
  .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: "Baton Turbo", arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
  }
  .accordion .crosssell .pageDesigner__tuileProductPrice {
    font-family: "Baton Turbo", arial;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0;
  }
  .accordion .crosssell .pageDesigner__tuileProductPrice.-crossed {
    font-family: "Baton Turbo", arial;
    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 .productCard .visualSlider:not(.-colorBubble) .visualSlider__container {
    overflow-x: scroll;
  }
  .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: flex;
  }
  .crosssell .productCard__productNotAvailableMobile {
    display: none;
  }
  .crosssell__header {
    max-width: calc(100% - 56px);
    justify-content: flex-start;
  }
  .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 {
    display: none;
  }
  .page.-productPage .crosssell__header {
    padding: 0;
  }
  .crosssell .visualSlider.-crosssell[data-items="2"] > .visualSlider__navigation,
  .crosssell .visualSlider.-crosssell[data-items="3"] > .visualSlider__navigation {
    display: none;
  }
  .crosssell .visualSlider.-crosssell > .visualSlider__container {
    grid-auto-columns: calc((100% - 12px) / 3);
  }
  .accordion .crosssell .visualSlider.-crosssell > .visualSlider__container {
    grid-auto-columns: calc((100% - 1rem) / 2);
  }
  .colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__container {
    grid-auto-columns: 33.3333333333%;
  }
  .colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__navigation {
    display: block;
  }
  .pbl-md-s .progressbarlinear__bar {
    height: 4px;
  }
  .pbl-md-s .progressbarlinear__header {
    font-family: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
  }
  .pbl-md-s .progressbarlinear__bar {
    height: 4px;
  }
  .pbl-md-s .progressbarlinear__header {
    font-family: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
  }
  .capsule-fluid,
  .capsule-xxl,
  .capsule-xl,
  .capsule-md,
  .capsule-sm {
    padding-right: var(--sfra-gutter-x, 40px);
    padding-left: var(--sfra-gutter-x, 40px);
  }
  .capsule-md,
  .capsule-sm,
  .capsule {
    max-width: 852px;
  }
  .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;
  }
  .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-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-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 ;
  }
  .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;
  }
  .topbar__wrapper {
    height: 64px;
  }
  .topbar__text {
    font-family: "Baton Turbo", arial;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0;
  }
  .topbar__icons {
    gap: 20px;
  }
  .productLine__specInfo {
    margin-top: 16px;
    justify-content: flex-start;
  }
  .productLine__actionsDesktop .productLine__actions {
    margin-top: 16px;
  }
  .productLine__description .productLine:not(.-notEditable) {
    grid-template-columns: minmax(10px, 1fr) 70px;
  }
  .productLine__lowStockContainer {
    margin-top: 16px;
  }
  .productLine__priceTotal {
    justify-content: flex-end;
  }
  .productLine__itemTotalPrices {
    gap: 4px 12px;
  }
  .productLine__itemTotalPrices .tooltip {
    order: 0;
  }
  .productMarker:not(.-noLabel):hover .productMarker__icon {
    background-color: #fdfdfd;
  }
  .productMarker:not(.-noLabel):hover .productMarker__icon .productMarker__iconLabel {
    font-family: "Baton Turbo", arial;
    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;
  }
  .bottomSheetContent .bottomSheetHeader:not(:has(.bottomSheetTitle)) {
    padding-bottom: 0;
  }
  .bottomSheetContent .bottomSheetHeader:not(:has(.bottomSheetTitle)) + .bottomSheetBody {
    padding-top: 24px;
  }
  .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 0;
    margin: 0 24px;
  }
  .bottomSheetContent .bottomSheetHeader::before {
    display: none;
  }
  .bottomSheetContent .bottomSheetTitle {
    margin-top: 0 !important;
  }
  .bottomSheetContent .bottomSheetBody {
    padding: 24px 24px;
  }
  .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;
  }
  .modal {
    height: calc(100vh - 72px);
  }
  .floatingBar:not(.-hidden) ~ .mainAccount #root .modal {
    height: calc(100vh - 72px - 35px);
  }
  .notificationContainer {
    width: auto;
    top: 72px;
  }
  .notificationContent {
    transform: translate(100%, 0%);
  }
  .notificationContent.closing {
    transform: translate(100%, 0%);
  }
  .productReviews__container {
    max-width: 50%;
  }
  .popOver__container {
    max-width: 318px;
  }
  .popOver__container {
    max-width: 336px;
  }
  .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-64 {
    margin: 64px !important;
  }
  .m-md-80 {
    margin: 80px !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-64 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .mx-md-80 {
    margin-right: 80px !important;
    margin-left: 80px !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-64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .my-md-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !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-64 {
    margin-top: 64px !important;
  }
  .mt-md-80 {
    margin-top: 80px !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-64 {
    margin-right: 64px !important;
  }
  .me-md-80 {
    margin-right: 80px !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-64 {
    margin-bottom: 64px !important;
  }
  .mb-md-80 {
    margin-bottom: 80px !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-64 {
    margin-left: 64px !important;
  }
  .ms-md-80 {
    margin-left: 80px !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-n64 {
    margin: -64px !important;
  }
  .m-md-n80 {
    margin: -80px !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-n64 {
    margin-right: -64px !important;
    margin-left: -64px !important;
  }
  .mx-md-n80 {
    margin-right: -80px !important;
    margin-left: -80px !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-n64 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .my-md-n80 {
    margin-top: -80px !important;
    margin-bottom: -80px !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-n64 {
    margin-top: -64px !important;
  }
  .mt-md-n80 {
    margin-top: -80px !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-n64 {
    margin-right: -64px !important;
  }
  .me-md-n80 {
    margin-right: -80px !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-n64 {
    margin-bottom: -64px !important;
  }
  .mb-md-n80 {
    margin-bottom: -80px !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-n64 {
    margin-left: -64px !important;
  }
  .ms-md-n80 {
    margin-left: -80px !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-64 {
    padding: 64px !important;
  }
  .p-md-80 {
    padding: 80px !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-64 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .px-md-80 {
    padding-right: 80px !important;
    padding-left: 80px !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-64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .py-md-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !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-64 {
    padding-top: 64px !important;
  }
  .pt-md-80 {
    padding-top: 80px !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-64 {
    padding-right: 64px !important;
  }
  .pe-md-80 {
    padding-right: 80px !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-64 {
    padding-bottom: 64px !important;
  }
  .pb-md-80 {
    padding-bottom: 80px !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-64 {
    padding-left: 64px !important;
  }
  .ps-md-80 {
    padding-left: 80px !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-64 {
    gap: 64px !important;
  }
  .gap-md-80 {
    gap: 80px !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;
  }
  .main {
    padding-top: 72px;
  }
  .hideDesktop {
    display: none !important;
  }
  .showMobile {
    display: none !important;
  }
  .zoom-image:hover .zoom-image__img {
    transform: scale(1.1);
  }
  .oneCLickPaymentBtn__text {
    max-width: 300px;
  }
  .page.-offline .offlinePageContent {
    margin: 48px auto;
  }
  .page.-offline .account__historyBack {
    pointer-events: none;
    opacity: 0.2;
  }
  .page.-offline .header__wrapper::after {
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
  }
  .form__input {
    font-size: 0.8125rem;
  }
  .panel__wrapper {
    padding: 48px 16px;
  }
  .panel.origin--bottom {
    transform: translateY(110%);
  }
  .panel.origin--top {
    transform: translateY(-110%);
  }
  .videoContainer .playerControls .-sound {
    top: 8px;
  }
  .productImageContainer .videoContainer .playerControls .-sound {
    top: 80px;
  }
  #panelReview .panel__wrapper {
    padding: 64px 24px 24px 24px;
  }
  #panelReview .panel__close {
    padding: 24px;
    opacity: 1;
  }
  #panelReview .panel__close.fixed {
    z-index: 3;
  }
  #panelAddToCart .panel__wrapper,
  #panelUpdateSize .panel__wrapper {
    padding: 48px 56px;
  }
  #panelAddToCart .patc-date,
  #panelUpdateSize .patc-date {
    max-width: 300px;
  }
  #panelAddToCart .backInStockForm__email,
  #panelUpdateSize .backInStockForm__email {
    font-size: 0.8125rem;
  }
  #panelUpdateSize .sizeLink.loading .loader-element div {
    top: calc(50% - 3.5px);
  }
  #panelATC .panel__wrapper,
  #panelColor .panel__wrapper,
  #panelQATC .panel__wrapper,
  #panelmodifyProd .panel__wrapper {
    padding: 64px 24px 24px 24px;
  }
  #panelATC .panel__wrapper .backInStockForm__email,
  #panelColor .panel__wrapper .backInStockForm__email,
  #panelQATC .panel__wrapper .backInStockForm__email,
  #panelmodifyProd .panel__wrapper .backInStockForm__email {
    font-size: 0.8125rem;
  }
  .panelATC__content {
    display: flex;
    gap: 24px;
    flex-direction: row;
    width: 100%;
  }
  .panelATC__infoContent {
    width: 50%;
  }
  .panelATC__infoContent {
    padding: 0 0 80px 0;
  }
  .panelATC__slider {
    width: 50%;
  }
  .panelATC__slider .visualSlider__navigation {
    opacity: 1;
  }
  .panelATC__slider .visualIndicator__container {
    display: none;
  }
  .panelATC__wishlist .shareBtn {
    display: none;
  }
  .panelQA__btnContainer {
    position: static;
    border: none;
    margin: 0;
    width: 100%;
    padding: 0;
  }
  .quickAddToCart {
    display: block;
  }
  .pageDesigner__product .search-result__quickAddToCartDesktop {
    opacity: 0;
  }
  .miniCart .productLine__specInfo {
    margin-top: 8px;
    justify-content: flex-end;
    font-family: "Baton Turbo", arial;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0;
  }
  .miniCart .productLine__lowStockContainer {
    margin-top: 8px;
  }
  .miniCart.-checkout {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    transition: all 0.5s ease-in-out;
  }
  .miniCart.-checkout.-active {
    visibility: visible;
    opacity: 1;
    max-height: 100%;
  }
  .miniCart.-checkout .miniCart__products {
    overflow: auto;
    max-height: calc(100vh - 64px - 230px);
    overflow-x: hidden;
  }
  .newsletterPushPanel .panel__wrapper {
    display: flex;
  }
  #countrySwitcherPanel #countrySwitcherForm {
    max-width: 60%;
  }
  .scrollList.-horizontal {
    cursor: pointer;
  }
  .scrollList.-mobile + .swiper-pagination {
    display: none;
  }
  .header.-isTransparent ~ #root .main .pageDesigner__item.-fullscreen,
  .header.-stickySlideUp ~ #root .main .pageDesigner__item.-fullscreen {
    height: calc(100vh - 72px);
  }
  .pageDesigner__item.-fullscreen {
    height: calc(100vh - 72px);
    min-height: 300px;
  }
  .floatingBar:not(.-hidden) ~ #root .pageDesigner__item.-fullscreen {
    height: calc(100vh - 72px - 35px);
  }
  .pageDesigner__item.-big .pageDesigner__column.-big {
    height: 600px;
  }
  .pageDesigner__item.-medium .pageDesigner__column.-medium {
    height: 300px;
  }
  .pageDesigner__item.-small .pageDesigner__column.-small {
    height: 150px;
  }
  .headerMenu__wrapper {
    position: static;
  }
  .headerMenu__content {
    height: 100%;
    border-bottom: none;
  }
  .headerMenu__content::before,
  .headerMenu__content::after {
    content: none;
  }
  .headerMenu__content.-searchBtnActive {
    padding-bottom: 0;
  }
  .headerMenu__header {
    display: none;
  }
  .headerMenu__list::before {
    content: none;
  }
  .headerMenu__list {
    height: 100%;
    align-items: center;
    flex-flow: row wrap;
    overflow: hidden;
    padding: 0;
    grid-gap: 24px;
    position: static;
  }
  .headerMenu__listItem.-active .subMenu {
    transform: translateX(0);
    display: grid;
  }
  .headerMenu__listItem.-active .subMenu.-twoColumns .subMenu__inner.-visualPanel.-active {
    width: var(--panelMenuWidth);
    transition-delay: 0.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;
  }
  .headerMenu__listItem.-close .subMenu {
    transform: translateX(-100%);
  }
  .headerMenu__listItem.-close .subMenu.-twoColumns {
    transition-delay: 0s;
  }
  .headerMenu__listItem.-close .subMenu.-twoColumns .subMenu__inner.-visualPanel.-active,
  .headerMenu__listItem.-close .subMenu.-twoColumns .subMenu__inner.-categoryLevel3.-active {
    width: 0;
    transform: translateX(-100%);
    transition: transform 0.35s ease-in-out 0s, width 0.7s ease-in-out 0s;
  }
  .headerMenu__listItem.-close .subMenu.-twoColumns.-thirdLevelCategory {
    transition-delay: 0.7s;
  }
  .headerMenu__listItem.-close .subMenu.-twoColumns.-thirdLevelCategory .subMenu__inner.-categoryLevel3.-active {
    transition-delay: 0s;
  }
  .headerMenu__listItem.-close .subMenu.-twoColumns.-isVisualPanel {
    transition-delay: 0.7s;
  }
  .headerMenu__listItem.-close .subMenu.-threeColumns.-thirdLevelCategory {
    transition-delay: 1.4s;
  }
  .headerMenu__listItem.-close .subMenu.-threeColumns.-thirdLevelCategory .subMenu__inner.-categoryLevel3.-active {
    transition-delay: 0.7s;
  }
  .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;
  }
  .headerMenu__link::after {
    bottom: calc(50% - 12px);
    content: "";
  }
  .headerMenu__link--image {
    max-height: 60px;
  }
  .headerMenu__link {
    height: 100%;
    padding: 0;
  }
  .headerMenu__footer {
    display: none;
  }
  .subMenu__inner.-categoryLevel3 .subMenu__wrapper {
    padding: 24px 48px;
  }
  .subMenu {
    position: absolute;
    display: grid;
    width: auto;
    background: #fdfdfd;
    overflow: hidden;
    height: calc(100vh - 72px);
    top: 72px;
    transform: translateX(-100%);
    transition: all 0.7s ease-in-out;
    padding: 0;
    right: auto;
    grid-template-columns: var(--panelMenuWidth);
    grid-template-rows: auto 1fr;
    left: -24px;
    z-index: -1;
  }
  .floatingBar:not(.-hidden) ~ .header:not(.-productPage) .subMenu {
    height: calc(100vh - 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 0.35s ease-in-out, transform 0.7s ease-in-out;
    z-index: 1;
  }
  .subMenu__inner.-categoryLevel3 {
    width: 0;
    transform: translateX(-100%);
    transition: width 0.35s ease-in-out, transform 0.7s ease-in-out;
    grid-column: 2/2;
    border-left: 1px solid #f2f4f8;
    z-index: inherit;
    z-index: 2;
  }
  .subMenu__wrapper {
    padding: 24px 48px;
  }
  .subMenu__wrapper.-edito {
    margin: auto;
    display: grid;
    grid-gap: 20px;
    grid-auto-columns: 100%;
    justify-content: center;
  }
  .subMenu__header {
    display: none;
  }
  .subMenu__list.-second:first-child > .subMenu__item.-first {
    padding-top: 0;
  }
  .subMenu__list.-thirdLevel > .subMenu__item.-first {
    padding-top: 0;
  }
  .subMenu__item.-child.-child .subMenu__link::after {
    content: "";
    opacity: 0;
    transform: translate3d(-10px, -50%, 0) rotate(90deg);
    right: -28px;
  }
  .subMenu__item:hover.-child .subMenu__link::after,
  .subMenu__item.-active.-child .subMenu__link::after {
    opacity: 1;
    transform: translate3d(0, -50%, 0) rotate(90deg);
  }
  .subMenu__item:hover.-child .subMenu__name,
  .subMenu__item.-active.-child .subMenu__name {
    padding-left: 16px;
  }
  .subMenu__link {
    min-height: 24px;
  }
  .subMenu__item:hover .subMenu__link.-parent,
  .subMenu__item.-active .subMenu__link.-parent {
    color: #697077;
  }
  .subMenu__list.-second .subMenu__item:hover .subMenu__link,
  .subMenu__list.-second .subMenu__item.-active .subMenu__link {
    color: #697077;
  }
  .subMenu .subMenu_titles .subMenu__link,
  .subMenu .subMenu_titles .subMenu__seeAll {
    padding: 16px 0 0;
  }
  .subMenu__name {
    transition: padding 0.3s ease-in-out;
  }
  .mobileNavigation__panel {
    display: none;
  }
  .menuVisualBloc__wrapper {
    grid-auto-rows: 185px;
    grid-row-gap: 4px;
    grid-auto-columns: 100%;
  }
  .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, 0.32) 100%);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    border-radius: inherit;
  }
  .menuVisualBloc__picture:hover::after {
    opacity: 1;
  }
  .subMenu__inner.-visualPanel .menuVisualBloc {
    margin: 0 0 32px 0;
  }
  .subMenuEdito {
    flex: 1;
  }
  .subMenuEdito:not(:first-child) {
    margin-top: 0;
  }
  .header__logoLink.header__logoLivystone .header__logoImage {
    padding-left: 235px;
  }
  .header.-burgerMenuOpen {
    z-index: 9;
  }
  .header.-stickySlideDown {
    animation: stickySlideDown 0.7s ease-in-out both;
  }
  .header.-stickySlideUp {
    animation: stickySlideUp 0.7s ease-in-out both;
  }
  .header {
    overflow: inherit;
  }
  .header.-transparent:hover,
  .header.-transparent.-active {
    background: #fdfdfd;
  }
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText):hover .header__wrapper,
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText).-active .header__wrapper {
    border-color: #dde1e6;
  }
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText):hover .header__logoImage.-globalLogo,
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText).-active .header__logoImage.-globalLogo {
    display: block;
  }
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText):hover .header__logoImage.-transparentLogo,
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText).-active .header__logoImage.-transparentLogo {
    display: none;
  }
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText):hover .header__icon.-store.-hover .header__storeInfos > *,
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText).-active .header__icon.-store.-hover .header__storeInfos > * {
    color: #697077;
  }
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText):hover .header__icon.-store .header__storeInfos > *,
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText).-active .header__icon.-store .header__storeInfos > * {
    color: #0b1215;
  }
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText):hover .header__icon .header__iconLink.-basket .number,
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText).-active .header__icon .header__iconLink.-basket .number {
    color: #0b1215;
  }
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText):hover .header__icon.-miniCart .-basket .number,
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText).-active .header__icon.-miniCart .-basket .number {
    background-color: #0b1215;
    color: #fdfdfd;
  }
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText):hover .headerMenu__picture.-standard,
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText).-active .headerMenu__picture.-standard {
    display: block;
  }
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText):hover .headerMenu__picture.-transparent,
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText).-active .headerMenu__picture.-transparent {
    display: none;
  }
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText):hover .header__icon .icon:not(.illu-store, .icon-lowstock, .icon-loyalty),
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText):hover .header__iconLink .icon:not(.illu-store, .icon-lowstock, .icon-loyalty),
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText).-active .header__icon .icon:not(.illu-store, .icon-lowstock, .icon-loyalty),
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText).-active .header__iconLink .icon:not(.illu-store, .icon-lowstock, .icon-loyalty) {
    background-color: #0b1215;
  }
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText):hover .avatar__iconLabel,
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText).-active .avatar__iconLabel {
    color: #0b1215;
  }
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText):hover .miniCart .icon:not(.icon-lowstock),
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText).-active .miniCart .icon:not(.icon-lowstock) {
    background-color: inherit;
  }
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText):hover .headerMenu__link:not(.-color),
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText).-active .headerMenu__link:not(.-color) {
    color: #0b1215;
  }
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText):hover .header__iconUser,
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText):hover .avatar__iconUser,
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText).-active .header__iconUser,
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText).-active .avatar__iconUser {
    background: #0b1215;
    color: #fdfdfd;
  }
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) .headerMenu__link:not(.-color) {
    color: #fdfdfd;
  }
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) .headerMenu__link.-special_style .headerMenu__name {
    color: #fdfdfd;
  }
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) .headerMenu__picture.-standard {
    display: none;
  }
  .header.-transparent:not(.-transparentBlack, .-transparentWhiteBlackText) .headerMenu__picture.-transparent {
    display: block;
  }
  .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(91.6666666667% + 16px);
    gap: 4px;
  }
  .header__nav {
    display: flex;
    position: static;
    transition: none;
    overflow: hidden;
    transform: none;
    height: 72px;
    background: inherit;
    flex: 0 0 45%;
  }
  .header__burger {
    display: none;
  }
  .header__rightBlock {
    margin-left: 0;
  }
  .header__search {
    max-width: 500px;
    padding: 0 12px;
  }
  .header.-transparent:not(:hover) .header__searchWrapper {
    color: #fdfdfd;
    border: 1px solid #fdfdfd;
    border-radius: 2px;
    background: transparent;
  }
  .header.-transparent.-transparentBlack:not(:hover, .-productPage) .header__searchWrapper,
  .header.-transparent.-transparentWhiteBlackText:not(:hover, .-productPage) .header__searchWrapper {
    color: #0b1215;
    border: 1px solid #0b1215;
  }
  .header__icon.-miniCart:hover .header__emptyMiniCart {
    visibility: visible;
    opacity: 1;
  }
  .header__icon.-miniCart:hover .miniCart {
    opacity: 1;
    visibility: visible;
  }
  .header__icon.-store .header__iconLink::before {
    bottom: 25px;
    left: 15px;
  }
  .header__iconAnimation {
    right: 10px;
  }
  .header__iconAnimation.-animated {
    animation: accountLogoBounce 2s infinite;
  }
  .header__iconLinkStore:hover ~ .panel__HeaderStoreContainer {
    opacity: 1;
    visibility: visible;
  }
  .header.-searchPage .header__wrapper {
    padding: 0 16px;
  }
  .panel__HeaderStoreContent .form__group .form__input {
    padding: 8px;
  }
  .footer__bottom {
    padding: 40px 24px;
  }
  .footer__divider {
    max-width: 772px;
  }
  .footer__bottomContainer {
    grid-template-columns: repeat(12, 1fr);
    grid-auto-flow: column;
  }
  .footer .subFooter {
    grid-auto-columns: 1fr;
    grid-gap: 24px;
    grid-auto-flow: column;
  }
  .footer .wrapSubFooter {
    max-width: 315px;
  }
  .footer .titleItemFooter::after {
    display: none;
  }
  .footerSocialNetworkLinks {
    flex-flow: row;
    gap: 16px;
    grid-column: 1/span 4;
  }
  .footerSocialNetworkLinks__divider {
    display: block;
  }
  .footerSocialNetworkLinks__items {
    gap: 12px;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .footerServices {
    grid-gap: 32px 0;
    display: grid;
    align-items: flex-end;
    justify-content: center;
  }
  .footerServices__title {
    grid-column: 1/3;
    margin: auto;
  }
  .footerServices__items {
    flex-flow: row wrap;
    grid-column: 1/2;
    gap: 24px 80px;
    justify-content: center;
  }
  .footerServices__items.-payment {
    gap: 24px 32px;
  }
  .footerServices__payment {
    grid-column: 2/2;
    margin-left: 24px;
  }
  .countrySwitcher {
    grid-column: 1/span 4;
  }
  .footerNewsletter {
    grid-column: 1/span 4;
  }
  .footerCopyright {
    margin-top: 80px;
    grid-column: 1/span 12;
  }
  .footerLinks {
    margin-top: 0;
    grid-column: 6/span 7;
    grid-row: 1/4;
    padding: 0;
    border: none;
  }
  .brandReinsurance__list {
    flex-wrap: nowrap;
  }
  .brandReinsurance__item {
    max-width: 25%;
    width: auto;
  }
  .brandReinsurance__dialog {
    padding: 40px 12px 40px 12px;
  }
  .footerFidelityApp {
    grid-auto-flow: column;
    grid-auto-columns: auto;
    justify-content: center;
    grid-gap: 120px;
  }
  .authPanel {
    max-width: 80%;
  }
  .authPanel.toast {
    max-width: 90% !important;
  }
  .authPanel__socials {
    margin: 12px auto 0 auto;
  }
  .authPanel__fidHeaderLogo::before {
    width: 30%;
  }
  .floatingBar:not(.-hidden) + .header ~ #animationContainer .ghost.productPage,
  .floatingBar:not(.-hidden) + .header ~ #animationContainer .ghost.ghostCategories,
  .floatingBar:not(.-hidden) + .header ~ #animationContainer .ghost.productSetPage {
    top: 107px;
  }
  .ghost {
    top: calc(50% + 36px);
  }
  .ghost.ghostCategories {
    top: 72px;
  }
  .ghost.ghostCategories {
    height: calc(125% - 72px);
  }
  .ghost.ghostCategories .ariane {
    width: 30%;
    margin: 20px auto;
  }
  .ghost.ghostCategories .title {
    width: 20%;
  }
  .ghost.ghostCategories .filter {
    background: none;
    width: 30%;
    margin: 10px auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
  }
  .ghost.ghostCategories .categories {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 15px;
  }
  .ghost.ghostCategories .categories {
    margin: 8px 10%;
  }
  .ghost.ghostCategories .holder .image {
    margin: 0;
  }
  .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: 20px;
  }
  .ghost.ghostCategories .rest .desc {
    width: 100%;
    height: 250px;
    margin-top: 30px;
  }
  .ghost.ghostCategories .productDetail {
    max-width: 90%;
    margin: 0 auto;
  }
  .ghost.ghostCategories .productTitle {
    margin-bottom: 20px;
  }
  .ghost.ghostCategories .productPrice {
    display: block;
    margin-bottom: 8px;
  }
  .ghost.ghostCategories .productPrice .price:not(.-crossed) {
    font-size: 1.375rem;
  }
  .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:nth-child(1) {
    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 .container .images {
    height: calc(100% - 72px);
  }
  .ghost.productPage {
    top: 72px;
  }
  .ghost.productPage .rest {
    position: static;
    min-height: 530px;
    width: 100%;
    margin-top: -12px;
    background: linear-gradient(135deg, rgba(221, 221, 221, 0.6666666667), rgba(221, 221, 221, 0.6666666667) 45%, #fff 50%, rgba(221, 221, 221, 0.6666666667) 55%, rgba(221, 221, 221, 0.6666666667));
    background-size: 300% 400%;
    animation: GhostGradient 2s linear infinite;
    animation-direction: reverse;
  }
  .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: 20px;
  }
  .ghost.productPage .rest .desc {
    width: 100%;
    height: 250px;
    margin-top: 30px;
  }
  .ghost.productPage .productDetail {
    max-width: 90%;
    margin: 0 auto;
  }
  .ghost.productPage .productTitle {
    margin-bottom: 20px;
  }
  .ghost.productPage .productPrice {
    display: block;
    margin-bottom: 8px;
  }
  .ghost.productPage .productPrice .price:not(.-crossed) {
    font-size: 1.375rem;
  }
  .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:nth-child(1) {
    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.productSetPage .container .images {
    height: calc(100% - 72px);
  }
  .ghost.productSetPage {
    top: 72px;
  }
  .ghost.productSetPage .rest {
    position: static;
    min-height: 530px;
    width: 100%;
    margin-top: -12px;
    background: linear-gradient(135deg, rgba(221, 221, 221, 0.6666666667), rgba(221, 221, 221, 0.6666666667) 45%, #fff 50%, rgba(221, 221, 221, 0.6666666667) 55%, rgba(221, 221, 221, 0.6666666667));
    background-size: 300% 400%;
    animation: GhostGradient 2s linear infinite;
    animation-direction: reverse;
  }
  .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: 20px;
  }
  .ghost.productSetPage .rest .desc {
    width: 100%;
    height: 250px;
    margin-top: 30px;
  }
  .ghost.productSetPage .productDetail {
    max-width: 90%;
    margin: 0 auto;
  }
  .ghost.productSetPage .productTitle {
    margin-bottom: 20px;
  }
  .ghost.productSetPage .productPrice {
    display: block;
    margin-bottom: 8px;
  }
  .ghost.productSetPage .productPrice .price:not(.-crossed) {
    font-size: 1.375rem;
  }
  .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:nth-child(1) {
    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;
  }
  .animationContainer {
    z-index: 1;
    animation: fadeDisAppear 300ms ease forwards;
  }
  .animationContainer.search:not(.moveTopDisappear) {
    animation: none;
  }
  .moveDisappear {
    z-index: 1;
  }
  .cart__headerCartLine {
    grid-column: 1/span 7;
    grid-row: 1;
  }
  .cart__header {
    flex-wrap: nowrap;
  }
  .cart__rightColumn {
    grid-column: 2/span 10;
    margin-bottom: 16px;
  }
  .cart__rightColumn {
    display: block;
    grid-column: 9/span 4;
    grid-row: 1/span 6;
  }
  .cart__fid {
    grid-column: 2/span 10;
  }
  .cartLine {
    padding: 20px 0;
    grid-template-columns: 160px minmax(10px, 1fr);
    grid-template-rows: 1fr auto;
  }
  .cartLine__itemDescription {
    grid-template-columns: minmax(auto, 91%) 40px;
  }
  .cartLine__itemFooter {
    grid-area: 2/2/3/4;
  }
  .cartLine__itemCalloutMsg {
    width: -moz-fit-content;
    width: fit-content;
  }
  .abTestCrosssell {
    margin-top: -16px;
  }
  .crosssellTestC {
    grid-auto-columns: calc((100% - 3rem) / 4) !important;
  }
  .header {
    overflow: inherit;
  }
  .header.-transparent:hover .headerMenu__link.-color {
    color: #eb5445;
  }
  .header__logoImage {
    max-width: 125px;
    max-height: 32px;
    margin-top: 2px;
  }
  .header.-searchPage .header__logoImage {
    max-width: 100%;
    padding-right: 16px;
  }
  .header__icon.-account.-connected::before {
    right: 2px;
    top: 20px;
  }
  .header__iconAnimation {
    top: 40px;
  }
  .subMenu__link.-special_style .subMenu__name {
    font-size: 0.8125rem;
  }
  .filters__results {
    margin-top: 32px;
  }
  .filters__wrapper.-sticky {
    position: sticky;
    width: 100%;
    top: 72px;
  }
  .filters__wrapper.-sticky {
    top: 72px;
  }
  .floatingBar:not(.-hidden) ~ #root .filters__wrapper.-sticky:not(.-slideUp) {
    top: 106px;
  }
  .floatingBar:not(.-hidden) ~ #root .filters__wrapper.-sticky:not(.-slideUp).-stickyFilter {
    top: 106px;
  }
  .floatingBar:not(.-hidden) ~ .header.-stickySlideUp ~ #root .filters__wrapper.-sticky {
    top: 35px;
  }
  .-stickyFilter .filters__wrapper.-sticky {
    top: 0;
  }
  .filters__mobile {
    display: none;
  }
  .filters__desktop {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: 1fr auto auto;
    grid-gap: 12px;
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: rgba(253, 253, 253, 0.1);
    backdrop-filter: blur(5px);
    max-width: 100%;
  }
  .productTileContainer .pageDesigner__fullBanner {
    border-radius: 2px;
  }
  .pageDesigner__fullBanner.-fullbannerMargin {
    padding: 40px;
  }
  .pageDesigner__fullBanner.-fullbannerMargin .pageDesigner__fullbanner {
    width: calc(100% - 80px);
    left: 40px;
  }
  .pageDesigner__bannerContentWrapper.-leftX .pageDesigner__bannerContent, .pageDesigner__bannerContentWrapper.-rightX .pageDesigner__bannerContent {
    width: 45%;
    max-width: 500px;
  }
  .pageDesigner__bannerContentWrapper.-topY.-leftX {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
  }
  .pageDesigner__bannerContentWrapper.-topY.-centerX {
    align-items: flex-start;
  }
  .pageDesigner__bannerContentWrapper.-topY.-rightX {
    align-items: flex-start;
    justify-content: flex-end;
    text-align: right;
  }
  .pageDesigner__bannerContentWrapper.-middleY.-leftX {
    align-items: center;
    justify-content: flex-start;
    text-align: left;
  }
  .pageDesigner__bannerContentWrapper.-middleY.-rightX {
    align-items: center;
    justify-content: flex-end;
    text-align: right;
  }
  .pageDesigner__bannerContentWrapper.-bottomY.-leftX {
    justify-content: flex-start;
    text-align: left;
  }
  .pageDesigner__bannerContentWrapper.-bottomY.-rightX {
    justify-content: flex-end;
    text-align: right;
  }
  .pageDesigner__bannerContentWrapper.-leftX .button {
    margin: 0 auto 0 0;
  }
  .pageDesigner__bannerContentWrapper.-centerX .button {
    margin: 0 auto;
  }
  .pageDesigner__bannerContentWrapper.-rightX .button {
    margin: 0 0 0 auto;
  }
  .pageDesigner__bannerContentWrapper h2.-big1, .pageDesigner__bannerContentWrapper h3.-big1, .pageDesigner__bannerContentWrapper h4.-big1, .pageDesigner__bannerContentWrapper p.-big1, .pageDesigner__bannerContentWrapper span.-big1, .pageDesigner__bannerContentWrapper strong.-big1 {
    font-size: 3rem;
  }
  .pageDesigner__bannerContentWrapper h2.-big2, .pageDesigner__bannerContentWrapper h3.-big2, .pageDesigner__bannerContentWrapper h4.-big2, .pageDesigner__bannerContentWrapper p.-big2, .pageDesigner__bannerContentWrapper span.-big2, .pageDesigner__bannerContentWrapper strong.-big2 {
    font-size: 3.375rem;
  }
  .pageDesigner__bannerContentWrapper h2.-big3, .pageDesigner__bannerContentWrapper h3.-big3, .pageDesigner__bannerContentWrapper h4.-big3, .pageDesigner__bannerContentWrapper p.-big3, .pageDesigner__bannerContentWrapper span.-big3, .pageDesigner__bannerContentWrapper strong.-big3 {
    font-size: 3.75rem;
  }
  .pageDesigner__bannerContentWrapper h2.-medium1, .pageDesigner__bannerContentWrapper h3.-medium1, .pageDesigner__bannerContentWrapper h4.-medium1, .pageDesigner__bannerContentWrapper p.-medium1, .pageDesigner__bannerContentWrapper span.-medium1, .pageDesigner__bannerContentWrapper strong.-medium1 {
    font-size: 1.25rem;
  }
  .pageDesigner__bannerContentWrapper h2.-medium2, .pageDesigner__bannerContentWrapper h3.-medium2, .pageDesigner__bannerContentWrapper h4.-medium2, .pageDesigner__bannerContentWrapper p.-medium2, .pageDesigner__bannerContentWrapper span.-medium2, .pageDesigner__bannerContentWrapper strong.-medium2 {
    font-size: 1.5rem;
  }
  .pageDesigner__bannerContentWrapper h2.-medium3, .pageDesigner__bannerContentWrapper h3.-medium3, .pageDesigner__bannerContentWrapper h4.-medium3, .pageDesigner__bannerContentWrapper p.-medium3, .pageDesigner__bannerContentWrapper span.-medium3, .pageDesigner__bannerContentWrapper strong.-medium3 {
    font-size: 2rem;
  }
  .pageDesigner__bannerContentWrapper h2.-medium4, .pageDesigner__bannerContentWrapper h3.-medium4, .pageDesigner__bannerContentWrapper h4.-medium4, .pageDesigner__bannerContentWrapper p.-medium4, .pageDesigner__bannerContentWrapper span.-medium4, .pageDesigner__bannerContentWrapper strong.-medium4 {
    font-size: 2.375rem;
  }
  .pageDesigner__bannerContentWrapper h2.-small1, .pageDesigner__bannerContentWrapper h3.-small1, .pageDesigner__bannerContentWrapper h4.-small1, .pageDesigner__bannerContentWrapper p.-small1, .pageDesigner__bannerContentWrapper span.-small1, .pageDesigner__bannerContentWrapper strong.-small1 {
    font-size: 0.625rem;
  }
  .pageDesigner__bannerContentWrapper h2.-small2, .pageDesigner__bannerContentWrapper h3.-small2, .pageDesigner__bannerContentWrapper h4.-small2, .pageDesigner__bannerContentWrapper p.-small2, .pageDesigner__bannerContentWrapper span.-small2, .pageDesigner__bannerContentWrapper strong.-small2 {
    font-size: 0.75rem;
  }
  .pageDesigner__bannerContentWrapper h2.-small3, .pageDesigner__bannerContentWrapper h3.-small3, .pageDesigner__bannerContentWrapper h4.-small3, .pageDesigner__bannerContentWrapper p.-small3, .pageDesigner__bannerContentWrapper span.-small3, .pageDesigner__bannerContentWrapper strong.-small3 {
    font-size: 1rem;
  }
  .pageDesigner__bannerContent {
    margin: 20px 8px;
  }
  .pageDesigner__textImage.-leftX {
    align-items: flex-start;
  }
  .pageDesigner__textImage.-rightX {
    align-items: flex-end;
  }
  .pageDesigner__column.-oneColumn .pageDesigner__bannerContent, .pageDesigner__carousel .pageDesigner__bannerContent {
    margin: 80px 20px;
  }
  .pageDesigner__splittedBanner .pageDesigner__bannerContent {
    margin: 40px;
  }
  .pageDesigner__multipleLinksContent .pageDesigner__bannerContent {
    margin: 40px;
  }
  .experience-recommandations-recoManualProduct .pageDesigner__bannerContent, .experience-recommandations-einsteinRecentlyViews .pageDesigner__bannerContent, .experience-recommandations-einsteinCateg .pageDesigner__bannerContent, .experience-recommandations-einsteinProduct .pageDesigner__bannerContent {
    margin: 40px;
  }
}

@media (min-width: 900px) and (hover: hover) and (pointer: fine) {
  .cardAccount.-loyalty:hover {
    border-color: var(--sfra-loyalty-bdcolor);
  }
}

@media (min-width: 900px) and (max-width: 1199.98px) {
  .validAnimationBackground.-inPanel {
    width: 83.3333333333%;
  }
}

@media (min-width: 900px) and (min-width: 900px) {
  .ghost.ghostCategories .productDetail {
    padding: 0 40px;
    max-width: 100%;
    margin: 0;
  }
  .ghost.productPage .productDetail {
    padding: 0 40px;
    max-width: 100%;
    margin: 0;
  }
  .ghost.productSetPage .productDetail {
    padding: 0 40px;
    max-width: 100%;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .floating_bar_HP .floatingTextMobile {
    display: none;
  }
  .floating_bar_HP .floatingTextDesktop {
    display: block;
  }
}

@media (min-width: 1200px) {
  :root {
    --sfra-gap: 24px ;
  }
  .logo-size-xl-big {
    -webkit-mask-image: url("/logo-big.4b5903c8.svg");
    mask-image: url("/logo-big.4b5903c8.svg");
    background-color: #0b1215;
    height: 72px;
    width: 204px;
  }
  .logo-size-xl-small {
    -webkit-mask-image: url("/logo-small.863a7b48.svg");
    mask-image: url("/logo-small.863a7b48.svg");
    background-color: #0b1215;
    height: 24px;
    width: 71px;
  }
  .logo-size-xl-medium {
    -webkit-mask-image: url("/logo-medium.4a4d2403.svg");
    mask-image: url("/logo-medium.4a4d2403.svg");
    background-color: #0b1215;
    height: 40px;
    width: 108px;
  }
  .logo-size-big-white {
    -webkit-mask-image: url("/logo-big-white.df09214d.svg");
    mask-image: url("/logo-big-white.df09214d.svg");
    background-color: #fdfdfd;
    height: 72px;
    width: 204px;
  }
  .logo-size-small-white {
    -webkit-mask-image: url("/logo-small-white.c13729c2.svg");
    mask-image: url("/logo-small-white.c13729c2.svg");
    background-color: #fdfdfd;
    height: 24px;
    width: 71px;
  }
  .logo-size-medium-white {
    -webkit-mask-image: url("/logo-medium-white.6d323bd2.svg");
    mask-image: url("/logo-medium-white.6d323bd2.svg");
    background-color: #fdfdfd;
    height: 40px;
    width: 108px;
  }
  .icon-size-xl-big {
    -webkit-mask-image: url("/icon-big.2f74f89e.svg");
    mask-image: url("/icon-big.2f74f89e.svg");
    background-color: #0b1215;
    height: 72px;
    width: 72px;
  }
  .icon-size-xl-small {
    -webkit-mask-image: url("/icon-small.b6e431c4.svg");
    mask-image: url("/icon-small.b6e431c4.svg");
    background-color: #0b1215;
    height: 24px;
    width: 24px;
  }
  .icon-size-xl-medium {
    -webkit-mask-image: url("/icon-medium.0d03bda5.svg");
    mask-image: url("/icon-medium.0d03bda5.svg");
    background-color: #0b1215;
    height: 40px;
    width: 40px;
  }
  .icon-size-big-white {
    -webkit-mask-image: url("/icon-big-white.28640f9b.svg");
    mask-image: url("/icon-big-white.28640f9b.svg");
    background-color: #fdfdfd;
    height: 72px;
    width: 72px;
  }
  .icon-size-small-white {
    -webkit-mask-image: url("/icon-small-white.65c770c9.svg");
    mask-image: url("/icon-small-white.65c770c9.svg");
    background-color: #fdfdfd;
    height: 24px;
    width: 24px;
  }
  .icon-size-medium-white {
    -webkit-mask-image: url("/icon-medium-white.8e0778b0.svg");
    mask-image: url("/icon-medium-white.8e0778b0.svg");
    background-color: #fdfdfd;
    height: 40px;
    width: 40px;
  }
  .product-grid:not(.grid-mosaic) .productCard__productNotAvailable {
    max-width: 75%;
  }
  .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 {
    display: none;
  }
  .crosssell .visualSlider.-crosssell > .visualSlider__container {
    grid-auto-columns: calc((100% - 12px) / 4);
  }
  .accordion .crosssell .visualSlider.-crosssell > .visualSlider__container {
    grid-auto-columns: calc((100% - 2rem) / 3);
  }
  .crosssell .visualSlider.-crosssell > .visualSlider__navigation {
    display: block;
  }
  .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;
  }
  .colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__container {
    grid-auto-columns: 25%;
  }
  .pbl-xl-s .progressbarlinear__bar {
    height: 4px;
  }
  .pbl-xl-s .progressbarlinear__header {
    font-family: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
  }
  .pbl-xl-s .progressbarlinear__bar {
    height: 4px;
  }
  .pbl-xl-s .progressbarlinear__header {
    font-family: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
  }
  .capsule-fluid,
  .capsule-xxl,
  .capsule-xl,
  .capsule-md,
  .capsule-sm {
    padding-right: var(--sfra-gutter-x, 80px);
    padding-left: var(--sfra-gutter-x, 80px);
  }
  .capsule-xl,
  .capsule-md,
  .capsule-sm,
  .capsule {
    max-width: 1120px;
  }
  .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;
  }
  .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-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-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 ;
  }
  .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;
  }
  .bottomSheet.opening .bottomSheetContent {
    transform: translateX(0);
  }
  .bottomSheet.opened .bottomSheetContent {
    transform: translateX(0);
  }
  .bottomSheet.closing .bottomSheetContent {
    transform: translateX(-100%);
  }
  .bottomSheet.closing.right .bottomSheetContent {
    transform: translateX(100%);
  }
  .modal.withOverlay {
    background: #0b1215;
  }
  .modal.opening .modalContent {
    transform: translateY(0) translateX(-50%);
  }
  .modal.opening.withOverlay {
    background: rgba(11, 18, 21, 0.1);
  }
  .modal.opened .modalContent {
    transition: unset;
    transform: translateY(0) translateX(-50%);
  }
  .modal.opened.withOverlay {
    background: rgba(11, 18, 21, 0.1);
  }
  .modal.closing .modalContent {
    transform: translateY(100%) translateX(-50%);
    transition: transform 0.3s;
  }
  .modal.closing.withOverlay {
    background: rgba(11, 18, 21, 0.1);
  }
  .modalContent {
    width: 60%;
    max-width: 845px;
    max-height: calc(100% - 16px);
    overflow: auto;
    display: flex;
    flex-direction: column;
    padding: 24px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    transform: translateY(100%) translateX(-50%);
    transition: transform 0.3s 150ms;
  }
  .modalContent.divide {
    border-bottom: 1px solid #dde1e6;
  }
  .modalContent .modalHeader {
    padding: 0 0 16px 0;
  }
  .modalContent .modalHeader .modalTitle {
    grid-column: 2/auto;
    font-family: "Baton Turbo", arial;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0;
  }
  .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-64 {
    margin: 64px !important;
  }
  .m-xl-80 {
    margin: 80px !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-64 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .mx-xl-80 {
    margin-right: 80px !important;
    margin-left: 80px !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-64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .my-xl-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !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-64 {
    margin-top: 64px !important;
  }
  .mt-xl-80 {
    margin-top: 80px !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-64 {
    margin-right: 64px !important;
  }
  .me-xl-80 {
    margin-right: 80px !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-64 {
    margin-bottom: 64px !important;
  }
  .mb-xl-80 {
    margin-bottom: 80px !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-64 {
    margin-left: 64px !important;
  }
  .ms-xl-80 {
    margin-left: 80px !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-n64 {
    margin: -64px !important;
  }
  .m-xl-n80 {
    margin: -80px !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-n64 {
    margin-right: -64px !important;
    margin-left: -64px !important;
  }
  .mx-xl-n80 {
    margin-right: -80px !important;
    margin-left: -80px !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-n64 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .my-xl-n80 {
    margin-top: -80px !important;
    margin-bottom: -80px !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-n64 {
    margin-top: -64px !important;
  }
  .mt-xl-n80 {
    margin-top: -80px !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-n64 {
    margin-right: -64px !important;
  }
  .me-xl-n80 {
    margin-right: -80px !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-n64 {
    margin-bottom: -64px !important;
  }
  .mb-xl-n80 {
    margin-bottom: -80px !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-n64 {
    margin-left: -64px !important;
  }
  .ms-xl-n80 {
    margin-left: -80px !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-64 {
    padding: 64px !important;
  }
  .p-xl-80 {
    padding: 80px !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-64 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .px-xl-80 {
    padding-right: 80px !important;
    padding-left: 80px !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-64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .py-xl-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !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-64 {
    padding-top: 64px !important;
  }
  .pt-xl-80 {
    padding-top: 80px !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-64 {
    padding-right: 64px !important;
  }
  .pe-xl-80 {
    padding-right: 80px !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-64 {
    padding-bottom: 64px !important;
  }
  .pb-xl-80 {
    padding-bottom: 80px !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-64 {
    padding-left: 64px !important;
  }
  .ps-xl-80 {
    padding-left: 80px !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-64 {
    gap: 64px !important;
  }
  .gap-xl-80 {
    gap: 80px !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;
  }
  #panelATC .bottomSheetContent,
  #panelmodifyProd .bottomSheetContent {
    width: 60%;
  }
  .quickAddToCartMobile {
    display: none;
  }
  .header__iconAnimation {
    left: 28px;
    right: auto;
  }
  .footer__bottom {
    padding: 80px;
  }
  .footer__divider {
    max-width: 846px;
  }
  .checkout .woosmapContainer__storesListing {
    grid-template-columns: repeat(2, 1fr);
  }
  .checkout .woosmapContainer .woosmapCard__openInfos {
    flex: 1;
    align-items: flex-end;
    display: flex;
    gap: 4px;
  }
  .filters__wrapper {
    margin: 24px auto;
    background-color: transparent;
  }
  .filters__wrapper.-sticky.-stickyFilter {
    top: 72px;
  }
  .header.-stickySlideDown ~ #root .filters__wrapper.-sticky.-stickyFilter {
    transition: top 0.7s ease-in-out 0.3s;
    top: 72px;
  }
  .header.-stickySlideUp ~ #root .filters__wrapper.-sticky.-stickyFilter {
    top: 0;
  }
  .filters__desktop .filtersDesktop__values .boolean .btn-values .btn-boolean.-selected .icon-check {
    display: block;
    float: right;
    top: 48%;
    position: relative;
    transform: translateY(-50%);
  }
  .filtersPanel__footer {
    grid-template-columns: auto 300px;
    justify-content: center;
  }
}

@media (min-width: 1800px) {
  :root {
    --sfra-gap: 32px ;
  }
  .logo-size-xxl-big {
    -webkit-mask-image: url("/logo-big.4b5903c8.svg");
    mask-image: url("/logo-big.4b5903c8.svg");
    background-color: #0b1215;
    height: 72px;
    width: 204px;
  }
  .logo-size-xxl-small {
    -webkit-mask-image: url("/logo-small.863a7b48.svg");
    mask-image: url("/logo-small.863a7b48.svg");
    background-color: #0b1215;
    height: 24px;
    width: 71px;
  }
  .logo-size-xxl-medium {
    -webkit-mask-image: url("/logo-medium.4a4d2403.svg");
    mask-image: url("/logo-medium.4a4d2403.svg");
    background-color: #0b1215;
    height: 40px;
    width: 108px;
  }
  .logo-size-big-white {
    -webkit-mask-image: url("/logo-big-white.df09214d.svg");
    mask-image: url("/logo-big-white.df09214d.svg");
    background-color: #fdfdfd;
    height: 72px;
    width: 204px;
  }
  .logo-size-small-white {
    -webkit-mask-image: url("/logo-small-white.c13729c2.svg");
    mask-image: url("/logo-small-white.c13729c2.svg");
    background-color: #fdfdfd;
    height: 24px;
    width: 71px;
  }
  .logo-size-medium-white {
    -webkit-mask-image: url("/logo-medium-white.6d323bd2.svg");
    mask-image: url("/logo-medium-white.6d323bd2.svg");
    background-color: #fdfdfd;
    height: 40px;
    width: 108px;
  }
  .icon-size-xxl-big {
    -webkit-mask-image: url("/icon-big.2f74f89e.svg");
    mask-image: url("/icon-big.2f74f89e.svg");
    background-color: #0b1215;
    height: 72px;
    width: 72px;
  }
  .icon-size-xxl-small {
    -webkit-mask-image: url("/icon-small.b6e431c4.svg");
    mask-image: url("/icon-small.b6e431c4.svg");
    background-color: #0b1215;
    height: 24px;
    width: 24px;
  }
  .icon-size-xxl-medium {
    -webkit-mask-image: url("/icon-medium.0d03bda5.svg");
    mask-image: url("/icon-medium.0d03bda5.svg");
    background-color: #0b1215;
    height: 40px;
    width: 40px;
  }
  .icon-size-big-white {
    -webkit-mask-image: url("/icon-big-white.28640f9b.svg");
    mask-image: url("/icon-big-white.28640f9b.svg");
    background-color: #fdfdfd;
    height: 72px;
    width: 72px;
  }
  .icon-size-small-white {
    -webkit-mask-image: url("/icon-small-white.65c770c9.svg");
    mask-image: url("/icon-small-white.65c770c9.svg");
    background-color: #fdfdfd;
    height: 24px;
    width: 24px;
  }
  .icon-size-medium-white {
    -webkit-mask-image: url("/icon-medium-white.8e0778b0.svg");
    mask-image: url("/icon-medium-white.8e0778b0.svg");
    background-color: #fdfdfd;
    height: 40px;
    width: 40px;
  }
  .pbl-xxl-s .progressbarlinear__bar {
    height: 4px;
  }
  .pbl-xxl-s .progressbarlinear__header {
    font-family: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
  }
  .pbl-xxl-s .progressbarlinear__bar {
    height: 4px;
  }
  .pbl-xxl-s .progressbarlinear__header {
    font-family: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    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: "Baton Turbo", arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
  }
  .capsule-fluid,
  .capsule-xxl,
  .capsule-xl,
  .capsule-md,
  .capsule-sm {
    padding-right: var(--sfra-gutter-x, 160px);
    padding-left: var(--sfra-gutter-x, 160px);
  }
  .capsule-xxl,
  .capsule-xl,
  .capsule-md,
  .capsule-sm,
  .capsule {
    max-width: 1640px;
  }
  .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-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-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-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 ;
  }
  .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;
  }
  .popOver__container {
    max-width: 456px;
  }
  .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-64 {
    margin: 64px !important;
  }
  .m-xxl-80 {
    margin: 80px !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-64 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .mx-xxl-80 {
    margin-right: 80px !important;
    margin-left: 80px !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-64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .my-xxl-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !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-64 {
    margin-top: 64px !important;
  }
  .mt-xxl-80 {
    margin-top: 80px !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-64 {
    margin-right: 64px !important;
  }
  .me-xxl-80 {
    margin-right: 80px !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-64 {
    margin-bottom: 64px !important;
  }
  .mb-xxl-80 {
    margin-bottom: 80px !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-64 {
    margin-left: 64px !important;
  }
  .ms-xxl-80 {
    margin-left: 80px !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-n64 {
    margin: -64px !important;
  }
  .m-xxl-n80 {
    margin: -80px !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-n64 {
    margin-right: -64px !important;
    margin-left: -64px !important;
  }
  .mx-xxl-n80 {
    margin-right: -80px !important;
    margin-left: -80px !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-n64 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .my-xxl-n80 {
    margin-top: -80px !important;
    margin-bottom: -80px !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-n64 {
    margin-top: -64px !important;
  }
  .mt-xxl-n80 {
    margin-top: -80px !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-n64 {
    margin-right: -64px !important;
  }
  .me-xxl-n80 {
    margin-right: -80px !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-n64 {
    margin-bottom: -64px !important;
  }
  .mb-xxl-n80 {
    margin-bottom: -80px !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-n64 {
    margin-left: -64px !important;
  }
  .ms-xxl-n80 {
    margin-left: -80px !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-64 {
    padding: 64px !important;
  }
  .p-xxl-80 {
    padding: 80px !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-64 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .px-xxl-80 {
    padding-right: 80px !important;
    padding-left: 80px !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-64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .py-xxl-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !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-64 {
    padding-top: 64px !important;
  }
  .pt-xxl-80 {
    padding-top: 80px !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-64 {
    padding-right: 64px !important;
  }
  .pe-xxl-80 {
    padding-right: 80px !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-64 {
    padding-bottom: 64px !important;
  }
  .pb-xxl-80 {
    padding-bottom: 80px !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-64 {
    padding-left: 64px !important;
  }
  .ps-xxl-80 {
    padding-left: 80px !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-64 {
    gap: 64px !important;
  }
  .gap-xxl-80 {
    gap: 80px !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 (prefers-reduced-motion: reduce) {
  .tabs .tab {
    transition: none;
  }
  .tabs .tab .icon,
  .tabs .tab .badges {
    transition: none;
  }
  .fade {
    transition: none;
  }
  .collapsing {
    transition: none;
  }
  .collapsing.collapse-horizontal {
    transition: none;
  }
  .offcanvas {
    transition: none;
  }
}

@media (max-width: 899.98px) {
  .productCard .pageDesigner__tuileSubContent .tooltip__content {
    display: none;
  }
  .crosssell.CrossSellInfini_ABC .crosssell__headerContainer {
    margin: 24px;
  }
  .crosssell.CrossSellInfini_ABC .crosssell__headerContainer .CrossSellInfini_ABC_Header {
    margin-bottom: 0;
  }
  .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;
  }
  .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;
  }
  .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 0.3s ease-in-out;
  }
  .offcanvas-md.showing,
  .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing,
  .offcanvas-md.hiding,
  .offcanvas-md.show {
    visibility: visible;
  }
  .offcanvas-md.offcanvas-start:not(#sizeGuidePanel) {
    left: 0;
  }
  .offcanvas-md.offcanvas-end:not(#sizeGuidePanel) {
    right: 0;
  }
  .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);
  }
  .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);
  }
  .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%);
  }
  .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%);
  }
  .cardAccount.-loyalty {
    border-color: var(--sfra-loyalty-bdcolor);
  }
  .productLine__footer {
    margin-top: 16px;
  }
  .productLine__text {
    flex-direction: column;
  }
  .productLine__priceTotal {
    gap: 8px;
  }
  .productLine__itemPrice.-updateSize {
    align-items: flex-end;
    padding-top: 8px;
  }
  .productLine__itemPrice.-updateSize .cartLine__itemQuantity {
    max-width: 160px;
    margin-bottom: 8px;
  }
  .productReviews__filters {
    align-items: center;
    margin-left: 16px;
  }
  .productReviews__noContent {
    margin-left: 16px;
  }
  .productReviews__contentNoteReviews {
    flex-direction: column;
  }
  .hideMobile {
    display: none !important;
  }
  .showDesktop {
    display: none !important;
  }
  .zoom-image:active .zoom-image__img,
  .zoom-image:focus .zoom-image__img {
    transform: scale(1.1);
  }
  .form__label--title {
    max-width: 78%;
  }
  .header.-searchMenuOpen ~ #root .breadcrumbWrapper,
  .header.-searchMenuOpen ~ #root .categoryHeader:not(.-images, .-imagesAndDescription) .categoryHeader__breadcrumb {
    padding-top: 64px;
  }
  #panelReview .panel__wrapper {
    height: 90vh;
    padding: 32px 16px 24px 16px;
  }
  #panelReview .productReviews__filters .sortBtnsPanel {
    width: 108%;
    transform: translate(-16px, 0);
    padding: 0 16px;
  }
  #panelReview .productReviews__dropdownFilters {
    flex-direction: column-reverse;
  }
  #panelReview .productReviews__sizeFilters {
    width: 100%;
  }
  #panelReview .productReviews__languageFilters {
    width: 100%;
  }
  #panelReview .productReviews__wrapper {
    border-radius: 16px 16px 0 0;
  }
  #panelUpdateSize .panel__wrapper {
    padding: 30px;
  }
  #panelUpdateSize .patc-header,
  #panelUpdateSize #patcButtonUpdateSize {
    display: none;
  }
  #panelATC .bottomSheetHeader,
  #panelmodifyProd .bottomSheetHeader {
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
  }
  #panelATC .bottomSheetBody,
  #panelmodifyProd .bottomSheetBody {
    padding: 0;
  }
  #panelATC .bottomSheetContent,
  #panelmodifyProd .bottomSheetContent {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  #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 .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__content .globalModelDesc {
    display: none;
  }
  .panelATC__infoContent .panelATC__topContent {
    margin-bottom: 16px;
  }
  .panelATC__infoContent .panelATC__gamme {
    font-family: "Baton Turbo", arial;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0;
  }
  .panelATC__infoContent .panelATC__nameProduct {
    font-family: "Baton Turbo", arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0;
  }
  .panelATC__infoContent .panelATC__infosContentCallout {
    margin-bottom: 16px;
  }
  .panelATC__infoContent .panelATC__promoContainer,
  .panelATC__infoContent .panelATC__infoContent {
    margin-bottom: 16px;
  }
  .panelATC__slider {
    height: 65vh;
  }
  .panelATC__slider .visualSlider {
    height: 100%;
  }
  .panelATC__slider .visualSlider__container {
    height: 100%;
  }
  .panelATC__slider .visualSlider__container {
    border-radius: 8px 8px 0 0;
  }
  .miniCart.-checkout {
    padding: 0 16px;
  }
  .header.-burgerMenuOpen .headerMenu__list.-animation {
    animation: bounceEffect 5s ease-in-out;
  }
  .headerMenu__listItem.-active .subMenu {
    top: 187px;
    height: calc(100% - 251px);
    padding: 24px 0;
  }
  .headerMenu__listItem.-active .subMenu.-thirdLevelCategory {
    height: var(--100dvh);
    padding: 0;
    top: 0;
  }
  .headerMenu__listItem.-firstEntryMobile {
    order: -1;
  }
  .headerMenu__listItem:not(.-active) .headerMenu__link {
    font-weight: normal;
    color: #697077;
  }
  .subMenu__inner.-catDown ~ .subMenu__inner .menuVisualBloc.-bottom {
    margin-top: 16px;
  }
  .subMenu .subMenu__inner {
    transition: transform 0.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;
  }
  .subMenu.-thirdLevelCategory .subMenu__inner {
    transform: translateX(-100%);
    height: 0;
    visibility: hidden;
  }
  .subMenu.-thirdLevelCategory .subMenu__inner.-categoryLevel3 {
    transform: translateX(0);
    visibility: visible;
    height: var(--100dvh);
  }
  .subMenu.-thirdLevelCategory .subMenu__inner:not(.-categoryLevel3) {
    transition: none;
  }
  .subMenu__header.-hasBlocTop {
    margin-bottom: 0;
  }
  .subMenu__list.-thirdLevel.-active {
    height: calc(100vh - 90px);
  }
  .menuVisualBloc__wrapper {
    margin: 0 -24px;
    padding-inline: 24px;
  }
  .menuVisualBloc__wrapper.-list {
    grid-auto-rows: 185px;
    grid-row-gap: 4px;
    grid-auto-columns: 100%;
  }
  .menuVisualBloc__wrapper.-list .menuVisualBloc__item {
    height: 100%;
  }
  .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.-portraitSlider .menuVisualBloc__item {
    scroll-snap-align: none;
    scroll-snap-stop: unset;
  }
  .menuVisualBloc__wrapper.-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 {
    scroll-snap-align: none;
    scroll-snap-stop: unset;
  }
  .menuVisualBloc__wrapper::-webkit-scrollbar {
    display: none;
  }
  .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;
  }
  .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.-home.-searchMenuOpen .header__wrapper,
  .header.-categoryPage.-searchMenuOpen:not(.-searchPage) .header__wrapper {
    display: grid;
    grid-auto-flow: column;
    justify-content: flex-start;
    grid-template-columns: auto auto 1fr auto auto;
    grid-gap: 12px;
  }
  .header.-home.-searchMenuOpen .header__wrapper .header__burger,
  .header.-categoryPage.-searchMenuOpen:not(.-searchPage) .header__wrapper .header__burger {
    margin-right: 0;
  }
  .header.-home.-searchMenuOpen .header__wrapper .header__logo,
  .header.-categoryPage.-searchMenuOpen:not(.-searchPage) .header__wrapper .header__logo {
    margin: auto;
    grid-column-start: 3;
  }
  .header.-home.-searchMenuOpen .header__wrapper .header__rightBlock,
  .header.-categoryPage.-searchMenuOpen:not(.-searchPage) .header__wrapper .header__rightBlock {
    display: contents;
  }
  .header.-home.-searchMenuOpen .header__wrapper .header__icon,
  .header.-categoryPage.-searchMenuOpen:not(.-searchPage) .header__wrapper .header__icon {
    padding: 0;
  }
  .header.-home.-searchMenuOpen .header__wrapper .header__icon:last-child,
  .header.-categoryPage.-searchMenuOpen:not(.-searchPage) .header__wrapper .header__icon:last-child {
    margin: 0;
  }
  .header.-home.-searchMenuOpen .header__wrapper .header__icon.-store,
  .header.-categoryPage.-searchMenuOpen:not(.-searchPage) .header__wrapper .header__icon.-store {
    grid-column-start: 2;
  }
  .header.-home.-searchMenuOpen .header__wrapper .header__icon.-account,
  .header.-categoryPage.-searchMenuOpen:not(.-searchPage) .header__wrapper .header__icon.-account {
    grid-column-start: 4;
  }
  .header.-home.-searchMenuOpen .header__wrapper .header__icon.-miniCart,
  .header.-categoryPage.-searchMenuOpen:not(.-searchPage) .header__wrapper .header__icon.-miniCart {
    grid-column-start: 5;
  }
  .header.-productPage.-active .header__wrapper .header__burger,
  .header:not(.-home, .-categoryPage, .-productPage, .-searchMenuOpen) .header__wrapper .header__burger {
    margin-right: 12px;
  }
  .header.-productPage.-active .header__wrapper .header__logo,
  .header:not(.-home, .-categoryPage, .-productPage, .-searchMenuOpen) .header__wrapper .header__logo {
    opacity: 0;
    width: 0;
    padding: 0;
  }
  .header.-productPage.-active .header__wrapper .header__icon.-store,
  .header.-productPage.-active .header__wrapper .header__icon.-account,
  .header:not(.-home, .-categoryPage, .-productPage, .-searchMenuOpen) .header__wrapper .header__icon.-store,
  .header:not(.-home, .-categoryPage, .-productPage, .-searchMenuOpen) .header__wrapper .header__icon.-account {
    opacity: 0;
    width: 0;
    padding: 0;
  }
  .header.-home:not(.-searchMenuOpen) .header__wrapper .header__burger,
  .header.-categoryPage:not(.-searchMenuOpen) .header__wrapper .header__burger {
    margin-right: 12px;
  }
  .header.-home:not(.-searchMenuOpen) .header__wrapper .header__logo,
  .header.-categoryPage:not(.-searchMenuOpen) .header__wrapper .header__logo {
    opacity: 0;
    width: 0;
    padding: 0;
  }
  .header.-home:not(.-searchMenuOpen) .header__wrapper .header__icon.-store,
  .header.-home:not(.-searchMenuOpen) .header__wrapper .header__icon.-account,
  .header.-categoryPage:not(.-searchMenuOpen) .header__wrapper .header__icon.-store,
  .header.-categoryPage:not(.-searchMenuOpen) .header__wrapper .header__icon.-account {
    opacity: 0;
    width: 0;
    padding: 0;
  }
  .header__nav {
    z-index: 10;
  }
  .header.-searchMenuOpen.-home .header__search,
  .header.-searchMenuOpen.-categoryPage .header__search {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(56px);
    padding: 16px;
    max-width: none;
    width: 100%;
    z-index: 1;
  }
  .header.-searchMenuOpen.-transparent.-home .header__search .header__searchWrapper,
  .header.-searchMenuOpen.-transparent.-categoryPage .header__search .header__searchWrapper {
    background-color: rgba(105, 112, 119, 0.3);
    color: #fdfdfd;
    backdrop-filter: blur(2px);
  }
  .header.-searchMenuOpen.-transparent.-home .header__search .header__searchWrapper .header__searchContentIcon,
  .header.-searchMenuOpen.-transparent.-categoryPage .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, 0.2);
  }
  .header.-searchMenuOpen.-burgerMenuOpen.-home:not(.-transparent) .header__search .header__searchWrapper,
  .header.-searchMenuOpen.-burgerMenuOpen.-categoryPage:not(.-transparent) .header__search .header__searchWrapper {
    opacity: 0;
  }
  .header.-searchMenuOpen.-transparent.-transparentBlack.-home .header__search .header__searchWrapper,
  .header.-searchMenuOpen.-transparent.-transparentBlack.-categoryPage .header__search .header__searchWrapper,
  .header.-searchMenuOpen.-transparent.-transparentWhiteBlackText.-home .header__search .header__searchWrapper,
  .header.-searchMenuOpen.-transparent.-transparentWhiteBlackText.-categoryPage .header__search .header__searchWrapper {
    color: #0b1215;
  }
  .header.-searchMenuOpen.-transparent.-transparentBlack.-home .header__search .header__searchWrapper .header__searchContentIcon,
  .header.-searchMenuOpen.-transparent.-transparentBlack.-categoryPage .header__search .header__searchWrapper .header__searchContentIcon,
  .header.-searchMenuOpen.-transparent.-transparentWhiteBlackText.-home .header__search .header__searchWrapper .header__searchContentIcon,
  .header.-searchMenuOpen.-transparent.-transparentWhiteBlackText.-categoryPage .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: none;
    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;
  }
  .header.-transparent:not(.-searchMenuOpen, .-burgerMenuOpen) .header__searchWrapper {
    color: #fdfdfd;
    border: 1px solid #fdfdfd;
    border-radius: 2px;
    background: transparent;
  }
  .header.-transparent.-transparentBlack:not(.-searchMenuOpen, .-burgerMenuOpen, .-productPage) .header__searchWrapper,
  .header.-transparent.-transparentWhiteBlackText:not(.-searchMenuOpen, .-burgerMenuOpen, .-productPage) .header__searchWrapper {
    color: #0b1215;
    border: 1px solid #0b1215;
  }
  .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;
  }
  .footer .titleSubFooter.-active .linkSubFooter {
    visibility: visible;
    max-height: 100%;
    opacity: 1;
    margin-top: 32px;
  }
  .footer .titleSubFooter.-active .titleItemFooter::after {
    transform: rotate(0deg);
  }
  .footer .titleSubFooter .titleItemFooter {
    position: relative;
    cursor: pointer;
    display: block;
  }
  .footer .titleSubFooter .linkSubFooter {
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    transition: all ease-in-out 0.3s;
    margin-top: 0;
    color: #dde1e6;
  }
  .footerServices__item.-payment {
    flex-wrap: wrap;
    justify-content: center;
  }
  .countrySwitcher {
    grid-row: 4/4;
  }
  .woosmapContainer__sidebar:not(.-active),
  .woosmapContainer__mapContainer:not(.-active) {
    visibility: hidden;
    height: 0;
    opacity: 0;
  }
  .woosmapContainer__sidebar:not(.-active) > *,
  .woosmapContainer__mapContainer:not(.-active) > * {
    display: none;
  }
  .cart__rightColumn {
    margin-top: -24px;
    margin-bottom: 24px;
  }
  .cart__rightColumnContainer {
    margin-top: 32px;
  }
  .cart__fid {
    margin-top: 16px;
  }
  .cartLine__itemPrice.-updateSize {
    flex-direction: column;
    align-items: inherit;
    padding-top: 8px;
  }
  .cartLine__itemPrice.-updateSize .cartLine__itemQuantity {
    max-width: 160px;
    margin-bottom: 8px;
  }
  .abTestCrosssell {
    grid-column: 1/span 12;
  }
  .headerMenu__link {
    font-family: "Baton Turbo", arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
  }
  .headerMenu__listItem:not(.-active) .headerMenu__link {
    font-family: "Baton Turbo", arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: normal;
  }
  .filters__wrapper.-sticky {
    border-bottom-color: #f2f4f8;
    z-index: 9;
  }
  ~ .header.-searchPage ~ #root .filters__wrapper.-sticky:not(.-slideUp) {
    top: 72px;
  }
}

@media screen and (width >= 1600px) {
  .colorSlider__container .visualSlider:not(.-colorBubble) > .visualSlider__container {
    grid-auto-columns: 20%;
  }
}

@media (max-width: 599.98px) {
  .toast {
    margin: 0 auto;
  }
  .toast-container {
    width: 100%;
  }
  .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 0.3s ease-in-out;
  }
  .offcanvas-sm.showing,
  .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing,
  .offcanvas-sm.hiding,
  .offcanvas-sm.show {
    visibility: visible;
  }
  .offcanvas-sm.offcanvas-start:not(#sizeGuidePanel) {
    left: 0;
  }
  .offcanvas-sm.offcanvas-end:not(#sizeGuidePanel) {
    right: 0;
  }
  .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);
  }
  .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);
  }
  .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%);
  }
  .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%);
  }
  #contactFormTitle {
    margin-top: 16px;
  }
  .filters__wrapper {
    position: relative;
  }
  .filters__selectView {
    display: flex;
    position: relative;
    align-items: center;
  }
}

@media (max-width: 599.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}

@media (max-width: 899.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}

@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 0.3s ease-in-out;
  }
  .offcanvas-xl.showing,
  .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing,
  .offcanvas-xl.hiding,
  .offcanvas-xl.show {
    visibility: visible;
  }
  .offcanvas-xl.offcanvas-start:not(#sizeGuidePanel) {
    left: 0;
  }
  .offcanvas-xl.offcanvas-end:not(#sizeGuidePanel) {
    right: 0;
  }
  .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);
  }
  .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);
  }
  .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%);
  }
  .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%);
  }
  .modal.opening .modalContent {
    visibility: visible;
    opacity: 1;
  }
  .modal.opened .modalContent {
    transition: unset;
    visibility: visible;
    opacity: 1;
  }
  .modal.closing .modalContent {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s 0.3s;
  }
  .modalContent {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s 150ms;
  }
  #panelReview .productReviews__wrapper {
    max-height: 90%;
  }
  #panelATC .panel__wrapper,
  #panelColor .panel__wrapper,
  #panelQATC .panel__wrapper,
  #panelmodifyProd .panel__wrapper {
    max-height: 90%;
  }
  .header__rightBlock .avatar__iconLabel {
    display: none;
  }
  .splittedAuthPanel__socialsButtons .button__text {
    display: none;
  }
  .filters__wrapper.-sticky.-stickyFilter {
    top: 56px;
  }
  .header.-stickySlideUp ~ #root .filters__wrapper.-sticky.-stickyFilter {
    top: 0;
  }
  .filterBar {
    margin: 0;
    padding: 0;
  }
}

@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}

@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 0.3s ease-in-out;
  }
  .offcanvas-xxl.showing,
  .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing,
  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show {
    visibility: visible;
  }
  .offcanvas-xxl.offcanvas-start:not(#sizeGuidePanel) {
    left: 0;
  }
  .offcanvas-xxl.offcanvas-end:not(#sizeGuidePanel) {
    right: 0;
  }
  .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);
  }
  .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);
  }
  .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%);
  }
  .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 (max-width: 1799.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}

@media (hover: none) and (pointer: coarse) {
  .cardAccount .cardContainer--rightContent:has(.appearHover) {
    display: none;
  }
  .scrollListPagination {
    display: block;
  }
}

@media (hover: hover) and (pointer: fine) {
  .cardAccount:hover {
    border-color: var(--sfra-grey-03);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
  }
  .cardAccount:hover .cardContainer--leftContent .caption-02 {
    color: #0b1215;
  }
  .cardAccount:hover .appearHover {
    visibility: visible;
    opacity: 1;
    left: 0;
  }
  .cardAccount.-empty:hover {
    border-color: var(--sfra-grey-02);
    box-shadow: none;
  }
  .button:not(.-disabled, :disabled):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit]:not(.-disabled, :disabled):hover,
  .button:not(.-disabled, :disabled).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input[type=submit]:not(.-disabled, :disabled).-hover {
    background: #21272a;
  }
  .button.-primary.-black:not(.-disabled, :disabled, :active, .-active, .-selected):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black[type=submit]:not(.-disabled, :disabled, :active, .-active, .-selected):hover,
  .button.-primary.u-arrow:not(.-disabled, :disabled, :active, .-active, .-selected):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-primary[type=submit].u-arrow:not(.-disabled, :disabled, :active, .-active, .-selected):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button[type=submit].u-arrow:not(.-disabled, :disabled, :active, .-active, .-selected):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input[type=submit].u-arrow:not(.-disabled, :disabled, :active, .-active, .-selected):hover,
  .button.-primary.-black:not(.-disabled, :disabled, :active, .-active, .-selected).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-black[type=submit]:not(.-disabled, :disabled, :active, .-active, .-selected).-hover,
  .button.-primary.u-arrow:not(.-disabled, :disabled, :active, .-active, .-selected).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-primary[type=submit].u-arrow:not(.-disabled, :disabled, :active, .-active, .-selected).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.button[type=submit].u-arrow:not(.-disabled, :disabled, :active, .-active, .-selected).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield .formfield input[type=submit].u-arrow:not(.-disabled, :disabled, :active, .-active, .-selected).-hover {
    background: #21272a;
  }
  .button.-primary.-white:not(.-disabled, :disabled, :active, .-active, .-selected):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white[type=submit]:not(.-disabled, :disabled, :active, .-active, .-selected):hover,
  .button.-primary.-white:not(.-disabled, :disabled, :active, .-active, .-selected).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-white[type=submit]:not(.-disabled, :disabled, :active, .-active, .-selected).-hover {
    background: #f2f4f8;
  }
  .button.-secondary.-black:not(.-disabled, :disabled, :active, .-active, .-selected):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black[type=submit]:not(.-disabled, :disabled, :active, .-active, .-selected):hover,
  .button.-secondary.u-arrow:not(.-disabled, :disabled, :active, .-active, .-selected):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary[type=submit].u-arrow:not(.-disabled, :disabled, :active, .-active, .-selected):hover,
  .button.-secondary.-black:not(.-disabled, :disabled, :active, .-active, .-selected).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-black[type=submit]:not(.-disabled, :disabled, :active, .-active, .-selected).-hover,
  .button.-secondary.u-arrow:not(.-disabled, :disabled, :active, .-active, .-selected).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary[type=submit].u-arrow:not(.-disabled, :disabled, :active, .-active, .-selected).-hover {
    background: rgba(11, 18, 21, 0.04);
  }
  .button.-secondary.-white:not(.-disabled, :disabled, :active, .-active, .-selected):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white[type=submit]:not(.-disabled, :disabled, :active, .-active, .-selected):hover,
  .button.-secondary.-white:not(.-disabled, :disabled, :active, .-active, .-selected).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-secondary.-white[type=submit]:not(.-disabled, :disabled, :active, .-active, .-selected).-hover {
    background: rgba(253, 253, 253, 0.1);
  }
  .button.-conversion:not(.-disabled, :disabled, :active, .-active, .-selected):hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-conversion[type=submit]:not(.-disabled, :disabled, :active, .-active, .-selected):hover,
  .button.-conversion:not(.-disabled, :disabled, :active, .-active, .-selected).-hover,
  .newsletterPushPanel .newsletterWrapper.-displayNamesField .footerNewsletterForm .formfield input.-conversion[type=submit]:not(.-disabled, :disabled, :active, .-active, .-selected).-hover {
    background: #343a3f;
  }
  .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,
  .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 {
    background: rgba(33, 39, 42, 0.6);
  }
  .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,
  .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 {
    background: #e0144c;
  }
  .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,
  .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 {
    background: inherit;
  }
  .header__iconLink:hover .icon,
  .header .avatar:hover .icon {
    color: #a2a9b0;
  }
}

@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;
  }
}

@media not all and (pointer: fine) {
  .quickAddToCartMobile__button {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media all and (-ms-high-contrast: none) {
  .quickAddToCartMobile__successIcon svg .check {
    stroke-dashoffset: 0;
  }
  .quickAddToCartRecoDesktop__successIcon svg .check,
  .quickAddToCartDesktop__successIcon svg .check {
    stroke-dashoffset: 0;
  }
}

@media (hover: hover) {
  .subMenu__list.-thirdLevel .subMenu__link:hover,
  .subMenu__list.-fourthLevel .subMenu__link:hover {
    color: #697077;
  }
}

@media screen and (width >= 2000px) {
  .subMenu {
    --panelMenuWidth: 20vw ;
  }
}

@media (width <= 1550px) {
  .header__icon.-store .header__storeInfos {
    margin-left: 0;
  }
  .header__icon.-store .header__storeInfos > * {
    display: none;
  }
}

/*# sourceMappingURL=/app.f9f4d829.css.map */