@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fonts/HankenGrotesk-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fonts/HankenGrotesk-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fonts/HankenGrotesk-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fonts/HankenGrotesk-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fonts/HankenGrotesk-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fonts/HankenGrotesk-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.color-background-black-900 {
  color: #0C0C0D;
}

.color-background-black-800 {
  color: #1E1E20;
}

.color-background-black-700 {
  color: #2E2E31;
}

.color-background-white-0 {
  color: #FFFFFF;
}

.color-background-white-50 {
  color: #F3F3F4;
}

.color-background-eco {
  color: #AABE96;
}

.color-background-attention {
  color: #F5222D;
}

.color-background-success {
  color: #00A809;
}

.color-background-error {
  color: #A12828;
}

.color-background-warning {
  color: #E26B00;
}

.color-background-button-primary {
  background-color: #0C0C0D;
}

.color-background-button-primary:hover {
  background-color: #1E1E20;
}

.color-background-button-primary:active {
  background-color: #2E2E31;
}

.color-background-button-primary.disabled {
  background-color: #CCCCD0;
}

.color-background-button-secondary {
  background-color: #F3F3F4;
}

.color-background-button-secondary:hover {
  background-color: #E6E6E8;
}

.color-background-button-secondary:active {
  background-color: #D9D9DD;
}

.color-background-button-secondary-disabled {
  background-color: #FFFFFF;
}

.color-background-button-white {
  background-color: #FFFFFF;
}

.color-background-button-white:hover {
  background-color: #F3F3F4;
}

.color-background-button-white:active {
  background-color: #E6E6E8;
}

.color-background-button-white-disabled {
  background-color: #FFFFFF;
}

.color-background-button-eco {
  color: #AABE96;
}

.color-background-button-eco:hover {
  background-color: #B8CEA3;
}

.color-background-button-eco:active {
  background-color: #C7DEB0;
}

.color-background-button-eco-disabled {
  background-color: #D5EEBB;
}

.color-background-flag-black {
  color: #0C0C0D;
}

.color-background-flag-white {
  color: #FFFFFF;
}

.color-background-flag-attention {
  color: #F5222D;
}

.color-background-flag-success {
  color: #00A809;
}

.color-background-flag-error {
  color: #A12828;
}

.color-background-flag-warning {
  color: #E26B00;
}

.color-text-black {
  color: #0C0C0D;
}

.color-text-black:hover {
  color: #1E1E20;
}

.color-text-black-disabled {
  color: #D9D9DD;
}

.color-text-white {
  color: #FFFFFF;
}

.color-text-white-disabled {
  color: #CCCCD0;
}

.color-text-grey {
  color: #888891;
}

.color-text-attention {
  color: #F5222D;
}

.color-text-success {
  color: #00A809;
}

.color-text-error {
  color: #A12828;
}

.color-text-warning {
  color: #E26B00;
}

.color-icon-black {
  color: #0C0C0D;
}

.color-icon-white {
  color: #FFFFFF;
}

.color-icon-disabled {
  color: #CCCCD0;
}

.color-icon-attention {
  color: #F5222D;
}

.color-icon-success {
  color: #00A809;
}

.color-icon-error {
  color: #A12828;
}

.color-icon-warning {
  color: #E26B00;
}

.color-border-black-900 {
  color: #FFFFFF;
}

.color-border-white-0 {
  color: #0C0C0D;
}

.color-border-white-50 {
  color: #F3F3F4;
}

.color-border-white-100 {
  color: #E6E6E8;
}

.color-border-white-200 {
  color: #D9D9DD;
}

.color-border-white-800 {
  color: #888891;
}

.color-border-attention {
  color: #F5222D;
}

.color-border-success {
  color: #00A809;
}

.color-border-error {
  color: #A12828;
}

.color-border-warning {
  color: #E26B00;
}

.color-border-button-primary {
  color: #0C0C0D;
}

.color-border-button-primary-default:hover {
  color: #888891;
}

.color-border-button-primary-default:active {
  color: #E6E6E8;
}

.color-border-button-primary.disabled {
  color: #CCCCD0;
}

.color-border-button-attention {
  color: #F5222D;
}

.color-border-button-success {
  color: #00A809;
}

.color-border-button-success {
  color: #A12828;
}

.color-border-button-warning {
  color: #E26B00;
}

.color-border-flag-black {
  color: #0C0C0D;
}

.color-border-flag-white {
  color: #FFFFFF;
}

.color-border-flag-attention {
  color: #F5222D;
}

.color-border-flag-success {
  color: #00A809;
}

.color-border-flag-success {
  color: #A12828;
}

.color-border-flag-warning {
  color: #E26B00;
}

.color-spacer-dark {
  color: #2E2E31;
}

.color-spacer-light {
  color: #F3F3F4;
}

.color-spacer-grey {
  color: #888891;
}

.text-headline-xxl {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 49px;
  font-weight: 800;
  line-height: 64px;
}

.text-headline-xl {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 39px;
  font-weight: 700;
  line-height: 48px;
}

.text-headline-lg {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 31px;
  font-weight: 700;
  line-height: 35px;
}

.text-headline-md {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
}

.text-headline-sm {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.8px;
}

.text-headline-xs {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.6px;
}

.text-body-lg {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
}

.text-body-lg-strong {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}

.text-body-lg-italic {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  font-style: italic;
}

.text-body-lg-strike {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: line-through;
}

.text-body-lg-underline {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: underline;
}

.text-body-lg-link {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  text-decoration: underline;
}

.text-body-lg-strong-strike {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  text-decoration: line-through;
}

.text-body-md {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.text-body-md-strong {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.text-body-md-italic {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  font-style: italic;
}

.text-body-md-strike {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: line-through;
}

.text-body-md-underline {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: underline;
}

.text-body-md-link {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: underline;
}

.text-body-md-strong-strike {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: line-through;
}

.text-body-sm {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.text-body-sm-strong {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.text-body-sm-italic {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-style: italic;
}

.text-body-sm-strike {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: line-through;
}

.text-body-sm-underline {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: underline;
}

.text-body-sm-link {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  text-decoration: underline;
}

.text-body-sm-strong-strike {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  text-decoration: line-through;
}

.text-produit-md {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 1.25px;
  text-transform: uppercase;
}

.text-produit-sm {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

@media (max-width: 1024px) {
  .text-headline-xxl {
    font-size: 32px;
    line-height: 39px;
  }
  .text-headline-xl {
    font-size: 28px;
    line-height: 35px;
  }
  .text-headline-lg {
    font-size: 22px;
    line-height: 24px;
  }
  .text-headline-md {
    font-size: 20px;
    line-height: 22px;
  }
}
.btn-default {
  border-radius: 10px;
  padding: 8px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  gap: 4px;
}

/*# sourceMappingURL=main.css.map */