:root {
  --text-brand: #f7d3ac;
  --text-primary: #e1e1e1;
  --text-secondary: #7d7d7d;
  --text-hight-contrast: #ffffff;
  --color-orange: #fa8f1c;
  --font-family: "Lato", sans-serif;
  --second-family: "Playfair Display", sans-serif;
  --color-grey-0: #fff;
  --color-grey-2: #e1e1e1;
  --color-grey-3: #c2c2c2;
  --color-grey-5: #7d7d7d;
  --color-grey-6: #4d4d4d;
  --color-grey-7: #3b3b3b;
  --color-grey-8: #1c1c1c;
  --color-grey-9: #121212;
  --color-brand-sunset: #f7d3ac;
  --color-brand-sunset---light: #ffe6cc;
  --color-brand-sunset---dark-5: #ab8a67;
  --color-brand-orange: #fa8f1c;
  --color-brand-orange---light: #ff9d37;
  --color-brand-orange---dark: #ac5e09;
  --color-system-green: #2afabf;
  --color-system-red: #fa4510;
  --color-system-yellow: #febe11;
  --color-system-blue: #1dbffa;
  --color-system-coral-blue: #ade4f7;
  --color-system-faded-blue: #5594ab;
  --text-text-primary: var(--color-grey-2);
  --text-text-secondary: var(--color-grey-5);
  --text-text-high-contrast: var(--color-grey-0);
  --text-text-brand: var(--color-brand-sunset);
  --text-text-cta: var(--color-brand-orange);
  --surface-surface-primary: var(--color-grey-9);
  --surface-surface-secondary: var(--color-grey-8);
  --surface-surface-menu: var(--color-grey-8);
  --textfield-textfield-regular: var(--color-grey-2);
  --textfield-textfield-active: var(--color-grey-0);
  --button-button-cta: var(--color-brand-orange);
  --button-button-regular: var(--color-brand-sunset);
  --border-border-primary: var(--color-brand-sunset);
  --surface-surface-social: var(--color-grey-7);
  --separator-separator-primary: var(--color-grey-6);
  --surface-surface-brand: var(--color-brand-sunset);
  --icon-icon-primary: var(--color-brand-sunset);
  --text-text-dark: var(--color-grey-8);
  --text-text-error: var(--color-system-red);
  --text-text-success: var(--color-system-green);
  --text-text-alert: var(--color-system-yellow);
  --text-text-link-regular: var(--color-system-blue);
  --text-text-link-hover: var(--color-system-coral-blue);
}

.h2 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: clamp(32px, 3vw, 40px);
  color: var(--text-text-high-contrast);
}

.h3 {
  font-family: "Playfair Display", sans-serif;
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 700;
  line-height: 1.345;
}

.h4 {
  font-family: var(--font-family);
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 900;
  line-height: 1.2;
}

.h5 {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.headline-1 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 24px;
  color: var(--text-text-brand);
}

.body-16 {
  font-weight: 400;
  font-size: 16px;
}

.body-14 {
  font-weight: 400;
  font-size: 16px;
}

.text-align-center {
  text-align: center;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.line-clamp-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.line-clamp-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.cbox {
  display: inline-flex;
  gap: 10px;
  cursor: pointer;
  align-items: center;
}

.cbox [type=checkbox] {
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #f7d3ac;
  border-radius: 4px;
  background-color: #121212;
  margin: 0;
  transition: 0.1s;
  cursor: pointer;
}

.cbox [type=checkbox]:checked {
  background-color: #f7d3ac;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC45NDk2IDUuMjkzMDFDMTEuMzQwMSA0LjkwMjQ4IDExLjM0MDEgNC4yNjkzMiAxMC45NDk2IDMuODc4OEMxMC41NTkxIDMuNDg4MjcgOS45MjU5MSAzLjQ4ODI3IDkuNTM1MzggMy44Nzg4TDQuNTg1NjQgOC44Mjg1NEwyLjQ2NDMyIDYuNzA3MjJDMi4wNzM3OSA2LjMxNjcgMS40NDA2MyA2LjMxNjcgMS4wNTAxIDYuNzA3MjJDMC42NTk1NzcgNy4wOTc3NSAwLjY1OTU3NyA3LjczMDkxIDEuMDUwMSA4LjEyMTQ0TDMuMTcxNDIgMTAuMjQyOEw0LjU4NTY0IDExLjY1N0w1Ljk5OTg1IDEwLjI0MjhMMTAuOTQ5NiA1LjI5MzAxWiIgZmlsbD0iIzEyMTIxMiIvPgo8L3N2Zz4=");
  background-position: center 35%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.cbox__label {
  color: #f7d3ac;
}

.cbox [type=checkbox]:disabled {
  background-color: #7d7d7d;
  border-color: #7d7d7d;
  cursor: default;
}

.cbox:has([type=checkbox]:disabled) {
  cursor: default;
}

.headline-2 {
  font-size: clamp(18px, 2vw, 20px);
  font-weight: 700;
  line-height: 1.2;
}

.caption-1 {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.color-text-brand {
  color: var(--text-brand);
}

.color-text-secondary {
  color: var(--text-secondary);
}

.color-high-contrast {
  color: var(--text-hight-contrast);
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mt-56 {
  margin-top: 56px;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.p-0 {
  padding: 0;
}

.w-100 {
  width: 100% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.d-flex {
  display: flex;
}

.align-items-center {
  align-items: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-center {
  justify-content: center;
}

.d-block {
  display: block;
}

.d-grid {
  display: grid;
}

.d-row {
  grid-template-columns: repeat(12, 1fr);
}

.col-1 {
  grid-column: span 1;
}

.col-2 {
  grid-column: span 2;
}

.col-3 {
  grid-column: span 3;
}

.col-4 {
  grid-column: span 4;
}

.col-5 {
  grid-column: span 5;
}

.col-6 {
  grid-column: span 6;
}

.col-7 {
  grid-column: span 7;
}

.col-8 {
  grid-column: span 8;
}

.col-9 {
  grid-column: span 9;
}

.col-10 {
  grid-column: span 10;
}

.col-11 {
  grid-column: span 11;
}

.col-12 {
  grid-column: span 12;
}

.gap-4 {
  gap: 4px;
}

.gap-8 {
  gap: 8px;
}

.gap-12 {
  gap: 12px;
}

.gap-16 {
  gap: 16px;
}

.gap-20 {
  gap: 20px;
}

.gap-24 {
  gap: 24px;
}

.gap-28 {
  gap: 28px;
}

.gap-32 {
  gap: 32px;
}

.gap-40 {
  gap: 40px;
}

.gap-48 {
  gap: 48px;
}

.gap-56 {
  gap: 56px;
}

.gap-64 {
  gap: 64px;
}

.caption-1 a {
  color: var(--color-orange);
  text-decoration: underline !important;
}

.button--sm {
  font-size: 14px;
  padding: 15px 24px 16px;
}

.button--grey {
  background: #c2c2c2;
}

@media screen and (max-width: 1160px) {
  .mt-md-32 {
    margin-top: 32px;
  }
}
@media screen and (max-width: 992px) {
  .md\:body-16 {
    font-weight: 400;
    font-size: 16px;
  }
  .md\:body-14 {
    font-weight: 400;
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .mt-sm-28 {
    margin-top: 28px;
  }
  .h3 {
    font-weight: 400;
    line-height: 1.15;
  }
  .h4 {
    font-weight: 700;
  }
}

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