@import "https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.accordion__group {
  border-top: var(--brand-border-width-regular) solid
    var(--brand-color-border-medium-dark);
}
.accordion__head {
  background-color: var(--brand-color-surface-section-base);
  border-bottom: var(--brand-border-width-regular) solid
    var(--brand-color-border-medium-dark);
  cursor: pointer;
}
@media (min-width: 1024px) {
  .accordion__head {
    border: 0;
  }
}
.bg-color-medium-extralight .accordion__head {
  background-color: var(--brand-color-surface-section-medium-extralight);
}
.accordion__head[data-expanded="true"] {
  background-color: var(--brand-color-surface-section-base);
  border-bottom: 0;
}
.accordion__head[data-expanded="true"] .accordion__trigger {
  background-color: var(--brand-color-surface-section-base);
}
.bg-color-medium-extralight
  .accordion__head[data-expanded="true"]
  .accordion__trigger {
  background-color: var(--brand-color-surface-section-medium-extralight);
}
.accordion__head[data-expanded="true"] .accordion__trigger:hover {
  border-color: var(--brand-color-border-medium-dark);
}
.accordion__head[data-expanded="true"] .accordion__icon {
  transform: translateY(-50%) rotate(180deg);
}
.accordion__trigger {
  background-color: none;
  color: #212121;
  display: block;
  padding: 24px 24px 24px 72px;
  position: relative;
  text-align: left;
  width: 100%;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .accordion__trigger {
    padding: 32px 72px;
    border-bottom: var(--brand-border-width-regular) solid
      var(--brand-color-border-medium-dark);
  }
}
.accordion__trigger:hover {
  background-color: var(--brand-color-surface-section-bold-extralight);
  border-color: var(--brand-color-border-bold);
}
.accordion__title {
  display: block;
  color: var(--brand-color-text-standard-text);
}
.accordion__icon {
  position: absolute;
  width: 20px;
  font-size: 20px;
  left: 24px;
  top: 50%;
  transform: translateY(-50%) rotate(0);
  transform-origin: center;
  transition: var(--t-transition);
}
.accordion__panel {
  margin: 0;
  padding: 16px 22px 24px;
  border-top-left-radius: var(--brand-border-radius-s);
  border-bottom: var(--brand-border-width-regular) solid
    var(--brand-color-border-medium-dark);
}
@media (min-width: 1024px) {
  .accordion__panel {
    padding: 16px 74px 32px;
  }
}
.bg-color-medium-extralight .accordion__panel {
  background-color: var(--brand-color-surface-section-medium-extralight);
}
.accordion__panel[hidden] {
  display: none;
}
.accordion__panel a {
  font-weight: 400;
  text-decoration: underline;
  color: inherit;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.anchor {
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.autocomplete {
  display: block;
  position: relative;
  cursor: pointer;
}
.autocomplete.autocomplete--disabled {
  pointer-events: none;
}
.autocomplete__label {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  color: var(--comp-color-input-text-label-default);
}
.autocomplete--error .autocomplete__label {
  color: var(--comp-color-input-text-label-error);
}
.autocomplete--disabled .autocomplete__label {
  color: var(--comp-color-input-text-label-disabled);
}
.autocomplete__icon {
  margin-right: 8px;
}
.autocomplete__button {
  position: absolute;
  bottom: 12px;
  right: 20px;
  color: var(--brand-color-surface-icon-bold);
  transition: var(--t-transition);
}
@media (min-width: 768px) {
  .autocomplete__button {
    bottom: 22px;
  }
}
.open .autocomplete__button {
  transform: rotate(180deg);
}
.autocomplete--disabled .autocomplete__button {
  color: var(--comp-color-input-icon-content-disabled);
}
.autocomplete__groupInput {
  position: relative;
}
.autocomplete__placeholder {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  padding: 0 20px;
  background-color: transparent;
  pointer-events: none;
}
.autocomplete__input {
  display: flex;
  align-items: center;
  background-color: var(--comp-color-input-surface-default);
  color: var(--comp-color-input-text-input-text-filled);
  border-radius: var(--brand-border-radius-xs);
  text-align: left;
  border: var(--brand-border-width-regular) solid transparent;
  white-space: nowrap;
  height: 40px;
  padding: 4px 60px 4px 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .autocomplete__input {
    height: 60px;
    padding: 16px 60px 16px 20px;
  }
}
.autocomplete__input:focus-visible {
  border: var(--brand-border-width-focus) solid
    var(--brand-color-focus-standard);
  outline: none;
}
.open .autocomplete__input {
  border-radius: var(--brand-border-radius-xs) var(--brand-border-radius-xs)
    var(--brand-border-radius-none) var(--brand-border-radius-none);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-input-border-active);
}
.autocomplete--error .autocomplete__input {
  background-color: var(--comp-color-input-surface-error);
}
.autocomplete--disabled .autocomplete__input {
  color: var(--comp-color-input-text-input-text-disabled);
  background-color: var(--comp-color-input-surface-disabled);
}
.autocomplete__input[data-value-setted="true"] {
  border-bottom: var(--brand-border-width-regular) solid
    var(--comp-color-input-border-active);
}
.autocomplete--error .autocomplete__input[data-value-setted="true"] {
  border-bottom: var(--brand-border-width-regular) solid
    var(--comp-color-input-border-error);
}
.autocomplete--disabled .autocomplete__input[data-value-setted="true"] {
  border-bottom: 0;
}
.autocomplete__menu {
  display: none;
  background-color: var(--brand-color-surface-container-standard);
  color: var(--brand-color-text-standard-text);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-input-border-active);
  border-top: var(--brand-border-width-regular) solid
    var(--brand-color-surface-container-standard);
  border-radius: var(--brand-border-radius-none) var(--brand-border-radius-none)
    var(--brand-border-radius-xs) var(--brand-border-radius-xs);
  max-height: 320px;
  overflow-y: scroll;
  position: absolute;
  left: 0;
  top: calc(100% - 1px);
  width: 100%;
}
.open .autocomplete__menu {
  display: block;
}
.autocomplete__option {
  padding: 10px 20px;
}
.autocomplete__option:hover,
.autocomplete__option[data-active] {
  background-color: var(--brand-color-surface-container-active);
}
.autocomplete__option[aria-selected="true"] {
  background-color: var(--brand-color-surface-section-medium-dark);
}
.autocomplete__list {
  display: none;
}
.autocomplete__error {
  margin-top: 8px;
  color: var(--brand-color-system-error-text);
}
.open .autocomplete__error {
  display: none;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.breadcrumbs {
  position: relative;
  width: 100%;
  position: absolute;
  top: calc(var(--header-height-mobile) + 20px);
  overflow: auto;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .breadcrumbs {
    display: block;
  }
}
@media (min-width: 1280px) {
  .breadcrumbs {
    top: calc(var(--header-height) + var(--pre-header-height) + 40px);
  }
}
.breadcrumb__list {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-right: 16px;
}
.breadcrumb__item {
  position: relative;
  padding-right: 12px;
  color: var(--comp-color-steps-text-on-bold-bg-default);
}
.breadcrumbs--dark .breadcrumb__item {
  color: var(--comp-color-steps-text-standard-default);
}
.breadcrumb__item:last-child .breadcrumb__link {
  overflow: visible;
  max-width: none;
  pointer-events: none;
  text-decoration: none;
  font-weight: 300;
}
.breadcrumb__item:last-child:after {
  content: none;
}
.breadcrumb__item:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  translate: 0 -50%;
  height: calc(100% - 18px);
  max-height: 12px;
  width: 1px;
  background: var(--brand-color-surface-section-base);
}
.breadcrumbs--dark .breadcrumb__item:after {
  background: var(--brand-color-surface-section-bold);
}
.breadcrumb__link {
  color: var(--comp-color-steps-text-on-bold-bg-default);
  transition: color var(--t-timing) var(--t-ease);
  padding: 6px 4px;
  position: relative;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc((100vw - var(--pd-min-cnt) * 2) / 5);
}
@media (min-width: 768px) {
  .breadcrumb__link {
    max-width: calc((100vw - var(--pd-mid-s-cnt) * 2) / 5);
  }
}
@media (min-width: 1024px) {
  .breadcrumb__link {
    max-width: calc((100vw - var(--pd-mid-l-cnt) * 2) / 5);
  }
}
@media (min-width: 1280px) {
  .breadcrumb__link {
    max-width: calc((100vw - var(--pd-max-cnt) * 2) / 5);
  }
}
.breadcrumbs--dark .breadcrumb__link {
  color: var(--comp-color-steps-text-standard-default);
}
.breadcrumb__link:hover,
.breadcrumb__link:focus-visible {
  transition: max-width var(--t-timing-fast) var(--t-ease);
  max-width: 100%;
}
.breadcrumb__link:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-color: var(--brand-color-focus-on-bold-bg);
  border-radius: var(--brand-border-radius-xs);
  pointer-events: none;
  opacity: 0;
}
.breadcrumbs--dark .breadcrumb__link:before {
  border: var(--brand-border-width-focus) solid
    var(--brand-color-focus-standard);
}
.breadcrumb__link:focus-visible {
  outline: transparent;
}
.breadcrumb__link:focus-visible:before {
  opacity: 1;
}
.breadcrumb__link:hover {
  color: var(--comp-color-steps-text-on-bold-bg-hover);
}
.breadcrumbs--dark .breadcrumb__link:hover {
  color: var(--comp-color-steps-text-standard-hover);
}
.breadcrumb__link:disabled {
  pointer-events: none;
  opacity: 0.8;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.button-download {
  position: relative;
  display: block;
  width: fit-content;
}
.button-download.button-download--blue-dark .buttonDownload__element {
  background: var(--comp-color-button-tertiary-surface-default-alt);
}
.button-download.button-download--blue-dark .buttonDownload__icon {
  color: var(--comp-color-button-tertiary-icon-default);
}
.button-download.button-download--blue-dark .buttonDownload__infoTitle,
.button-download.button-download--blue-dark .buttonDownload__infoIcon,
.button-download.button-download--blue-dark .buttonDownload__infoText {
  color: var(--brand-color-text-standard-text);
}
.button-download.button-download--blue-light .buttonDownload__element {
  background: var(--comp-color-button-tertiary-surface-default-alt);
}
.button-download.button-download--blue-light .buttonDownload__icon {
  color: var(--comp-color-button-tertiary-icon-default);
}
.button-download.button-download--blue-light .buttonDownload__infoTitle,
.button-download.button-download--blue-light .buttonDownload__infoIcon,
.button-download.button-download--blue-light .buttonDownload__infoText {
  color: var(--brand-color-text-on-bold-bg-text);
}
.button-download.button-download--green-dark .buttonDownload__element {
  background: var(--comp-color-button-special-surface-default);
}
.button-download.button-download--green-dark .buttonDownload__icon {
  color: var(--comp-color-button-special-icon-default);
}
.button-download.button-download--green-dark .buttonDownload__infoTitle,
.button-download.button-download--green-dark .buttonDownload__infoIcon,
.button-download.button-download--green-dark .buttonDownload__infoText {
  color: var(--brand-color-text-standard-text);
}
.button-download.button-download--green-light .buttonDownload__element {
  background: var(--comp-color-button-special-surface-default);
}
.button-download.button-download--green-light .buttonDownload__icon {
  color: var(--comp-color-button-special-icon-default);
}
.button-download.button-download--green-light .buttonDownload__infoTitle,
.button-download.button-download--green-light .buttonDownload__infoIcon,
.button-download.button-download--green-light .buttonDownload__infoText {
  color: var(--brand-color-text-on-bold-bg-text);
}
.button-download.buttonDownload__element {
  text-decoration: none;
}
.buttonDownload__container {
  display: flex;
}
.buttonDownload__element {
  display: block;
  padding: 18px;
  border-radius: var(--brand-border-radius-xs);
  transition: var(--t-transition);
  cursor: pointer;
}
.buttonDownload__element:focus-visible {
  position: relative;
  outline: none;
}
.buttonDownload__element:focus-visible:before {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-focus) solid
    var(--brand-color-focus-standard);
}
.buttonDownload__info {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  margin-left: 16px;
}
.buttonDownload__infoFile {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.buttonDownload__infoTitle {
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.buttonDownload__infoText {
  line-height: 100%;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.buttonDownload__infoIcon {
  margin-right: 4px;
  line-height: 100%;
}
.buttonDownload__infoIcon.icon-document {
  font-size: 20px;
}
.button-link {
  position: relative;
  display: block;
  width: fit-content;
}
.buttonLink__element {
  display: block;
  width: 100%;
  padding: 14px 0;
  width: fit-content;
  transition: var(--t-transition);
  color: var(--comp-color-button-link-text-default);
  min-height: 44px;
  text-transform: uppercase;
  cursor: pointer;
}
.buttonLink__element:before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  width: calc(100% + 20px);
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: var(--t-transition);
  border: var(--brand-border-width-focus) solid
    var(--comp-color-button-link-text-focus);
  border-radius: var(--brand-border-radius-xs);
}
.buttonLink__element:after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  bottom: 0;
  height: 1px;
  background: var(--comp-color-button-link-border-hover);
  transition: var(--t-transition);
}
.bg-color-np-medium-dark .buttonLink__element:after {
  background: var(--comp-color-button-link-border-on-bold-bg-hover);
}
.buttonLink__element:hover:after {
  width: 100%;
}
.buttonLink__element:active:after {
  background: var(--comp-color-button-link-border-active);
}
.buttonLink__element:focus-visible {
  outline: none;
}
.buttonLink__element:focus-visible:before {
  opacity: 1;
}
.buttonLink--small .buttonLink__element {
  padding: 10px 0;
}
.buttonLink--light .buttonLink__element {
  color: var(--comp-color-button-link-text-on-bold-bg-default);
}
.buttonLink--light .buttonLink__element:before {
  border-color: var(--brand-color-focus-on-bold-bg);
}
.buttonLink--light .buttonLink__element:after {
  background: var(--comp-color-button-link-border-on-bold-bg-active);
}
.buttonLink--light .buttonLink__element:hover {
  color: var(--comp-color-button-link-text-on-bold-bg-hover);
}
.buttonLink--light .buttonLink__element:hover:after {
  background: var(--comp-color-button-link-text-on-bold-bg-hover);
}
.buttonLink--light .buttonLink__element:active {
  color: var(--brand-color-text-on-bold-bg-text);
}
.buttonLink--light .buttonLink__element:active:after {
  background: var(--brand-color-surface-section-base);
}
.buttonLink--disabled .buttonLink__element {
  color: var(--comp-color-button-link-text-disabled);
  pointer-events: none;
}
.buttonLink__icon {
  padding-left: 10px;
  font-size: 16px;
}
.buttonLink--small .buttonLink__icon {
  font-size: 14px;
}
.button-share {
  position: relative;
  display: block;
  width: fit-content;
}
.buttonShare__element {
  cursor: pointer;
  display: block;
  padding: 8px;
  transition: background var(--t-timing) var(--t-ease);
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-primary-border-default);
  background: var(--comp-color-button-primary-surface-default);
  color: var(--brand-color-surface-icon-bold);
}
.buttonShare__element:hover {
  border-color: var(--comp-color-button-primary-border-hover);
  background: var(--comp-color-button-primary-surface-hover);
  color: var(--brand-color-surface-icon-bold);
}
.buttonShare__element:active {
  border-color: var(--comp-color-button-primary-border-active);
  background: var(--comp-color-button-primary-surface-active);
  color: var(--brand-color-surface-icon-bold);
}
.buttonShare__element:focus-visible {
  position: relative;
  outline: none;
}
.buttonShare__element:focus-visible:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-focus) solid
    var(--brand-color-focus-standard);
}
.buttonShare--open .buttonShare__element {
  background: var(--comp-color-button-primary-surface-active);
}
.buttonShare__menu {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  padding: 8px;
  border: var(--brand-border-width-regular) solid transparent;
  border-radius: var(--brand-border-radius-xs);
  translate: 0 -10px;
  background: var(--brand-color-surface-section-base);
  transition: 0.1s ease;
}
.buttonShare--top .buttonShare__menu {
  top: auto;
  bottom: calc(100% + 6px);
}
.buttonShare--open .buttonShare__menu {
  translate: 0 0;
  opacity: 1;
  pointer-events: painted;
  visibility: visible;
  border-color: var(--brand-color-border-medium-dark);
  transition: var(--t-transition);
}
.buttonShare__item {
  margin-bottom: 8px;
  opacity: 0;
}
.buttonShare__item:last-child {
  margin-bottom: 0;
}
.buttonShare--open .buttonShare__item {
  opacity: 1;
  transition: opacity var(--t-timing) var(--t-ease);
}
.buttonShare--open .buttonShare__item:nth-of-type(1) {
  transition-delay: 0.05s;
}
.buttonShare--open .buttonShare__item:nth-of-type(2) {
  transition-delay: 0.1s;
}
.buttonShare--open .buttonShare__item:nth-of-type(3) {
  transition-delay: 0.15s;
}
.buttonShare--open .buttonShare__item:nth-of-type(4) {
  transition-delay: 0.2s;
}
.buttonShare--open .buttonShare__item:nth-of-type(5) {
  transition-delay: 0.25s;
}
.buttonShare--open .buttonShare__item:nth-of-type(6) {
  transition-delay: 0.3s;
}
.buttonShare--open .buttonShare__item:nth-of-type(7) {
  transition-delay: 0.35s;
}
.buttonShare--open .buttonShare__item:nth-of-type(8) {
  transition-delay: 0.4s;
}
.buttonShare--open .buttonShare__item:nth-of-type(9) {
  transition-delay: 0.45s;
}
.buttonShare--open .buttonShare__item:nth-of-type(10) {
  transition-delay: 0.5s;
}
.buttonShare__msg {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  padding: 8px;
  background: var(--brand-color-surface-section-brand);
  color: var(--brand-color-text-on-bold-bg-text);
  border-radius: var(--brand-border-radius-xs);
  transition:
    opacity var(--t-timing) var(--t-ease),
    visibility var(--t-timing) var(--t-ease);
  white-space: nowrap;
}
.buttonShare--linkCopied .buttonShare__msg {
  opacity: 1;
  visibility: visible;
}
.buttonShare__icon {
  font-size: 20px;
  display: block;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.button-video {
  position: relative;
  display: block;
  width: fit-content;
}
.buttonVideo__container {
  display: flex;
}
.buttonVideo__element {
  display: block;
  padding: 17px;
  border-radius: var(--brand-border-radius-xs);
  transition: var(--t-transition);
  background: var(--comp-color-button-primary-surface-default);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-primary-border-default);
  cursor: pointer;
}
.buttonVideo__element:hover {
  background: var(--comp-color-button-primary-border-hover);
}
.buttonVideo__element:active {
  background: var(--comp-color-button-primary-border-active);
}
.buttonVideo__element:focus-visible {
  position: relative;
  outline: none;
}
.buttonVideo__element:focus-visible:before {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-focus) solid
    var(--brand-color-focus-standard);
}
.buttonVideo__icon {
  color: var(--comp-color-button-primary-icon-default);
}
.buttonVideo__info {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  margin-left: 16px;
}
.buttonVideo__infoTitle {
  margin-bottom: 4px;
  color: var(--brand-color-text-standard-text);
}
.buttonVideo__infoIcon {
  margin-right: 4px;
  color: var(--brand-color-surface-icon-bold);
}
.buttonVideo__infoText {
  color: var(--brand-color-text-standard-text);
}
.button {
  position: relative;
  display: block;
  width: fit-content;
}
.buttonShare__menu .button {
  min-width: 164px;
}
.button__element {
  cursor: pointer;
  display: flex;
  align-items: center;
  column-gap: 8px;
  padding: 20px 24px;
  width: fit-content;
  transition: var(--t-transition);
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-primary-border-default);
  text-transform: uppercase;
  border-color: var(--comp-color-button-primary-border-default);
  background: var(--comp-color-button-primary-surface-default);
  color: var(--comp-color-button-primary-text-default);
}
.button__element:hover {
  border-color: var(--comp-color-button-primary-border-hover);
  background: var(--comp-color-button-primary-surface-hover);
  color: var(--comp-color-button-primary-text-hover);
}
.button__element:active {
  border-color: var(--comp-color-button-primary-border-active);
  background: var(--comp-color-button-primary-surface-active);
  color: var(--comp-color-button-primary-text-active);
}
.button__element:focus-visible {
  position: relative;
  outline: none;
  border-color: var(--comp-color-button-primary-border-focus);
  background: var(--comp-color-button-primary-surface-focus);
  color: var(--comp-color-button-primary-text-focus);
}
.button__element:focus-visible:before {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-focus) solid
    var(--brand-color-focus-standard);
}
.button--small .button__element:focus-visible:before {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  left: 2px;
  top: 2px;
}
.button--disabled .button__element {
  pointer-events: none;
  border-color: var(--comp-color-button-primary-surface-disabled);
  background: var(--comp-color-button-primary-surface-disabled);
  color: var(--comp-color-button-primary-text-disabled);
}
.button--disabled .button__element:focus-visible:before {
  pointer-events: none;
  content: none;
}
.button--secondary .button__element {
  border-color: var(--comp-color-button-secondary-surface-default);
  background: var(--comp-color-button-secondary-surface-default);
  color: var(--comp-color-button-secondary-text-default);
}
.button--secondary .button__element:hover {
  border-color: var(--comp-color-button-secondary-surface-hover);
  background: var(--comp-color-button-secondary-surface-hover);
  color: var(--comp-color-button-secondary-text-hover);
}
.button--secondary .button__element:active {
  border-color: var(--comp-color-button-secondary-surface-active);
  background: var(--comp-color-button-secondary-surface-active);
  color: var(--comp-color-button-secondary-text-active);
}
.button--secondary .button__element:focus-visible {
  border-color: var(--comp-color-button-secondary-surface-focus);
  background: var(--comp-color-button-secondary-surface-focus);
  color: var(--comp-color-button-secondary-text-focus);
}
.button--secondary .button__element:focus-visible:before {
  border: var(--brand-border-width-focus) solid
    var(--brand-color-focus-on-bold-bg);
}
.button--secondary.button--disabled .button__element {
  border-color: var(--comp-color-button-secondary-surface-disabled);
  background: var(--comp-color-button-secondary-surface-disabled);
  color: var(--comp-color-button-secondary-text-disabled);
}
.button--special .button__element {
  border-color: var(--comp-color-button-special-surface-default);
  background: var(--comp-color-button-special-surface-default);
  color: var(--comp-color-button-special-text-default);
}
.button--special .button__element:hover {
  border-color: var(--comp-color-button-special-surface-hover);
  background: var(--comp-color-button-special-surface-hover);
  color: var(--comp-color-button-special-text-hover);
}
.button--special .button__element:active {
  border-color: var(--comp-color-button-special-surface-active);
  background: var(--comp-color-button-special-surface-active);
  color: var(--comp-color-button-special-text-active);
}
.button--special .button__element:focus-visible {
  border-color: var(--comp-color-button-special-surface-focus);
  background: var(--comp-color-button-special-surface-focus);
  color: var(--comp-color-button-special-text-focus);
}
.button--special .button__element:focus-visible:before {
  border: var(--brand-border-width-focus) solid
    var(--brand-color-focus-standard);
}
.button--special.button--disabled .button__element {
  border-color: var(--comp-color-button-special-surface-disabled);
  background: var(--comp-color-button-special-surface-disabled);
  color: var(--comp-color-button-special-text-disabled);
}
.button--tertiary .button__element {
  border-color: var(--comp-color-button-tertiary-surface-default);
  background: var(--comp-color-button-tertiary-surface-default);
  color: var(--comp-color-button-tertiary-text-default);
}
.button--tertiary .button__element:hover {
  border-color: var(--comp-color-button-tertiary-surface-hover);
  background: var(--comp-color-button-tertiary-surface-hover);
  color: var(--comp-color-button-tertiary-text-hover);
}
.button--tertiary .button__element:active {
  border-color: var(--comp-color-button-tertiary-surface-active);
  background: var(--comp-color-button-tertiary-surface-active);
  color: var(--comp-color-button-tertiary-text-active);
}
.button--tertiary .button__element:focus-visible {
  border-color: var(--comp-color-button-tertiary-surface-focus);
  background: var(--comp-color-button-tertiary-surface-focus);
  color: var(--comp-color-button-tertiary-text-focus);
}
.button--tertiary .button__element:focus-visible:before {
  border: var(--brand-border-width-focus) solid
    var(--brand-color-focus-standard);
}
.button--tertiary.button--disabled .button__element {
  border-color: var(--comp-color-button-tertiary-surface-disabled);
  background: var(--comp-color-button-tertiary-surface-disabled);
  color: var(--comp-color-button-tertiary-text-disabled);
}
.button--small .button__element {
  padding: 12px 16px;
}
.button--onlyIcon .button__element {
  padding: 18px;
}
.button--onlyIcon.button--small .button__element {
  padding: 8px;
}
.buttonShare__menu .button__element {
  width: 100%;
}
.button__icon {
  font-size: 16px;
}
.button--small .button__icon {
  font-size: 14px;
}
.button--onlyIcon .button__icon {
  font-size: 16px;
  padding-left: 0;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.checkbox {
  display: block;
  position: relative;
}
.checkbox.checkbox--disabled {
  pointer-events: none;
}
.checkbox.checkbox--disabled .checkbox__label,
.checkbox.checkbox--disabled .checkbox__legend {
  color: var(--brand-color-text-standard-disabled);
}
.checkbox.checkbox--disabled .checkbox__custom {
  border: var(--brand-border-width-regular) solid
    var(--brand-color-text-standard-disabled);
}
.checkbox.checkbox--disabled .checkbox__input {
  pointer-events: none;
}
.checkbox__group {
  display: flex;
}
.checkbox__group.checkbox__group--row {
  flex-direction: row;
}
.checkbox__group.checkbox__group--column {
  flex-direction: column;
}
.checkbox__legend {
  margin-bottom: 4px;
}
.checkbox__option {
  display: flex;
  align-items: center;
  position: relative;
}
.checkbox__input {
  cursor: pointer;
  -webkit-appearance: none;
}
.checkbox__input:checked ~ .checkbox__custom:before {
  transform: translate(-50%, -50%) scale(2) !important;
}
.checkbox__input:checked ~ .checkbox__custom .checkbox__icon {
  opacity: 1;
  z-index: 1;
}
.checkbox__input:focus-visible ~ .checkbox__label {
  border: var(--brand-border-width-focus) solid
    var(--brand-color-focus-standard);
}
.checkbox__input:focus-visible ~ .checkbox__custom:before {
  background-color: var(--brand-color-surface-shape-active);
}
.checkbox__label {
  cursor: pointer;
  display: block;
  position: relative;
  padding: 4px 4px 4px 42px;
  border: var(--brand-border-width-regular) solid transparent;
  border-radius: var(--brand-border-radius-xs);
}
.checkbox__label:hover ~ .checkbox__custom:before {
  transform: translate(-50%, -50%) scale(1);
}
.checkbox__custom {
  cursor: pointer;
  pointer-events: none;
  width: 28px;
  height: 28px;
  position: absolute;
  left: 4px;
  background-color: var(--brand-color-surface-section-base);
  border: var(--brand-border-width-regular) solid var(--brand-color-border-bold);
  border-radius: var(--brand-border-radius-xs);
}
.checkbox--error .checkbox__custom {
  border: var(--brand-border-width-regular) solid
    var(--brand-color-system-error-shape);
}
.checkbox__custom:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transform-origin: 50% 50%;
  background-color: var(--brand-color-surface-shape-active);
  border-radius: var(--brand-border-radius-xxs);
  width: 10px;
  height: 10px;
  transition: var(--t-transition);
  z-index: 1;
}
.checkbox__icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: var(--t-transition);
  opacity: 0;
  font-size: 0.75rem;
  color: var(--brand-color-surface-icon-base);
}
.checkbox__error {
  color: var(--brand-color-system-error-text);
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.sr-only {
  position: absolute;
  top: -2000em;
  left: -3000em;
}
.datepicker {
  margin-top: 1em;
  position: relative;
}
.datepicker__group {
  display: flex;
  position: relative;
  justify-content: space-between;
  background-color: var(--brand-color-surface-container-standard);
  color: var(--comp-color-input-text-input-text-active);
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-regular) solid transparent;
}
.datepicker__input {
  display: flex;
  flex: 1;
  align-items: center;
  text-align: left;
  white-space: nowrap;
  height: 40px;
  padding: 4px 60px 4px 20px;
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-regular) solid transparent;
}
@media (min-width: 768px) {
  .datepicker__input {
    height: 60px;
    padding: 16px 60px 16px 20px;
  }
}
.datepicker__input:focus-visible {
  border: var(--brand-border-width-focus) solid
    var(--brand-color-focus-standard);
  outline: none;
}
.datepicker__icon {
  padding-right: 20px;
  font-size: 20px;
  border: var(--brand-border-width-regular) solid transparent;
  padding-left: 20px;
  border-radius: var(--brand-border-radius-xs);
  cursor: pointer;
}
.datepicker__icon:focus,
.datepicker__icon:focus-visible {
  border: var(--brand-border-width-focus) solid
    var(--brand-color-focus-standard);
  outline: none;
}
.datepicker__icon:hover {
  color: var(--brand-color-surface-icon-brand);
}
.datepicker__dialog {
  position: absolute;
  border-radius: var(--brand-border-radius-none) var(--brand-border-radius-none)
    var(--brand-border-radius-xs) var(--brand-border-radius-xs);
  padding: 0;
  background-color: var(--brand-color-surface-container-standard);
  border-top: var(--brand-border-width-regular) solid
    var(--comp-color-input-border-active);
  width: 100%;
  display: none;
}
.datepicker__dialogHeader {
  cursor: default;
  padding: 10px 20px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  text-align: center;
}
.datepicker__label {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  color: var(--comp-color-input-text-label-default);
  gap: 8px;
}
.datepicker--error .datepicker__label,
.datepicker--disabled .datepicker__label {
  color: var(--comp-color-input-text-label-error);
}
.datepicker__dialogIcon {
  font-size: 11px;
  width: 25px;
  cursor: pointer;
  border: var(--brand-border-width-regular) solid transparent;
}
.datepicker__dialogIcon:hover {
  border: var(--brand-border-width-regular) solid
    var(--comp-color-input-border-active);
}
.datepicker__dialogIcon:focus,
.datepicker__dialogIcon:focus-visible {
  border: var(--brand-border-width-focus) solid
    var(--brand-color-focus-standard);
  border-radius: var(--brand-border-radius-xs);
  outline: none;
}
.datepicker__dialogButtons {
  text-align: right;
  padding: 12px 18px 18px;
  display: flex;
  justify-content: right;
  gap: 10px;
}
.datepicker__dialog .dialog-button:focus {
  padding: 4px;
  border: var(--brand-border-width-focus) solid
    var(--brand-color-focus-standard);
}
.datepicker__dialog .dialog-button:hover {
  padding: 5px;
  border: var(--brand-border-width-regular) solid
    var(--brand-color-focus-standard);
}
.datepicker__table {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 1em;
  border: 0;
  border-collapse: separate;
  width: 100%;
  text-align: center;
}
.datepicker__table th {
  color: var(--brand-color-text-standard-extra-bold);
}
.datepicker__table td {
  color: var(--brand-color-text-standard-text-secondary);
  cursor: pointer;
  padding: 6px 10px;
  position: relative;
  outline: none;
}
.datepicker__table td:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 35px;
  height: 35px;
  border-radius: var(--brand-border-radius-xs);
  transform: translate(-50%, -50%);
  border: var(--brand-border-width-regular) solid transparent;
  z-index: -1;
}
.datepicker__table td:first-child {
  color: var(--brand-color-text-standard-text);
}
.datepicker__table td:hover,
.datepicker__table td:focus-visible {
  color: var(--brand-color-text-standard-text);
}
.datepicker__table td:hover:before,
.datepicker__table td:focus-visible:before {
  border: var(--brand-border-width-regular) solid
    var(--brand-color-border-medium-dark);
}
.datepicker__table td[aria-selected],
.datepicker__table td[tabindex="0"] {
  color: var(--brand-color-text-on-bold-bg-text);
}
.datepicker__table td[aria-selected]:before,
.datepicker__table td[tabindex="0"]:before {
  background-color: var(--brand-color-text-standard-text);
}
.datepicker__dialogMonth {
  flex: 1;
}
.dialog-message {
  display: none;
}
.datepicker__error {
  color: var(--comp-color-input-icon-content-error);
  display: none;
  position: absolute;
}
.datepicker__error.show {
  display: block;
}
.datepicker__dialogMessage {
  display: none;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.accordion {
  display: block;
  position: relative;
  width: 100%;
}
.disclosure__group {
  border-top: var(--brand-border-width-regular) solid
    var(--brand-color-border-medium-dark);
}
.disclosure__head {
  background-color: var(--brand-color-surface-section-base);
  border-bottom: var(--brand-border-width-regular) solid
    var(--brand-color-border-medium-dark);
  cursor: pointer;
}
@media (min-width: 1024px) {
  .disclosure__head {
    border: 0;
  }
}
.bg-color-medium-extralight .disclosure__head {
  background-color: var(--brand-color-surface-section-medium-extralight);
}
.disclosure__head[data-expanded="true"] {
  background-color: var(--brand-color-surface-section-base);
  border-bottom: 0;
}
.disclosure__head[data-expanded="true"] .disclosure__trigger {
  background-color: var(--brand-color-surface-section-base);
}
.bg-color-medium-extralight
  .disclosure__head[data-expanded="true"]
  .disclosure__trigger {
  background-color: var(--brand-color-surface-section-medium-extralight);
}
.disclosure__head[data-expanded="true"] .disclosure__trigger:hover {
  border-color: var(--brand-color-border-medium-dark);
}
.disclosure__head[data-expanded="true"] .disclosure__icon {
  transform: translateY(-50%) rotate(180deg);
}
.disclosure__trigger {
  background-color: none;
  color: #212121;
  display: block;
  padding: 24px 24px 24px 72px;
  position: relative;
  text-align: left;
  width: 100%;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .disclosure__trigger {
    padding: 32px 72px;
    border-bottom: var(--brand-border-width-regular) solid
      var(--brand-color-border-medium-dark);
  }
}
.disclosure__trigger:hover {
  background-color: var(--brand-color-surface-section-bold-extralight);
  border-color: var(--brand-color-border-bold);
}
.disclosure__title {
  display: block;
  color: var(--brand-color-text-standard-text);
}
.disclosure__icon {
  position: absolute;
  width: 20px;
  font-size: 20px;
  left: 24px;
  top: 50%;
  transform: translateY(-50%) rotate(0);
  transform-origin: center;
  transition: var(--t-transition);
}
.disclosure__panel {
  margin: 0;
  padding: 16px 22px 24px;
  border-top-left-radius: var(--brand-border-radius-s);
  border-bottom: var(--brand-border-width-regular) solid
    var(--brand-color-border-medium-dark);
}
@media (min-width: 1024px) {
  .disclosure__panel {
    padding: 16px 74px 32px;
  }
}
.bg-color-medium-extralight .disclosure__panel {
  background-color: var(--brand-color-surface-section-medium-extralight);
}
.disclosure__panel[hidden] {
  display: none;
}
.disclosure__panel a {
  font-weight: 400;
  text-decoration: underline;
  color: inherit;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.header-strip {
  display: block;
  position: relative;
}
.headerStrip__card {
  display: flex;
  align-items: center;
}
.headerStrip__card:hover .headerStrip__cardPar {
  background: var(--comp-color-button-primary-surface-hover);
}
.headerStrip__cardImage {
  flex: 0 0 48%;
  aspect-ratio: 13/10;
}
.headerStrip__cardImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.headerStrip__cardPar {
  flex: 0 0 70%;
  margin-left: -22%;
  padding: 16px;
  background: var(--brand-color-surface-section-base);
  border-radius: var(--brand-border-radius-s);
  box-shadow: 4px 8px 20px 0 var(--brand-color-surface-section-bold-a40);
  color: var(--brand-color-text-standard-text);
  transition: var(--t-transition);
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.input {
  display: block;
  position: relative;
}
.input.input--disabled {
  pointer-events: none;
}
.input__label {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  color: var(--comp-color-input-text-label-default);
}
.input--error .input__label {
  color: var(--comp-color-input-text-label-error);
}
.input--disabled .input__label {
  color: var(--comp-color-input-text-label-disabled);
}
.input__icon {
  font-size: 16px;
  margin-right: 8px;
}
.input__in {
  width: 100%;
  background-color: var(--comp-color-input-surface-default);
  color: var(--comp-color-input-text-input-text-active);
  border-bottom: 0;
  transition: var(--t-transition);
  height: 60px;
  padding: 16px 20px;
}
.input__in:focus-visible {
  outline-color: var(--brand-color-focus-standard);
}
.input__in:active {
  border-bottom: var(--brand-border-width-regular) solid
    var(--comp-color-input-border-focused);
}
.input__in::placeholder {
  color: var(--comp-color-input-text-input-text-default);
}
.input--disabled .input__in::placeholder {
  color: var(--comp-color-input-text-input-text-disabled);
}
.input--small .input__in {
  height: 40px;
  padding: 8px 20px;
}
.input--big .input__in {
  height: 60px;
  padding: 16px 20px;
}
.input--error .input__in {
  background-color: var(--comp-color-input-surface-error);
}
.input--disabled .input__in {
  color: var(--comp-color-input-text-input-text-disabled);
  background-color: var(--comp-color-input-surface-disabled);
}
.input__in[data-value-setted="true"] {
  border-bottom: var(--brand-border-width-regular) solid
    var(--comp-color-input-border-filled);
}
.input--error .input__in[data-value-setted="true"] {
  border-bottom: var(--brand-border-width-regular) solid
    var(--comp-color-input-border-error);
}
.input__error {
  margin-top: 8px;
  color: var(--brand-color-system-error-text);
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.picture {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.picture__img {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.props {
  display: block;
  position: relative;
  width: 100%;
  padding: 0 24px;
  margin-bottom: 16px;
}
.props__title {
  margin-bottom: 16px;
}
.props__list {
  width: fit-content;
  border-radius: var(--brand-border-radius-s);
  background: var(--brand-color-surface-card-medium);
  padding: 8px 16px;
  max-width: 100%;
  width: 100%;
}
.props__item {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.props__itemText {
  color: var(--brand-color-text-standard-text);
  white-space: nowrap;
}
.props__itemText.props__itemText--value {
  overflow: hidden;
  text-overflow: ellipsis;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.radio-checkbox {
  display: block;
  position: relative;
  width: 100%;
}
.radioCheckbox__group {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .radioCheckbox__group {
    justify-content: flex-start;
  }
}
.radioCheckbox__label {
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-regular) solid
    var(--brand-color-border-medium);
  background: var(--comp-color-button-primary-surface-default);
  color: var(--comp-color-button-primary-text-default);
  text-align: center;
  padding: 8px 16px;
  display: block;
  cursor: pointer;
}
.radioCheckbox__label:hover {
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-primary-border-hover);
  background: var(--comp-color-button-primary-surface-hover);
  color: var(--comp-color-button-primary-text-default);
}
.radioCheckbox__input:checked + .radioCheckbox__label {
  border: var(--brand-border-width-focus) solid
    var(--comp-color-button-primary-border-active);
  background: var(--comp-color-button-primary-surface-active);
  color: var(--comp-color-button-primary-text-active);
}
.radioCheckbox__input {
  opacity: 0;
  height: 0;
  width: 0;
}
.radioCheckbox__input:focus-visible + .radioCheckbox__label {
  border-color: var(--comp-color-button-primary-border-focus);
  outline: 2px solid var(--brand-color-focus-standard);
  outline-offset: -5px;
}
.radioCheckbox__option {
  display: flex;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.radiobox {
  display: block;
  position: relative;
}
.radiobox.radiobox--disabled {
  pointer-events: none;
}
.radiobox.radiobox--disabled .radiobox__label,
.radiobox.radiobox--disabled .radiobox__legend {
  color: var(--brand-color-text-standard-disabled);
}
.radiobox.radiobox--disabled .radiobox__custom {
  border: var(--brand-border-width-regular) solid
    var(--brand-color-text-standard-disabled);
}
.radiobox__group {
  display: flex;
}
.radiobox__group.radiobox__group--row {
  flex-direction: row;
}
.radiobox__group.radiobox__group--column {
  flex-direction: column;
}
.radiobox__legend {
  margin-bottom: 4px;
}
.radiobox__option {
  display: flex;
  align-items: center;
  position: relative;
}
.radiobox__input {
  cursor: pointer;
  -webkit-appearance: none;
}
.radiobox__input:checked ~ .radiobox__custom:before {
  transform: translate(-50%, -50%) scale(2) !important;
}
.radiobox__input:focus-visible ~ .radiobox__label {
  border: var(--brand-border-width-focus) solid
    var(--brand-color-focus-standard);
}
.radiobox__input:focus-visible ~ .radiobox__custom:before {
  background-color: var(--brand-color-surface-shape-active);
}
.radiobox__label {
  cursor: pointer;
  display: block;
  position: relative;
  padding: 4px 4px 4px 42px;
  border: var(--brand-border-width-regular) solid transparent;
  border-radius: var(--brand-border-radius-xs);
}
.radiobox__label:hover ~ .radiobox__custom:before {
  transform: translate(-50%, -50%) scale(1);
}
.radiobox__custom {
  cursor: pointer;
  pointer-events: none;
  width: 28px;
  height: 28px;
  position: absolute;
  left: 4px;
  background-color: var(--brand-color-surface-section-base);
  border: var(--brand-border-width-regular) solid var(--brand-color-border-bold);
  border-radius: 100%;
}
.radiobox--error .radiobox__custom {
  border: var(--brand-border-width-regular) solid
    var(--brand-color-system-error-shape);
}
.radiobox__custom:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transform-origin: 50% 50%;
  background-color: var(--brand-color-surface-shape-active);
  border-radius: 100%;
  width: 10px;
  height: 10px;
  transition: var(--t-transition);
  z-index: 1;
}
.radiobox__error {
  color: var(--brand-color-system-error-text);
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.search {
  display: block;
  position: relative;
  background: var(--brand-color-surface-section-base);
}
.search__container {
  position: relative;
}
.search__content {
  position: relative;
  padding-top: 40px;
  padding-bottom: 16px;
}
@media (min-width: 768px) {
  .search__content {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.search__label {
  color: var(--comp-color-input-text-label-default);
}
.search__close {
  position: absolute;
  right: 0;
  top: 12px;
}
@media (min-width: 768px) {
  .search__close {
    top: 8px;
    right: 0;
  }
}
@media (min-width: 1024px) {
  .search__close {
    top: 44px;
    right: 60px;
  }
}
.search__results {
  position: absolute;
  top: calc(100% + 16px);
  left: 0;
  border: var(--brand-border-width-regular) solid
    var(--brand-color-border-brand);
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: var(--t-transition);
  max-height: 175px;
  overflow: auto;
}
@media (min-width: 768px) {
  .search__results {
    top: calc(100% + 40px);
  }
}
.search--showRsults .search__results {
  opacity: 1;
  visibility: visible;
  pointer-events: painted;
}
.search__itemLink {
  color: var(--comp-color-input-text-label-default);
  background: var(--brand-color-surface-section-base);
  transition: background var(--t-timing) var(--t-ease);
  padding: 10px 20px;
  display: block;
}
@media (min-width: 768px) {
  .search__itemLink {
    padding: 10px 16px;
  }
}
.search__itemLink:focus-visible,
.search__itemLink:hover,
.search__itemLink:active {
  background: var(--brand-color-surface-section-medium-light);
}
.search__inputContent {
  display: flex;
  column-gap: 8px;
  width: 100%;
  align-items: center;
}
.search__input {
  flex: 1;
  position: relative;
}
.search__button {
  padding: 8px;
  margin-top: 22px;
  cursor: pointer;
  transition: color var(--t-timing) var(--t-ease);
}
.search__button:hover,
.search__button:active {
  color: var(--brand-color-text-standard-text);
}
.search__button:focus-visible {
  color: var(--brand-color-text-standard-text);
  outline-color: var(--brand-color-focus-standard);
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.select-multi {
  display: block;
  min-width: 13.125rem;
}
.select__listItem {
  transition: none;
  padding: 0;
  cursor: default;
  position: relative;
}
.select__listItem input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.select__listItem input:focus-visible + label {
  background-color: var(--brand-color-surface-section-medium-dark);
}
.select__listItem input:focus-visible + label:after {
  opacity: 1;
  transform: scale(0.8) translateY(-50%);
  transform-origin: 50% 0;
}
.select__listItem input:checked + label:after {
  opacity: 1;
  transform: scale(1) translateY(-50%);
}
.select__listLabel {
  cursor: pointer;
  display: block;
  padding: spacing(s);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 3.25rem;
  padding-bottom: 10px;
  padding-top: 10px;
  position: relative;
}
.select__listLabel:before,
.select__listLabel:after {
  content: "";
  transition: 0.2s;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  border-radius: var(--brand-border-radius-s);
  width: 1.5rem;
  height: 1.5rem;
}
.select__listLabel:before {
  border: var(--brand-border-width-regular) solid var(--brand-color-border-bold);
}
.select__listLabel:after {
  border-radius: var(--brand-border-radius-xs);
  width: 1rem;
  height: 1rem;
  left: 24px;
  top: 50%;
  transform: translateY(-50%) scale(0.3);
  opacity: 0;
  background: var(--brand-color-surface-shape-active);
}
.select__listLabel:hover {
  background-color: var(--brand-color-surface-container-active);
}
.select__listLabel:hover:after {
  opacity: 1;
  transform: scale(0.8) translateY(-50%);
  transform-origin: 50% 0;
}
.select__multiList {
  max-height: 170px;
  overflow: auto;
  margin-right: 30px;
  margin-bottom: 20px;
}
.select__multiList::-webkit-scrollbar {
  height: 3px;
  width: 3px;
}
.select__multiList::-webkit-scrollbar-track {
  border-radius: var(--brand-border-radius-xxs);
  background-color: var(--brand-color-surface-section-medium);
}
.select__multiList::-webkit-scrollbar-track:hover {
  background-color: var(--brand-color-surface-section-medium);
}
.select__multiList::-webkit-scrollbar-track:active {
  background-color: var(--brand-color-surface-section-medium);
}
.select__multiList::-webkit-scrollbar-thumb {
  border-radius: var(--brand-border-radius-xs);
  background-color: var(--brand-color-surface-shape-brand);
}
.select__multiList::-webkit-scrollbar-thumb:hover {
  background-color: var(--brand-color-surface-shape-brand);
}
.select__multiList::-webkit-scrollbar-thumb:active {
  background-color: var(--brand-color-surface-shape-brand);
}
.select__panel {
  display: none;
  background-color: var(--brand-color-surface-container-standard);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-input-border-active);
  border-top: var(--brand-border-width-regular) solid
    var(--brand-color-surface-container-standard);
  border-radius: var(--brand-border-radius-none) var(--brand-border-radius-none)
    var(--brand-border-radius-xs) var(--brand-border-radius-xs);
}
.multi-select.open .select__panel {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
}
.multi-select.open .select__groupInput {
  border-radius: var(--brand-border-radius-xs);
}
.multi-select.open .select__input {
  border-bottom: transparent;
}
.select--disabled .select__input {
  pointer-events: none;
}
.select__panel-controls {
  display: flex;
  justify-content: space-between;
  padding: 14px 20px;
}
.select__panel-reset {
  display: none;
}
.multi-select .select__chevron {
  bottom: auto;
  top: 13px;
  pointer-events: none;
}
@media (min-width: 768px) {
  .multi-select .select__chevron {
    top: 23px;
  }
}
.select__placeholder.hideElement {
  display: none;
}
.select--disabled .select__placeholder {
  color: var(--comp-color-input-text-input-text-disabled);
}
.multi-select .select__placeholder {
  bottom: auto;
  top: 13px;
  transform: translateY(0);
  height: auto;
}
@media (min-width: 768px) {
  .multi-select .select__placeholder {
    top: 23px;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.select {
  display: block;
  position: relative;
  cursor: pointer;
}
.select.select--disabled {
  pointer-events: none;
}
.select__label {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  color: var(--comp-color-input-text-label-default);
}
.select--error .select__label {
  color: var(--comp-color-input-text-label-error);
}
.select--disabled .select__label {
  color: var(--comp-color-input-text-label-disabled);
}
.select__icon {
  margin-right: 8px;
}
.select__chevron {
  position: absolute;
  bottom: 12px;
  right: 20px;
  color: var(--brand-color-surface-icon-bold);
  transition: var(--t-transition);
}
@media (min-width: 768px) {
  .select__chevron {
    bottom: 22px;
  }
}
.open .select__chevron {
  transform: rotate(180deg);
}
.select--disabled .select__chevron {
  color: var(--comp-color-input-icon-content-disabled);
}
.select__groupInput {
  position: relative;
}
.select__placeholder {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  padding: 0 20px;
  background-color: transparent;
  pointer-events: none;
}
.select__input {
  display: flex;
  align-items: center;
  background-color: var(--comp-color-input-surface-default);
  color: var(--comp-color-input-text-input-text-filled);
  border-radius: var(--brand-border-radius-xs);
  text-align: left;
  border: var(--brand-border-width-regular) solid transparent;
  white-space: nowrap;
  height: 40px;
  padding: 4px 60px 4px 20px;
}
@media (min-width: 768px) {
  .select__input {
    height: 60px;
    padding: 16px 60px 16px 20px;
  }
}
.select__input:focus-visible {
  border: var(--brand-border-width-focus) solid
    var(--brand-color-focus-standard);
  outline: none;
}
.open .select__input {
  border-radius: var(--brand-border-radius-xs) var(--brand-border-radius-xs)
    var(--brand-border-radius-none) var(--brand-border-radius-none);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-input-border-active);
}
.select--error .select__input {
  background-color: var(--comp-color-input-surface-error);
}
.select--disabled .select__input {
  color: var(--comp-color-input-text-input-text-disabled);
  background-color: var(--comp-color-input-surface-disabled);
}
.select__input[data-value-setted="true"] {
  border-bottom: var(--brand-border-width-regular) solid
    var(--comp-color-input-border-active);
}
.select--error .select__input[data-value-setted="true"] {
  border-bottom: var(--brand-border-width-regular) solid
    var(--comp-color-input-border-error);
}
.select--disabled .select__input[data-value-setted="true"] {
  border-bottom: 0;
}
.select__menu {
  display: none;
  background-color: var(--brand-color-surface-container-standard);
  color: var(--brand-color-text-standard-text);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-input-border-active);
  border-top: var(--brand-border-width-regular) solid
    var(--brand-color-surface-container-standard);
  border-radius: var(--brand-border-radius-none) var(--brand-border-radius-none)
    var(--brand-border-radius-xs) var(--brand-border-radius-xs);
  max-height: 320px;
  overflow-y: scroll;
  position: absolute;
  left: 0;
  top: calc(100% - 1px);
  width: 100%;
}
.open .select__menu {
  display: block;
}
.select__option {
  padding: 10px 20px;
}
.select__option:hover {
  background-color: var(--brand-color-surface-container-active);
}
.select__option.select__current {
  background-color: var(--brand-color-surface-section-medium-dark);
}
.select__list {
  display: none;
}
.select__error {
  margin-top: 8px;
  color: var(--brand-color-system-error-text);
}
.open .select__error {
  display: none;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.slider-arrows {
  display: block;
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 1px;
  bottom: 16px;
}
@media (min-width: 1024px) {
  .slider-arrows {
    top: 50%;
    transform: translateY(-50%);
  }
}
.slider-arrows .splide__arrow {
  pointer-events: auto;
  border-radius: var(--brand-border-radius-xs);
  opacity: 1;
  transition: var(--t-transition);
  background-color: transparent;
  color: var(--comp-color-button-primary-icon-default);
}
@media (min-width: 1024px) {
  .slider-arrows .splide__arrow {
    border: var(--brand-border-width-regular) solid
      var(--comp-color-button-primary-border-default);
    background-color: var(--comp-color-button-primary-surface-default);
  }
  .slider-arrows .splide__arrow:hover {
    border: var(--brand-border-width-regular) solid
      var(--comp-color-button-primary-border-hover);
    background-color: var(--comp-color-button-primary-surface-hover);
  }
}
.slider-arrows .splide__arrow:hover:not(:disabled) {
  opacity: 1;
}
.slider-arrows .splide__arrow:focus-visible {
  outline: none;
  border-color: var(--comp-color-button-primary-border-focus);
  background: var(--comp-color-button-primary-surface-focus);
  color: var(--comp-color-button-primary-text-focus);
}
.slider-arrows .splide__arrow:focus-visible:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-focus) solid
    var(--brand-color-focus-standard);
}
.slider-arrows .splide__arrow:disabled {
  opacity: 1;
}
@media (min-width: 1024px) {
  .slider-arrows .splide__arrow:disabled {
    border: var(--brand-border-width-regular) solid
      var(--comp-color-button-primary-surface-disabled);
    background-color: var(--comp-color-button-primary-surface-disabled);
  }
}
.slider-arrows .splide__arrow:disabled .splide__arrowIcon {
  opacity: 0.5;
  color: var(--comp-color-button-primary-icon-disabled);
}
@media (min-width: 1024px) {
  .slider-arrows .splide__arrow:disabled .splide__arrowIcon {
    opacity: 0.8;
  }
}
.slider-arrows .splide__arrow--prev {
  left: 0;
}
.slider-arrows .splide__arrow--prev .splide__arrowIcon {
  position: relative;
  right: 1px;
}
.slider-arrows .splide__arrow--next {
  right: 0;
}
.slider-arrows .splide__arrow--next .splide__arrowIcon {
  position: relative;
  left: 1px;
}
.slider-arrows .splide__arrowIcon {
  padding: 8px;
  transition: var(--t-transition);
  font-size: 14px;
}
.slider-arrows.sliderArrows--blue .splide__arrowIcon {
  color: var(--comp-color-button-primary-icon-default);
}
.slider-arrows.sliderArrows--white .splide__arrowIcon {
  color: var(--brand-color-text-on-bold-bg-text);
}
@media (min-width: 1024px) {
  .slider-arrows.sliderArrows--white .splide__arrowIcon {
    color: var(--comp-color-button-primary-icon-default);
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.slider-pagination {
  display: block;
  position: absolute;
  bottom: 12px;
  width: calc(100% - 60px);
  left: 30px;
}
@media (min-width: 1024px) {
  .slider-pagination {
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
.slider-pagination .splide__pagination {
  padding: 0;
  position: relative;
  bottom: 0;
  gap: 8px;
}
.slider-pagination .splide__pagination .splide__pagination__page {
  width: 40px;
  margin: 0;
  height: 24px;
  background: transparent;
  transform: scale(1);
  opacity: 1;
  border-radius: var(--brand-border-radius-none);
}
@media (min-width: 1024px) {
  .slider-pagination .splide__pagination .splide__pagination__page {
    width: 48px;
  }
}
.slider-pagination .splide__pagination .splide__pagination__page.is-active {
  pointer-events: none;
}
.slider-pagination
  .splide__pagination
  .splide__pagination__page.is-active:before {
  background-color: var(--comp-color-steps-shape-on-bold-bg-selected);
}
.slider-pagination .splide__pagination .splide__pagination__page:before {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  height: 8px;
  left: 0;
  width: 100%;
  border-radius: var(--brand-border-radius-xs);
  transition: var(--t-transition);
  margin: 0;
  background-color: var(--comp-color-steps-shape-on-bold-bg-default);
  pointer-events: none;
}
.slider-pagination.sliderPagination--blue .splide__pagination__page:before {
  background-color: var(--comp-color-steps-shape-standard-default);
}
.slider-pagination.sliderPagination--blue
  .splide__pagination__page:hover:before {
  background-color: var(--comp-color-steps-shape-standard-hover);
}
.slider-pagination.sliderPagination--blue
  .splide__pagination__page.is-active:before {
  background-color: var(--comp-color-steps-shape-standard-selected);
}
.slider-pagination.sliderPagination--white .splide__pagination__page:before {
  background-color: var(--comp-color-steps-shape-on-bold-bg-default);
  opacity: 0.8;
}
.slider-pagination.sliderPagination--white
  .splide__pagination__page:hover:before {
  background-color: var(--comp-color-steps-shape-on-bold-bg-hover);
  opacity: 1;
}
.slider-pagination.sliderPagination--white
  .splide__pagination__page.is-active:before {
  background-color: var(--comp-color-steps-shape-on-bold-bg-selected);
  opacity: 1;
}
@media (max-width: 767px) {
  [data-number-items]:not([data-number-items="1"]):not(
      [data-number-items="2"]
    ):not([data-number-items="3"]):not([data-number-items="4"]):not(
      [data-number-items="5"]
    )
    .splide__pagination {
    gap: 8px;
  }
  [data-number-items]:not([data-number-items="1"]):not(
      [data-number-items="2"]
    ):not([data-number-items="3"]):not([data-number-items="4"]):not(
      [data-number-items="5"]
    )
    .splide__pagination__page {
    width: 20px;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.tab {
  display: flex;
  position: relative;
  justify-content: center;
  flex-direction: column;
}
.tab__tablist {
  display: flex;
  overflow-x: auto;
  padding: 2px;
}
.itgBlock-ItgShareholdersMeetingRecall .tab__tablist {
  justify-content: center;
}
.itgBlock-ItgShareholdersMeetingRecall {
  width: 100%;
}
.tab__singleTab {
  display: inline-block;
  position: relative;
  background-color: var(--comp-color-button-primary-surface-default);
  border-bottom: 4px solid var(--brand-color-surface-shape-medium);
  color: var(--comp-color-button-primary-text-default);
  border-top-left-radius: var(--brand-border-radius-s);
  transition: var(--t-transition);
  cursor: pointer;
}
.tab--special .tab__singleTab {
  border-color: var(--brand-color-surface-shape-special-extralight);
}
.tab__singleTab:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translate(-50%);
  width: 40px;
  height: 4px;
  background-color: var(--brand-color-surface-shape-bold);
  transition: var(--t-transition);
  opacity: 0;
}
.tab--special .tab__singleTab:after {
  background-color: var(--brand-color-surface-shape-special);
}
.tab__singleTab:last-child {
  margin-right: 0;
}
.tab__singleTab:hover,
.tab--special .tab__singleTab:hover {
  background-color: var(--comp-color-button-primary-surface-hover);
}
.tab__singleTab:hover:after {
  opacity: 1;
}
.tab__singleTab[aria-selected="true"] {
  background-color: var(--comp-color-button-primary-surface-active);
  border-color: var(--brand-color-surface-shape-medium-dark);
}
.tab--special .tab__singleTab[aria-selected="true"] {
  background-color: var(--brand-color-surface-section-light);
  border-color: var(--brand-color-surface-shape-special);
}
.tab__singleTab[aria-selected="false"] {
  border-bottom: 4px solid var(--brand-color-surface-shape-medium);
}
.tab--special .tab__singleTab[aria-selected="false"] {
  border-color: var(--brand-color-surface-shape-special-extralight);
}
.tab__singleTab.tab__singleTab--current {
  background-color: var(--comp-color-button-primary-surface-active);
}
.tab--special .tab__singleTab.tab__singleTab--current {
  background-color: var(--brand-color-surface-section-light);
}
.tab__singleTab:focus-visible {
  background-color: var(--comp-color-button-primary-surface-focus);
  outline: 2px solid var(--brand-color-focus-standard);
  outline-offset: -3px;
}
.tab__singleTab.tab__singleTab--disabled {
  pointer-events: none;
  border-color: var(--brand-color-surface-shape-disabled);
  background-color: var(--brand-color-surface-section-base);
  color: var(--comp-color-button-primary-text-disabled);
}
.tab__label {
  display: inline-block;
  position: relative;
  padding: 20px 32px;
  border: var(--brand-border-width-regular) solid transparent;
  border-top-left-radius: var(--brand-border-radius-s);
  text-wrap: nowrap;
}
.tab__tabpanel {
  margin-top: 2px;
  padding: 12px;
  background-color: var(--brand-color-surface-section-base);
  width: 100%;
  min-height: 200px;
  overflow: auto;
}
.tab__tabpanel.tab__tabpanel--hidden {
  display: none;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.tag {
  display: block;
  position: relative;
  padding: 6px 14px;
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-regular) solid;
  width: fit-content;
  border-color: var(--brand-color-surface-section-bold);
  color: var(--brand-color-text-on-bold-bg-text);
  transition: var(--t-transition);
}
.tag:focus-visible {
  outline: none;
}
.tag:focus-visible:before {
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: var(--brand-border-radius-xs);
}
.tag.tag--blue {
  background-color: var(--brand-color-surface-section-bold);
  border-color: var(--brand-color-surface-section-bold);
  color: var(--brand-color-text-on-bold-bg-text);
}
.tag.tag--blue:hover {
  background-color: var(--comp-color-button-secondary-surface-hover);
  border-color: var(--comp-color-button-secondary-surface-hover);
  color: var(--comp-color-button-secondary-text-hover);
}
.tag.tag--blue:focus-visible:before {
  border: var(--brand-border-width-focus) solid
    var(--brand-color-focus-on-bold-bg);
}
.tag.tag--blue.tag--disabled {
  pointer-events: none;
  color: var(--comp-color-button-secondary-text-disabled);
  border-color: var(--comp-color-button-secondary-surface-disabled);
  background-color: var(--comp-color-button-secondary-surface-disabled);
}
.tag.tag--white {
  background-color: var(--brand-color-text-on-bold-bg-text);
  border-color: var(--comp-color-button-primary-border-default);
  color: var(--brand-color-text-standard-text);
}
.tag.tag--white:hover {
  background-color: var(--comp-color-button-primary-surface-hover);
  border-color: var(--comp-color-button-primary-border-hover);
  color: var(--comp-color-button-primary-text-hover);
}
.tag.tag--white:focus-visible:before {
  border: var(--brand-border-width-focus) solid
    var(--brand-color-focus-standard);
}
.tag.tag--white.tag--disabled {
  pointer-events: none;
  color: var(--comp-color-button-primary-text-disabled);
  border-color: var(--comp-color-button-primary-border-disabled);
  background-color: var(--comp-color-button-primary-surface-disabled);
}
.tag--blue .tag__label {
  color: var(--brand-color-text-on-bold-bg-text);
}
.tag--white .tag__label {
  color: var(--brand-color-text-standard-text);
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.bypass-block {
  position: fixed;
  top: 2px;
  left: 2px;
  pointer-events: none;
  translate: 0 -100%;
  opacity: 0;
  transition: translate var(--t-timing) var(--t-ease);
  display: none;
}
.bypass-block.bypassBlock--visible {
  display: block;
  translate: 0 0;
  opacity: 1;
  pointer-events: painted;
}
@media (min-width: 1280px) {
  .bypass-block {
    display: block;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.card-download-press {
  display: block;
  position: relative;
  width: 100%;
  border-radius: var(--brand-border-radius-s);
  overflow: hidden;
}
.cardDownloadPress__container {
  position: relative;
  padding: 40px 44px;
}
@media (min-width: 1024px) {
  .cardDownloadPress__container {
    padding: 32px 36px;
  }
}
.cardDownloadPress__icon {
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  font-size: 80px;
  color: var(--brand-color-surface-icon-medium-light);
}
@media (min-width: 1024px) {
  .cardDownloadPress__icon {
    font-size: 100px;
  }
}
.cardDownloadPress__title {
  position: relative;
  margin-bottom: 16px;
  color: var(--brand-color-text-standard-text);
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.card-events {
  display: block;
  position: relative;
  border-radius: var(--brand-border-radius-s);
  overflow: hidden;
}
.cardEvents__content {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: var(--brand-color-surface-section-extra-bold-a30);
  padding: 16px;
}
@media (min-width: 1024px) {
  .cardEvents__content {
    padding: 32px;
  }
}
.cardEvents__inner {
  position: relative;
}
.cardEvents__title {
  margin-bottom: 8px;
  color: var(--brand-color-text-on-bold-bg-title);
}
.cardEvents__subtitle {
  margin-bottom: 32px;
  color: var(--brand-color-text-on-bold-bg-text);
  text-transform: uppercase;
}
.cardEvents__subtitle *,
.cardEvents__subtitle a {
  color: var(--brand-color-text-on-bold-bg-text);
}
.cardEvents__cta {
  display: block;
  margin-bottom: 32px;
}
.cardEvents__list {
  display: block;
}
.cardEvents__item {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .cardEvents__item {
    margin-bottom: 52px;
  }
}
.cardEvents__item:last-child {
  margin-bottom: 0;
}
.cardEvents__date {
  display: block;
  text-align: center;
  border: var(--brand-border-width-regular) solid
    var(--brand-color-border-medium-dark);
  border-radius: var(--brand-border-radius-s);
  padding: 8px;
  height: fit-content;
  margin-right: 16px;
}
.cardEvents__day {
  display: block;
  color: var(--brand-color-text-on-bold-bg-text);
}
.cardEvents__monthYear {
  display: flex;
  color: var(--brand-color-text-on-bold-bg-text);
  text-wrap: nowrap;
}
.cardEvents__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-bottom: 4px;
}
.cardEvents__infoHeader {
  display: flex;
}
@media (min-width: 1024px) {
  .cardEvents__infoHeader {
    justify-content: space-between;
  }
}
.cardEvents__separator {
  display: block;
  padding: 0 4px;
  color: var(--brand-color-text-on-bold-bg-text);
}
@media (min-width: 1024px) {
  .cardEvents__separator {
    display: none;
  }
}
.cardEvents__location,
.cardEvents__hour {
  color: var(--brand-color-text-on-bold-bg-text);
}
.cardEvents__description {
  color: var(--brand-color-text-on-bold-bg-medium);
  width: 70%;
}
@media (min-width: 1024px) {
  .cardEvents__description {
    width: 50%;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.cardInfo {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.cardInfo__image {
  display: block;
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .cardInfo__image {
    margin-bottom: 24px;
  }
}
.cardInfo__image.cardInfo__image--picture {
  aspect-ratio: 1.48;
}
.cardInfo__image.cardInfo__image--avatar {
  display: flex;
}
.cardInfo__image.cardInfo__image--avatar .picture__el {
  display: flex;
  justify-content: center;
}
.cardInfo__image.cardInfo__image--avatar .picture__img {
  width: 120px;
  height: 120px;
  border-radius: 100%;
}
.cardInfo__image.cardInfo__image--icon {
  display: flex;
  justify-content: center;
  font-size: 80px;
  color: var(--brand-color-surface-icon-medium-dark);
}
.cardInfo__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.cardInfo__button {
  display: flex;
}
.cardInfo__button.button-left {
  justify-content: flex-start;
}
.cardInfo__button.button-center {
  justify-content: center;
}
.cardInfo__title {
  color: var(--brand-color-text-standard-title);
}
.cardInfo__par {
  color: var(--brand-color-text-standard-text);
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.card-long {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .card-long {
    display: flex;
    min-height: 190px;
  }
}
.carLong__image {
  flex: 0 0 190px;
  overflow: hidden;
  border-radius: var(--brand-border-radius-s) var(--brand-border-radius-s)
    var(--brand-border-radius-none) var(--brand-border-radius-none);
  aspect-ratio: 1/1;
}
@media (min-width: 768px) {
  .carLong__image {
    border-radius: var(--brand-border-radius-s) var(--brand-border-radius-none)
      var(--brand-border-radius-none) var(--brand-border-radius-s);
  }
}
.cardLong__content {
  flex: 0 0 calc(100% - 190px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  color: var(--brand-color-text-standard-text);
  background: var(--brand-color-surface-card-base);
  padding: 32px 16px;
  border-radius: var(--brand-border-radius-none) var(--brand-border-radius-none)
    var(--brand-border-radius-s) var(--brand-border-radius-s);
}
@media (min-width: 768px) {
  .cardLong__content {
    padding: 22px 32px;
    border-radius: var(--brand-border-radius-none) var(--brand-border-radius-s)
      var(--brand-border-radius-s) var(--brand-border-radius-none);
  }
}
.cardLong__button {
  display: block;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.card-media {
  display: block;
  position: relative;
  width: 100%;
  border-radius: var(--brand-border-radius-s);
}
.card-media.cardMedia--horizontal .picture__img {
  height: auto;
}
@media (min-width: 1440px) {
  .card-media.cardMedia--horizontal .picture__img {
    position: absolute;
    height: 100%;
  }
}
.card-media.cardMedia--vertical .picture__img {
  height: 100%;
}
@media (min-width: 768px) {
  .card-media.cardMedia--landscape .picture__img {
    height: 100%;
  }
}
.cardMedia__container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) and (min-width: 1440px) {
  .cardMedia--horizontal .cardMedia__container {
    flex-direction: row;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .cardMedia--landscape .cardMedia__container {
    flex-direction: row;
  }
}
.cardMedia__picture {
  display: block;
  overflow: hidden;
  border-radius: var(--brand-border-radius-s);
  border-bottom-left-radius: var(--brand-border-radius-none);
  border-bottom-right-radius: var(--brand-border-radius-none);
}
.cardMedia--podcast .cardMedia__picture {
  display: none;
}
.cardMedia--podcast.cardMedia--landscape .cardMedia__picture {
  display: block;
  border-radius: var(--brand-border-radius-s);
  border-bottom-left-radius: var(--brand-border-radius-none);
  border-bottom-right-radius: var(--brand-border-radius-none);
}
@media (min-width: 768px) {
  .cardMedia--podcast.cardMedia--landscape .cardMedia__picture {
    width: 120px;
    aspect-ratio: 1;
    border-radius: var(--brand-border-radius-s);
    border-top-right-radius: var(--brand-border-radius-none);
    border-bottom-right-radius: var(--brand-border-radius-none);
  }
}
.cardMedia--vertical .cardMedia__picture {
  aspect-ratio: 1.48;
}
.cardMedia--vertical .cardMedia__picture .picture__el {
  display: block;
  height: 100%;
}
@media (min-width: 1440px) {
  .cardMedia--horizontal .cardMedia__picture {
    border-radius: var(--brand-border-radius-s);
    border-top-right-radius: var(--brand-border-radius-none);
    border-bottom-right-radius: var(--brand-border-radius-none);
  }
}
.cardMedia__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  flex: 1;
  padding: 24px;
  background-color: var(--brand-color-surface-card-bold-extralight);
}
@media (min-width: 768px) {
  .cardMedia__info {
    padding: 16px;
  }
}
@media (min-width: 1024px) {
  .cardMedia__info {
    padding: 32px;
  }
}
.cardMedia--podcast .cardMedia__info {
  padding: 24px;
}
@media (min-width: 768px) {
  .cardMedia--podcast.cardMedia--landscape .cardMedia__info {
    flex-direction: row;
    align-items: center;
    gap: 32px;
  }
}
@media (min-width: 768px) {
  .cardMedia--landscape .cardMedia__info {
    gap: 32px;
  }
}
@media (min-width: 768px) {
  .cardMedia--podcast.cardMedia--landscape .cardMedia__head {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 32px;
  }
}
.cardMedia__category {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
}
.cardMedia--landscape .cardMedia__category {
  margin-bottom: 0;
}
.cardMedia__icon {
  padding: 8px;
  border-radius: 100%;
  font-size: 20px;
  margin-right: 8px;
}
.cardMedia--images .cardMedia__icon {
  background-color: var(--brand-color-surface-media-gallery);
}
.cardMedia--video .cardMedia__icon {
  background-color: var(--brand-color-surface-media-video);
}
.cardMedia--podcast .cardMedia__icon {
  background-color: var(--brand-color-surface-media-podcast);
}
.cardMedia--mix .cardMedia__icon {
  background-color: var(--brand-color-surface-media-mix);
}
.cardMedia__categoryText {
  color: var(--brand-color-text-standard-text);
}
.cardMedia__title {
  margin-bottom: 8px;
  font-size: calc(
    var(--typography-title-heading-5-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  color: var(--brand-color-text-standard-text);
}
@media (min-width: 768px) {
  .cardMedia__title {
    font-size: calc(
      var(--typography-body-body-2-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
@media (min-width: 1024px) {
  .cardMedia__title {
    font-size: calc(
      var(--typography-title-heading-5-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
.cardMedia--podcast .cardMedia__title {
  font-size: calc(
    var(--typography-title-heading-5-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
}
@media (min-width: 768px) {
  .cardMedia--podcast .cardMedia__title {
    font-size: calc(
      var(--typography-body-body-2-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
@media (min-width: 1024px) {
  .cardMedia--podcast .cardMedia__title {
    font-size: calc(
      var(--typography-title-heading-5-fontSize-mobile) /
        var(--text-base-size) * 1rem
    );
  }
}
@media (min-width: 768px) {
  .cardMedia--landscape .cardMedia__title {
    margin-bottom: 0;
  }
}
.cardMedia__data {
  margin-bottom: 8px;
  color: var(--brand-color-text-standard-text);
}
@media (min-width: 768px) {
  .cardMedia--landscape .cardMedia__data {
    margin-bottom: 0;
  }
}
.cardMedia__tags {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}
.cardMedia--podcast .cardMedia__tags {
  display: none;
}
@media (min-width: 768px) {
  .cardMedia--landscape .cardMedia__tags {
    margin-bottom: 0;
  }
}
.cardMedia__tag {
  padding: 6px 8px;
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-regular) solid
    var(--brand-color-border-medium);
}
.cardMedia__tagText {
  color: var(--brand-color-text-standard-text);
}
.cardMedia__ctas {
  display: flex;
}
.cardMedia--share .cardMedia__button {
  margin-right: 8px;
}
.cardMedia__share {
  display: block;
}
.cardMedia__share .buttonShare__element {
  background-color: var(--comp-color-button-primary-surface-default);
}
.cardMedia__share .buttonShare__element:hover {
  border-color: var(--comp-color-button-primary-border-hover);
  background: var(--comp-color-button-primary-surface-hover);
  color: var(--comp-color-button-primary-text-hover);
}
.cardMedia__iconPodcast {
  display: block;
  font-size: 100px;
  color: var(--brand-color-surface-icon-medium);
  position: absolute;
  top: auto;
  left: auto;
  transform: translate(0);
  bottom: 8px;
  right: 8px;
}
@media (min-width: 768px) {
  .cardMedia__iconPodcast {
    font-size: 80px;
  }
}
@media (min-width: 1024px) {
  .cardMedia__iconPodcast {
    font-size: 60px;
    bottom: 16px;
    right: 16px;
  }
}
.cardMedia--landscape .cardMedia__iconPodcast {
  display: none;
}
.cardMedia__galleryMedia {
  display: none;
  position: fixed;
}
.cardMedia__galleryMedia.cardMedia__galleryMedia--visible {
  display: block;
}
.cardMedia__podcast {
  display: none;
}
.cardMedia__podcast.cardMedia__podcast--visible {
  display: block;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.card-news {
  display: block;
  position: relative;
  width: 100%;
  border-radius: var(--brand-border-radius-s);
  overflow: hidden;
}
.cardNews__container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .cardNews__container {
    flex-direction: row;
  }
}
.cardNews__head {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 24px;
}
@media (min-width: 1024px) {
  .cardNews__head {
    width: 160px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 32px 24px;
  }
}
.cardNews--sky .cardNews__head {
  background-color: var(--brand-color-surface-card-medium-dark);
}
.cardNews--blue .cardNews__head {
  background-color: var(--brand-color-surface-card-bold);
}
.cardNews__icon {
  position: absolute;
  height: fit-content;
  color: var(--brand-color-surface-icon-medium);
  opacity: 0.2;
  bottom: -6.66%;
  left: -6.66%;
  font-size: 90px;
}
@media (min-width: 1024px) {
  .cardNews__icon {
    top: 50%;
    transform: translateY(-50%) rotate(-10deg);
    font-size: 120px;
    left: -25%;
  }
  .cardNews__icon.icon-news {
    font-size: 110px;
  }
}
.cardNews__type {
  display: block;
  text-transform: uppercase;
  color: var(--brand-color-text-on-bold-bg-text);
  margin-bottom: 8px;
}
.cardNews--sky .cardNews__type {
  color: var(--brand-color-text-standard-text);
}
@media (min-width: 1024px) {
  .cardNews__type {
    margin-bottom: 0;
    margin-top: 20px;
  }
}
.cardNews__when {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1024px) {
  .cardNews__when {
    flex-direction: column;
    justify-content: center;
  }
}
.cardNews__date {
  display: block;
  text-transform: uppercase;
  color: var(--brand-color-text-on-bold-bg-text);
  margin-right: 16px;
}
.cardNews--sky .cardNews__date {
  color: var(--brand-color-text-standard-text);
}
@media (min-width: 1024px) {
  .cardNews__date {
    margin-right: 0;
  }
}
.cardNews__hour {
  display: block;
  text-transform: uppercase;
  color: var(--brand-color-text-on-bold-bg-text);
}
.cardNews--sky .cardNews__hour {
  color: var(--brand-color-text-standard-text);
}
.cardNews__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px 24px 32px;
  width: 100%;
  background-color: var(--brand-color-surface-card-base);
}
@media (min-width: 1024px) {
  .cardNews__body {
    padding: 40px 32px 32px;
    width: calc(100% - 160px);
  }
}
.cardNews__info {
  display: block;
}
.cardNews__title {
  display: block;
  margin-bottom: 16px;
  color: var(--brand-color-text-standard-text);
}
@media (min-width: 1024px) {
  .cardNews__title {
    overflow: hidden;
  }
}
.cardNews__text {
  display: block;
  margin-bottom: 36px;
  color: var(--brand-color-text-standard-text);
}
@media (min-width: 1024px) {
  .cardNews__text {
    overflow: hidden;
  }
}
.cardNews__button {
  display: block;
}
.cardNews__priceSensitive {
  color: var(--brand-color-text-on-bold-bg-accent);
  margin-bottom: 12px;
  text-transform: none;
}
.cardNews__category {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.card-number {
  display: block;
  position: relative;
  width: 100%;
  background: var(--brand-color-gradient-brand-45);
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 6px;
  color: var(--brand-color-text-on-bold-bg-text);
  border-radius: var(--brand-border-radius-s);
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.card-project {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}
.cardProject__header {
  aspect-ratio: 293/198;
  position: relative;
  border-radius: var(--brand-border-radius-s) var(--brand-border-radius-s)
    var(--brand-border-radius-none) var(--brand-border-radius-none);
  overflow: hidden;
}
.cardProject__img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.cardProject__tags {
  position: absolute;
  top: 16px;
  left: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.cardProject__content {
  padding: 40px 24px;
  background: var(--brand-color-surface-card-bold-extralight);
  border-radius: var(--brand-border-radius-none) var(--brand-border-radius-none)
    var(--brand-border-radius-s) var(--brand-border-radius-s);
  flex: 1;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1280px) {
  .cardProject__content {
    padding: 40px 16px;
  }
}
@media (min-width: 1440px) {
  .cardProject__content {
    padding: 32px 32px 40px;
  }
}
.cardProject__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--brand-color-text-standard-text);
}
.cardProject__date,
.cardProject__par {
  margin-top: var(--s-base-4);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--brand-color-text-standard-text);
}
@media (min-width: 768px) {
  .cardProject__date,
  .cardProject__par {
    margin-top: var(--s-base-5);
  }
}
.cardProject__action {
  margin-top: var(--s-base-8);
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (min-width: 768px) {
  .cardProject__action {
    margin-top: var(--s-base-10);
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.card-simple {
  display: flex;
  padding: 40px 16px;
  position: relative;
  border-radius: var(--brand-border-radius-s);
  overflow: hidden;
}
.grid-cards .card-simple {
  padding: 36px 16px;
}
@media (min-width: 1024px) {
  .card-simple {
    padding: 76px 32px;
  }
  .grid-cards .card-simple {
    padding: 36px 32px;
  }
}
.card-simple.bg-color-bold,
.card-simple.bg-color-np-bold,
.card-simple.bg-color-gradient-45,
.card-simple.bg-color-np-gradient-45 {
  color: var(--brand-color-text-on-bold-bg-text);
}
.card-simple.bg-color-medium-extralight,
.card-simple.bg-color-np-medium-extralight,
.card-simple.bg-color-medium,
.card-simple.bg-color-np-medium,
.card-simple.bg-color-light,
.card-simple.bg-color-np-light,
.card-simple.bg-color-medium-dark,
.card-simple.bg-color-np-medium-dark,
.card-simple.bg-color-base,
.card-simple.bg-color-np-base,
.card-simple.bg-color-bold-extralight,
.card-simple.bg-color-np-bold-extralight {
  color: var(--brand-color-text-standard-text);
}
.cardSimple__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}
.cardSimple__par {
  margin-top: 24px;
  flex: 1;
}
.cardSimple__cta {
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}
.cardSimple__cta.cardSimple__cta--second {
  margin-top: 8px;
}
.cardSimple__icon {
  position: absolute;
  bottom: 0;
  left: -30px;
  font-size: 140px;
  opacity: 0.4;
  pointer-events: none;
}
.bg-color-bold .cardSimple__icon,
.bg-color-np-bold .cardSimple__icon,
.bg-color-medium-extralight .cardSimple__icon,
.bg-color-np-medium-extralight .cardSimple__icon,
.bg-color-medium-dark .cardSimple__icon,
.bg-color-np-medium-dark .cardSimple__icon,
.bg-color-base .cardSimple__icon,
.bg-color-np-base .cardSimple__icon,
.bg-color-bold-extralight .cardSimple__icon,
.bg-color-np-bold-extralight .cardSimple__icon,
.bg-color-gradient-45 .cardSimple__icon,
.bg-color-np-gradient-45 .cardSimple__icon,
.bg-color-light .cardSimple__icon,
.bg-color-np-light .cardSimple__icon {
  color: var(--brand-color-surface-icon-medium);
  opacity: 1;
}
.bg-color-medium .cardSimple__icon,
.bg-color-np-medium .cardSimple__icon {
  color: var(--brand-color-surface-icon-medium-dark);
  opacity: 0.5;
}
.bg-color-bold .cardSimple__icon,
.bg-color-np-bold .cardSimple__icon,
.bg-color-np-gradient-45 .cardSimple__icon,
.bg-color-gradient-45 .cardSimple__icon {
  opacity: 0.2;
}
.bg-color-light .cardSimple__icon,
.bg-color-medium-dark .cardSimple__icon,
.bg-color-np-medium-dark .cardSimple__icon {
  opacity: 0.5;
}
.cardSimple--iconGreen .cardSimple__icon {
  color: var(--brand-color-surface-icon-special-extralight);
  opacity: 1;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.card-step {
  display: block;
  position: relative;
  width: 100%;
  border-radius: var(--brand-border-radius-s);
  overflow: hidden;
}
.cardStep__container {
  display: block;
  position: relative;
}
.cardStep__image {
  aspect-ratio: 1.48;
  display: flex;
  flex-direction: column;
}
.cardStep__info {
  display: block;
  position: relative;
  padding: 32px 32px 20px;
  background-color: var(--brand-color-surface-card-bold-extralight);
}
@media (min-width: 1024px) {
  .cardStep__info {
    padding: 32px;
  }
}
.cardStep__title {
  display: block;
  position: relative;
  margin-bottom: 40px;
  min-height: 128px;
  color: var(--brand-color-text-standard-text);
}
@media (min-width: 1024px) {
  .cardStep__title {
    margin-bottom: 60px;
    min-height: 96px;
  }
}
.cardStep__number {
  color: var(--brand-color-text-standard-text);
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.card-story {
  display: block;
  position: relative;
  width: 100%;
  border-radius: var(--brand-border-radius-s);
  background-color: var(--brand-color-surface-card-bold-extralight);
  overflow: hidden;
}
@media (min-width: 768px) {
  .card-story {
    display: flex;
  }
}
@media (max-width: 767px) {
  .cardStory__image .picture__img,
  .cardStory__image .picture {
    height: auto;
  }
}
@media (min-width: 768px) {
  .cardStory__image {
    min-width: 40%;
    position: relative;
    aspect-ratio: 1;
  }
  .cardStory__image .picture {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
.cardStory__content {
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
@media (min-width: 768px) {
  .cardStory__content {
    justify-content: space-between;
  }
}
.cardStory__title,
.cardStory__par {
  color: var(--brand-color-text-standard-text);
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.cardTI {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .cardTI.cardTI--horizontal {
    display: flex;
  }
  .cardTI.cardTI--horizontal.cardTI--image-left {
    flex-direction: row;
  }
  .cardTI.cardTI--horizontal.cardTI--image-right {
    flex-direction: row-reverse;
  }
}
.cardTI__image {
  margin-bottom: 32px;
  aspect-ratio: 485/329;
}
@media (max-width: 767px) {
  .cardTI__image .picture__img,
  .cardTI__image .picture {
    height: auto;
  }
}
@media (min-width: 768px) {
  .cardTI--image-left .cardTI__image {
    margin-right: 16px;
  }
  .cardTI--image-right .cardTI__image {
    margin-left: 16px;
  }
  .cardTI--horizontal .cardTI__image {
    width: 50%;
    margin-bottom: 0;
  }
  .cardTI--vertical .cardTI__image {
    margin: 0 0 32px;
  }
}
.cardTI__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 768px) {
  .cardTI--image-left .cardTI__content {
    margin-left: 16px;
  }
  .cardTI--image-right .cardTI__content {
    margin-right: 16px;
  }
  .cardTI--horizontal .cardTI__content {
    justify-content: center;
    width: 50%;
    padding: 32px 0;
  }
  .cardTI--vertical .cardTI__content {
    margin: 0;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.card-text {
  display: block;
  position: relative;
  width: 100%;
  border-radius: var(--brand-border-radius-s);
}
.card-text.cardText--horizontal .buttonLink__element {
  white-space: nowrap;
}
.card-text.cardText--center .cardText__icon,
.card-text.cardText--center .cardText__button {
  display: flex;
  justify-content: center;
}
.cardText__content {
  padding: 32px;
}
.cardText--horizontal .cardText__content {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .cardText--horizontal .cardText__content {
    flex-direction: row;
    align-items: center;
  }
}
.cardText__icon {
  color: var(--brand-color-surface-icon-medium-dark);
  font-size: 80px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .cardText__icon {
    margin-bottom: 0;
  }
}
.cardText--illustrative .cardText__icon,
.cardText--vertical .cardText__icon {
  display: none !important;
}
@media (min-width: 768px) {
  .cardText--horizontal .cardText__info {
    padding: 0 16px;
  }
}
.cardText__title {
  margin-bottom: 10px;
  color: var(--brand-color-text-standard-text);
}
@media (min-width: 768px) {
  .cardText__title {
    margin-bottom: 8px;
  }
  .cardText--horizontal .cardText__title.text-center {
    text-align: left;
  }
}
.cardText__paragraph {
  color: var(--brand-color-text-standard-text);
}
@media (min-width: 768px) {
  .cardText--horizontal .cardText__paragraph.text-center {
    text-align: left;
  }
}
.cardText__button {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .cardText__button {
    margin-top: 16px;
  }
}
.cardText--horizontal .cardText__button {
  margin-top: 0;
}
@media (min-width: 768px) {
  .cardText--horizontal .cardText__button {
    margin-right: 0;
    margin-left: auto;
  }
}
.cardText--illustrative .cardText__button {
  display: none;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.card-ticket-full {
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-ticket-full {
    display: flex;
    min-height: 200px;
  }
}
.cardTicketFull__infoDate {
  padding: 8px 24px;
  color: var(--brand-color-text-standard-text);
  background: var(--brand-color-surface-card-medium-dark);
  border-radius: var(--brand-border-radius-s) var(--brand-border-radius-s)
    var(--brand-border-radius-none) var(--brand-border-radius-none);
}
@media (min-width: 1024px) {
  .cardTicketFull__infoDate {
    flex: 0 0 11.25rem;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: var(--brand-border-radius-s) var(--brand-border-radius-none)
      var(--brand-border-radius-none) var(--brand-border-radius-s);
    text-align: center;
    max-width: 11.25rem;
  }
}
.cardTicketFull__infoPar {
  margin-top: 4px;
}
@media (min-width: 1024px) {
  .cardTicketFull__infoPar {
    order: 2;
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .cardTicketFull__hour {
    order: 3;
  }
}
.cardTicketFull__description {
  color: var(--brand-color-text-standard-text);
  background: var(--brand-color-surface-card-bold-extralight);
  border-radius: var(--brand-border-radius-none) var(--brand-border-radius-none)
    var(--brand-border-radius-s) var(--brand-border-radius-s);
  padding: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media (min-width: 1024px) {
  .cardTicketFull__description {
    flex: 0 0 calc(100% - 11.25rem);
    padding: 32px;
    justify-content: space-between;
    border-radius: var(--brand-border-radius-none) var(--brand-border-radius-s)
      var(--brand-border-radius-s) var(--brand-border-radius-none);
  }
}
@media (min-width: 1024px) {
  .cardTicketFull__descriptionCont {
    padding-bottom: 20px;
  }
}
@media (min-width: 1024px) {
  .cardTicketFull__descriptionCont,
  .cardTicketFull__footer {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  .cardTicketFull__footer {
    align-items: center;
  }
}
.cardTicketFull__status {
  color: var(--brand-color-text-standard-text-secondary);
  display: flex;
  align-items: center;
  padding-bottom: 12px;
}
.cardTicketFull__status:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  border-radius: 100%;
}
.cardTicketFull__status.cardTicketFull__status--active:before {
  background-color: var(--brand-color-system-success-shape);
}
.cardTicketFull__status.cardTicketFull__status--expired:before {
  background-color: var(--brand-color-system-error-shape);
}
@media (min-width: 1024px) {
  .cardTicketFull__status {
    padding: 0;
  }
}
.cardTicketFull__listActions {
  margin-top: var(--s-base-2);
}
.cardTicketFull__listActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 1023px) {
  .cardTicketFull__cta .button {
    width: 100%;
  }
  .cardTicketFull__cta .button__element {
    width: 100%;
    justify-content: center;
  }
}
.cardTicketFull__summary::-webkit-details-marker {
  display: none;
}
.cardTicketFull__summary {
  list-style: none;
  cursor: pointer;
  overflow: hidden;
}
.cardTicketFull__readMore,
.cardTicketFull__readLess {
  font-weight: 500;
}
.cardTicketFull__theme {
  padding-top: 12px;
  display: block;
}
.cardTicketFull__descriptionHeader {
  max-width: 500px;
  padding-bottom: 16px;
}
.cardTicketFull__details {
  position: relative;
}
.cardTicketFull__details .cardTicketFull__readLess {
  display: none;
  position: absolute;
  bottom: 0;
}
.cardTicketFull__details[open] {
  padding-bottom: 25px;
}
.cardTicketFull__details[open] .cardTicketFull__readMore {
  display: none;
}
.cardTicketFull__details[open] .cardTicketFull__readLess {
  display: block;
}
[data-is-expired="true"] .cardTicketFull__infoCalendar {
  display: none;
}
[data-is-expired="false"] .cardTicketFull__infoCalendar {
  display: block;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.card-ticket {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .card-ticket {
    flex-direction: row;
    min-height: 200px;
  }
}
.cardTicket__infoDate {
  padding: 8px 24px;
  color: var(--brand-color-text-standard-text);
  background: var(--brand-color-surface-card-medium-dark);
  border-radius: var(--brand-border-radius-s) var(--brand-border-radius-s)
    var(--brand-border-radius-none) var(--brand-border-radius-none);
}
@media (min-width: 1024px) {
  .cardTicket__infoDate {
    flex: 0 0 160px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: var(--brand-border-radius-s) var(--brand-border-radius-none)
      var(--brand-border-radius-none) var(--brand-border-radius-s);
    text-align: center;
  }
}
.cardTicket__infoPar {
  margin-top: 4px;
}
@media (min-width: 1024px) {
  .cardTicket__infoPar {
    order: 2;
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .cardTicket__hour {
    order: 3;
  }
}
.cardTicket__description {
  color: var(--brand-color-text-standard-text);
  background: var(--brand-color-surface-card-bold-extralight);
  border-radius: var(--brand-border-radius-none) var(--brand-border-radius-none)
    var(--brand-border-radius-s) var(--brand-border-radius-s);
  padding: 16px 24px 24px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  flex: 1;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .cardTicket__description {
    flex: 0 0 calc(100% - 160px);
    padding: 24px 32px;
    border-radius: var(--brand-border-radius-none) var(--brand-border-radius-s)
      var(--brand-border-radius-s) var(--brand-border-radius-none);
    flex: auto;
  }
}
.card-ticket-bck .cardTicket__description {
  background: var(--brand-color-surface-card-bold-extralight);
}
.cardTicket__listActions {
  margin-top: var(--s-base-2);
}
.cardTicket__listActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 1023px) {
  .cardTicket__cta .button {
    width: 100%;
  }
  .cardTicket__cta .button__element {
    width: 100%;
    justify-content: center;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.icon-text {
  display: block;
  position: relative;
  width: 100%;
}
.icon-text.firstItem {
  margin-top: calc(var(--header-height-mobile) + 32px);
}
@media (min-width: 768px) {
  .icon-text.firstItem {
    margin-top: calc(var(--header-height-mobile) + 70px);
  }
}
@media (min-width: 1280px) {
  .icon-text.firstItem {
    margin-top: calc(var(--header-height) + var(--pre-header-height) + 60px);
  }
}
@media (min-width: 1920px) {
  .icon-text.firstItem {
    margin-top: calc(var(--header-height) + var(--pre-header-height) + 100px);
  }
}
.iconText__wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .iconText__wrap {
    flex-direction: row;
    gap: 32px;
  }
}
.iconText__img {
  border-radius: 100%;
  width: 80px;
  overflow: hidden;
  aspect-ratio: 1;
}
@media (min-width: 1024px) {
  .iconText__img {
    width: 130px;
  }
}
.iconText__text {
  text-align: center;
}
@media (min-width: 1024px) {
  .iconText__text {
    text-align: left;
  }
}
.iconText__title {
  margin-bottom: 16px;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.modal {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100dvw;
  height: 100dvh;
  z-index: 999;
}
.modal.modal--hidden {
  display: none;
}
.modal__container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: var(--brand-color-surface-section-menu-overlay);
}
.modal__content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 76px 32px 40px;
  background-color: var(--brand-color-surface-section-medium-extralight);
}
@media (min-width: 1024px) {
  .modal__content {
    width: 80%;
    height: 80%;
    padding: 76px 40px;
  }
}
.modal__close {
  position: absolute;
  top: 40px;
  right: 40px;
}
.modal__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (min-width: 1024px) {
  .modal__info {
    width: 69.69%;
  }
}
.modal__title {
  color: var(--brand-color-text-standard-title);
  margin-bottom: 16px;
  text-align: center;
}
.modal__par {
  color: var(--brand-color-text-standard-text);
  margin-bottom: 56px;
  text-align: center;
}
.modal__button {
  display: block;
}
.modal__button .button__element {
  text-transform: uppercase;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
:root {
  --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
}
.podcast {
  display: block;
  width: 100%;
  position: fixed;
  bottom: calc(var(--safe-area-inset-bottom) + 32px);
  left: 0;
}
.podcast__container {
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  .podcast__container {
    padding: 0 8px;
  }
}
.podcast__iframe {
  border-radius: var(--brand-border-radius-s);
  width: 100%;
  height: 80px;
}
@media (min-width: 768px) {
  .podcast__iframe {
    height: 152px;
  }
}
.podcast__iframe iframe {
  width: 100%;
  height: 80px;
}
@media (min-width: 768px) {
  .podcast__iframe iframe {
    height: 152px;
  }
}
.podcast__close {
  position: relative;
  margin-bottom: 16px;
  display: flex;
  justify-content: flex-end;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.report-documents {
  display: block;
  position: relative;
  width: 100%;
}
.reportDocuments__container {
  display: block;
}
.reportDocuments__title {
  color: var(--brand-color-text-standard-title);
  margin-bottom: 4px;
}
.reportDocuments__paragraph {
  color: var(--brand-color-text-standard-text);
  margin-bottom: 32px;
}
.reportDocuments__paragraph.reportDocuments__paragraph--noBottom {
  margin-bottom: 0;
}
.reportDocuments__documents {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .reportDocuments__documents {
    flex-direction: row;
  }
}
.reportDocuments__singleDocument {
  width: 100%;
  margin-bottom: 32px;
}
.reportDocuments__singleDocument:nth-last-child(-n + 1) {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .reportDocuments__singleDocument {
    width: 50%;
    padding-right: 32px;
  }
  .reportDocuments__singleDocument:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .reportDocuments__singleDocument {
    width: 33.333%;
  }
  .reportDocuments__singleDocument:nth-last-child(-n + 3) {
    margin-bottom: 0;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.strip-timeline {
  display: flex;
  position: relative;
  width: 100%;
  gap: 32px;
  align-items: center;
  color: var(--brand-color-text-on-bold-bg-text);
  flex-wrap: wrap;
  flex-direction: column;
}
.strip-timeline.stripTimeline--reverse {
  flex-direction: column-reverse;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .strip-timeline {
    flex-direction: row;
  }
  .strip-timeline.stripTimeline--reverse {
    flex-direction: row-reverse;
  }
}
.stripTimeline__par {
  margin-top: var(--s-base-4);
}
.stripTimeline__text {
  flex: 1;
  max-width: 30rem;
}
@media (min-width: 768px) {
  .stripTimeline__text {
    min-width: 300px;
  }
}
.stripTimeline__cta {
  margin-top: var(--s-base-8);
}
.stripTimeline__image {
  aspect-ratio: 1.48;
  width: 100%;
  min-width: 200px;
  position: relative;
}
@media (min-width: 768px) {
  .stripTimeline__image {
    flex: 0 0 30%;
    max-width: none;
    max-width: 234px;
  }
}
.stripTimeline__image .picture__img {
  object-fit: contain;
  filter: brightness(60%);
}
.stripTimeline__videoContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: var(--brand-color-surface-section-bold);
  display: none;
}
.strip-timeline-open .stripTimeline__videoContainer {
  display: block;
}
.stripTimeline__videoContainer .video__wrapper {
  aspect-ratio: auto;
}
.stripTimeline__buttonVideo {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  background-color: var(--brand-color-rgb-01);
  color: var(--brand-color-surface-icon-base);
  cursor: pointer;
}
.stripTimeline__videoClose {
  position: absolute;
  top: 56px;
  right: 24px;
  width: 38px;
  height: 38px;
  border-radius: 100%;
  background-color: var(--brand-color-rgb-01);
  color: var(--brand-color-surface-icon-base);
  cursor: pointer;
}
@media (min-width: 768px) {
  .stripTimeline__videoClose {
    right: 56px;
    width: 56px;
    height: 56px;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.strip {
  display: block;
  position: relative;
  width: 100%;
  border-radius: var(--brand-border-radius-s);
  background-color: var(--brand-color-surface-card-base);
  overflow: hidden;
}
.canvasMain__strip .strip {
  opacity: 0;
}
@media (min-width: 1024px) {
  .canvasMain__strip .strip {
    bottom: 40px;
    width: 380px;
    height: 7.5rem;
    position: relative;
    right: 0;
    clip-path: inset(0 0 0 220px);
    background: transparent;
  }
}
.module-in-view .strip {
  opacity: 1;
  transition:
    opacity var(--t-timing) var(--t-timing-fast),
    clip-path var(--t-timing-slow) var(--t-ease-module) var(--t-timing);
}
@media (min-width: 1024px) {
  .module-in-view .strip {
    clip-path: inset(0 0 0 0);
  }
}
.strip__container {
  display: flex;
}
@media (min-width: 1024px) {
  .strip__container {
    border-radius: var(--brand-border-radius-s) var(--brand-border-radius-none)
      var(--brand-border-radius-none) var(--brand-border-radius-s);
    background: transparent;
    max-height: 100%;
  }
}
.strip__container:focus-visible {
  outline: 2px solid var(--brand-color-focus-standard);
  outline-offset: -5px;
}
.strip__container:hover .strip__icon {
  translate: 4px 0;
}
.strip__container:hover .picture__img {
  scale: 1.02;
}
.strip__picture {
  width: 120px;
  min-height: 120px;
  max-height: 140px;
  position: relative;
  border-radius: var(--brand-border-radius-s) var(--brand-border-radius-none)
    var(--brand-border-radius-none) var(--brand-border-radius-s);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.canvasMain__strip .strip__picture {
  translate: 260px 0;
}
@media (min-width: 1024px) {
  .canvasMain__strip .strip__picture {
    translate: 220px 0;
  }
}
.module-in-view .strip__picture {
  transition: translate var(--t-timing-slow) var(--t-ease-module)
    var(--t-timing);
  translate: 0 0;
}
.strip__picture .picture {
  flex: 1;
}
.strip__picture .picture__el {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.strip__picture .picture__img {
  transition: scale var(--t-timing-slow) var(--t-ease);
  flex: 1;
}
.strip__info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 24px 16px;
  gap: 16px;
  width: calc(100% - 120px);
}
@media (min-width: 1024px) {
  .strip__info {
    padding: 32px 16px;
    background: transparent;
    transition: background var(--t-timing) var(--t-ease-module)
      var(--t-timing-slow);
  }
  .module-in-view .strip__info {
    background: var(--brand-color-surface-card-base);
  }
}
.strip__title {
  color: var(--brand-color-text-standard-text);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 1024px) {
  .strip__title {
    -webkit-line-clamp: 4;
  }
}
.canvasMain__strip .strip__title {
  opacity: 0;
}
.module-in-view .strip__title {
  transition: opacity var(--t-timing-slow) var(--t-ease-module)
    var(--t-timing-ultra-slow);
  opacity: 1;
}
.strip__icon {
  transition: translate var(--t-timing) var(--t-ease);
  color: var(--brand-color-surface-icon-bold);
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.title-text {
  display: block;
  width: 100%;
  color: var(--brand-color-text-standard-text);
}
.title-text.bg-color-bold {
  color: var(--brand-color-text-on-bold-bg-text);
}
.titleText__container h1,
.titleText__container h2,
.titleText__container h3,
.titleText__container h4 {
  color: var(--brand-color-text-standard-title);
}
.bg-color-bold .titleText__container h1,
.bg-color-bold .titleText__container h2,
.bg-color-bold .titleText__container h3,
.bg-color-bold .titleText__container h4 {
  color: var(--brand-color-text-on-bold-bg-title);
}
.titleText__container h5,
.titleText__container h6 {
  color: var(--brand-color-text-standard-text);
}
.bg-color-bold .titleText__container h5,
.bg-color-bold .titleText__container h6 {
  color: var(--brand-color-text-on-bold-bg-text);
}
.titleText__container p + p {
  padding-top: var(--s-base-6);
}
@media (min-width: 1024px) {
  .titleText__container p + p {
    padding-top: var(--s-base-4);
  }
}
.titleText__container p {
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-body-body-1-light-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-1-light-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-1-light-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
  color: var(--brand-color-text-standard-text);
}
@media (min-width: 1024px) {
  .titleText__container p {
    font-size: calc(
      var(--typography-body-body-1-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-1-light-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-1-light-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
.bg-color-bold .titleText__container p {
  color: var(--brand-color-text-on-bold-bg-text);
}
.titleText__container p b {
  font-weight: 400;
}
.titleText__container p em {
  text-decoration: underline;
}
.titleText__container p a {
  font-weight: 400;
  text-decoration: underline;
  color: var(--brand-color-text-standard-text);
}
.bg-color-bold .titleText__container p a {
  color: var(--brand-color-text-on-bold-bg-text);
}
.titleText__container ul {
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-body-body-1-light-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-1-light-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-1-light-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  .titleText__container ul {
    font-size: calc(
      var(--typography-body-body-1-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-1-light-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-1-light-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
.titleText__container ul li {
  list-style: disc;
  list-style-position: inside;
}
.titleText__container .button-link,
.titleText__container .button {
  margin-top: var(--s-base-8);
}
.titleText__container .t-h3,
.titleText__container .t-h5 {
  margin-bottom: var(--s-base-6);
}
@media (min-width: 1024px) {
  .titleText__container .t-h3,
  .titleText__container .t-h5 {
    margin-bottom: var(--s-base-4);
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.banner-accordions {
  display: block;
  position: relative;
  width: 100%;
}
.banner-accordions.bg-color-medium-extralight .bg-color-medium-extralight {
  padding: 0;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.canvas-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  min-height: 90vh;
}
.canvas404__title {
  margin-bottom: 24px;
}
.canvas404__paragraph {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .canvas404__paragraph {
    margin-bottom: 48px;
  }
}
.canvas404__button {
  display: flex;
  justify-content: center;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.canvas-detail {
  display: block;
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.canvas-detail.canvasDetail--big {
  min-height: 80vh;
}
.canvas-detail.canvasDetail--small {
  min-height: 50vh;
}
.canvas-detail.canvasDetail--40vh {
  min-height: 40vh;
}
.canvas-detail.canvasDetail--30vh {
  min-height: 30vh;
}
.canvasDetail__container {
  position: relative;
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.canvasDetail__background {
  width: 100%;
  height: 100%;
  position: absolute;
}
.canvasDetail__background:after {
  z-index: 1;
}
.canvasDetail__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.canvasDetail__videoButton[data-status="pause"]
  .canvasDetail__videoButtonIcon--play {
  display: block;
}
.canvasDetail__videoButton[data-status="pause"]
  .canvasDetail__videoButtonIcon--pause,
.canvasDetail__videoButton[data-status="play"]
  .canvasDetail__videoButtonIcon--play {
  display: none;
}
.canvasDetail__videoButton[data-status="play"]
  .canvasDetail__videoButtonIcon--pause {
  display: block;
}
.canvasDetail__videoButton {
  position: absolute;
  right: 40px;
  top: 25%;
  width: 40px;
  height: 40px;
  background-color: var(--comp-color-button-overlay-surface-default);
  border-radius: 100%;
  cursor: pointer;
}
.canvasDetail__videoButtonIcon--play:before {
  position: relative;
  left: 2px;
}
.canvasDetail__videoButtonIcon {
  color: var(--comp-color-button-overlay-icon-default);
}
.canvasDetail__info {
  position: relative;
  width: 100%;
}
.canvasDetail__info.text-center .button-link {
  margin: 0 auto;
}
.canvasDetail--small .canvasDetail__info,
.firstItem .canvasDetail__info {
  margin-top: var(--header-height-mobile);
}
@media (min-width: 1280px) {
  .canvasDetail--small .canvasDetail__info,
  .firstItem .canvasDetail__info {
    margin-top: var(--header-height);
  }
}
.canvasDetail__occhiello {
  margin-bottom: 24px;
  text-transform: uppercase;
  color: var(--brand-color-text-on-bold-bg-text);
}
.bg-color-gradient-45 .canvasDetail__occhiello {
  color: var(--brand-color-text-on-bold-bg-text);
}
.bg-color-bold-extralight .canvasDetail__occhiello,
.bg-color-base .canvasDetail__occhiello {
  color: var(--brand-color-text-standard-text);
}
.bg-color-medium-dark .canvasDetail__occhiello,
.bg-color-medium .canvasDetail__occhiello,
.bg-color-medium-extralight .canvasDetail__occhiello {
  color: var(--brand-color-text-on-medium-bg-text);
}
@media (min-width: 1024px) {
  .canvasDetail__occhiello {
    margin-bottom: 40px;
  }
}
.canvasDetail__title {
  margin-bottom: 24px;
  color: var(--brand-color-text-on-bold-bg-title);
}
@media (min-width: 1024px) {
  .canvasDetail__title {
    margin-top: 50px;
    margin-bottom: 40px;
    width: 75%;
  }
  .bg-color-gradient-45 .canvasDetail__title {
    color: var(--brand-color-text-on-bold-bg-title);
  }
  .bg-color-bold-extralight .canvasDetail__title,
  .bg-color-base .canvasDetail__title {
    color: var(--brand-color-text-standard-title);
  }
  .bg-color-medium-dark .canvasDetail__title,
  .bg-color-medium .canvasDetail__title,
  .bg-color-medium-extralight .canvasDetail__title {
    color: var(--brand-color-text-on-medium-bg-title);
  }
  .text-center .canvasDetail__title {
    width: 80%;
    margin: 0 auto 40px;
  }
}
.canvasDetail__text {
  display: block;
  color: var(--brand-color-text-on-bold-bg-text);
  margin-bottom: 40px;
  width: 100%;
}
.bg-color-gradient-45 .canvasDetail__text {
  color: var(--brand-color-text-on-bold-bg-text);
}
.bg-color-bold-extralight .canvasDetail__text,
.bg-color-base .canvasDetail__text {
  color: var(--brand-color-text-standard-text);
}
.bg-color-medium-dark .canvasDetail__text,
.bg-color-medium .canvasDetail__text,
.bg-color-medium-extralight .canvasDetail__text {
  color: var(--brand-color-text-on-medium-bg-text);
}
@media (min-width: 1024px) {
  .canvasDetail__text {
    width: 50%;
  }
}
.text-center .canvasDetail__text {
  width: 80%;
  margin: 0 auto 40px;
}
.canvasDetail__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: var(--s-base-8);
}
@media (min-width: 768px) {
  .canvasDetail__tags {
    margin-top: var(--s-base-10);
  }
}
.text-center .canvasDetail__tags {
  justify-content: center;
}
.canvasDetail__tags .tag {
  border-color: var(--brand-color-border-base);
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.canvas-main {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  min-height: 80vh;
}
.canvas-main.canvasMain--strip {
  padding-bottom: 70px;
}
@media (min-width: 1024px) {
  .canvas-main.canvasMain--strip {
    padding-bottom: 0;
  }
}
.canvasMain__container {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.canvasMain__splide.splide,
.canvasMain__content {
  position: relative;
  width: 100%;
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.canvas-main .splide__track {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.canvas-main .splide__list {
  flex: 1;
}
.canvas-main .splide__slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.canvasMain__background {
  width: 100%;
  height: 100%;
  position: absolute;
}
.canvasMain__background .picture__img,
.canvasMain__background .canvasMain__video {
  scale: 1.2;
  transform-origin: center;
  transition: scale var(--t-timing-ultra-slow-2) var(--t-ease-module);
  opacity: 0.5;
}
.is-visible .canvasMain__background .picture__img,
.is-visible .canvasMain__background .canvasMain__video {
  transition:
    scale var(--t-timing-ultra-slow-2) var(--t-ease-module),
    opacity var(--t-timing-slow) var(--t-ease-module);
  scale: 1;
  opacity: 1;
}
.canvasMain__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.canvasMain__wrapperVideoButton {
  position: absolute;
  width: 100%;
  height: 1px;
  top: 20%;
  left: 50%;
  transform: translate(-50%);
  display: flex;
  justify-content: flex-end;
}
.canvasMain__videoButton {
  position: relative;
  width: 40px;
  height: 40px;
  background-color: var(--comp-color-button-overlay-surface-default);
  border-radius: 100%;
  cursor: pointer;
}
.canvasMain__videoButton .canvasMain__videoButtonIcon--play,
.canvasMain__videoButton[data-status="play"]
  .canvasMain__videoButtonIcon--play {
  display: none;
}
.canvasMain__videoButton[data-status="play"]
  .canvasMain__videoButtonIcon--pause,
.canvasMain__videoButton[data-status="pause"]
  .canvasMain__videoButtonIcon--play {
  display: block;
}
.canvasMain__videoButton[data-status="pause"]
  .canvasMain__videoButtonIcon--pause {
  display: none;
}
.canvasMain__videoButtonIcon--play:before {
  position: relative;
  left: 2px;
}
.canvasMain__videoButtonIcon {
  color: var(--comp-color-button-overlay-icon-default);
}
.canvasMain__info {
  position: relative;
  width: 100%;
  opacity: 0;
  translate: 0 12px;
}
.is-visible .canvasMain__info {
  transition:
    opacity var(--t-timing-ultra-slow) var(--t-ease-module) var(--t-timing-slow),
    translate var(--t-timing-ultra-slow) var(--t-ease-module)
      var(--t-timing-slow);
  opacity: 1;
  translate: 0 0;
}
.firstItem .canvasMain__info {
  margin-top: var(--header-height-mobile);
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .firstItem .canvasMain__info {
    margin-bottom: 0;
  }
}
@media (min-width: 1280px) {
  .firstItem .canvasMain__info {
    margin-top: var(--header-height);
  }
}
.canvasMain__info.text-center .button-link {
  margin-left: auto;
  margin-right: auto;
}
.canvasMain__info .button-link {
  margin-top: 24px;
}
@media (min-width: 1024px) {
  .canvasMain__info .button-link {
    margin-top: 40px;
  }
}
.canvasMain__title {
  margin-bottom: 24px;
  color: var(--brand-color-text-on-bold-bg-title);
}
@media (min-width: 1024px) {
  .canvasMain__title {
    margin-bottom: 40px;
    width: 50%;
  }
  .text-center .canvasMain__title {
    width: 80%;
    margin: 0 auto 40px;
  }
}
.bg-color-bold-extralight .canvasMain__title {
  color: var(--brand-color-text-standard-title);
}
.bg-color-bold .canvasMain__title,
.bg-color-medium .canvasMain__title,
.bg-color-medium-extralight .canvasMain__title {
  color: var(--brand-color-text-on-medium-bg-title);
}
.canvasMain__text {
  display: none;
}
@media (min-width: 1024px) {
  .canvasMain__text {
    display: block;
    color: var(--brand-color-text-on-bold-bg-text);
    width: 50%;
  }
  .text-center .canvasMain__text {
    width: 80%;
    margin: 0 auto;
  }
}
.bg-color-bold-extralight .canvasMain__text {
  color: var(--brand-color-text-standard-text);
}
.bg-color-bold .canvasMain__text,
.bg-color-medium .canvasMain__text,
.bg-color-medium-extralight .canvasMain__text {
  color: var(--brand-color-text-on-medium-bg-text);
}
.canvasMain__strip {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  display: flex;
  justify-content: flex-end;
  pointer-events: none;
}
.canvasMain__strip .strip {
  pointer-events: painted;
}
.canvasMain__arrows {
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 96px;
  left: 50%;
  transform: translate(-50%);
}
@media (min-width: 1024px) {
  .canvasMain__arrows {
    bottom: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.canvasMain__pagination {
  position: absolute;
  width: 100%;
  bottom: 80px;
}
@media (min-width: 1024px) {
  .canvasMain__pagination {
    bottom: 40px;
    left: 50%;
    transform: translate(-50%);
  }
}
@media (min-width: 768px) {
  .canvasMain__pagination .splide__pagination {
    justify-content: flex-start;
  }
}
.bg-color-bold:not(.canvasMain--strip) .canvasMain__pagination,
.bg-color-light:not(.canvasMain--strip) .canvasMain__pagination,
.bg-color-medium:not(.canvasMain--strip) .canvasMain__pagination,
.bg-color-base:not(.canvasMain--strip) .canvasMain__pagination,
.bg-color-medium-extralight:not(.canvasMain--strip) .canvasMain__pagination,
.bg-color-bold-extralight:not(.canvasMain--strip) .canvasMain__pagination {
  bottom: -20px;
}
.canvas-main .slider-arrows {
  position: relative;
  top: 0;
  transform: translateY(0);
  bottom: 80px;
}
@media (min-width: 1024px) {
  .canvas-main .slider-arrows {
    top: 50%;
    transform: translateY(-50%);
  }
}
.canvas-main .slider-pagination {
  position: relative;
  left: 30px;
  max-width: calc(100% - 60px);
}
@media (min-width: 768px) {
  .canvas-main .slider-pagination {
    left: 45px;
    max-width: calc(100% - 90px);
  }
}
@media (min-width: 1024px) {
  .canvas-main .slider-pagination {
    left: 0;
    max-width: 100%;
  }
}
.canvas-main[data-number-items="1"] .splide__track {
  pointer-events: none;
}
.canvas-main[data-number-items="1"] .slider-arrows,
.canvas-main[data-number-items="1"] .slider-pagination {
  display: none;
}
.extendedTimeline__timelineBtn.disabled {
  opacity: 0.5;
  pointer-events: none;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.canvas-target {
  display: block;
  position: relative;
  width: 100%;
  height: fit-content;
  background: var(--brand-color-gradient-brand-45);
}
@media (min-width: 1024px) {
  .canvas-target {
    padding-top: 0;
    height: 80vh;
  }
}
.canvasTarget__backgroundImage .picture {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.canvasTarget__backgroundImage:after {
  z-index: 1;
}
.canvasTarget__container {
  display: flex;
  align-items: flex-end;
  height: 100%;
}
@media (min-width: 1024px) {
  .canvasTarget__container {
    align-items: center;
  }
}
@media (min-width: 768px) {
  .firstItem .canvasTarget__container {
    padding-top: var(--header-height-mobile);
  }
}
@media (min-width: 1280px) {
  .firstItem .canvasTarget__container {
    padding-top: calc(var(--header-height) + var(--pre-header-height));
  }
}
.canvasTarget__content {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 200px 0 18px;
}
@media (min-width: 1024px) {
  .canvasTarget__content {
    padding: 0;
    flex-direction: row;
    gap: 30px;
  }
}
.canvasTarget__info {
  width: 100%;
}
@media (min-width: 1024px) {
  .canvasTarget__info {
    width: 60%;
    padding-right: 32px;
  }
}
.canvasTarget__title {
  color: var(--brand-color-text-on-bold-bg-title);
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .canvasTarget__title {
    margin-bottom: 40px;
  }
}
.canvasTarget__subtitle {
  color: var(--brand-color-text-on-bold-bg-text);
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .canvasTarget__subtitle {
    margin-bottom: 80px;
  }
}
.canvasTarget__download {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1024px) {
  .canvasTarget__download {
    flex-direction: row;
    gap: 32px;
  }
}
@media (min-width: 1024px) {
  .canvasTarget__download .canvasTarget__singleDownload {
    width: 50%;
  }
  .canvasTarget__download .canvasTarget__singleDownload .button-download {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .canvasTarget__download .button-download {
    width: 50%;
  }
}
.canvasTarget__calendar {
  width: 100%;
}
@media (min-width: 1024px) {
  .canvasTarget__calendar {
    width: 40%;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.contacts {
  display: block;
  position: relative;
  width: 100%;
  background: var(--brand-color-gradient-brand-130);
  padding: 32px 0 56px;
}
.contacts__container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .contacts__container {
    flex-direction: row;
  }
}
.contacts__info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 32px;
}
@media (min-width: 1024px) {
  .contacts__info {
    width: 25%;
    align-items: flex-start;
    margin-right: 32px;
    margin-bottom: 0;
    margin-top: 56px;
  }
}
.contacts__title {
  color: var(--brand-color-text-on-bold-bg-title);
  margin-bottom: 16px;
}
.contacts__paragraph {
  color: var(--brand-color-text-on-bold-bg-text);
  text-align: center;
}
@media (min-width: 1024px) {
  .contacts__paragraph {
    text-align: left;
  }
}
.contacts__list {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
}
.contacts[data-number-items="2"] .contacts__list,
.contacts[data-number-items="4"] .contacts__list {
  justify-content: center;
}
@media (min-width: 768px) {
  .contacts__list {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .contacts__list {
    width: 75%;
  }
}
.contacts__item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  width: 100%;
  padding: 24px;
  text-align: center;
}
@media (min-width: 768px) {
  .contacts__item {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .contacts__item {
    margin-bottom: 0;
    width: 33.333%;
  }
  [data-number-items="1"] .contacts__item {
    width: 100%;
  }
  [data-number-items="2"] .contacts__item,
  [data-number-items="4"] .contacts__item {
    width: 50%;
  }
}
.contacts__itemAvatarWrapper {
  position: relative;
  width: 72px;
  height: 72px;
  overflow: hidden;
  border-radius: 100%;
  margin-bottom: 32px;
}
.contacts__itemAvatar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.contacts__itemTitle {
  color: var(--brand-color-text-on-bold-bg-text);
  margin-bottom: 16px;
}
.contacts__itemParagraph {
  color: var(--brand-color-text-on-bold-bg-text);
  margin-bottom: 6px;
  text-align: center;
}
.contacts__itemParagraph a {
  color: var(--brand-color-text-on-bold-bg-text);
}
.contacts__itemTel {
  color: var(--brand-color-text-on-bold-bg-text);
  margin-bottom: 20px;
  cursor: pointer;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.cookie {
  display: block;
  position: relative;
  width: 100%;
}
#CybotCookiebotDialog {
  border-radius: var(--brand-border-radius-none) !important;
  background-color: var(--brand-color-surface-section-bold) !important;
}
@media only screen and (max-width: 1280px) {
  #CybotCookiebotDialog {
    border-radius: var(--brand-border-radius-s) !important;
  }
}
#CybotCookiebotDialog[data-template="popup"] {
  border-radius: var(--brand-border-radius-s) !important;
}
@media only screen and (max-width: 600px) {
  .CybotCookiebotDialogBodyLevelButtonWrapper {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}
#CybotCookiebotDialog * {
  font-family:
    Work Sans,
    sans-serif !important;
  font-style: normal !important;
  font-weight: 300 !important;
}
#CybotCookiebotDialogPoweredbyImage {
  width: 60px !important;
  height: 60px !important;
  max-width: 60px !important;
  max-height: 60px !important;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyButtonDecline {
  border-radius: var(--brand-border-radius-xs) !important;
  padding: 12px 16px !important;
  cursor: pointer !important;
  border: var(--brand-border-width-regular) solid
    var(--brand-color-border-medium-dark) !important;
  background: var(--brand-color-surface-section-base) !important;
  transition: all 0.4s ease !important;
  color: var(--brand-color-text-standard-text) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 100% !important;
  letter-spacing: 0.96px !important;
  text-transform: uppercase !important;
}
.CybotCookiebotScrollbarContainer {
  background-color: var(--brand-color-surface-section-base) !important;
}
.CybotCookiebotScrollContainer {
  min-height: 120px !important;
}
#CybotCookiebotDialogBodyContentTitle {
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  letter-spacing: 0.18px !important;
}
#CybotCookiebotDialogBodyContentText {
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 160% !important;
  letter-spacing: 1.12px !important;
}
#CybotCookiebotDialogBodyContentText a {
  color: var(--brand-color-text-on-bold-bg-text) !important;
  text-decoration: underline !important;
}
.CybotCookiebotDialogBodyLevelButtonDescription,
#CybotCookiebotDialogBodyEdgeMoreDetailsLink {
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 160% !important;
  letter-spacing: 1.12px !important;
  color: var(--brand-color-text-on-bold-bg-medium) !important;
}
.CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--brand-color-surface-section-base) !important;
  transition: all 0.4s ease !important;
}
.CybotCookiebotDialogBodyLevelButtonSlider:before {
  background-color: var(--brand-color-surface-section-brand) !important;
}
.CybotCookiebotDialogBodyLevelButton[disabled="disabled"]
  + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--brand-color-surface-section-base) !important;
}
.CybotCookiebotDialogBodyLevelButton[disabled="disabled"]
  + .CybotCookiebotDialogBodyLevelButtonSlider:before {
  background-color: var(--brand-color-surface-shape-disabled) !important;
}
.CybotCookiebotFader.CybotCookiebotDialogActive {
  background-image: none !important;
}
#CybotCookiebotDialog *,
#CybotCookiebotDialogBodyUnderlay * {
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  font-family: inherit;
  font-size: 15px;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
#CybotCookiebotDialog #CybotCookiebotDialogNav :after,
#CybotCookiebotDialog #CybotCookiebotDialogNav :before {
  content: none;
}
#CybotCookiebotDialog label {
  width: auto;
}
#CybotCookiebotDialogBodyUnderlay {
  background-color: var(--brand-color-surface-icon-extra-bold);
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity 0.5s ease;
  width: 100%;
  z-index: 2147483630;
}
#CybotCookiebotDialog.CybotCookiebotDialogActive
  + #CybotCookiebotDialogBodyUnderlay {
  opacity: 0.75;
  pointer-events: auto;
}
#CybotCookiebotDialog {
  background-color: var(--brand-color-surface-section-brand);
  border-radius: var(--brand-border-radius-s);
  box-shadow: 0 32px 68px var(--brand-color-surface-section-extra-bold-a30);
  box-sizing: border-box;
  color: var(--brand-color-text-on-bold-bg-text);
  font-family: sans-serif;
  font-size: 15px;
  height: auto;
  left: 50%;
  letter-spacing: 0.1px;
  line-height: 24px;
  max-height: calc(100% - 16px);
  overflow: hidden;
  position: fixed;
  text-align: initial;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s ease;
  transition-property: width, max-width, top, bottom, left, opacity;
  width: calc(100% - 16px);
  z-index: 2147483631;
}
#CybotCookiebotDialog ol,
#CybotCookiebotDialog ul {
  list-style-position: inside;
}
#CybotCookiebotDialog .CybotCookiebotDialogContentWrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 100%;
}
:root #CybotCookiebotDialog,
:root #CybotCookiebotDialog #CybotCookiebotDialogTabContent,
_:-ms-fullscreen {
  height: 100%;
}
:root #CybotCookiebotDialogBody,
:root #CybotCookiebotDialogTabContent .CybotCookiebotDialogTabPanel,
_:-ms-fullscreen {
  flex: auto;
}
@media screen and (min-width: 601px) {
  #CybotCookiebotDialog {
    max-width: 900px;
  }
}
@media screen and (min-width: 1280px) {
  #CybotCookiebotDialog {
    left: 50%;
    max-height: 80vh;
    top: 0;
    transform: translate(-50%);
  }
  #CybotCookiebotDialog.CybotEdge {
    box-shadow: 0 30px 70px var(--brand-color-surface-section-extra-bold-a30);
    height: auto;
    max-height: 70vh;
    max-width: 100vw;
    min-width: 100vw;
    padding: 24px;
    transition-property: transform, opacity, top;
    width: 100vw;
  }
  #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper {
    flex-direction: row;
    margin: 0 auto;
    max-width: 1600px;
    position: relative;
  }
  #CybotCookiebotDialog[data-template="bottom"] {
    top: 100%;
    transform: translate(-50%, -100%);
  }
  #CybotCookiebotDialog[data-template="pushdown"],
  #CybotCookiebotDialog[data-template="slidedown"] {
    transform: translate(-50%, -150%);
  }
  #CybotCookiebotDialog[data-template="pushdown"].CybotCookiebotDialogActive,
  #CybotCookiebotDialog[data-template="slidedown"].CybotCookiebotDialogActive {
    transform: translate(-50%);
  }
  #CybotCookiebotDialog[data-template="slideup"] {
    top: 100%;
    transform: translate(-50%, 50%);
  }
  #CybotCookiebotDialog[data-template="slideup"].CybotCookiebotDialogActive {
    transform: translate(-50%, -100%);
  }
  #CybotCookiebotDialog[data-template="overlay"],
  #CybotCookiebotDialog[data-template="popup"] {
    opacity: 0;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  #CybotCookiebotDialog[data-template="overlay"].CybotCookiebotDialogActive,
  #CybotCookiebotDialog[data-template="popup"].CybotCookiebotDialogActive {
    opacity: 1;
  }
}
#CybotCookiebotDialogHeader {
  align-items: center;
  border-bottom: var(--brand-border-width-regular) solid
    var(--brand-color-surface-section-neutral);
  display: flex;
  padding: 1em;
  width: 100%;
}
#CybotCookiebotDialogHeaderLogosWrapper {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: space-between;
}
#CybotCookiebotDialogPoweredbyCybot,
#CybotCookiebotDialogPoweredbyLink {
  align-items: center;
  display: flex;
  width: 50%;
}
#CybotCookiebotDialogPoweredbyCybot {
  justify-content: flex-end;
  width: 175px;
}
#CybotCookiebotDialogPoweredbyImage {
  max-height: 1.5em;
  width: auto;
}
#CybotCookiebotDialogPoweredbyCybot svg {
  fill: var(--brand-color-surface-icon-base);
  display: none;
  height: 1.733em;
  max-width: 163px;
  opacity: 0.6;
}
#CybotCookiebotDialogPoweredByText {
  display: block;
  margin-top: 0.5em;
  opacity: 0.6;
  text-align: center;
}
#CybotCookiebotDialogPoweredByText a {
  color: var(--brand-color-text-on-bold-bg-text);
  direction: ltr;
  display: block;
  font-size: 0.867em;
  letter-spacing: 0.25px;
  line-height: 19px;
  text-decoration: none;
}
#CybotCookiebotDialogPoweredByText a span {
  display: inline-block;
  font-weight: 700;
}
@media screen and (min-width: 601px) {
  #CybotCookiebotDialogPoweredByText {
    margin-top: 1em;
  }
}
@media screen and (min-width: 1280px) {
  #CybotCookiebotDialogHeader {
    padding: 1.5em;
  }
  #CybotCookiebotDialogPoweredbyImage {
    max-height: 2.125em;
  }
  #CybotCookiebotDialogPoweredbyCybot svg {
    display: block;
  }
  #CybotCookiebotDialogPoweredByText {
    display: none;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogHeader {
    align-items: center;
    align-self: stretch;
    border: 0;
    justify-content: space-between;
    padding: 0;
    width: 210px;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogHeaderLogosWrapper {
    align-self: stretch;
    flex-direction: column;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogPoweredbyLink {
    flex: 1;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogPoweredbyImage {
    height: auto;
    max-height: 6em;
    max-width: 100%;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogPoweredbyCybot {
    height: 2em;
    margin-top: 2em;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogPoweredbyCybot,
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogPoweredbyLink {
    justify-content: center;
  }
}
#CybotCookiebotDialogNav {
  border-bottom: var(--brand-border-width-regular) solid
    var(--brand-color-surface-section-neutral);
  position: relative;
  width: 100%;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogNav {
  display: none;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItems {
  display: flex;
  list-style: none;
  overflow-x: auto;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItems::-webkit-scrollbar {
  height: 0;
  width: 0;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItem {
  flex: 1 1 0%;
  margin: 0 auto;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink {
  border-bottom: var(--brand-border-width-regular) solid
    var(--brand-color-border-brand);
  color: var(--brand-color-text-on-bold-bg-text);
  display: block;
  font-weight: 600;
  height: 100%;
  outline-offset: -5px;
  padding: 1em;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  color: var(--brand-color-text-on-bold-bg-text-hover);
}
#CybotCookiebotDialogNav
  .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-color: transparent;
  border-bottom: var(--brand-border-width-regular) solid
    var(--brand-color-border-base);
  color: var(--brand-color-text-on-bold-bg-text);
}
@media screen and (min-width: 1280px) {
  #CybotCookiebotDialogNav
    .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    border-width: 3px;
  }
}
#CybotCookiebotDialogTabContent {
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: auto;
  width: 100%;
}
#CybotCookiebotDialogTabContent .CybotCookiebotScrollContainer {
  display: flex;
  flex: 1;
  flex-direction: column;
}
#CybotCookiebotDialogTabContent .CybotCookiebotDialogTabPanel {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}
#CybotCookiebotDialogSpecialFeaturesText ul {
  margin: 0.25em 0 0.25em 2em;
}
#CybotCookiebotDialog[dir="rtl"] #CybotCookiebotDialogSpecialFeaturesText ul {
  margin: 0.25em 2em 0.25em 0;
}
#CybotCookiebotDialog .CybotCookiebotScrollContainer {
  border-bottom: var(--brand-border-width-regular) solid
    var(--brand-color-surface-section-neutral);
  height: 100%;
  min-height: 20vh;
  padding: 0.375em;
  position: relative;
}
#CybotCookiebotDialog .CybotCookiebotScrollArea {
  height: 100%;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyBottomWrapper {
  width: 100%;
}
@media screen and (min-width: 601px) {
  #CybotCookiebotDialog .CybotCookiebotScrollContainer {
    display: flex;
    min-height: auto;
  }
}
@media screen and (min-width: 1280px) {
  #CybotCookiebotDialog.CybotEdge .CybotCookiebotScrollContainer {
    border-bottom: none;
    display: none;
  }
  #CybotCookiebotDialog.CybotEdge.CybotMultilevel
    .CybotCookiebotScrollContainer {
    width: calc(100% - 286px - 1.5em);
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogTabContent {
    flex: 1;
    margin-left: 1.5em;
    overflow: visible;
  }
  #CybotCookiebotDialog.CybotEdge[dir="rtl"] #CybotCookiebotDialogTabContent {
    margin-left: 0;
    margin-right: 1.5em;
  }
  #CybotCookiebotDialog.CybotEdge
    #CybotCookiebotDialogTabContent
    .CybotCookiebotDialogTabPanel {
    overflow: visible;
  }
  #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyBottomWrapper {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 1.5em;
    padding-left: 0.375em;
  }
  #CybotCookiebotDialog.CybotEdge[dir="rtl"]
    .CybotCookiebotDialogBodyBottomWrapper {
    padding-left: 0;
    padding-right: 0.375em;
  }
  #CybotCookiebotDialog.CybotEdge.CybotMultilevel
    .CybotCookiebotDialogBodyBottomWrapper {
    border-top: var(--brand-border-width-regular) solid
      var(--brand-color-surface-section-neutral);
    padding-top: 1em;
  }
}
@media screen and (min-width: 1510px) {
  #CybotCookiebotDialog.CybotEdge:not([lang="ta"]):not([lang="bg"]):not(
      [lang="is"]
    ):not([lang="el"])
    #CybotCookiebotDialogTabContent {
    margin: 0 1.5em;
  }
  #CybotCookiebotDialog.CybotEdge:not([lang="ta"]):not([lang="bg"]):not(
      [lang="is"]
    ):not([lang="el"])
    .CybotCookiebotScrollContainer {
    width: auto;
  }
  #CybotCookiebotDialog.CybotEdge:not([lang="ta"]):not([lang="bg"]):not(
      [lang="is"]
    ):not([lang="el"])
    .CybotCookiebotDialogBodyBottomWrapper {
    border-top: none;
    padding-top: 0;
  }
}
#CybotCookiebotDialog .CybotCookiebotFader {
  bottom: 0;
  height: 5em;
  left: 1px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.3s;
  width: calc(100% - 1em);
  z-index: 10;
}
#CybotCookiebotDialog[dir="rtl"]
  .CybotCookiebotFader:not(.CybotCookiebotFaderLeft) {
  left: auto;
  right: 1px;
}
#CybotCookiebotDialog .CybotCookiebotFader.CybotCookiebotDialogActive {
  opacity: 1;
}
#CybotCookiebotDialog .CybotCookiebotFaderLeft,
#CybotCookiebotDialog .CybotCookiebotFaderRight {
  height: 100%;
  width: 3.5em;
}
#CybotCookiebotDialog .CybotCookiebotFaderLeft {
  left: 0;
}
#CybotCookiebotDialog .CybotCookiebotFaderRight {
  left: auto;
  right: 0;
}
@media screen and (min-width: 1280px) {
  #CybotCookiebotDialog
    .CybotCookiebotFader:not(.CybotCookiebotFaderLeft):not(
      .CybotCookiebotFaderRight
    ) {
    width: calc(100% - 1.5em);
  }
}
#CybotCookiebotDialogBody {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#CybotCookiebotDialogBody .CybotCookiebotScrollContainer {
  display: flex;
  flex-direction: column;
  max-height: 18em;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyContent {
  max-height: inherit;
}
#CybotCookiebotDialog h2 {
  font-weight: 600;
  letter-spacing: 0.25px;
  line-height: 1.6em;
  margin-bottom: 0.5em;
}
#CybotCookiebotDialogBodyContent {
  flex: 1;
  height: 100%;
  letter-spacing: 0.5px;
  line-height: 1.6em;
  max-height: 100%;
  overflow-x: hidden;
  padding: 1.625em 0.625em;
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTabContent {
  list-style-type: none;
}
#CybotCookiebotDialogDetailBulkConsent {
  border: var(--brand-border-width-regular) solid
    var(--brand-color-surface-section-neutral);
  border-radius: var(--brand-border-radius-s);
  margin: 0 0.625em 1em;
  padding: 1em;
}
#CybotCookiebotDialogDetailBulkConsent:before {
  border-top: var(--brand-border-width-regular) solid
    var(--brand-color-surface-section-neutral);
  content: "";
  width: 100%;
}
#CybotCookiebotDialogDetailBulkConsentLink {
  color: var(--brand-color-text-on-bold-bg-text);
  display: block;
  font-weight: 600;
  line-height: 1.6em;
  margin-bottom: 0.625em;
  text-decoration: none;
}
#CybotCookiebotDialogDetailBulkConsentLink:hover {
  color: var(--brand-color-text-on-bold-bg-text-hover);
}
#CybotCookiebotDialogTabContent .CybotCookiebotDialogDetailBulkConsentCount {
  background-color: var(--brand-color-surface-section-brand);
  border-radius: 100%;
  display: inline-block;
  font-size: 0.8em;
  font-weight: 700;
  letter-spacing: 0.25px;
  line-height: 1.2em;
  margin-left: 0.5em;
  padding: 0.25em 0.5em;
}
#CybotCookiebotDialog[dir="rtl"]
  #CybotCookiebotDialogTabContent
  .CybotCookiebotDialogDetailBulkConsentCount {
  margin-left: 0;
  margin-right: 0.5em;
}
#CybotCookiebotDialogDetailBulkConsentListWrapper {
  background-color: var(--brand-color-rgb-03);
  border: var(--brand-border-width-regular) solid
    var(--brand-color-surface-section-neutral);
  border-radius: var(--brand-border-radius-s);
  margin-top: 1.5em;
  padding: 1em;
}
#CybotCookiebotDialogDetailBulkConsentListWrapper > span {
  border-bottom: var(--brand-border-width-regular) solid
    var(--brand-color-surface-section-neutral);
  display: block;
  font-weight: 600;
  padding-bottom: 1em;
}
#CybotCookiebotDialogDetailBulkConsentList {
  margin-top: 1em;
}
#CybotCookiebotDialogDetailFooter {
  letter-spacing: 0.3px;
  line-height: 1.6em;
  padding: 0 1em 1em;
}
#CybotCookiebotDialogDetailFooter a {
  color: var(--brand-color-text-on-bold-bg-text);
}
#CybotCookiebotDialogDetailBulkConsentList dt:not(:last-of-type) {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 1280px) {
  #CybotCookiebotDialog
    #CybotCookiebotDialogBody
    .CybotCookiebotScrollContainer {
    display: flex;
    flex: auto;
    height: auto;
    max-height: 15.5em;
    overflow: hidden;
  }
  #CybotCookiebotDialogBodyContent {
    padding: 1.125em;
  }
  #CybotCookiebotDialogDetailBulkConsent {
    margin: 0 2em 1em;
    padding: 1.5em;
  }
  #CybotCookiebotDialogDetailFooter {
    padding: 0 2em 1.125em;
  }
  #CybotCookiebotDialogDetailBulkConsentListWrapper {
    margin-top: 2em;
    padding: 1.5em;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBody {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyContent {
    height: auto;
    padding: 0 1.125em 0 0;
  }
  #CybotCookiebotDialog[dir="rtl"].CybotEdge #CybotCookiebotDialogBodyContent {
    padding-left: 1.125em;
    padding-right: 0;
  }
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABHeader {
  font-weight: 600;
  line-height: 1.6em;
  margin-bottom: 1em;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABWrapper {
  border: var(--brand-border-width-focus) solid
    var(--brand-color-surface-section-neutral);
  border-radius: var(--brand-border-radius-m);
  margin: 1.5em 0 1em;
  padding: 1em;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABWrapper:last-of-type {
  margin-bottom: 0;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABContainer,
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABContainerCollapsed {
  background-color: var(--brand-color-rgb-03);
  border: var(--brand-border-width-focus) solid
    var(--brand-color-surface-section-neutral);
  border-radius: var(--brand-border-radius-m);
  margin-bottom: 0.5em;
  padding: 0.5em 1em 1em;
  position: relative;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABContainer:last-of-type,
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABContainerCollapsed:last-of-type {
  margin-bottom: 0;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonWrapper {
  align-items: center;
  display: flex;
  font-weight: 600;
  margin: 0.5em 2em 0 0;
}
#CybotCookiebotDialog[dir="rtl"]
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonWrapper {
  margin: 0.5em 0 0 2em;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonWrapper:nth-of-type(2) {
  margin-right: 0;
}
#CybotCookiebotDialog[dir="rtl"]
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonWrapper:nth-of-type(2) {
  margin-left: 0;
  margin-right: 0;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  a
  + .CybotCookiebotDialogBodyLevelButtonIABContainerTogglesWrapper
  .CybotCookiebotDialogBodyLevelButtonWrapper:nth-of-type(2) {
  margin-right: 3.5em;
}
#CybotCookiebotDialog[dir="rtl"]
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
  a
  + .CybotCookiebotDialogBodyLevelButtonIABContainerTogglesWrapper
  .CybotCookiebotDialogBodyLevelButtonWrapper:nth-of-type(2) {
  margin-left: 3.5em;
  margin-right: 0;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABDescription {
  border-top: var(--brand-border-width-regular) solid
    var(--brand-color-surface-section-neutral);
  margin-top: 1em;
  padding-top: 1em;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABPurposeCount {
  margin-top: 2em;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABPurposeCount
  .CybotCookiebotDialogDetailBulkConsentCount {
  margin-left: 0.4em;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABLinkWrapper {
  font-weight: 700;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABLinkWrapper:nth-of-type(2) {
  margin-top: 1em;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABLinkWrapper
  a {
  margin-top: 0;
  word-break: break-word;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABDescription
  a {
  align-items: center;
  display: inline-flex;
  margin-top: 0.5em;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABDescription
  .CybotCookiebotDialogBodyLevelButtonIABBullet {
  margin: 1em 0 0 1em;
}
#CybotCookiebotDialog[dir="rtl"]
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABDescription
  .CybotCookiebotDialogBodyLevelButtonIABBullet {
  margin: 1em 1em 0 0;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABDescription
  .CybotCookiebotDialogBodyLevelButtonIABList {
  font-weight: 700;
  margin-top: 1em;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABDescription
  .CybotCookiebotDialogBodyLevelButtonIABList
  li {
  font-weight: 400;
  margin-left: 2px;
}
#CybotCookiebotDialog[dir="rtl"]
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABDescription
  .CybotCookiebotDialogBodyLevelButtonIABList
  li {
  font-weight: 400;
  margin-right: 2px;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABContainerCollapsed
  .CybotCookiebotDialogBodyLevelButtonIABDescription {
  display: none;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABContainer
  .CybotCookiebotDialogBodyLevelButtonIABDescription,
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABDescription.CybotCookiebotDialogShow {
  display: block;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABContainerToggleHide,
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABContainerToggleShow {
  display: block;
  height: 2em;
  position: absolute;
  right: 1.4em;
  width: 2em;
}
#CybotCookiebotDialog[dir="rtl"]
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABContainerToggleHide,
#CybotCookiebotDialog[dir="rtl"]
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABContainerToggleShow {
  left: 1.4em;
  right: auto;
}
#CybotCookiebotDialogDetailBodyContentIABv2PartnersBody
  .CybotCookiebotDialogBodyLevelButtonIABContainer:before,
#CybotCookiebotDialogDetailBodyContentIABv2PartnersBody
  .CybotCookiebotDialogBodyLevelButtonIABContainerCollapsed:before {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  content: "";
  display: inline-block;
  height: 0.5em;
  position: absolute;
  right: 2em;
  top: 1.3em;
  transform: rotate(-225deg);
  width: 0.5em;
}
#CybotCookiebotDialog[dir="rtl"]
  #CybotCookiebotDialogDetailBodyContentIABv2PartnersBody
  .CybotCookiebotDialogBodyLevelButtonIABContainer:before,
#CybotCookiebotDialog[dir="rtl"]
  #CybotCookiebotDialogDetailBodyContentIABv2PartnersBody
  .CybotCookiebotDialogBodyLevelButtonIABContainerCollapsed:before {
  left: 2em;
  right: auto;
}
#CybotCookiebotDialogDetailBodyContentIABv2PartnersBody
  .CybotCookiebotDialogBodyLevelButtonIABContainer:before {
  top: 1.6em;
  transform: rotate(-45deg);
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyIABIntroContainer {
  padding-bottom: 1em;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABLabel {
  line-height: 1.5em;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  p.CybotCookiebotDialogBodyLevelButtonIABLabel {
  padding-left: 2em;
}
@media screen and (min-width: 1280px) {
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
    .CybotCookiebotDialogBodyLevelButtonIABWrapper {
    padding: 1.5em;
  }
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
    .CybotCookiebotDialogBodyLevelButtonIABHeader {
    align-items: center;
    border-bottom: var(--brand-border-width-regular) solid
      var(--brand-color-surface-section-neutral);
    display: flex;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
  }
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
    .CybotCookiebotDialogBodyIABIntroContainer {
    padding-bottom: 1.5em;
  }
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
    .CybotCookiebotDialogBodyLevelButtonIABContainerTogglesWrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
    .CybotCookiebotDialogBodyLevelButtonIABContainer,
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
    .CybotCookiebotDialogBodyLevelButtonIABContainerCollapsed {
    padding: 1em 1.5em 1.5em;
  }
  #CybotCookiebotDialogDetailBodyContentIABv2PartnersBody
    .CybotCookiebotDialogBodyLevelButtonIABContainer:before,
  #CybotCookiebotDialogDetailBodyContentIABv2PartnersBody
    .CybotCookiebotDialogBodyLevelButtonIABContainerCollapsed:before {
    top: 1.8em;
  }
  #CybotCookiebotDialogDetailBodyContentIABv2PartnersBody
    .CybotCookiebotDialogBodyLevelButtonIABContainer:before {
    top: 2.1em;
  }
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
    .CybotCookiebotDialogBodyLevelButtonIABDescription {
    width: 100%;
  }
}
#CybotCookiebotDialogDetailBodyContentTextAbout {
  padding: 1.625em 0.625em;
}
@media screen and (min-width: 1280px) {
  #CybotCookiebotDialogDetailBodyContentTextAbout {
    padding: 1.125em;
  }
}
#CybotCookiebotDialogFooter {
  padding: 1em;
  width: 100%;
}
#CybotCookiebotDialogBodyButtons {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media screen and (min-width: 601px) {
  #CybotCookiebotDialogBodyButtons {
    align-items: center;
    flex-direction: row;
  }
}
@media screen and (min-width: 1280px) {
  #CybotCookiebotDialog #CybotCookiebotDialogFooter {
    padding: 1em 1.5em 1.5em;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter {
    padding: 0;
    width: auto;
  }
  #CybotCookiebotDialog.CybotEdge.CybotMultilevel #CybotCookiebotDialogFooter {
    position: absolute;
    right: 0;
    top: 0;
  }
  #CybotCookiebotDialog.CybotEdge[dir="rtl"] #CybotCookiebotDialogFooter {
    left: 0;
    right: auto;
  }
  #CybotCookiebotDialog.CybotEdge.CybotMultilevel.CybotCloseButtonEnabled
    #CybotCookiebotDialogFooter {
    right: 51px;
  }
  #CybotCookiebotDialog.CybotEdge[dir="rtl"].CybotCloseButtonEnabled
    #CybotCookiebotDialogFooter {
    left: 51px;
    right: auto;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons {
    align-items: flex-end;
    flex-direction: column-reverse;
    max-width: 286px;
  }
}
@media screen and (min-width: 1510px) {
  #CybotCookiebotDialog.CybotEdge:not([lang="ta"]):not([lang="bg"]):not(
      [lang="is"]
    ):not([lang="el"])
    #CybotCookiebotDialogFooter {
    position: relative;
    right: 0;
  }
  #CybotCookiebotDialog.CybotEdge[dir="rtl"]:not([lang="ta"]):not(
      [lang="bg"]
    ):not([lang="is"]):not([lang="el"])
    #CybotCookiebotDialogFooter {
    left: 0;
    position: relative;
    right: auto;
  }
}
#CybotCookiebotDialog
  .CybotCookiebotScrollContainer
  > div:first-of-type::-webkit-scrollbar {
  width: 0.25em;
}
#CybotCookiebotDialog
  .CybotCookiebotScrollContainer
  > div:first-of-type::-webkit-scrollbar-track {
  background: var(--brand-color-surface-section-neutral);
  border-radius: var(--brand-border-radius-none);
}
#CybotCookiebotDialog
  .CybotCookiebotScrollContainer
  > div:first-of-type::-webkit-scrollbar-thumb {
  background: var(--brand-color-surface-shape-base);
  border-radius: var(--brand-border-radius-none);
}
#CybotCookiebotDialog
  .CybotCookiebotScrollContainer
  .CybotCookiebotScrollbarContainer {
  background: var(--brand-color-surface-section-brand);
  display: none;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0.375em;
  top: 0;
  transition: opacity 0.5s;
  width: 0.6em;
}
#CybotCookiebotDialog:hover
  .CybotCookiebotScrollContainer
  .CybotCookiebotScrollbarContainer {
  opacity: 0;
}
#CybotCookiebotDialog .CybotCookiebotScrollContainer > div:first-of-type:focus {
  outline: none;
}
#CybotCookiebotDialog
  .CybotCookiebotScrollContainer
  > div:first-of-type:focus::-webkit-scrollbar-thumb {
  background: var(--brand-color-surface-section-bold);
}
@-moz-document url-prefix() {
  #CybotCookiebotDialog .CybotCookiebotScrollContainer > div:first-of-type {
    scrollbar-track-color: var(--brand-color-surface-section-neutral);
    scrollbar-face-color: var(--brand-color-text-on-bold-bg-text);
    scrollbar-color: var(--brand-color-surface-section-base)
      var(--brand-color-surface-section-neutral);
    scrollbar-width: thin;
  }
}
#CybotCookiebotDialog .CybotCookiebotScrollContainer > div:first-of-type:focus {
  scrollbar-color: var(--brand-color-surface-section-bold)
    var(--brand-color-surface-section-neutral);
}
@media screen and (min-width: 1510px) {
  #CybotCookiebotDialog
    .CybotCookiebotScrollContainer
    > div:first-of-type::-webkit-scrollbar {
    width: 0.5em;
  }
  #CybotCookiebotDialog
    .CybotCookiebotScrollContainer
    .CybotCookiebotScrollbarContainer {
    display: block;
  }
}
#CybotCookiebotDialog
  .CybotCookiebotDialogBodyLevelButtonIABContainerToggleHide,
#CybotCookiebotDialog
  .CybotCookiebotDialogBodyLevelButtonIABContainerToggleShow,
#CybotCookiebotDialog a:after,
#CybotCookiebotDialog a:before,
#CybotCookiebotDialog button:after,
#CybotCookiebotDialog button:before {
  border-color: var(--brand-color-text-on-bold-bg-text);
}
#CybotCookiebotDialog a:hover:after,
#CybotCookiebotDialog a:hover:before,
#CybotCookiebotDialog button:hover:after,
#CybotCookiebotDialog button:hover:before {
  border-color: var(--comp-color-button-primary-border-hover);
}
#CybotCookiebotDialog #CybotCookiebotBannerCloseButtonE2E,
#CybotCookiebotDialog .CybotCookiebotBannerCloseButton {
  fill: var(--brand-color-surface-icon-base);
  border: 0;
  display: none;
}
#CybotCookiebotDialog.CybotCloseButtonEnabled .CybotCookiebotBannerCloseButton {
  display: flex;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
}
#CybotCookiebotDialogBodyButtons
  .CybotCookiebotDialogBodyButton:not(:last-of-type),
#CybotCookiebotDialogFooter
  .CybotCookiebotDialogBodyButton:not(:first-of-type) {
  margin-bottom: 0.5em;
}
#CybotCookiebotDialogBodyButtons
  .CybotCookiebotDialogBodyContentControlsWrapper {
  align-items: center;
  display: flex;
  margin-bottom: 0.5em;
}
#CybotCookiebotDialogBodyButtons
  .CybotCookiebotDialogBodyContentControlsWrapper
  .CybotCookiebotDialogBodyLevelButtonSliderWrapper {
  margin-right: 1em;
}
#CybotCookiebotDialogBodyButtons
  .CybotCookiebotDialogBodyContentControlsWrapper
  .CybotCookiebotDialogBodyLevelButtonDescription {
  font-weight: 600;
}
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  background-color: var(--brand-color-surface-section-brand);
  border: var(--brand-border-width-focus) solid
    var(--brand-color-surface-section-brand);
  border-radius: var(--brand-border-radius-none);
  color: var(--brand-color-text-on-bold-bg-text);
  display: block;
  font-weight: 600;
  padding: 1em;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:hover {
  opacity: 0.85;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogFooter
  #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter
  #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: var(--brand-color-surface-section-bold);
  border-color: var(--brand-color-surface-icon-bold);
  color: var(--brand-color-text-on-bold-bg-text);
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize {
  align-items: center;
}
#CybotCookiebotDialogFooter
  #CybotCookiebotDialogBodyLevelButtonCustomize
  .CybotCookiebotDialogArrow {
  border-color: var(--brand-color-text-on-bold-bg-text);
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  display: inline-block;
  height: 0.5em;
  margin-left: 1em;
  transform: rotate(45deg);
  vertical-align: baseline;
  width: 0.5em;
}
#CybotCookiebotDialog[dir="rtl"]
  #CybotCookiebotDialogFooter
  #CybotCookiebotDialogBodyLevelButtonCustomize
  .CybotCookiebotDialogArrow {
  margin-left: 0;
  margin-right: 1em;
  transform: rotate(-135deg);
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABHeaderToggle {
  border-bottom: var(--brand-border-width-regular) solid
    var(--brand-color-surface-section-neutral);
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 1em 0 1.5em auto;
  padding-bottom: 1.5em;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABHeaderButton,
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleDeselectVendorsLink,
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleSelectVendorsLink {
  align-items: center;
  background-color: var(--brand-color-surface-section-brand);
  border: var(--brand-border-width-focus) solid
    var(--brand-color-surface-section-brand);
  border-radius: var(--brand-border-radius-none);
  color: var(--brand-color-text-on-bold-bg-text);
  display: flex;
  font-weight: 600;
  padding: 0.75em 1em;
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABHeaderButton:hover,
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleDeselectVendorsLink:hover,
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleSelectVendorsLink:hover {
  opacity: 0.85;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABHeaderButton.select,
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleSelectVendorsLink {
  background-color: var(--brand-color-surface-section-bold);
  border-color: var(--brand-color-surface-icon-bold);
  color: var(--brand-color-text-on-bold-bg-text);
  margin-left: 0.5em;
}
#CybotCookiebotDialog[dir="rtl"]
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABHeaderButton.select,
#CybotCookiebotDialog[dir="rtl"]
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleSelectVendorsLink {
  margin-left: 0;
  margin-right: 0.5em;
}
@media screen and (min-width: 601px) {
  #CybotCookiebotDialog .CybotCookiebotBannerCloseButton {
    margin-left: 2.313rem;
  }
  #CybotCookiebotDialog[dir="rtl"] .CybotCookiebotBannerCloseButton {
    margin-left: auto;
    margin-right: 2.313rem;
  }
  #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper {
    align-items: stretch;
    flex: 1;
    flex-direction: row;
    justify-content: flex-end;
  }
  #CybotCookiebotDialogFooter
    #CybotCookiebotDialogBodyButtons
    .CybotCookiebotDialogBodyButton:not(:last-of-type),
  #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
  #CybotCookiebotDialogFooter
    .CybotCookiebotDialogBodyButton:not(:first-of-type) {
    margin-bottom: 0;
    width: 33%;
  }
  #CybotCookiebotDialogBodyButtons
    .CybotCookiebotDialogBodyContentControlsWrapper:not(
      .CybotCookiebotDialogHide
    )
    + #CybotCookiebotDialogBodyButtonsWrapper
    .CybotCookiebotDialogBodyButton {
    max-width: 286px;
    width: 100%;
  }
  #CybotCookiebotDialogBodyButtons
    .CybotCookiebotDialogBodyButton:not(:last-of-type) {
    margin-right: 0.5em;
  }
  #CybotCookiebotDialog[dir="rtl"]
    #CybotCookiebotDialogFooter
    .CybotCookiebotDialogBodyButton:not(:last-of-type) {
    margin-left: 0.5em;
    margin-right: 0;
  }
  #CybotCookiebotDialogBodyButtons
    .CybotCookiebotDialogBodyContentControlsWrapper {
    margin-bottom: 0;
    margin-right: 1em;
  }
}
@media screen and (min-width: 1280px) {
  #CybotCookiebotDialog.CybotEdge .CybotCookiebotBannerCloseButton {
    display: none;
  }
  #CybotCookiebotDialog.CybotEdge.CybotCloseButtonEnabled
    #CybotCookiebotBannerCloseButtonE2E {
    display: flex;
  }
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
    .CybotCookiebotDialogBodyLevelButtonIABHeaderToggle {
    border-bottom: none;
    justify-content: flex-start;
    margin: 0 0 0 auto;
    padding: 0;
  }
  #CybotCookiebotDialog[dir="rtl"]
    #CybotCookiebotDialogDetailBodyContentIABv2Tabs
    .CybotCookiebotDialogBodyLevelButtonIABHeaderToggle {
    margin-left: 0;
    margin-right: auto;
  }
  #CybotCookiebotDialog.CybotEdge
    #CybotCookiebotDialogFooter
    #CybotCookiebotDialogBodyButtonsWrapper {
    flex: auto;
    flex-direction: column-reverse;
  }
  #CybotCookiebotDialog.CybotEdge
    #CybotCookiebotDialogFooter
    .CybotCookiebotDialogBodyButton {
    max-width: none;
    width: 286px;
  }
  #CybotCookiebotDialog.CybotEdge
    #CybotCookiebotDialogFooter
    .CybotCookiebotDialogBodyButton:not(:first-of-type) {
    margin-bottom: 0.5em;
  }
}
#CybotCookiebotDialogBodyLevelWrapper {
  width: 100%;
}
#CybotCookiebotDialogBodyEdgeMoreDetails {
  display: none;
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes {
  list-style-type: none;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails {
  display: flex;
  justify-content: flex-end;
  margin: 1.5em 2em 0.5em 0;
}
#CybotCookiebotDialog.CybotEdge[dir="rtl"]
  #CybotCookiebotDialogBodyEdgeMoreDetails {
  margin-left: 1.125em;
  margin-right: 0;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
  align-items: center;
  color: var(--brand-color-text-on-bold-bg-medium);
  display: flex;
  font-weight: 600;
  text-decoration: none;
}
#CybotCookiebotDialog.CybotEdge
  #CybotCookiebotDialogBodyEdgeMoreDetails
  a:after {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  color: var(--brand-color-text-on-bold-bg-text);
  content: "";
  display: block;
  height: 0.563em;
  margin-left: 1em;
  transform: rotate(45deg);
  width: 0.563em;
}
#CybotCookiebotDialog.CybotEdge[dir="rtl"]
  #CybotCookiebotDialogBodyEdgeMoreDetails
  a:after {
  margin-left: 0;
  margin-right: 1em;
  transform: rotate(225deg);
}
#CybotCookiebotDialogBodyLevelButtons {
  width: 100%;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  position: relative;
  width: 57px;
}
#CybotCookiebotDialog
  .CybotCookiebotDialogBodyLevelButtonSliderWrapper:hover
  input[type="checkbox"]:not(:disabled)
  + .CybotCookiebotDialogBodyLevelButtonSlider {
  opacity: 0.85;
}
#CybotCookiebotDialog
  .CybotCookiebotDialogBodyLevelButtonSliderWrapper
  input[type="checkbox"].CybotCookiebotDialogBodyLevelButton {
  opacity: 0;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--brand-color-surface-section-base);
  border-radius: var(--brand-border-radius-xl);
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: background-color 0.4s;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider:before {
  background-color: var(--brand-color-surface-section-brand);
  border-radius: 100%;
  bottom: 4px;
  content: "";
  height: 24px;
  left: 4px;
  position: absolute;
  transition: transform 0.4s;
  width: 24px;
}
#CybotCookiebotDialog
  input:checked
  + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--brand-color-text-on-bold-bg-medium);
}
#CybotCookiebotDialog
  input:checked
  + .CybotCookiebotDialogBodyLevelButtonSlider:before,
#CybotCookiebotDialog[dir="rtl"]
  #CybotCookiebotDialogTabContent
  input
  + .CybotCookiebotDialogBodyLevelButtonSlider:before {
  background-color: var(--brand-color-surface-section-base);
  transform: translate(26px);
}
#CybotCookiebotDialog[dir="rtl"]
  #CybotCookiebotDialogTabContent
  input:checked
  + .CybotCookiebotDialogBodyLevelButtonSlider:before {
  transform: translate(0);
}
#CybotCookiebotDialog
  form
  input[type="checkbox"][disabled]:checked
  + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--brand-color-surface-section-neutral);
  pointer-events: none;
}
#CybotCookiebotDialogBodyLevelButtonsSelectPane {
  border-bottom: var(--brand-border-width-regular) solid
    var(--brand-color-surface-section-neutral);
  padding: 1em 0;
}
#CybotCookiebotDialogBodyLevelButtonsSelectPane
  .CybotCookiebotDialogBodyLevelButtonWrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 1em;
  text-align: center;
  width: 100%;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogBodyLevelButtonWrapper
  + .CybotCookiebotDialogBodyLevelButtonWrapper
  label {
  font-size: 0.875em;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.15px;
  padding-bottom: 0;
}
#CybotCookiebotDialogBodyLevelButtonsSelectPane
  .CybotCookiebotDialogBodyLevelButtonDescription {
  font-weight: 700;
}
#CybotCookiebotDialogBodyLevelButtonsSelectPane
  label:not([for="CybotCookiebotDialogBodyLevelButtonNecessary"])
  .CybotCookiebotDialogBodyLevelButtonDescription:hover {
  color: var(--brand-color-text-on-bold-bg-medium);
}
@media screen and (min-width: 601px) {
  #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonsSelectPane {
    padding: 0;
  }
  #CybotCookiebotDialogBodyLevelButtonsSelectPane
    .CybotCookiebotDialogBodyLevelButtonWrapper {
    flex-direction: column;
    padding: 1.5em 1em;
    width: 25%;
  }
  #CybotCookiebotDialogBodyLevelButtonsSelectPane
    .CybotCookiebotDialogBodyLevelButtonWrapper:not(:last-of-type) {
    border-right: var(--brand-border-width-regular) solid
      var(--brand-color-surface-section-neutral);
  }
  #CybotCookiebotDialog[dir="rtl"]
    #CybotCookiebotDialogBodyLevelButtonsSelectPane
    .CybotCookiebotDialogBodyLevelButtonWrapper:not(:last-of-type) {
    border-left: var(--brand-border-width-regular) solid
      var(--brand-color-surface-section-neutral);
    border-right: none;
  }
  #CybotCookiebotDialogBodyLevelButtonsSelectPane
    .CybotCookiebotDialogBodyLevelButtonLabel {
    margin-bottom: 0.75em;
  }
  #CybotCookiebotDialogTabContent
    input:focus
    + .CybotCookiebotDialogBodyLevelButtonSlider {
    box-shadow: 0 0 1px var(--brand-color-surface-section-medium);
  }
}
@media screen and (min-width: 1280px) {
  #CybotCookiebotDialog.CybotEdge
    #CybotCookiebotDialogBodyLevelButtonsSelectPane {
    border-bottom: none;
  }
  #CybotCookiebotDialog.CybotEdge
    #CybotCookiebotDialogBodyLevelButtonsSelectPane
    .CybotCookiebotDialogBodyLevelButtonWrapper {
    border: 0;
    flex-direction: row;
    margin: 0.5em 2.5em 0 0;
    padding: 0;
    width: auto;
  }
  #CybotCookiebotDialog.CybotEdge
    #CybotCookiebotDialogBodyLevelButtonsSelectPane
    .CybotCookiebotDialogBodyLevelButtonLabel {
    margin-bottom: 0;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyLevelWrapper {
    width: auto;
  }
  #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyLevelButtonLabel {
    margin-right: 1em;
  }
  #CybotCookiebotDialog.CybotEdge[dir="rtl"]
    .CybotCookiebotDialogBodyLevelButtonLabel {
    margin-left: 1em;
    margin-right: 0;
  }
  #CybotCookiebotDialog.CybotEdge[dir="rtl"]
    #CybotCookiebotDialogBodyLevelButtonsSelectPane
    .CybotCookiebotDialogBodyLevelButtonWrapper {
    border-left: none;
    margin: 0.5em 0 0 2.5em;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails {
    display: inline-flex;
    height: 2em;
    margin: 0;
  }
}
#CybotCookiebotDialog input[type="checkbox"] {
  height: 1.5em;
  margin-right: 0.5em;
  width: 1.5em;
}
#CybotCookiebotDialog[dir="rtl"] input[type="checkbox"] {
  margin-left: 0.5em;
  margin-right: 0;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper form {
  height: 100%;
  width: 100%;
}
#CybotCookiebotDialog
  .CybotCookiebotDialogBodyLevelButtonSliderWrapper
  input[type="checkbox"] {
  height: 100%;
  margin-right: 0;
  width: 100%;
}
#CybotCookiebotDialog
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
  input[type="checkbox"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  background-color: var(--brand-color-surface-section-brand);
  border: var(--brand-border-width-focus) solid
    var(--brand-color-surface-section-neutral);
  border-radius: var(--brand-border-radius-xs);
  position: relative;
}
#CybotCookiebotDialog
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
  input[type="checkbox"]:not(:checked):hover {
  border-color: var(--brand-color-text-on-bold-bg-text);
}
#CybotCookiebotDialog
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
  input[type="checkbox"]:checked {
  background-color: var(--brand-color-text-on-bold-bg-medium);
  border-color: var(--comp-color-button-primary-border-hover);
}
#CybotCookiebotDialog
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
  input[type="checkbox"]:checked:after {
  border-bottom: var(--brand-border-width-focus) solid
    var(--brand-color-surface-section-brand);
  border-right: var(--brand-border-width-focus) solid
    var(--brand-color-surface-section-brand);
  content: "";
  display: inline-block;
  height: 50%;
  left: 50%;
  position: absolute;
  top: calc(50% - 2px);
  transform: translate(-50%, -50%) rotate(45deg);
  width: 25%;
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes,
#CybotCookiebotDialogDetailBodyContentIABv2Tabs {
  padding: 0 0.625em;
  width: 100%;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogDetailBodyContentIABv2TabsIntro {
  padding: 1.125em 1.125em 0.25em;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogDetailBodyContentIABv2TabsIntro:nth-child(3) {
  margin-bottom: 1.5em;
}
.CybotCookiebotDialogDetailBodyContentCookieContainerHeader {
  display: flex;
  justify-content: space-between;
}
.CybotCookiebotDialogDetailBodyContentCookieContainerButton:before,
.CybotCookiebotDialogDetailBodyContentIABv2Tab:before {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  content: "";
  display: inline-block;
  height: 0.5em;
  left: 0;
  margin-right: 1.875em;
  position: relative;
  top: 0.625em;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 0.5em;
}
#CybotCookiebotDialog[dir="rtl"]
  .CybotCookiebotDialogDetailBodyContentCookieContainerButton:before,
#CybotCookiebotDialog[dir="rtl"]
  .CybotCookiebotDialogDetailBodyContentIABv2Tab:before {
  margin-left: 1.875em;
  margin-right: 0;
}
.CybotCookiebotDialogDetailBodyContentCookieContainerButton.CybotCookiebotDialogCollapsed:before,
.CybotCookiebotDialogDetailBodyContentIABv2Tab.CybotCookiebotDialogCollapsed:before {
  top: 0.25em;
  transform: rotate(-225deg);
}
#CybotCookiebotDialog .CookieCard {
  border-bottom: var(--brand-border-width-regular) solid
    var(--brand-color-surface-section-neutral);
  padding: 1.5em 0;
}
#CybotCookiebotDialog .CookieCard:not(:first-child) {
  padding-top: 1.5em;
}
#CybotCookiebotDialog
  #CybotCookiebotDialogDetailBodyContentIABContainer
  .CookieCard {
  border-bottom: none;
  border-top: var(--brand-border-width-regular) solid
    var(--brand-color-surface-section-neutral);
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CookieCard:last-of-type {
  margin-bottom: 1em;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs .CookieCard:first-of-type {
  padding-top: 1.625em;
}
#CybotCookiebotDialog
  .CookieCard
  .CybotCookiebotDialogDetailBodyContentCookieContainerButton,
#CybotCookiebotDialog
  .CookieCard
  .CybotCookiebotDialogDetailBodyContentIABv2Tab {
  border: var(--brand-border-width-regular) solid transparent;
  font-weight: 700;
  line-height: 1.5em;
  padding-right: 0.75em;
  -webkit-user-select: none;
  user-select: none;
}
#CybotCookiebotDialog[dir="rtl"]
  .CookieCard
  .CybotCookiebotDialogDetailBodyContentCookieContainerButton,
#CybotCookiebotDialog[dir="rtl"]
  .CookieCard
  .CybotCookiebotDialogDetailBodyContentIABv2Tab {
  padding-left: 0.75em;
  padding-right: 0;
}
#CybotCookiebotDialog
  .CookieCard
  .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
#CybotCookiebotDialog
  .CookieCard
  .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieProvider:not(
    .CybotCookiebotDialogDetailBodyContentCookieInfoCount
  ):hover {
  color: var(--brand-color-text-on-bold-bg-medium);
}
#CybotCookiebotDialog
  .CookieCard
  .CybotCookiebotDialogDetailBodyContentCookieTypeIntro,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer,
#CybotCookiebotDialogDetailBodyContentIABv2Tabs .CollapseCard {
  padding-top: 1em;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CollapseCard
  > div:not(.CybotCookiebotDialogBodyLevelButtonIABWrapper) {
  letter-spacing: 0.3px;
  line-height: 1.6em;
  margin-left: 2.9em;
}
#CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogDetailBodyContentIABv2CardIntro {
  letter-spacing: 0.3px;
  line-height: 1.6em;
  margin-left: 2.9em;
  padding-top: 1em;
}
#CybotCookiebotDialog[dir="rtl"]
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CollapseCard
  > div:not(.CybotCookiebotDialogBodyLevelButtonIABWrapper),
#CybotCookiebotDialog[dir="rtl"]
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
  .CybotCookiebotDialogDetailBodyContentIABv2CardIntro {
  margin-left: 0;
  margin-right: 2.9em;
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyEmptyCategoryMessage {
  border: var(--brand-border-width-regular) solid
    var(--brand-color-surface-section-neutral);
  border-radius: var(--brand-border-radius-s);
  font-weight: 600;
  margin: 1em 0;
  padding: 1em 1.5em;
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieGroup {
  border: var(--brand-border-width-regular) solid
    var(--brand-color-surface-section-neutral);
  border-radius: var(--brand-border-radius-s);
  margin-bottom: 0.5em;
  padding: 1em;
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieGroup:not(.open):hover {
  background-color: var(--brand-color-rgb-03);
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieGroup:last-of-type {
  margin-bottom: 0;
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieProvider {
  display: block;
  font-weight: 700;
  position: relative;
  text-decoration: none;
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieProvider
  > div {
  pointer-events: none;
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieProvider:not(
    .CybotCookiebotDialogDetailBodyContentCookieInfoCount
  ) {
  color: var(--brand-color-text-on-bold-bg-text);
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieProvider.CybotCookiebotDialogCollapsed:after,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieProvider:after {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  content: "";
  display: inline-block;
  height: 0.5em;
  position: absolute;
  right: 1em;
  top: 0.5em;
  transform: rotate(-45deg);
  width: 0.5em;
}
#CybotCookiebotDialog[dir="rtl"]
  #CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieProvider.CybotCookiebotDialogCollapsed:after,
#CybotCookiebotDialog[dir="rtl"]
  #CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieProvider:after {
  left: 1em;
  right: auto;
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieProvider.CybotCookiebotDialogCollapsed:after {
  transform: rotate(-225deg);
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieLink {
  align-items: center;
  display: inline-flex;
  padding-top: 1em;
  position: relative;
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieInfo {
  background-color: var(--brand-color-rgb-03);
  border: var(--brand-border-width-regular) solid
    var(--brand-color-surface-section-neutral);
  border-radius: var(--brand-border-radius-m);
  margin-bottom: 0.5em;
  padding: 1em;
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieInfo:last-of-type {
  margin-bottom: 0;
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieInfo.CybotCookiebotDialogShow {
  display: block;
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieInfo.CybotCookiebotDialogShow:first-of-type {
  margin-top: 3.125em;
  position: relative;
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieInfo.CybotCookiebotDialogShow:first-of-type:before {
  border-top: var(--brand-border-width-regular) solid
    var(--brand-color-surface-section-neutral);
  content: "";
  left: 0;
  position: absolute;
  top: -1.5em;
  width: 100%;
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieInfoTitle {
  display: block;
  font-weight: 700;
  line-height: 1.6em;
  margin-bottom: 0.5em;
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieInfoDescription {
  display: block;
  letter-spacing: 0.3px;
  padding-bottom: 1em;
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieInfoFooter {
  border-top: var(--brand-border-width-regular) solid
    var(--brand-color-surface-section-neutral);
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.5em;
}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieInfoFooterContent {
  margin-top: 0.5em;
  width: 100%;
}
@media screen and (min-width: 1280px) {
  #CybotCookiebotDialogDetailBodyContentCookieContainerTypes,
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs {
    padding: 0 1.125em;
  }
  #CybotCookiebotDialogDetailBodyContentCookieContainerTypes
    .CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer {
    margin-top: 2em;
  }
  #CybotCookiebotDialogDetailBodyContentCookieContainerTypes
    .CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer,
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CollapseCard {
    margin-left: 3em;
    padding-top: 0.5em;
  }
  #CybotCookiebotDialog[dir="rtl"]
    #CybotCookiebotDialogDetailBodyContentCookieContainerTypes
    .CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer,
  #CybotCookiebotDialog[dir="rtl"]
    #CybotCookiebotDialogDetailBodyContentIABv2Tabs
    .CollapseCard {
    margin-left: 0;
    margin-right: 3em;
  }
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs
    .CollapseCard
    > div:not(.CybotCookiebotDialogBodyLevelButtonIABWrapper) {
    margin-left: 0;
  }
  #CybotCookiebotDialog .CookieCard {
    padding: 1.125em 0 1.5em;
  }
  #CybotCookiebotDialogDetailBodyContentCookieContainerTypes
    .CookieCard:last-of-type {
    margin-bottom: 1.5em;
    padding-bottom: 2em;
  }
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CookieCard:first-of-type {
    padding-top: 1.125em;
  }
  #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CookieCard:last-of-type {
    padding-bottom: 1.125em;
  }
  #CybotCookiebotDialog
    .CookieCard
    .CybotCookiebotDialogDetailBodyContentCookieTypeIntro {
    padding-left: 3em;
  }
  #CybotCookiebotDialog[dir="rtl"]
    .CookieCard
    .CybotCookiebotDialogDetailBodyContentCookieTypeIntro {
    padding-left: 0;
    padding-right: 3em;
  }
  #CybotCookiebotDialogDetailBodyContentCookieContainerTypes
    .CybotCookiebotDialogDetailBodyEmptyCategoryMessage {
    margin: 0 0 1.5em;
    padding: 1.5em;
  }
  #CybotCookiebotDialogDetailBodyContentCookieContainerTypes
    .CybotCookiebotDialogDetailBodyContentCookieGroup,
  #CybotCookiebotDialogDetailBodyContentCookieContainerTypes
    .CybotCookiebotDialogDetailBodyContentCookieInfo {
    padding: 1.5em;
  }
  #CybotCookiebotDialogDetailBodyContentCookieContainerTypes
    .CybotCookiebotDialogDetailBodyContentCookieInfo.CybotCookiebotDialogShow:first-of-type {
    margin-top: 3.75em;
  }
  #CybotCookiebotDialogDetailBodyContentCookieContainerTypes
    .CybotCookiebotDialogDetailBodyContentCookieInfo.CybotCookiebotDialogShow:first-of-type:before {
    top: -2em;
  }
  #CybotCookiebotDialogDetailBodyContentCookieContainerTypes
    .CybotCookiebotDialogDetailBodyContentCookieInfoFooterContent {
    width: 50%;
  }
}
#CybotCookiebotDialog .CybotCookiebotDialogHide {
  display: none;
}
.CybotExpandLink {
  position: relative;
}
.CybotExpandLink.CybotCookiebotDialogCollapsed:after,
.CybotExpandLink:after {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  content: "";
  height: 0.5em;
  position: absolute;
  right: 1em;
  top: 0.3em;
  transform: rotate(-45deg);
  width: 0.5em;
}
#CybotCookiebotDialog[dir="rtl"]
  .CybotExpandLink.CybotCookiebotDialogCollapsed:after,
#CybotCookiebotDialog[dir="rtl"] .CybotExpandLink:after {
  left: 0;
  right: auto;
}
.CybotExpandLink.CybotCookiebotDialogCollapsed:after {
  transform: rotate(-225deg);
}
#CybotCookiebotDialog .CybotExternalLinkArrow {
  margin-left: 0.625em;
}
#CybotCookiebotDialog[dir="rtl"] .CybotExternalLinkArrow {
  margin-left: 0;
  margin-right: 0.625em;
  transform: scaleX(-1);
}
#CybotCookiebotDialog
  .CookieCard
  .CybotCookiebotDialogDetailBodyContentCookieContainerButton:not(
    :disabled
  ):not(.disabled),
#CybotCookiebotDialog
  .CookieCard
  .CybotCookiebotDialogDetailBodyContentIABv2Tab:not(:disabled):not(.disabled),
#CybotCookiebotDialog
  .CybotCookiebotDialogBodyLevelButtonSliderWrapper
  input[type="checkbox"],
#CybotCookiebotDialog button,
#CybotCookiebotDialog input,
#CybotCookiebotDialog
  label:not([for="CybotCookiebotDialogBodyLevelButtonNecessary"]) {
  cursor: pointer;
}
#CybotCookiebotDialog
  .CybotCookiebotDialogBodyLevelButtonSliderWrapper
  input[type="checkbox"]:disabled {
  pointer-events: none;
}
#CybotCookiebotDialog
  .CybotCookiebotDialogBodyLevelButtonSliderWrapperDisabled {
  cursor: not-allowed;
}
#CybotCookiebotDialog dt {
  word-break: break-all;
}
#CybotCookiebotDialog fieldset {
  border: 0;
  width: 100%;
}
#CybotCookiebotDialog fieldset #CybotCookiebotDialogBodyFieldsetInnerContainer {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#CybotCookiebotDialog legend.visuallyhidden {
  display: block;
}
#CybotCookiebotDialog .visuallyhidden {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialog
  #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
#CybotCookiebotDialogDetailBodyContentTextAbout a {
  color: var(--brand-color-text-on-bold-bg-medium);
  font-weight: 600;
  text-decoration: none;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a:hover,
#CybotCookiebotDialog
  #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink:hover,
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a:hover,
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a:hover,
#CybotCookiebotDialog
  .CybotCookiebotDialogBodyLevelButtonIABDescription
  a:hover,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink:hover,
#CybotCookiebotDialogDetailBodyContentTextAbout a:hover {
  opacity: 0.85;
}
#CybotCookiebotDialog
  .CybotCookiebotDialogBodyLevelButtonSliderWrapper
  input:focus-visible
  + span,
#CybotCookiebotDialog :focus-visible,
#CybotCookiebotDialog:focus-visible {
  outline: none;
}
@media screen and (min-width: 601px) {
  #CybotCookiebotDialog
    .CybotCookiebotDialogBodyLevelButtonSliderWrapper
    input:focus-visible
    + span,
  #CybotCookiebotDialog :focus-visible {
    outline: 2px solid var(--brand-color-surface-section-medium);
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  @media screen and (min-width: 1280px) {
    #CybotCookiebotDialog
      #CybotCookiebotDialogBody
      .CybotCookiebotScrollContainer {
      display: block;
    }
  }
}
#CookiebotSessionPixel {
  display: none;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.document-entrypoint {
  display: block;
  position: relative;
  width: 100%;
  background:
    linear-gradient(
      110.13deg,
      var(--brand-color-surface-section-medium) 18.41%,
      var(--brand-color-rgb-04) 45.89%
    ),
    linear-gradient(
      182.41deg,
      var(--brand-color-surface-section-medium) 17.36%,
      var(--brand-color-rgb-04) 29.27%
    ),
    linear-gradient(
      360deg,
      var(--brand-color-surface-section-base) 55.52%,
      var(--comp-color-button-overlay-surface-default) 66.63%,
      var(--brand-color-rgb-02) 77.74%
    );
}
@media (min-width: 1024px) {
  .document-entrypoint {
    background: transparent;
  }
}
.document-entrypoint .documentLaunch__text {
  padding-bottom: 0;
}
@media (min-width: 1024px) {
  .document-entrypoint .documentLaunch__text {
    padding-bottom: 48px;
  }
}
.document-entrypoint .button-download .buttonDownload__infoTitle,
.document-entrypoint .button-download .buttonDownload__infoText,
.document-entrypoint .button-download .buttonDownload__infoIcon {
  color: var(--brand-color-text-standard-text);
}
.document-entrypoint.document-entrypoint-layerOpacity .documentLaunch__text {
  color: var(--brand-color-surface-section-base);
}
.documentEntrypoint__wrap {
  padding-top: 14px;
  padding-bottom: 14px;
}
@media (min-width: 1024px) {
  .documentEntrypoint__wrap {
    padding-top: 68px;
    padding-bottom: 82px;
  }
}
.documentEntrypoint__entrypoint {
  position: relative;
  padding-bottom: 46px;
}
@media (min-width: 1024px) {
  .documentEntrypoint__entrypoint {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 28px;
  }
}
.documentEntrypoint__card {
  margin: 0 10px 32px;
  display: flex;
  flex-direction: column;
}
.documentEntrypoint__card .card-simple {
  padding: 76px 32px;
  flex: 1;
}
@media (min-width: 1024px) {
  .documentEntrypoint__card {
    flex: 0 0 calc(25% - 21px);
    margin: 0;
  }
  .documentEntrypoint__card .card-simple {
    height: 100%;
  }
}
.documentEntrypoint__card .cardSimple__icon {
  color: var(--brand-color-surface-icon-medium-dark);
  opacity: 0.5;
}
@media (min-width: 1024px) {
  .documentEntrypoint__wrap {
    background:
      linear-gradient(
        0deg,
        var(--brand-color-surface-shape-base) 34.12%,
        var(--comp-color-button-overlay-surface-default) 41.1%,
        var(--brand-color-rgb-02) 48.76%
      ),
      linear-gradient(
        38deg,
        var(--brand-color-surface-shape-medium) 16.93%,
        var(--brand-color-rgb-04) 43.41%
      ),
      linear-gradient(
        125deg,
        var(--brand-color-surface-shape-medium) 31.72%,
        var(--brand-color-rgb-04) 49.89%
      ),
      var(--image-url) #d3d3d3 100% 0% no-repeat;
    background-size: cover;
  }
}
.document-entrypoint-layerOpacity .documentEntrypoint__wrap:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: var(--brand-color-surface-gradient-base-photo-1);
  opacity: 0.4;
}
.documentEntrypoint__document {
  position: relative;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.document-launch {
  width: 100%;
  position: relative;
  display: block;
}
.document-launch .splide__slide {
  aspect-ratio: auto;
  height: auto;
}
.document-launch .splide__list {
  align-items: center;
  height: auto;
}
@media (min-width: 1024px) {
  .document-launch {
    padding-top: calc(0.0107142857 * 100vw + 42.8571428571px);
  }
}
@media (min-width: 1024px) and (min-width: 1600px) {
  .document-launch {
    padding-top: 60px;
  }
}
@media (min-width: 1024px) and (max-width: 767px) {
  .document-launch {
    padding-top: 48px;
  }
}
.documentLaunch__text {
  padding-top: 46px;
  padding-bottom: 28px;
  margin-left: 0;
}
@media (min-width: 1024px) {
  .documentLaunch__text {
    margin-left: 100px;
    padding-right: calc(var(--pd-mid-l-cnt) / 2);
  }
}
@media (min-width: 1280px) {
  .documentLaunch__text {
    padding-right: calc(var(--pd-max-cnt) / 2);
  }
}
.documentLaunch__title {
  color: var(--brand-color-text-on-bold-bg-title);
}
.documentLaunch__text--dark .documentLaunch__title {
  color: var(--brand-color-text-standard-title);
}
.documentLaunch__subtitle {
  color: var(--brand-color-text-on-bold-bg-text);
}
.documentLaunch__text--dark .documentLaunch__subtitle {
  color: var(--brand-color-text-standard-text);
}
.documentLaunch__img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.documentLaunch__slider {
  padding-bottom: calc(0.0285714286 * 100vw + 34.2857142857px);
}
@media (min-width: 1600px) {
  .documentLaunch__slider {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .documentLaunch__slider {
    padding-bottom: 48px;
  }
}
@media (min-width: 1024px) {
  .documentLaunch__slider {
    margin-top: 90px;
  }
}
.documentLaunch__slider .splide__track {
  padding-top: 4px;
}
.documentLaunch__sliderImg {
  display: block;
  width: 100%;
  max-height: 70px;
}
.documentLaunch__title {
  padding-bottom: var(--s-base-8);
}
@media (min-width: 1024px) {
  .documentLaunch__title {
    padding-bottom: var(--s-base-6);
  }
}
.documentLaunch__subtitle {
  padding-bottom: var(--s-base-10);
}
@media (min-width: 1024px) {
  .documentLaunch__subtitle {
    padding-bottom: var(--s-base-12);
  }
}
@media (min-width: 1024px) {
  .documentLaunch__download {
    display: flex;
    gap: var(--s-base-8);
    padding-bottom: 48px;
    justify-content: space-between;
  }
}
.documentLaunch__download .button {
  margin-top: var(--s-base-8);
}
@media (min-width: 1024px) {
  .documentLaunch__download .button {
    margin-top: 0;
    flex: 0 0 auto;
  }
}
.document-entrypoint .documentLaunch__download {
  padding-bottom: 40px;
}
@media (min-width: 1024px) {
  .document-entrypoint .documentLaunch__download {
    padding-bottom: 48px;
  }
}
.documentLaunch__sliderPlay {
  margin-left: auto;
  margin-right: var(--s-base-6);
  margin-bottom: var(--s-base-8);
  display: block;
  font-size: 0.625rem;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border: var(--brand-border-width-regular) solid transparent;
  transition: 0.1s ease-in;
  background-color: var(--comp-color-button-overlay-surface-default);
  color: var(--comp-color-button-overlay-icon-default);
  cursor: pointer;
}
@media (min-width: 1024px) {
  .documentLaunch__sliderPlay {
    margin-right: var(--s-base-12);
  }
}
.documentLaunch__sliderPlay:hover,
.documentLaunch__sliderPlay:active {
  border: var(--brand-border-width-regular) solid
    var(--brand-color-surface-shape-base);
}
.documentLaunch__sliderPlay:focus-visible {
  position: relative;
  outline: none;
  border-color: var(--comp-color-button-primary-border-focus);
  background: var(--comp-color-button-primary-surface-focus);
  color: var(--comp-color-button-primary-text-focus);
}
.documentLaunch__sliderPlay:focus-visible:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 100%;
  border: var(--brand-border-width-focus) solid
    var(--brand-color-focus-standard);
}
.documentLaunch__sliderPlay .icon-play {
  display: none;
  margin-left: 3px;
}
.isPaused .documentLaunch__sliderPlay .icon-play {
  display: block;
}
.isPaused .documentLaunch__sliderPlay .icon-pause {
  display: none;
}
@media (min-width: 1024px) {
  .documentLaunch__downloadBtn {
    flex: 1 1 0;
    min-width: 300px;
  }
}
.documentLaunch__downloadBtn .button-download {
  margin-top: 24px;
}
.documentLaunch__downloadBtn .button-download:first-child {
  margin-top: 0;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.download-grid {
  display: block;
  position: relative;
  width: 100%;
}
.downloadGrid__title {
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .downloadGrid__title {
    margin-bottom: 32px;
  }
}
.downloadGrid__paragraph {
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  .downloadGrid__paragraph {
    margin-bottom: 20px;
  }
}
.downloadGrid__grid {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 64px;
  gap: 24px;
}
@media (min-width: 768px) {
  .downloadGrid__grid {
    flex-direction: row;
    margin-bottom: 72px;
    gap: 40px;
  }
}
.downloadGrid__section:last-child .downloadGrid__grid {
  margin-bottom: 0;
}
.downloadGrid__item {
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  .downloadGrid__item {
    width: calc(50% - 20px);
  }
}
@media (min-width: 1024px) {
  .downloadGrid__item {
    width: calc(33.333% - 26.666px);
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.download-launch {
  display: block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .downloadLaunch__wrapper {
    display: flex;
    flex: 1 1;
    justify-content: space-between;
    gap: var(--pd-mid-l-cnt);
  }
}
@media (min-width: 1280px) {
  .downloadLaunch__wrapper {
    gap: var(--pd-max-cnt);
  }
}
.downloadLaunch__text {
  margin-bottom: var(--s-base-13);
}
@media (min-width: 1024px) {
  .downloadLaunch__downloadList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1;
    align-items: top;
    gap: var(--pd-min-cnt);
  }
}
.downloadLaunch__downloadItem {
  margin-bottom: var(--s-base-6);
}
@media (min-width: 1024px) {
  .downloadLaunch__downloadItem {
    width: calc(50% - var(--pd-min-cnt));
    margin-bottom: 0;
  }
}
.downloadLaunch__title,
.downloadLaunch__subtitle {
  padding-bottom: var(--s-base-6);
}
@media (min-width: 1024px) {
  .downloadLaunch__button {
    padding-top: var(--s-base-6);
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.download-press {
  display: block;
  position: relative;
  width: 100%;
}
.downloadPress__title {
  margin-bottom: 60px;
}
.downloadPress__title.downloadPress__title--withParagraph {
  margin-bottom: 16px;
}
.downloadPress__paragraph {
  margin-bottom: 60px;
}
.downloadPress__cards {
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 32px;
}
@media (min-width: 768px) {
  .downloadPress__cards {
    flex-direction: row;
  }
}
.downloadPress__singleCard {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .downloadPress__singleCard {
    width: calc(50% - 16px);
  }
}
@media (min-width: 1024px) {
  .downloadPress__singleCard {
    width: calc(33.333% - 22px);
  }
}
.downloadPress__singleCard .card-download-press {
  flex: 1;
  height: 100%;
}
.downloadPress__singleCard .cardDownloadPress__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  height: 100%;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.entry-point {
  display: block;
  position: relative;
  width: 100%;
}
.entry-point .splide__list {
  height: auto;
  justify-content: flex-start;
}
.entry-point .splide__slide {
  display: flex;
  flex-direction: column;
}
.entry-point .splide__slide:last-child {
  margin-right: 0 !important;
}
.entry-point .slider-arrows {
  left: 0;
  max-width: calc(100% - var(--pd-min-cnt));
}
@media (min-width: 768px) {
  .entry-point .slider-arrows {
    max-width: calc(100% - var(--pd-mid-s-cnt));
  }
}
@media (min-width: 1024px) {
  .entry-point .slider-arrows {
    top: calc(50% - 24px);
    width: calc(100% - 50px);
    left: 0;
    max-width: none;
  }
}
.entry-point .slider-pagination .splide__pagination {
  gap: 8px;
}
@media (min-width: 1024px) {
  .entry-point .slider-pagination {
    left: calc(var(--pd-mid-l-cnt) / 2 * -1);
  }
}
@media (min-width: 1280px) {
  .entry-point .slider-pagination {
    left: calc(var(--pd-max-cnt) / 2 * -1);
  }
}
@media (max-width: 1023px) {
  .entry-point .slider-pagination {
    width: calc(100% - 90px);
  }
}
.entry-point .entryPoint__container {
  padding-right: 0;
}
.entry-point .entryPoint__container .entryPoint__title {
  padding-right: var(--pd-min-cnt);
}
.entry-point[data-number-items="1"] .slider-arrows,
.entry-point[data-number-items="1"] .slider-pagination {
  display: none;
}
.entry-point[data-number-items="1"] .splide__list {
  justify-content: center;
}
.entry-point[data-number-items="1"] .entryPoint__container {
  padding-right: var(--pd-min-cnt);
}
.entry-point[data-number-items="1"] .entryPoint__container .entryPoint__title {
  padding-right: 0;
}
@media (min-width: 768px) {
  .entry-point[data-number-items="2"] .slider-arrows,
  .entry-point[data-number-items="2"] .slider-pagination {
    display: none;
  }
  .entry-point .splide__list {
    justify-content: flex-start;
  }
  .entry-point .entryPoint__container {
    padding-right: 0;
  }
  .entry-point .entryPoint__container .entryPoint__title,
  .entry-point[data-number-items="1"] .entryPoint__container,
  .entry-point[data-number-items="2"] .entryPoint__container {
    padding-right: var(--pd-mid-s-cnt);
  }
  .entry-point[data-number-items="1"] .entryPoint__container .entryPoint__title,
  .entry-point[data-number-items="2"]
    .entryPoint__container
    .entryPoint__title {
    padding-right: 0;
  }
  .entry-point[data-number-items="1"] .splide__list,
  .entry-point[data-number-items="2"] .splide__list {
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .entry-point[data-number-items="3"] .slider-arrows,
  .entry-point[data-number-items="3"] .slider-pagination {
    display: none;
  }
  .entry-point .splide__list {
    justify-content: flex-start;
  }
  .entry-point .entryPoint__container {
    padding-right: 0;
  }
  .entry-point .entryPoint__container .entryPoint__title,
  .entry-point[data-number-items="1"] .entryPoint__container,
  .entry-point[data-number-items="2"] .entryPoint__container,
  .entry-point[data-number-items="3"] .entryPoint__container {
    padding-right: var(--pd-mid-l-cnt);
  }
  .entry-point[data-number-items="1"] .entryPoint__container .entryPoint__title,
  .entry-point[data-number-items="2"] .entryPoint__container .entryPoint__title,
  .entry-point[data-number-items="3"]
    .entryPoint__container
    .entryPoint__title {
    padding-right: 0;
  }
  .entry-point[data-number-items="1"] .splide__list,
  .entry-point[data-number-items="2"] .splide__list,
  .entry-point[data-number-items="3"] .splide__list {
    justify-content: center;
  }
}
@media (min-width: 1280px) {
  .entry-point[data-number-items="4"] .slider-arrows,
  .entry-point[data-number-items="4"] .slider-pagination {
    display: none;
  }
  .entry-point .splide__list {
    justify-content: flex-start;
  }
  .entry-point .entryPoint__container {
    padding-right: 0;
  }
  .entry-point .entryPoint__container .entryPoint__title,
  .entry-point[data-number-items="1"] .entryPoint__container,
  .entry-point[data-number-items="2"] .entryPoint__container,
  .entry-point[data-number-items="3"] .entryPoint__container,
  .entry-point[data-number-items="4"] .entryPoint__container {
    padding-right: var(--pd-max-cnt);
  }
  .entry-point[data-number-items="1"] .entryPoint__container .entryPoint__title,
  .entry-point[data-number-items="2"] .entryPoint__container .entryPoint__title,
  .entry-point[data-number-items="3"] .entryPoint__container .entryPoint__title,
  .entry-point[data-number-items="4"]
    .entryPoint__container
    .entryPoint__title {
    padding-right: 0;
  }
  .entry-point[data-number-items="1"] .splide__list,
  .entry-point[data-number-items="2"] .splide__list,
  .entry-point[data-number-items="3"] .splide__list,
  .entry-point[data-number-items="4"] .splide__list {
    justify-content: center;
  }
}
.entry-point .card-simple {
  height: 100%;
  flex: 1;
}
.entryPoint__title {
  margin-bottom: var(--s-base-8);
}
@media (min-width: 1024px) {
  .entryPoint__title {
    margin-bottom: var(--s-base-20);
  }
}
.entryPoint__content {
  position: relative;
  padding-bottom: 50px;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.event {
  display: block;
  position: relative;
  width: 100%;
}
.event__background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.event__content {
  position: relative;
  color: var(--brand-color-surface-section-base);
}
.bg-color-bold-extralight .event__content {
  color: var(--brand-color-surface-section-bold);
}
.event__events {
  margin-top: var(--s-base-6);
}
@media (min-width: 1024px) {
  .event__events {
    display: flex;
    column-gap: 32px;
    margin-top: var(--s-base-10);
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .event__events .card-ticket {
    height: 100%;
    flex: 1;
  }
}
.event__cta {
  margin-top: var(--s-base-6);
  width: fit-content;
  margin: var(--s-base-6) auto 0;
}
@media (min-width: 1024px) {
  .event__cta {
    margin: var(--s-base-10) auto 0;
  }
}
.event__item {
  margin-top: var(--s-base-4);
}
.event__item:first-child {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .event__item {
    flex: 0 0 calc(50% - 25px);
    margin-top: 0;
    display: flex;
    flex-direction: column;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.extended-timeline {
  display: block;
  position: relative;
  width: 100%;
  background: var(--brand-color-surface-section-bold);
  overflow: hidden;
}
@media (min-width: 768px) {
  .extended-timeline {
    height: 100vh;
  }
  .extended-timeline.start-timeline {
    overflow: visible;
  }
}
@media (min-width: 1280px) {
  .extended-timeline {
    height: calc(100vh - var(--pre-header-height));
  }
}
@media (min-width: 1920px) {
  .extended-timeline {
    height: 100vh;
  }
  .extended-timeline.start-timeline {
    overflow: hidden;
  }
}
.extendedTimeline__firstStepContainer {
  width: 100%;
  height: 100vh;
  position: relative;
}
.start-timeline .extendedTimeline__firstStepContainer {
  position: absolute;
}
@media (min-width: 768px) {
  .extendedTimeline__firstStepContainer {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transition: all var(--t-timing-slow) var(--t-ease-module)
      var(--t-timing-slow);
  }
}
.start-timeline .extendedTimeline__firstStepContainer {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.extendedTimeline__bgImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.extendedTimeline__bgImage:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    288deg,
    var(--brand-color-rgb-05) 0%,
    var(--brand-color-rgb-07) 52%,
    var(--brand-color-rgb-08) 100%
  );
}
.extendedTimeline__firstStep {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}
@media (min-width: 1280px) {
  .extendedTimeline__firstStep {
    overflow: visible;
  }
}
.extendedTimeline__content {
  position: absolute;
  left: 50%;
  top: calc(3.75rem + var(--header-height-mobile));
  translate: -50% 0;
  width: 100%;
  color: var(--brand-color-text-on-bold-bg-text);
}
@media (min-width: 768px) {
  .extendedTimeline__content {
    translate: -50% 50%;
    top: auto;
    bottom: clamp(180px, 50%, 50%);
  }
  .start-timeline .extendedTimeline__content {
    transition: all var(--t-timing-slow) var(--t-ease-module);
    translate: -100% 50%;
    opacity: 0;
    visibility: hidden;
  }
}
.extendedTimeline__title {
  color: var(--brand-color-text-on-bold-bg-title);
}
.extendedTimeline__par {
  color: var(--brand-color-text-on-bold-bg-text);
}
@media (min-width: 1280px) {
  .extendedTimeline__contentContainer {
    max-width: 680px;
  }
}
.extendedTimeline__par {
  margin-top: var(--s-base-10);
}
.extendedTimeline__button {
  margin-top: var(--s-base-10);
  background: var(--brand-color-surface-section-bold-a85);
  color: var(--brand-color-text-on-bold-bg-text);
  padding: 16px;
  width: fit-content;
  min-height: 42px;
  overflow: hidden;
  border-radius: var(--brand-border-radius-m);
  position: relative;
  line-height: 1;
  text-align: left;
  cursor: pointer;
}
.extendedTimeline__button:hover .extendedTimeline__icon {
  translate: 8px 0;
}
.extendedTimeline__icon {
  display: inline-block;
  font-size: 14px;
  transition: var(--t-transition);
  vertical-align: middle;
  padding-left: 8px;
  line-height: 1;
  padding-bottom: 2px;
}
.extendedTimeline__timeline {
  position: fixed;
  right: 0;
  top: calc(var(--header-height-mobile) + 70px);
  justify-content: flex-end;
  display: none;
  align-items: flex-end;
  justify-content: space-between;
  pointer-events: none;
  height: calc(100vh - var(--header-height-mobile) - 90px);
  opacity: 0;
}
@media (max-width: 767px) {
  .extendedTimeline__timeline {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .extendedTimeline__timeline {
    position: absolute;
    height: 110px;
    left: 50%;
    translate: -50% 0;
    bottom: 30px;
    top: auto;
    width: 100%;
  }
}
.start-timeline .extendedTimeline__timeline {
  pointer-events: painted;
  display: block;
  opacity: 1;
  transition:
    opacity 0.6s ease,
    display 0.6s ease allow-discrete;
}
@media (min-width: 768px) {
  .start-timeline .extendedTimeline__timeline {
    display: flex;
    align-items: center;
  }
}
.extendedTimeline__timeline .button__element {
  background: var(--comp-color-button-primary-surface-default);
  color: var(--comp-color-button-primary-icon-default);
  border-color: var(--comp-color-button-primary-border-default);
  padding: 8px;
}
.open-strip-video .extendedTimeline__timeline {
  z-index: 0;
}
@starting-style {
  .start-timeline .extendedTimeline__timeline {
    opacity: 0;
  }
}
.extendedTimeline__timelineList {
  flex: 1;
  padding: 0 10px 24px 26px;
  height: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 26px;
  overflow: auto;
  align-items: flex-end;
}
@media (min-width: 768px) {
  .extendedTimeline__timelineList {
    flex-direction: row;
    padding: 0 50px 10px;
    gap: 42px;
  }
}
.extendedTimeline__timelineList::-webkit-scrollbar {
  display: none;
}
.extendedTimeline__timelineDate {
  color: var(--brand-color-text-on-bold-bg-medium);
}
.extendedTimeline__timelineButton {
  position: relative;
  cursor: pointer;
  padding: 8px 22px 8px 0;
}
@media (min-width: 768px) {
  .extendedTimeline__timelineButton {
    padding: 0 16px;
  }
}
.extendedTimeline__timelineButton:before {
  content: "";
  position: absolute;
  height: 2px;
  width: 14px;
  right: 0;
  top: 50%;
  translate: 0 -50%;
  background: var(--brand-color-border-medium-dark);
  transition: var(--t-transition);
  pointer-events: none;
}
@media (min-width: 768px) {
  .extendedTimeline__timelineButton:before {
    left: 50%;
    bottom: 32px;
    top: auto;
    width: 2px;
    height: 70px;
    translate: -50% 0;
    clip-path: inset(30px 0 0 0);
  }
}
.extendedTimeline__timelineButton:hover:before {
  clip-path: inset(0 0 0 0);
}
.start-timeline .extendedTimeline__timelineButton.active-date:before {
  clip-path: inset(0 0 0 0);
}
.extendedTimeline__dateLabel {
  transition: scale var(--t-timing) var(--t-ease);
  display: block;
  white-space: nowrap;
}
.active-date .extendedTimeline__dateLabel {
  scale: 1.4;
  transform-origin: 56px 50%;
  transition: scale var(--t-timing-slow) var(--t-ease);
}
@media (min-width: 768px) {
  .active-date .extendedTimeline__dateLabel {
    scale: 1;
  }
}
.extendedTimeline__listSections {
  width: 100vw;
  position: absolute;
}
.start-timeline .extendedTimeline__listSections {
  position: relative;
}
@media (min-width: 768px) {
  .extendedTimeline__listSections {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .start-timeline .extendedTimeline__listSections {
    position: absolute;
  }
}
@media (min-width: 1280px) {
  .extendedTimeline__listSections {
    top: calc(var(--pre-header-height) * -1);
  }
}
@media (min-width: 1920px) {
  .extendedTimeline__listSections {
    top: 0;
  }
}
.no-scroll .extendedTimeline__listSections {
  overflow: hidden;
}
.extendedTimeline__listSections::-webkit-scrollbar {
  display: none;
}
.extendedTimeline__section {
  position: relative;
  padding-bottom: 40px;
  opacity: 0;
}
@media (min-width: 768px) {
  .extendedTimeline__section {
    flex: 0 0 100vw;
    height: 100%;
    padding-bottom: 0;
  }
}
.start-timeline .extendedTimeline__section {
  opacity: 1;
}
.extendedTimeline__sectionContent {
  padding-top: calc(var(--header-height-mobile) + 60px);
  display: flex;
  flex-direction: column;
  white-space: normal;
  min-height: 100vh;
}
@media (min-width: 768px) {
  .extendedTimeline__sectionContent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: calc(100% - 150px);
    min-height: auto;
    padding-top: calc(var(--header-height-mobile) + 16px);
  }
}
@media (min-width: 1280px) {
  .extendedTimeline__sectionContent {
    padding-top: clamp(
      100px,
      var(--pre-header-height) + var(--header-height) + 8px,
      110px
    );
  }
}
.extendedTimeline__sectionNumber {
  width: fit-content;
  color: var(--brand-color-text-on-bold-bg-text-hover);
  opacity: 0.6;
  margin: 0 0 18px auto;
}
@media (min-width: 768px) {
  .extendedTimeline__sectionNumber {
    display: block;
  }
}
.extendedTimeline__sectionItem {
  opacity: 0;
  visibility: hidden;
  transition:
    visibility var(--t-timing-slow) var(--t-ease-module),
    opacity var(--t-timing-slow) var(--t-ease-module);
  max-width: calc(100% - 70px);
}
@media (min-width: 768px) {
  .extendedTimeline__sectionItem {
    max-width: none;
  }
}
.active-year .extendedTimeline__sectionItem {
  opacity: 1;
  visibility: visible;
}
.extendedTimeline__sectionStrip {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
}
@media (min-width: 1025px) {
  .extendedTimeline__sectionStrip {
    justify-content: flex-start;
  }
}
.extendedTimeline__sectionStrip.extendedTimeline__sectionStrip--alone
  .extendedTimeline__sectionItem,
.extendedTimeline__sectionStrip.extendedTimeline__sectionStrip--reverse
  .extendedTimeline__sectionItem,
.extendedTimeline__sectionStrip.extendedTimeline__sectionStrip--quote
  .extendedTimeline__sectionItem {
  padding-left: 0;
}
@media (min-width: 1280px) {
  .extendedTimeline__sectionStrip.extendedTimeline__sectionStrip--alone
    .extendedTimeline__sectionItem,
  .extendedTimeline__sectionStrip.extendedTimeline__sectionStrip--reverse
    .extendedTimeline__sectionItem,
  .extendedTimeline__sectionStrip.extendedTimeline__sectionStrip--quote
    .extendedTimeline__sectionItem {
    padding-left: 180px;
  }
}
.extendedTimeline__sectionStrip.extendedTimeline__sectionStrip--quote {
  padding-left: 24px;
}
@media (min-width: 768px) {
  .extendedTimeline__sectionStrip.extendedTimeline__sectionStrip--twoStrip {
    margin-top: -3.125rem;
  }
}
@media (min-width: 1600px) {
  .extendedTimeline__sectionStrip.extendedTimeline__sectionStrip--twoStrip {
    margin-top: 0;
    max-height: 580px;
  }
}
.extendedTimeline__sectionStrip.extendedTimeline__sectionStrip--twoStrip
  .extendedTimeline__sectionItem {
  width: 100%;
}
@media (min-width: 768px) {
  .extendedTimeline__sectionStrip.extendedTimeline__sectionStrip--twoStrip
    .extendedTimeline__sectionItem {
    max-width: 50rem;
  }
}
@media (min-width: 1024px) {
  .extendedTimeline__sectionStrip.extendedTimeline__sectionStrip--twoStrip
    .extendedTimeline__sectionItem {
    max-width: 48.75rem;
  }
}
@media (min-width: 1280px) {
  .extendedTimeline__sectionStrip.extendedTimeline__sectionStrip--twoStrip
    .extendedTimeline__sectionItem {
    max-width: 46.25rem;
  }
}
@media (min-width: 768px) {
  .extendedTimeline__sectionStrip.extendedTimeline__sectionStrip--twoStrip
    .extendedTimeline__sectionItem:last-child {
    align-self: flex-end;
  }
}
@media (min-width: 1025px) {
  .extendedTimeline__sectionStrip.extendedTimeline__sectionStrip--twoStrip
    .extendedTimeline__sectionItem:last-child {
    margin-top: auto;
  }
}
.extendedTimeline__quote {
  position: relative;
  color: var(--brand-color-text-on-bold-bg-text);
  max-width: 36.25rem;
}
.extendedTimeline__quoteIcon {
  font-size: 24px;
  display: inline-block;
  translate: 0 -14px;
}
.extendedTimeline__quoteIcon.extendedTimeline__quoteIcon--left {
  margin-left: -24px;
  display: block;
  translate: none;
}
.extendedTimeline__quoteText {
  display: inline;
  margin-top: -18px;
}
.extendedTimeline__citQuote {
  margin-top: var(--s-base-7);
}
.extendedTimeline__quoteCta {
  margin-top: var(--s-base-6);
}
@keyframes iconLoop {
  0% {
    translate: 0 -50%;
  }
  50% {
    translate: 46px -50%;
  }
  to {
    translate: 82px -50%;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.filters {
  display: block;
  position: relative;
  width: 100%;
}
.filters__cont {
  display: none;
}
.filters__cont.openFilter {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--brand-color-surface-section-base);
  z-index: 10;
  padding: var(--pd-min-cnt);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .filters__cont {
    display: block;
  }
}
.filters__header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: var(--s-base-6);
  padding-bottom: var(--s-base-6);
}
@media (min-width: 1024px) {
  .filters__header {
    display: none;
  }
}
.filters__rowTop {
  padding-bottom: var(--s-base-8);
}
@media (min-width: 1024px) {
  .filters__rowTop {
    padding-bottom: var(--s-base-12);
  }
}
.filters__recap {
  width: 100%;
  padding-top: var(--s-base-6);
  display: none;
}
.filtersApplied .filters__recap {
  display: block;
}
.filters__number {
  display: none;
}
.filtersApplied .filters__number {
  display: inline;
}
.filters__row {
  flex: 1;
  overflow: auto;
}
@media (min-width: 1024px) {
  .filters__row {
    overflow: visible;
    padding-bottom: var(--s-base-4);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px 32px;
  }
}
.filters__column {
  padding-bottom: var(--s-base-6);
}
@media (min-width: 1024px) {
  .filters__column {
    display: flex;
    align-items: center;
    width: 100%;
  }
}
.filters__column .select-multi,
.filters__column .datepicker {
  width: 100%;
}
@media (min-width: 1024px) {
  .filters__column .datepicker {
    margin-top: 0;
  }
}
.filters__top {
  padding-bottom: var(--s-base-8);
}
@media (min-width: 1024px) {
  .filters__top {
    padding-bottom: var(--s-base-12);
  }
}
.filters__sub {
  margin-top: 8px;
  text-align: center;
}
@media (min-width: 1024px) {
  .filters__sub {
    text-align: left;
  }
}
.filters__title {
  text-align: center;
}
@media (min-width: 1024px) {
  .filters__title {
    text-align: left;
  }
}
.filters__mobile {
  display: flex;
  align-items: center;
  justify-content: center;
}
.filters__mobile .buttonLink__element {
  white-space: nowrap;
  display: flex;
  align-items: center;
}
@media (min-width: 1024px) {
  .filters__mobile {
    display: none;
  }
}
.filters__reset {
  padding-bottom: var(--s-base-6);
}
.filters__btns {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}
@media (min-width: 1024px) {
  .filters__btns {
    display: none;
  }
}
.filters__chips {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
@media (min-width: 1024px) {
  .filters__chips {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.filtersApplied .filters__chips {
  display: flex;
  align-items: center;
}
@media (min-width: 1024px) {
  .filtersApplied .filters__chips .button-link {
    margin-right: 24px;
  }
}
.filters__chips .buttonLink__element {
  white-space: nowrap;
}
.filters__pre {
  margin-right: 5px;
  display: none;
}
.filtersApplied .filters__pre {
  display: inline;
}
.filters__chip {
  cursor: pointer;
}
.filters__chip:after {
  content: "";
  font-family: icon-italgas !important;
  font-size: 10px;
  padding-left: 10px;
}
.filters__chipsList {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .filters__chipsList {
    margin-bottom: 0;
    justify-content: flex-start;
  }
}
.itgBlock-ArchivioBandi .itgBlock-ArchivioBandi__filter {
  display: block;
  position: relative;
}
.itgBlock-ArchivioBandi
  .itgBlock-ArchivioBandi__filter-container
  .is-centered
  .level-left {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-bottom: 32px;
}
.itgBlock-ArchivioBandi
  .itgBlock-ArchivioBandi__filter-container
  .is-centered
  .level-right {
  display: flex;
  flex-direction: column-reverse;
  gap: 32px;
}
.itgBlock-ArchivioBandi
  .itgBlock-ArchivioBandi__filter-container
  .is-centered
  .level-right
  #ArchivioBandi-Company {
  margin-bottom: 32px;
}
.itgBlock-ArchivioBandi #ArchivioBandi-Companies-Container {
  padding-top: 32px;
  border-top: var(--brand-border-width-regular) solid
    var(--brand-color-border-medium-dark);
}
.itgBlock-ArchivioBandi #ArchivioBandi-Companies-Container .level {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 80%;
  margin: 0 auto 32px;
}
.itgBlock-ArchivioAvvisi .itgBlock-ArchivioAvvisi__filter {
  display: block;
  position: relative;
}
.itgBlock-ArchivioAvvisi
  .itgBlock-ArchivioAvvisi__filter-container
  .is-centered
  .level-left {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-bottom: 32px;
}
.itgBlock-ArchivioAvvisi
  .itgBlock-ArchivioAvvisi__filter-container
  .is-centered
  .level-right {
  display: flex;
  flex-direction: column-reverse;
  gap: 32px;
}
.itgBlock-ArchivioAvvisi
  .itgBlock-ArchivioAvvisi__filter-container
  .is-centered
  .level-right
  #ArchivioAvvisi-Company {
  margin-bottom: 32px;
}
.itgBlock-ArchivioAvvisi #ArchivioAvvisi-Companies-Container {
  padding-top: 32px;
  border-top: var(--brand-border-width-regular) solid
    var(--brand-color-border-medium-dark);
}
.itgBlock-ArchivioAvvisi #ArchivioAvvisi-Companies-Container .level {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 80%;
  margin: 0 auto 32px;
}
.filters__deleteProps {
  display: none;
}
.filters__deleteProps.visible {
  display: block;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.footer {
  display: block;
  position: relative;
}
.footer__update {
  background-color: var(--brand-color-surface-section-bold-extralight);
}
.footer__updateMessage {
  color: var(--brand-color-text-standard-text);
  padding: 12px 0;
}
.footer__wrapper {
  padding: 70px 0;
  background: var(--brand-color-gradient-brand-130);
}
.footer__logo {
  display: block;
  position: relative;
  margin-bottom: 52px;
}
@media (min-width: 1024px) {
  .footer__logo {
    margin-bottom: 28px;
  }
}
.footer__group {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .footer__group {
    flex-direction: row;
    gap: 32px;
    margin-bottom: 28px;
  }
}
.footer__group:after {
  content: "";
  position: absolute;
  top: 0;
  left: -24px;
  width: 100vw;
  height: 1px;
  background-color: var(--brand-color-border-base);
  opacity: 0.2;
}
@media (min-width: 1024px) {
  .footer__group:after {
    display: none;
  }
}
.footer__column {
  flex: 1;
}
.footer__columnHeader {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  text-align: left;
  color: var(--brand-color-text-on-bold-bg-text);
  padding: 16px 0;
  text-transform: uppercase;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .footer__columnHeader {
    padding: 0;
    margin-bottom: 16px;
    pointer-events: none;
  }
}
.footer__columnHeader:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -24px;
  width: 100vw;
  height: 1px;
  background-color: var(--brand-color-border-base);
  opacity: 0.2;
}
@media (min-width: 1024px) {
  .footer__columnHeader:after {
    display: none;
  }
}
.footer__chevron {
  display: block;
  margin-right: 24px;
  transition: var(--t-transition);
  transform: rotate(0);
}
[aria-expanded="true"] .footer__chevron {
  transform: rotate(180deg);
}
@media (min-width: 1024px) {
  .footer__chevron {
    display: none;
  }
}
.footer__list {
  list-style: none;
  padding: 0;
  display: none;
  margin-bottom: 20px;
}
.footer__list.footer__list--visible {
  display: block;
}
@media (min-width: 1024px) {
  .footer__list {
    display: block;
    margin-bottom: 0;
  }
  .footer__list.footer__list--visible {
    display: block;
  }
}
.footer__row {
  margin-bottom: 12px;
  text-align: left;
}
.footer__row:first-child {
  margin-top: 12px;
}
@media (min-width: 1024px) {
  .footer__row:first-child {
    margin-top: 0;
  }
}
.footer__row:last-child {
  margin-bottom: 0;
}
.footer__link {
  display: block;
  position: relative;
  width: 100%;
  color: var(--brand-color-text-on-bold-bg-text);
  transition: var(--t-transition);
  text-decoration: none;
}
.footer__link:hover {
  color: var(--brand-color-text-on-bold-bg-text-hover);
}
.footer__socialsAndPartners {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 20px 0;
  border-bottom: var(--brand-border-width-regular) solid
    var(--brand-color-border-base);
}
@media (min-width: 1024px) {
  .footer__socialsAndPartners {
    justify-content: space-between;
    flex-direction: row;
  }
}
.footer__socialsList {
  display: flex;
  flex-direction: row;
  margin-bottom: 28px;
}
@media (min-width: 1024px) {
  .footer__socialsList {
    margin-bottom: 0;
  }
}
.footer__social {
  display: block;
  position: relative;
}
.footer__socialLink {
  padding: 20px;
}
.footer__socialIcon {
  color: var(--brand-color-surface-icon-base);
  transition: var(--t-transition);
  font-size: 18px;
}
.footer__socialIcon:hover {
  color: var(--brand-color-text-on-bold-bg-text-hover);
}
.footer__partnersList {
  display: flex;
  flex-direction: row;
}
.footer__partner {
  display: block;
  margin-left: 20px;
}
.footer__partner:first-child {
  margin-left: 0;
}
.footer__partnerLink {
  display: block;
  height: 100%;
}
.footer__partnerImg {
  display: block;
  max-height: 56px;
}
@media (min-width: 1024px) {
  .footer__partnerImg {
    max-height: 72px;
  }
}
.footer__gasgas {
  display: block;
  text-align: left;
  margin-top: 20px;
  color: var(--brand-color-text-on-bold-bg-text);
}
.footer__gasgas a {
  text-decoration: underline;
  font-weight: 600;
  color: inherit;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.gallery-media {
  display: block;
  position: relative;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--brand-color-surface-section-base);
}
.galleryMedia__container {
  width: 100%;
  height: 100%;
}
.galleryMedia__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (min-width: 768px) {
  .galleryMedia__content {
    flex-direction: row;
  }
}
.galleryMedia__close {
  display: block;
  position: absolute;
  right: 24px;
  top: 20px;
}
@media (min-width: 768px) {
  .galleryMedia__close {
    right: 32px;
    top: 40px;
  }
}
.galleryMedia__sidebar {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: var(--brand-color-surface-section-base);
  padding: 40px 24px 16px;
}
@media (min-width: 768px) {
  .galleryMedia__sidebar {
    height: 100%;
    width: 200px;
    padding: 44px 24px 24px;
  }
}
@media (min-width: 1024px) {
  .galleryMedia__sidebar {
    width: 320px;
  }
}
.galleryMedia__occhiello {
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .galleryMedia__occhiello {
    margin-bottom: 24px;
  }
}
.galleryMedia__title {
  margin-bottom: 16px;
}
.galleryMedia__paragraph {
  margin-bottom: 20px;
  display: none;
}
@media (min-width: 768px) {
  .galleryMedia__paragraph {
    display: block;
  }
}
@media (min-width: 1024px) {
  .galleryMedia__paragraph {
    margin-bottom: 40px;
  }
}
.galleryMedia__list {
  display: flex;
  flex-direction: row;
  gap: 16px;
  overflow-x: scroll;
  width: calc(100% + 48px);
  left: -24px;
  position: relative;
}
[data-number-items="1"] .galleryMedia__list {
  justify-content: center;
}
@media (min-width: 768px) {
  [data-number-items="1"] .galleryMedia__list {
    justify-content: flex-start;
  }
}
@media (min-width: 768px) {
  .galleryMedia__list {
    width: 100%;
    left: auto;
    flex-direction: column;
    gap: 24px;
    flex: 1;
    overflow-x: hidden;
    overflow-y: scroll;
  }
}
.galleryMedia__item {
  display: flex;
  flex: 0 0 33.333%;
  height: calc(100% - 4px);
}
@media (min-width: 768px) {
  .galleryMedia__item {
    flex: 0;
    height: fit-content;
  }
}
.galleryMedia__item .picture__el {
  display: flex;
  height: 100%;
}
.galleryMedia__item .picture__img {
  position: relative !important;
}
.galleryMedia__item.galleryMedia__item--active {
  border: var(--brand-border-width-focus) solid var(--brand-color-border-bold);
}
@media (min-width: 768px) {
  .galleryMedia__item.galleryMedia__item--active {
    border-radius: var(--brand-border-radius-m);
    border: 4px solid var(--brand-color-border-bold);
  }
}
.galleryMedia__itemButton {
  position: relative;
  aspect-ratio: 1.48;
  cursor: pointer;
  width: 100%;
}
@media (min-width: 768px) {
  .galleryMedia__itemButton {
    border-radius: var(--brand-border-radius-s);
    overflow: hidden;
    aspect-ratio: unset;
    height: 100%;
  }
}
.galleryMedia__iconVideo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background-color: var(--comp-color-button-overlay-surface-default);
  color: var(--comp-color-button-overlay-icon-default);
}
@media (min-width: 768px) {
  .galleryMedia__iconVideo {
    width: 42px;
    height: 42px;
    font-size: 12px;
  }
}
.galleryMedia__iconVideo:before {
  position: relative;
  left: 1px;
}
.gallery-media .video__wrapper {
  aspect-ratio: unset;
}
.gallery-media .splide__track {
  height: 100%;
  width: 100%;
}
.gallery-media .splide__slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-media .splide__slide.splide__slide--video {
  background-color: var(--brand-color-surface-section-bold-dark);
}
.gallery-media .splide__slide.splide__slide--video .animation-1,
.gallery-media .splide__slide.splide__slide--video .animation-2,
.gallery-media .splide__slide.splide__slide--video .animation-3 {
  scale: 1;
}
.galleryMedia__slides {
  position: relative;
  height: 100%;
  background-color: var(--brand-color-surface-section-bold-extralight);
  flex: 1;
  overflow: hidden;
}
@media (min-width: 768px) {
  .galleryMedia__slides {
    width: calc(100% - 200px);
    overflow: visible;
  }
}
@media (min-width: 1024px) {
  .galleryMedia__slides {
    width: calc(100% - 320px);
  }
}
.galleryMedia__slides .picture__img {
  height: 100% !important;
  object-fit: contain;
  background: var(--brand-color-surface-section-bold-dark);
}
.galleryMedia__slides .video__player {
  padding: 0 0 92px;
  background: var(--brand-color-surface-section-bold-dark);
}
@media (min-width: 1024px) {
  .galleryMedia__slides .video__player {
    padding: 92px 0;
  }
}
.galleryMedia__splide {
  width: 100%;
  height: 100%;
}
.galleryMedia__arrows {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 24px;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
  background-color: var(--brand-color-surface-shape-base-a80);
  border-radius: var(--brand-border-radius-s);
}
[data-number-items="1"] .galleryMedia__arrows {
  display: none;
}
.galleryMedia__arrows .splide__arrow {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  transform: none;
  pointer-events: auto;
  border-radius: var(--brand-border-radius-xs);
  opacity: 1;
  transition: var(--t-transition);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-primary-border-default);
  background-color: var(--comp-color-button-primary-surface-default);
}
.galleryMedia__arrows .splide__arrow:hover:not(:disabled) {
  opacity: 1;
}
.galleryMedia__arrows .splide__arrow:disabled {
  opacity: 1;
}
@media (min-width: 1024px) {
  .galleryMedia__arrows .splide__arrow:disabled {
    border: var(--brand-border-width-regular) solid
      var(--brand-color-border-disabled);
    background-color: var(--brand-color-surface-section-base);
  }
}
.galleryMedia__arrows .splide__arrow:disabled .splide__arrowIcon {
  color: var(--brand-color-surface-icon-disabled);
}
.galleryMedia__arrows .splide__arrow--prev .splide__arrowIcon {
  position: relative;
  right: 1px;
}
.galleryMedia__arrows .splide__arrow--next .splide__arrowIcon {
  position: relative;
  left: 1px;
}
.galleryMedia__arrows .splide__arrowIcon {
  padding: 8px;
  transition: var(--t-transition);
}
.galleryMedia__counter {
  display: flex;
  flex-direction: row;
  margin: 0 24px;
  color: var(--brand-color-text-standard-text);
}
.galleryMedia__actualSlide {
  margin-right: 4px;
  width: 8px;
}
.galleryMedia__totalSlides {
  margin-left: 4px;
  width: 8px;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.gallery {
  display: block;
  position: relative;
  width: 100%;
  padding-top: calc(0vw + 80px);
  padding-bottom: calc(0.0535714286 * 100vw + 54.2857142857px);
}
@media (min-width: 1600px) {
  .gallery {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .gallery {
    padding-top: 80px;
  }
}
@media (min-width: 1600px) {
  .gallery {
    padding-bottom: 140px;
  }
}
@media (max-width: 767px) {
  .gallery {
    padding-bottom: 80px;
  }
}
.gallery__splide {
  position: relative;
  height: fit-content;
  width: 100%;
}
.gallery__intro {
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .gallery__intro {
    margin-bottom: 60px;
  }
}
.gallery--text .gallery__title {
  margin-bottom: 16px;
}
.gallery__content,
.gallery__wrapperSlider {
  position: relative;
}
.gallery__arrows {
  position: absolute;
  width: 100%;
  bottom: -50px;
  height: 1px;
}
@media (min-width: 1024px) {
  .gallery__arrows {
    bottom: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.gallery .slider-arrows {
  position: relative;
}
.gallery .slider-pagination {
  display: block;
  position: relative;
}
.gallery .slider-pagination .splide__pagination {
  bottom: -50px;
}
@media (min-width: 1024px) {
  .gallery .slider-pagination .splide__pagination {
    bottom: -70px;
  }
}
.gallery .splide__slide {
  aspect-ratio: 1.38;
}
.gallery[data-number-items="1"] .splide__track,
.gallery[data-number-items="2"] .splide__track {
  pointer-events: none;
}
.gallery[data-number-items="1"] .slider-arrows,
.gallery[data-number-items="2"] .slider-arrows,
.gallery[data-number-items="1"] .slider-pagination,
.gallery[data-number-items="2"] .slider-pagination {
  display: none;
}
.gallery .splide__list {
  height: auto;
}
.gallery[data-number-items="1"] .splide__list,
.gallery[data-number-items="2"] .splide__list {
  flex-direction: column;
}
@media (min-width: 768px) {
  .gallery[data-number-items="1"] .splide__list,
  .gallery[data-number-items="2"] .splide__list {
    flex-direction: row;
  }
}
.gallery[data-number-items="1"] .splide__slide,
.gallery[data-number-items="2"] .splide__slide {
  margin-bottom: 24px;
}
.gallery[data-number-items="1"] .splide__slide:last-child,
.gallery[data-number-items="2"] .splide__slide:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .gallery[data-number-items="1"] .splide__slide,
  .gallery[data-number-items="2"] .splide__slide {
    margin-bottom: 0;
  }
}
.gallery__button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}
@media (min-width: 1024px) {
  .gallery__button {
    margin-top: 120px;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.grid-card-info {
  display: block;
  position: relative;
  width: 100%;
}
.gridCardInfo__text:has(.gridCardInfo__title) {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .gridCardInfo__text:has(.gridCardInfo__title) {
    margin-bottom: 80px;
  }
}
.gridCardInfo__text:has(.gridCardInfo__subtitle) {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .gridCardInfo__text:has(.gridCardInfo__subtitle) {
    margin-bottom: 80px;
  }
}
@media (min-width: 768px) {
  .gridCardInfo__grid {
    display: flex;
    flex-direction: row;
    gap: 32px;
  }
}
.gridCardInfo__grid .splide__list {
  height: fit-content;
  padding-bottom: 80px !important;
}
@media (min-width: 768px) {
  .gridCardInfo__grid .splide__list {
    padding-bottom: 0 !important;
  }
}
.gridCardInfo__grid .splide__track {
  pointer-events: auto;
}
@media (min-width: 768px) {
  .gridCardInfo__grid .splide__track {
    pointer-events: none;
  }
}
.gridCardInfo__grid .button,
.gridCardInfo__grid .button-link,
.gridCardInfo__grid .buttonDownload__element {
  pointer-events: auto;
}
.gridCardInfo__item {
  margin-bottom: 40px;
}
.gridCardInfo__item:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .gridCardInfo__item {
    margin-bottom: 0;
  }
}
.gridCardInfo__item.splide__slide {
  display: flex;
}
.gridCardInfo__item.splide__slide .cardInfo {
  display: flex;
  flex-direction: column;
}
.gridCardInfo__item.splide__slide .cardInfo__content {
  flex: auto;
}
.gridCardInfo__item.splide__slide .cardInfo__button {
  margin-top: auto;
  margin-bottom: 0;
}
.gridCardInfo__arrows {
  position: relative;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 1px;
}
.gridCardInfo__arrows .slider-arrows {
  left: 0;
}
@media (min-width: 768px) {
  .gridCardInfo__arrows {
    display: none;
  }
}
.gridCardInfo__subTitle {
  margin-top: 16px;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.grid-cards {
  display: block;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .grid-cards .card-simple {
    height: 100%;
    flex: 1;
  }
}
.bg-color-bold .gridCards__title {
  color: var(--brand-color-text-on-bold-bg-title);
}
.bg-color-base .gridCards__title,
.bg-color-light .gridCards__title,
.bg-color-medium-extralight .gridCards__title {
  color: var(--brand-color-text-standard-title);
}
.bg-color-bold .gridCards__subTitle {
  color: var(--brand-color-text-on-bold-bg-text);
}
.bg-color-base .gridCards__subTitle,
.bg-color-light .gridCards__subTitle,
.bg-color-medium-extralight .gridCards__subTitle {
  color: var(--brand-color-text-standard-text);
}
.gridCards__list {
  margin-top: var(--s-base-8);
}
@media (min-width: 768px) {
  .gridCards__list {
    margin-top: var(--s-base-14);
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    justify-content: center;
    align-items: stretch;
  }
  .mg-top-l-neg .gridCards__list {
    margin-top: 0;
  }
}
.mg-top-l-neg .gridCards__list {
  margin-top: 0;
}
.gridCards__item {
  margin-top: var(--s-base-6);
}
.gridCards__item:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .gridCards__item {
    flex: 0 0 calc(50% - 16px);
    margin-top: 0;
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 768px) and (min-width: 1280px) {
  .gridCards--threeColumns .gridCards__item {
    flex: 0 0 calc(33.333% - 22px);
  }
}
@media (min-width: 768px) and (min-width: 1280px) {
  .gridCards--fourColumns .gridCards__item {
    flex: 0 0 calc(25% - 24px);
  }
}
@media (min-width: 768px) {
  .gridCards__item .card-ticket {
    height: 100%;
  }
}
.gridCards__cta {
  width: fit-content;
  margin: var(--s-base-8) auto 0;
}
@media (min-width: 768px) {
  .gridCards__cta {
    margin: var(--s-base-14) auto 0;
  }
}
.gridCards__subTitle {
  margin-top: 24px;
  text-align: center;
}
.grid-cards.bg-color-bold .card-simple,
.grid-cards.bg-color-np-bold .card-simple {
  background: var(--brand-color-surface-card-medium);
}
.grid-cards.bg-color-bold .cardSimple__content *,
.grid-cards.bg-color-np-bold .cardSimple__content * {
  color: var(--brand-color-text-on-medium-bg-text);
}
.grid-cards.bg-color-bold .cardSimple__content *:after,
.grid-cards.bg-color-np-bold .cardSimple__content *:after {
  background: var(--brand-color-text-on-medium-bg-text);
  color: var(--brand-color-text-on-medium-bg-text);
}
.grid-cards.bg-color-bold .cardSimple__icon,
.grid-cards.bg-color-np-bold .cardSimple__icon {
  color: var(--brand-color-surface-icon-medium-dark);
  opacity: 0.5;
}
.grid-cards.bg-color-base .card-simple,
.grid-cards.bg-color-np-base .card-simple {
  background: var(--brand-color-surface-card-medium-dark);
}
.grid-cards.bg-color-base .cardSimple__content *,
.grid-cards.bg-color-np-base .cardSimple__content * {
  color: var(--brand-color-text-on-medium-bg-text);
}
.grid-cards.bg-color-base .cardSimple__content *:after,
.grid-cards.bg-color-np-base .cardSimple__content *:after {
  background: var(--brand-color-text-on-medium-bg-text);
  color: var(--brand-color-text-on-medium-bg-text);
}
.grid-cards.bg-color-base .cardSimple__icon,
.grid-cards.bg-color-np-base .cardSimple__icon {
  color: var(--brand-color-surface-icon-medium);
  opacity: 0.5;
}
.grid-cards.bg-color-medium-extralight .card-simple,
.grid-cards.bg-color-np-medium-extralight .card-simple {
  background: var(--brand-color-gradient-brand-45);
}
.grid-cards.bg-color-medium-extralight .cardSimple__content *,
.grid-cards.bg-color-np-medium-extralight .cardSimple__content * {
  color: var(--brand-color-text-on-bold-bg-text);
}
.grid-cards.bg-color-medium-extralight .cardSimple__content *:after,
.grid-cards.bg-color-np-medium-extralight .cardSimple__content *:after {
  background: var(--brand-color-text-on-bold-bg-text);
  color: var(--brand-color-text-on-bold-bg-text);
}
.grid-cards.bg-color-medium-extralight .cardSimple__icon,
.grid-cards.bg-color-np-medium-extralight .cardSimple__icon {
  color: var(--brand-color-surface-icon-medium);
  opacity: 0.5;
}
.grid-cards.bg-color-light .card-simple,
.grid-cards.bg-color-np-light .card-simple {
  background: var(--brand-color-surface-card-medium-dark);
}
.grid-cards.bg-color-light .cardSimple__content *,
.grid-cards.bg-color-np-light .cardSimple__content * {
  color: var(--brand-color-text-on-medium-bg-text);
}
.grid-cards.bg-color-light .cardSimple__content *:after,
.grid-cards.bg-color-np-light .cardSimple__content *:after {
  background: var(--brand-color-text-on-medium-bg-text);
  color: var(--brand-color-text-on-medium-bg-text);
}
.grid-cards.bg-color-light .cardSimple__icon,
.grid-cards.bg-color-np-light .cardSimple__icon {
  color: var(--brand-color-surface-icon-medium);
  opacity: 0.5;
}
.grid-cards .button__element {
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-primary-border-default);
  border-color: var(--comp-color-button-primary-border-default);
  background: var(--comp-color-button-primary-surface-default);
  color: var(--comp-color-button-primary-text-default);
}
.grid-cards .button__element:hover {
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-primary-border-hover);
  border-color: var(--comp-color-button-primary-border-hover);
  background: var(--comp-color-button-primary-surface-hover);
  color: var(--comp-color-button-primary-text-hover);
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.grid-media {
  display: block;
  position: relative;
  width: 100%;
}
.grid-media .card-media,
.grid-media .cardMedia__container {
  height: 100%;
}
.gridMedia__row {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 56px;
}
@media (min-width: 768px) {
  .gridMedia__row {
    flex-direction: row;
  }
}
.gridMedia__row[data-row="col-1"] .gm-col-1,
.gridMedia__row[data-row="col-1"] .gm-col-2,
.gridMedia__row[data-row="col-1"] .gm-col-3 {
  width: 100%;
}
@media (min-width: 768px) {
  .gridMedia__row[data-row="col-1"] .gm-col-1,
  .gridMedia__row[data-row="col-1"] .gm-col-2,
  .gridMedia__row[data-row="col-1"] .gm-col-3 {
    width: 100%;
  }
}
.gridMedia__row[data-row="col-2"] .gm-col-1,
.gridMedia__row[data-row="col-2"] .gm-col-2,
.gridMedia__row[data-row="col-2"] .gm-col-3 {
  width: 100%;
}
@media (min-width: 768px) {
  .gridMedia__row[data-row="col-2"] .gm-col-1,
  .gridMedia__row[data-row="col-2"] .gm-col-2,
  .gridMedia__row[data-row="col-2"] .gm-col-3 {
    width: 50%;
  }
}
.gridMedia__row[data-row="col-2-big"] .gm-col-1 {
  width: 100%;
}
@media (min-width: 768px) {
  .gridMedia__row[data-row="col-2-big"] .gm-col-1 {
    width: 66.666%;
    aspect-ratio: 0.847;
  }
}
@media (min-width: 1024px) {
  .gridMedia__row[data-row="col-2-big"] .gm-col-1 {
    aspect-ratio: 1;
  }
}
@media (min-width: 1440px) {
  .gridMedia__row[data-row="col-2-big"] .gm-col-1 {
    aspect-ratio: 1.389;
  }
}
.gridMedia__row[data-row="col-2-big"] .gm-col-2 {
  width: 100%;
}
@media (min-width: 768px) {
  .gridMedia__row[data-row="col-2-big"] .gm-col-2 {
    width: calc(33.333% - 16px);
  }
}
.gridMedia__row[data-row="col-2-big-reverse"] .gm-col-1 {
  width: 100%;
}
@media (min-width: 768px) {
  .gridMedia__row[data-row="col-2-big-reverse"] .gm-col-1 {
    width: calc(33.333% - 16px);
  }
}
.gridMedia__row[data-row="col-2-big-reverse"] .gm-col-2 {
  width: 100%;
}
@media (min-width: 768px) {
  .gridMedia__row[data-row="col-2-big-reverse"] .gm-col-2 {
    width: 66.666%;
    aspect-ratio: 0.847;
  }
}
@media (min-width: 1024px) {
  .gridMedia__row[data-row="col-2-big-reverse"] .gm-col-2 {
    aspect-ratio: 1;
  }
}
@media (min-width: 1440px) {
  .gridMedia__row[data-row="col-2-big-reverse"] .gm-col-2 {
    aspect-ratio: 1.389;
  }
}
.gridMedia__row[data-row="col-3"] .gm-col-1,
.gridMedia__row[data-row="col-3"] .gm-col-2,
.gridMedia__row[data-row="col-3"] .gm-col-3 {
  width: 100%;
}
@media (min-width: 768px) {
  .gridMedia__row[data-row="col-3"] .gm-col-1,
  .gridMedia__row[data-row="col-3"] .gm-col-2,
  .gridMedia__row[data-row="col-3"] .gm-col-3 {
    width: 33.333%;
  }
}
@media (min-width: 1440px) {
  .gridMedia__row
    .cardMedia--horizontal:not(.cardMedia--podcast):not(.cardMedia--landscape)
    .cardMedia__info,
  .gridMedia__row
    .cardMedia--horizontal:not(.cardMedia--podcast):not(.cardMedia--landscape)
    .cardMedia__picture {
    width: 50%;
  }
}
.gridMedia__col {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.gridMedia__item {
  flex: 1;
  height: 100%;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.header {
  position: relative;
  display: block;
  width: 100%;
  transition: var(--t-transition);
}
@media (min-width: 1920px) {
  .header {
    position: fixed;
    left: 50%;
    translate: -50% 0;
  }
}
.header.header--timelineScroll,
.open-strip-video .header {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.header__container {
  position: relative;
}
.header__preNav {
  height: var(--pre-header-height);
  background: var(--brand-color-surface-section-medium-extralight);
}
.header__preNavContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.header__logoLink {
  width: 90px;
  flex: 0 0 90px;
  position: relative;
  display: flex;
}
@media (min-width: 1280px) {
  .header__logoLink {
    width: 136px;
    flex: 0 0 136px;
  }
}
.header__logoLink:focus-visible {
  outline-color: var(--brand-color-focus-standard);
}
.header--white .header__logoImg,
.header--fixed .header__logoImg,
.header--menuOpen .header__logoImg,
.header--menuMobileOpen .header__logoImg,
.header__logoImg.header__logoImg--headerWhite {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.header--white .header__logoImg.header__logoImg--headerWhite,
.header--fixed .header__logoImg.header__logoImg--headerWhite,
.header--menuOpen .header__logoImg.header__logoImg--headerWhite,
.header--menuMobileOpen .header__logoImg.header__logoImg--headerWhite {
  opacity: 1;
  visibility: visible;
  position: static;
}
.header__nav {
  height: var(--header-height-mobile);
  background: var(--brand-color-surface-section-menu-overlay);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  transition: background var(--t-timing) var(--t-header-ease);
}
@media (min-width: 1280px) {
  .header__nav {
    height: var(--header-height);
    top: var(--pre-header-height);
  }
}
.header--white .header__nav,
.header--fixed .header__nav,
.header--menuOpen .header__nav,
.header--menuMobileOpen .header__nav {
  background: var(--brand-color-surface-section-base);
}
.header--fixed .header__nav {
  position: fixed;
  translate: 0 -100%;
  transition: translate 0s var(--t-header-ease);
}
.header--noVisible .header__nav {
  top: 0;
  translate: 0 -100%;
  transition: translate var(--t-timing) var(--t-header-ease);
}
.header--visible .header__nav {
  top: 0;
  transition: translate var(--t-timing) var(--t-header-ease);
  translate: 0 0;
}
@media (min-width: 1280px) {
  .header__nav:after {
    content: "";
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .header--menuOpen .header__nav:after {
    content: "";
    opacity: 1;
    visibility: visible;
    position: absolute;
    top: calc(100vh - var(--pre-header-height));
    left: var(--sidebar-width);
    width: 100vw;
    height: calc(var(--header-height) + var(--pre-header-height));
    background: var(--brand-color-surface-section-bold);
    transition: all var(--t-timing-slow) var(--t-header-ease)
      var(--t-timing-slow);
  }
  .header--fixed .header__nav:after {
    content: none;
  }
}
.header__contentNav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.header__navigation {
  height: 100vh;
  height: 100dvh;
  width: 100%;
  translate: -100% 0;
  left: 0;
  top: 0;
  position: absolute;
  background: var(--brand-color-surface-section-base);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transition:
    translate var(--t-timing) var(--t-header-ease),
    opacity var(--t-timing) var(--t-header-ease) var(--t-timing);
  max-width: 768px;
}
@media (min-width: 1280px) {
  .header__navigation {
    display: block;
    height: 100%;
    translate: none;
    position: static;
    background: transparent;
    width: auto;
    opacity: 1;
    visibility: visible;
    max-width: none;
  }
}
.header--menuMobileOpen .header__navigation {
  translate: 0 0;
  opacity: 1;
  transition: var(--t-transition-header);
  visibility: visible;
}
.header__voicesList {
  overflow: auto;
}
@media (min-width: 1280px) {
  .header__voicesList {
    display: flex;
    align-items: center;
    column-gap: 24px;
    height: 100%;
    overflow: visible;
  }
}
.header__preNavList {
  display: flex;
  column-gap: 16px;
}
.header__preNavItem {
  align-items: center;
  position: relative;
}
.header__preNavItem:before {
  content: "";
  position: absolute;
  left: -8px;
  top: 4px;
  width: 1px;
  height: calc(100% - 8px);
  background: var(--brand-color-surface-section-bold);
}
.header__preNavItem:first-child:before {
  content: none;
}
.header__preNavItemLink {
  color: var(--comp-color-button-link-text-default);
  padding: 8px;
  display: flex;
  column-gap: 8px;
  justify-content: center;
}
@media (min-width: 1280px) {
  .header__preNavItemLink {
    justify-content: flex-start;
  }
}
.header__preNavItemLink.header__preNavItemLink--brown {
  color: var(--brand-color-system-warning-text);
}
.header__preNavNumber {
  color: var(--brand-color-text-standard-text);
}
@media (min-width: 1280px) {
  .header__voice {
    height: 100%;
  }
}
.header__voiceLink {
  padding: 18px 32px;
  color: var(--brand-color-text-standard-text);
  cursor: pointer;
  transition: all var(--t-timing-fast) var(--t-ease);
  width: 100%;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1280px) {
  .header__voiceLink {
    height: 100%;
    color: var(--brand-color-text-on-bold-bg-text);
    padding: 0 20px;
  }
}
.header__voice--openSub .header__voiceLink {
  background: var(--brand-color-surface-section-medium);
  color: var(--brand-color-text-standard-text);
}
.header__voiceLink.header__voiceLink--current {
  position: relative;
}
.header__voiceLink.header__voiceLink--current:after {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 32px;
  height: 2px;
  width: 32px;
  background: var(--brand-color-border-medium-dark);
}
@media (min-width: 1280px) {
  .header__voiceLink.header__voiceLink--current:after {
    left: 50%;
    translate: -50% 0;
    background: var(--brand-color-border-medium-dark);
    bottom: 0;
  }
}
.header__voiceLink:hover {
  transition: all var(--t-timing) var(--t-header-ease);
  background: var(--brand-color-surface-section-medium-extralight);
}
@media (min-width: 1280px) {
  .header__voiceLink:hover {
    background: var(--brand-color-surface-section-bold-light);
  }
}
.header__voiceLink:focus-visible {
  outline-color: var(--brand-color-focus-standard);
}
.header--white .header__voiceLink,
.header--fixed .header__voiceLink,
.header--menuOpen .header__voiceLink {
  color: var(--brand-color-text-standard-text);
}
.header--white .header__voiceLink.header__voiceLink--current:after,
.header--fixed .header__voiceLink.header__voiceLink--current:after,
.header--menuOpen .header__voiceLink.header__voiceLink--current:after {
  background: var(--brand-color-border-medium-dark);
}
.header--white .header__voiceLink:hover,
.header--fixed .header__voiceLink:hover,
.header--menuOpen .header__voiceLink:hover {
  color: var(--brand-color-text-standard-text);
  background: var(--brand-color-surface-section-bold-extralight);
}
.header__actions {
  display: flex;
  column-gap: 24px;
  align-items: center;
}
.header__search {
  display: flex;
  column-gap: 8px;
  align-items: center;
  font-size: calc(
    var(--typography-body-body-2-regular-fontSize-desktop) /
      var(--text-base-size) * 1rem
  );
}
.header__hamburger,
.header__search {
  cursor: pointer;
  color: var(--brand-color-surface-icon-base);
}
.header--white .header__hamburger,
.header--fixed .header__hamburger,
.header--menuOpen .header__hamburger,
.header--menuMobileOpen .header__hamburger,
.header--white .header__search,
.header--fixed .header__search,
.header--menuOpen .header__search,
.header--menuMobileOpen .header__search {
  color: var(--brand-color-surface-icon-bold);
}
.header__secondMenu {
  position: absolute;
  left: 0;
  width: 100%;
  top: var(--header-height-mobile);
  height: calc(100vh - var(--header-height-mobile));
  height: calc(100dvh - var(--header-height-mobile));
  display: flex;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: var(--t-timing-fast) var(--t-header-ease);
  overflow: auto;
  background: var(--brand-color-surface-section-base);
}
@media (min-width: 1024px) {
  .header__secondMenu {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1280px) {
  .header__secondMenu {
    padding-left: calc(var(--pd-max-cnt) - 2rem);
    padding-right: var(--pd-max-cnt);
    top: var(--header-height);
    height: calc(100vh - var(--header-height) - var(--pre-header-height));
    background: transparent;
  }
}
.header__voice--openSub .header__secondMenu {
  opacity: 1;
  visibility: visible;
  pointer-events: painted;
}
.header__secondMenu.header__secondMenu--sidebar {
  padding-left: 0;
  max-width: calc(var(--max-1920) - var(--sidebar-width));
  top: var(--header-height-mobile);
}
@media (min-width: 1280px) {
  .header__secondMenu.header__secondMenu--sidebar {
    left: var(--sidebar-width);
    width: calc(100vw - var(--sidebar-width));
    top: 0;
  }
}
.header--fixed.header--visible .header__secondMenu {
  height: calc(100dvh - var(--header-height));
}
.header__layerMenu {
  position: absolute;
  top: 0;
  background: var(--brand-color-surface-section-bold-a40);
  height: 100%;
  min-height: 605px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  left: 0;
  width: calc(100vw - var(--sidebar-width));
  max-width: calc(var(--max-1920) - var(--sidebar-width));
}
.header__voice--openSub .header__layerMenu {
  transition: opacity var(--t-timing-slow) var(--t-header-ease)
    var(--t-timing-slow);
  opacity: 1;
  visibility: visible;
  pointer-events: painted;
}
.header__secondMenuContent {
  opacity: 0;
  translate: -100% 0;
  transition: var(--t-transition-header) var(--t-timing-fast);
  height: fit-content;
  width: 100%;
}
@media (min-width: 1280px) {
  .header__secondMenuContent {
    display: flex;
    height: fit-content;
    width: auto;
    flex: 1;
    min-height: clamp(605px, 100%, 100%);
  }
}
@media (min-width: 1920px) {
  .header__secondMenuContent {
    translate: calc(var(--sidebar-width) * -1) 0;
  }
}
.header__voice--openSub .header__secondMenuContent {
  opacity: 1;
  translate: 0 0;
}
.header__secondMenuTitle {
  color: var(--brand-color-text-standard-title);
  display: block;
  text-align: left;
}
.header__secondMenuTitle ~ * {
  margin-top: 24px;
}
@media (min-width: 1280px) {
  .header__secondMenuTitle ~ * {
    margin-top: 32px;
  }
}
.header__backButton {
  display: flex;
  column-gap: 16px;
  align-items: center;
  color: var(--brand-color-surface-icon-bold);
  width: 100%;
  cursor: pointer;
}
.header__backButton ~ * {
  margin-top: 24px;
}
@media (min-width: 1280px) {
  .header__backButton ~ * {
    margin-top: 32px;
  }
}
@media (min-width: 1280px) {
  .header__backButton {
    pointer-events: none;
  }
}
.header__secondMenuPar {
  color: var(--brand-color-text-standard-text);
}
.header__secondMenuLeft {
  flex: 0 1 360px;
  padding: 24px;
  background: var(--brand-color-surface-section-base);
}
@media (min-width: 1280px) {
  .header__secondMenuLeft {
    background: var(--brand-color-surface-section-light);
    padding: 56px 32px 0;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media (min-width: 1600px) {
  .header__secondMenuLeft {
    padding-left: clamp(32px, 32px + (100vw - var(--max-1600)) / 2, 200px);
    flex: 0 1 calc(360px + (100vw - var(--max-1600)) / 2);
  }
}
@media (min-width: 1920px) {
  .header__secondMenuLeft {
    padding-left: calc(32px + (var(--max-1920) - var(--max-1600)) / 2);
    flex: 0 1 calc(360px + (var(--max-1920) - var(--max-1600)) / 2);
  }
}
.header__secondMenu--sidebar .header__secondMenuLeft {
  background: var(--brand-color-surface-section-light);
}
.header--hiddenSidebar .header__secondMenuLeft:after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(-1 * var(--pd-max-cnt));
  width: var(--pd-max-cnt);
  height: 100%;
  background-color: var(--brand-color-surface-section-light);
}
.header__secondMenuTop {
  flex: 0 1 50%;
}
.header__secondMenuBottom {
  flex: 0 1 50%;
  overflow: hidden;
  padding-bottom: 24px;
  padding-top: 16px;
}
.header__secondMenu--sidebar .header__secondMenuBottom {
  padding-bottom: 0;
  width: calc(100% + 64px);
  margin-left: -32px;
  position: relative;
}
.header__secondMenuBottomList {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.header__secondMenuBottomCard {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 1280px) {
  .header__secondMenuBottomCard {
    width: calc(100% - 20px);
  }
}
.header__secondMenuBottomCard:last-child {
  margin-bottom: 0;
}
.header__buttonClose {
  position: absolute;
  top: calc(var(--header-height) + 20px);
  left: calc(720px + var(--sidebar-width) + 20px);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  translate: -60px 0;
}
@media (min-width: 1600px) {
  .header__buttonClose {
    left: calc(
      720px + var(--sidebar-width) + 20px + (100vw - var(--max-1600)) / 2
    );
  }
}
@media (min-width: 1920px) {
  .header__buttonClose {
    left: calc(
      720px + var(--sidebar-width) + 20px +
        (var(--max-1920) - var(--max-1600)) / 2
    );
  }
}
.header--menuOpen .header__buttonClose {
  transition:
    opacity var(--t-timing) var(--t-header-ease) var(--t-timing),
    translate var(--t-timing-slow) var(--t-header-ease) var(--t-timing);
  opacity: 1;
  visibility: visible;
  pointer-events: painted;
  translate: 0 0;
}
.header--menuOpen.header--menuSidebarOpen .header__buttonClose {
  display: none;
}
.header--menuThirdOpen .header__buttonClose {
  translate: 360px 0;
  transition: var(--t-transition-header) var(--t-timing-fast);
}
@media (min-width: 1600px) {
  .header--menuThirdOpen .header__buttonClose {
    left: calc(
      720px + var(--sidebar-width) + 20px + (100vw - var(--max-1600)) / 2
    );
  }
}
@media (min-width: 1920px) {
  .header--menuThirdOpen .header__buttonClose {
    left: calc(
      720px + var(--sidebar-width) + 20px +
        (var(--max-1920) - var(--max-1600)) / 2
    );
  }
}
.header__buttonClose.header__buttonClose--sidebar {
  top: 20px;
}
.header--menuOpen .header__buttonClose.header__buttonClose--sidebar {
  display: none;
}
.header--menuOpen.header--menuSidebarOpen
  .header__buttonClose.header__buttonClose--sidebar {
  display: block;
}
.header__secondVoiceLink {
  display: flex;
  padding: 16px 32px;
  width: 100%;
  color: var(--brand-color-text-standard-text);
  text-align: left;
  justify-content: space-between;
  cursor: pointer;
  transition: var(--t-timing) var(--t-header-ease);
  position: relative;
  background: var(--brand-color-surface-section-medium-extralight);
}
.header__secondVoice--openSub .header__secondVoiceLink,
.header__secondVoiceLink:hover {
  background: var(--brand-color-surface-section-medium);
}
@media (min-width: 1280px) {
  .header__secondVoiceLink:hover {
    background: var(--brand-color-surface-section-medium);
  }
}
.header__secondVoiceLink:focus-visible {
  outline-color: var(--brand-color-focus-standard);
}
.header__secondVoiceLink.header__secondVoiceLink--current:after {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  left: 0;
  background: var(--brand-color-border-medium-dark);
  pointer-events: none;
  max-height: 48px;
}
@media (min-width: 1280px) {
  .header__secondVoiceLink.header__secondVoiceLink--current:after {
    width: 2px;
  }
}
.header__secondVoicesList {
  flex: 0 1 360px;
  padding-top: 24px;
  padding-bottom: 24px;
  background: var(--);
}
@media (min-width: 1280px) {
  .header__secondVoicesList {
    background: var(--brand-color-surface-section-medium-extralight);
    position: relative;
    padding-bottom: 0;
  }
}
.header__thirdMenu {
  position: absolute;
  padding-top: 24px;
  height: calc(100dvh - var(--header-height-mobile));
  width: 100%;
  top: 0;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  translate: -100% 0;
  transition: opacity var(--t-transition-header);
  background: var(--brand-color-surface-section-base);
  height: 100%;
  z-index: 1;
}
@media (min-width: 1280px) {
  .header__thirdMenu {
    left: 100%;
    background: var(--brand-color-surface-section-medium);
    overflow: auto;
  }
}
.header__secondVoice--openSub .header__thirdMenu {
  opacity: 1;
  visibility: visible;
  pointer-events: painted;
  translate: 0 0;
  transition: var(--t-transition-header) var(--t-timing-fast);
}
@media (min-width: 1280px) {
  .header__secondVoice--openSub .header__thirdMenu {
    transition: opacity var(--t-timing) var(--t-header-ease)
      var(--t-timing-slow);
  }
}
.header__thirdMenuList {
  padding-top: 24px;
}
@media (min-width: 1280px) {
  .header__thirdMenuList {
    padding-top: 0;
  }
}
.header__thirdVoiceLink {
  padding: 16px 32px;
  width: 100%;
  color: var(--brand-color-text-standard-text);
  cursor: pointer;
  display: block;
  position: relative;
}
.header__thirdVoiceLink.header__thirdVoiceLink--current:after {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  left: 0;
  background: var(--brand-color-border-medium-dark);
  pointer-events: none;
  max-height: 48px;
}
@media (min-width: 1280px) {
  .header__thirdVoiceLink.header__thirdVoiceLink--current:after {
    width: 2px;
  }
}
.header__thirdVoiceLink:hover {
  background: var(--brand-color-surface-section-bold-extralight);
}
.header__thirdVoiceLink:focus-visible {
  outline-color: var(--brand-color-focus-standard);
}
.header__sidebar {
  height: 100vh;
  width: var(--sidebar-width);
  background: var(--brand-color-surface-section-menu-overlay);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  position: absolute;
  top: calc(var(--header-height) + var(--pre-header-height));
  transition: background var(--t-timing) var(--t-header-ease);
}
.timeline-page .header__sidebar {
  height: calc(100vh - var(--header-height) - var(--pre-header-height));
}
.header--white .header__sidebar,
.header--fixed .header__sidebar,
.header--menuOpen .header__sidebar {
  background: var(--brand-color-surface-section-base);
}
.header--fixed .header__sidebar {
  position: fixed;
  translate: -100% 0;
  transition:
    translate var(--t-timing) var(--t-header-ease),
    background var(--t-timing) var(--t-header-ease) var(--t-timing);
}
.header--noVisible .header__sidebar {
  top: 0;
  translate: -100% 0;
}
.header--visible .header__sidebar {
  top: var(--header-height);
  transition: translate var(--t-timing) var(--t-header-ease);
  translate: 0 0;
}
.header--fixed.header--visible .header__sidebar {
  height: calc(100vh - var(--header-height));
}
.header__sidebarList {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1280px) {
  .header__sidebarList {
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-bottom: calc(var(--header-height) + var(--pre-header-height));
  }
  .header--fixed .header__sidebarList {
    padding-bottom: 0;
  }
}
.header__sidebarItem {
  flex: 1 1;
}
@media (min-width: 1280px) {
  .header__sidebarItem {
    flex: 0;
  }
}
.header__sidebarButton {
  padding: 16px 4px;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  transition: all var(--t-timing-fast) var(--t-ease);
  color: var(--brand-color-text-standard-text);
  cursor: pointer;
}
@media (min-width: 1280px) {
  .header__sidebarButton {
    color: var(--brand-color-text-on-bold-bg-text);
    padding: 16px 0;
  }
  .header--fixed .header__sidebarButton {
    opacity: 0;
  }
  .header--fixed.header--visible .header__sidebarButton {
    opacity: 1;
  }
}
.header__voice--openSub .header__sidebarButton {
  background: var(--brand-color-surface-section-medium);
  color: var(--brand-color-text-standard-text);
}
.header__sidebarButton:hover {
  transition: var(--t-timing) var(--t-header-ease);
  background: var(--brand-color-surface-section-bold-extralight);
}
@media (min-width: 1280px) {
  .header__sidebarButton:hover {
    background: var(--brand-color-surface-section-bold-light);
  }
}
.header__voice--openSub .header__sidebarButton:hover {
  background: var(--brand-color-surface-section-medium);
  color: var(--brand-color-text-standard-text);
}
.header__sidebarButton:focus-visible {
  outline-color: var(--brand-color-focus-standard);
}
.header--white .header__sidebarButton,
.header--fixed .header__sidebarButton,
.header--menuOpen .header__sidebarButton {
  color: var(--brand-color-text-standard-text);
  transition: color var(--t-timing) var(--t-header-ease) var(--t-timing);
}
.header--white .header__sidebarButton:hover,
.header--fixed .header__sidebarButton:hover,
.header--menuOpen .header__sidebarButton:hover {
  background: var(--brand-color-surface-section-bold-extralight);
}
.header__sidebarIcon {
  font-size: 20px;
}
.header__sidebarBottomImg {
  width: 100%;
  height: calc(100% - 16px);
  object-fit: cover;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  max-height: 355px;
}
.header__mobileHeader {
  padding: 16px 24px 16px 32px;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1279px) {
  .header__mobileHeader {
    display: flex;
  }
}
.header__mobileSidebar {
  background: var(--brand-color-surface-section-medium-extralight);
  margin-bottom: 32px;
  z-index: 1;
}
.header--hiddenSidebar .header__mobileSidebar {
  display: none;
}
.header__footerNav {
  padding: 32px 24px;
  border-top: var(--brand-border-width-regular) solid
    var(--brand-color-surface-section-neutral);
  margin-top: auto;
}
.header__footerNavList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.header__footerNavItem {
  text-align: center;
}
.header__footerNavItem:last-child {
  flex: 1 1 100%;
}
.header__secondMenuFooter {
  padding: 20px 24px;
  background: var(--brand-color-surface-section-base);
}
.header__thirdMenuHeader {
  padding: 0 24px;
  margin-bottom: 24px;
}
.header__secondMenu--sidebar .header__thirdMenuHeader {
  padding: 24px;
  background: var(--brand-color-surface-section-medium-extralight);
}
.header__closeMobile {
  padding: 8px;
  cursor: pointer;
}
.header__layerMenuMobile {
  position: absolute;
  top: 0;
  left: 768px;
  width: calc(100vw - 768px);
  background: var(--brand-color-surface-section-bold-a40);
  height: 100%;
  opacity: 0;
}
.header--menuMobileOpen .header__layerMenuMobile {
  opacity: 1;
  transition: opacity var(--t-timing) var(--t-header-ease) var(--t-timing);
}
.header__searchElement {
  position: absolute;
  top: 0;
  translate: 0 calc(-100% - var(--pre-header-height));
  left: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%;
}
.header--searchOpen .header__searchElement {
  translate: 0 var(--header-height);
  opacity: 1;
  visibility: visible;
  pointer-events: painted;
  transition:
    translate var(--t-timing-slow) var(--t-header-ease),
    opacity var(--t-timing) var(--t-header-ease) var(--t-timing);
}
.header__searchComponent {
  width: 100%;
  background: var(--brand-color-surface-section-base);
}
.header__searchElementLayer {
  flex: 1;
  width: 100%;
  background: var(--brand-color-surface-section-bold-a40);
  opacity: 0;
}
.header--searchOpen .header__searchElementLayer {
  opacity: 1;
  transition: opacity var(--t-timing) var(--t-header-ease) var(--t-timing-slow);
}
.header__preNavItem .wpml-ls-link,
.header__footerNavItem .wpml-ls-link {
  color: var(--comp-color-button-link-text-default);
  padding: 8px;
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-body-body-4-regular-fontSize-desktop) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-button-small-letterSpacing-desktop) /
      var(--text-base-size) * 1rem
  );
  line-height: 100%;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
}
@media (min-width: 1280px) {
  .header__preNavItem .wpml-ls-link,
  .header__footerNavItem .wpml-ls-link {
    justify-content: flex-start;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .header__preNavItem .wpml-ls-link,
  .header__footerNavItem .wpml-ls-link {
    font-size: calc(
      var(--typography-body-body-4-regular-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-button-small-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: 100%;
  }
}
.header__preNavItem .wpml-ls-display,
.header__footerNavItem .wpml-ls-display,
.header__preNavItem .wpml-ls-current-language,
.header__footerNavItem .wpml-ls-current-language,
.header__preNavItem
  li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-current-language.wpml-ls-item-legacy-list-horizontal,
.header__footerNavItem
  li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-current-language.wpml-ls-item-legacy-list-horizontal,
.header__preNavItem
  li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-en.wpml-ls-current-language.wpml-ls-item-legacy-list-horizontal,
.header__footerNavItem
  li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-en.wpml-ls-current-language.wpml-ls-item-legacy-list-horizontal {
  display: none;
}
.header__preNavItem .wpml-ls-legacy-list-horizontal,
.header__footerNavItem .wpml-ls-legacy-list-horizontal {
  border: 0;
  padding: 0;
  clear: none;
}
.header__selectOptionsWrapper {
  display: none;
}
.header__selectOptionsWrapper.visible {
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translate(-50%);
  z-index: 999;
  background-color: var(--brand-color-surface-section-base);
  padding: 8px;
  border: var(--brand-border-width-regular) solid
    var(--brand-color-system-warning-shape);
  border-radius: var(--brand-border-radius-xs);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.header__selectOptionsWrapper.header__selectOptionsWrapper--mobile {
  top: auto;
  bottom: 64px;
}
.header__selectOptions {
  display: block;
}
.header__selectLink {
  display: block;
  color: var(--brand-color-text-standard-text);
  padding: 14px 8px;
  border-radius: var(--brand-border-radius-xs);
  white-space: nowrap;
  background-color: var(--brand-color-system-warning-surface);
}
.header__preNavItemIcon {
  transition: var(--t-transition);
  pointer-events: none;
}
.header__preNavItemIcon.open {
  rotate: 180deg;
}
.header--menuOpen .header__selectOptionsWrapper {
  display: none;
}
@media (max-width: 1279px) {
  .header--menuOpen .header__preNavItemLink {
    opacity: 0;
    pointer-events: none;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.hero-image {
  display: block;
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hero-image.heroImage--40vh {
  min-height: 40vh;
}
.hero-image.heroImage--30vh {
  min-height: 30vh;
}
.heroImage__container {
  position: relative;
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.heroImage__background {
  width: 100%;
  height: 100%;
  position: absolute;
}
.heroImage__background:after {
  z-index: 1;
}
.heroImage__info {
  position: relative;
  width: 100%;
}
.heroImage__info.text-center .button-link {
  margin: 0 auto;
}
.firstItem .heroImage__info {
  margin-top: var(--header-height-mobile);
}
@media (min-width: 1280px) {
  .firstItem .heroImage__info {
    margin-top: calc(var(--header-height) + var(--pre-header-height));
  }
}
@media (min-width: 1920px) {
  .firstItem .heroImage__info {
    margin-top: calc(var(--header-height) + var(--pre-header-height) + 20px);
  }
}
.heroImage__title {
  margin-bottom: 24px;
}
.bg-color-bold .heroImage__title,
.bg-color-gradient-45 .heroImage__title,
.bg-color-gradient-130 .heroImage__title,
.heroImage__info--light .heroImage__title {
  color: var(--brand-color-text-on-bold-bg-title);
}
.bg-color-light .heroImage__title,
.bg-color-bold-extralight .heroImage__title {
  color: var(--brand-color-text-standard-title);
}
.bg-color-medium-extralight .heroImage__title,
.bg-color-medium .heroImage__title,
.bg-color-base .heroImage__title {
  color: var(--brand-color-text-on-medium-bg-title);
}
@media (min-width: 1024px) {
  .heroImage__title {
    margin-bottom: 40px;
    width: 50%;
  }
  .text-center .heroImage__title {
    width: 80%;
    margin: 0 auto 40px;
  }
}
.heroImage__text {
  display: block;
  width: 100%;
}
.bg-color-bold .heroImage__text,
.bg-color-gradient-45 .heroImage__text,
.bg-color-gradient-130 .heroImage__text,
.heroImage__info--light .heroImage__text {
  color: var(--brand-color-text-on-bold-bg-text);
}
.bg-color-light .heroImage__text,
.bg-color-bold-extralight .heroImage__text {
  color: var(--brand-color-text-standard-text);
}
.bg-color-medium-extralight .heroImage__text,
.bg-color-medium .heroImage__text,
.bg-color-base .heroImage__text {
  color: var(--brand-color-text-on-medium-bg-text);
}
@media (min-width: 1024px) {
  .heroImage__text {
    width: 50%;
  }
}
.text-center .heroImage__text {
  width: 80%;
  margin: 0 auto;
}
.heroImage__richText {
  font-family: var(--brand-font-family-main);
}
.bg-color-bold .heroImage__richText,
.bg-color-gradient-45 .heroImage__richText,
.bg-color-gradient-130 .heroImage__richText,
.heroImage__info--light .heroImage__richText {
  color: var(--brand-color-text-on-bold-bg-text);
}
.bg-color-light .heroImage__richText,
.bg-color-bold-extralight .heroImage__richText {
  color: var(--brand-color-text-standard-text);
}
.bg-color-medium-extralight .heroImage__richText,
.bg-color-medium .heroImage__richText,
.bg-color-base .heroImage__richText {
  color: var(--brand-color-text-on-medium-bg-text);
}
.heroImage__richText h1 {
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-1-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-1-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-1-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  .heroImage__richText h1 {
    font-size: calc(
      var(--typography-title-heading-1-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-1-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-1-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
.heroImage__richText h2 {
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-2-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-2-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-2-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  .heroImage__richText h2 {
    font-size: calc(
      var(--typography-title-heading-2-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-2-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-2-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
.heroImage__richText h3 {
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-3-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-3-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-3-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  .heroImage__richText h3 {
    font-size: calc(
      var(--typography-title-heading-3-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-3-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-3-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
.heroImage__richText h4 {
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-4-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-4-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-4-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  .heroImage__richText h4 {
    font-size: calc(
      var(--typography-title-heading-4-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-4-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-4-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
.heroImage__richText h5 {
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-5-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-5-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-5-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  .heroImage__richText h5 {
    font-size: calc(
      var(--typography-title-heading-5-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-5-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-5-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
.heroImage__richText h6 {
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-6-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-6-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-6-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  .heroImage__richText h6 {
    font-size: calc(
      var(--typography-title-heading-6-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-6-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-6-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
.heroImage__richText p {
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-body-body-1-light-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-1-light-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-1-light-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  .heroImage__richText p {
    font-size: calc(
      var(--typography-body-body-1-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-1-light-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-1-light-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
.heroImage__richText b,
.heroImage__richText strong {
  font-weight: 700;
}
.heroImage__richText u {
  text-decoration: underline;
}
.heroImage__richText em,
.heroImage__richText i {
  font-style: italic;
}
.heroImage__richText a {
  font-weight: 400;
  text-decoration: underline;
}
.bg-color-bold .heroImage__richText a,
.bg-color-gradient-45 .heroImage__richText a,
.bg-color-gradient-130 .heroImage__richText a,
.heroImage__info--light .heroImage__richText a {
  color: var(--brand-color-text-on-bold-bg-text);
}
.bg-color-light .heroImage__richText a,
.bg-color-bold-extralight .heroImage__richText a {
  color: var(--brand-color-text-standard-text);
}
.bg-color-medium-extralight .heroImage__richText a,
.bg-color-medium .heroImage__richText a,
.bg-color-base .heroImage__richText a {
  color: var(--brand-color-text-on-medium-bg-text);
}
.heroImage__richText a:hover {
  opacity: 0.8;
}
.heroImage__richText hr {
  border: 0;
  height: 1px;
  margin: 1.5rem 0;
}
.bg-color-bold .heroImage__richText hr,
.bg-color-gradient-45 .heroImage__richText hr,
.bg-color-gradient-130 .heroImage__richText hr,
.heroImage__info--light .heroImage__richText hr {
  background-color: var(--brand-color-border-base);
}
.bg-color-light .heroImage__richText hr,
.bg-color-bold-extralight .heroImage__richText hr,
.bg-color-medium-extralight .heroImage__richText hr,
.bg-color-medium .heroImage__richText hr,
.bg-color-base .heroImage__richText hr {
  color: var(--brand-color-border-bold);
}
.heroImage__richText ul,
.heroImage__richText ol {
  margin-left: 20px;
  text-align: left;
}
.heroImage__richText ul li {
  list-style: disc;
}
.heroImage__richText ol li {
  list-style: upper-roman;
}
.heroImage__event {
  position: relative;
  padding-left: 18px;
  margin-bottom: var(--s-base-6);
  display: inline-block;
}
.bg-color-bold .heroImage__event,
.bg-color-gradient-45 .heroImage__event,
.bg-color-gradient-130 .heroImage__event,
.heroImage__info--light .heroImage__event {
  color: var(--brand-color-text-on-bold-bg-text);
}
.bg-color-light .heroImage__event,
.heroImage__event .bg-color-bold-extralight,
.bg-color-medium-extralight .heroImage__event,
.bg-color-medium .heroImage__event,
.bg-color-base .heroImage__event {
  color: var(--brand-color-text-standard-text);
}
.heroImage__event:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  width: 12px;
  height: 12px;
  background: var(--brand-color-system-success-shape);
  border-radius: 100%;
}
.heroImage__event.heroImage__event--closed:before {
  background: var(--brand-color-system-error-shape);
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.highlights {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: calc(-0.0392857143 * 100vw + 134.8571428571px);
  padding-top: calc(-0.0392857143 * 100vw + 134.8571428571px);
}
@media (min-width: 1600px) {
  .highlights {
    padding-bottom: 72px;
  }
}
@media (max-width: 767px) {
  .highlights {
    padding-bottom: 116px;
  }
}
@media (min-width: 1600px) {
  .highlights {
    padding-top: 72px;
  }
}
@media (max-width: 767px) {
  .highlights {
    padding-top: 116px;
  }
}
.highlights.highlights--backgroundImage.highlights--grid {
  padding-bottom: calc(0.0142857143 * 100vw + 109.1428571429px);
  padding-top: calc(0vw + 116px);
}
@media (min-width: 1600px) {
  .highlights.highlights--backgroundImage.highlights--grid {
    padding-bottom: 132px;
  }
}
@media (max-width: 767px) {
  .highlights.highlights--backgroundImage.highlights--grid {
    padding-bottom: 116px;
  }
}
@media (min-width: 1600px) {
  .highlights.highlights--backgroundImage.highlights--grid {
    padding-top: 116px;
  }
}
@media (max-width: 767px) {
  .highlights.highlights--backgroundImage.highlights--grid {
    padding-top: 116px;
  }
}
.highlights .gridCards__container {
  padding: 0;
}
.highlights .sliderCards__slider {
  max-width: none;
}
.highlights .gridCards__title,
.highlights .gridCards__cta {
  display: none;
}
.highlights .gridCards__list {
  margin-top: 0;
}
@media (max-width: 767px) {
  .highlights .slider-cards .slider-arrows {
    left: calc(var(--pd-min-cnt) / 2);
  }
}
.highlights .cardSimple__icon {
  display: none;
}
.highlights__backgroundImage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.highlights__title,
.highlights__subtitle {
  position: relative;
  text-align: center;
}
.highlights__title:empty,
.highlights__subtitle:empty {
  padding-bottom: 0;
}
.highlights__title {
  color: var(--brand-color-text-standard-title);
}
.highlights--backgroundImage .highlights__title {
  color: var(--brand-color-text-on-bold-bg-title);
}
.bg-color-base .highlights__title {
  color: var(--brand-color-text-standard-title);
}
.bg-color-medium .highlights__title,
.bg-color-medium-dark .highlights__title {
  color: var(--brand-color-text-on-medium-bg-title);
}
.highlights__subtitle {
  padding-top: 32px;
  color: var(--brand-color-text-standard-text);
}
.highlights--backgroundImage .highlights__subtitle {
  color: var(--brand-color-text-on-bold-bg-text);
}
.bg-color-base .highlights__subtitle {
  color: var(--brand-color-text-standard-text);
}
.bg-color-medium .highlights__subtitle,
.bg-color-medium-dark .highlights__subtitle {
  color: var(--brand-color-text-on-medium-bg-text);
}
@media (max-width: 767px) {
  .highlights__slider {
    width: calc(100% + var(--pd-min-cnt));
  }
}
@media (max-width: 767px) {
  .highlights__slider .sliderCards__content {
    padding-left: 0;
  }
}
.highlights__slider,
.highlights__grid {
  padding-top: 32px;
}
@media (min-width: 1024px) {
  .highlights__slider,
  .highlights__grid {
    padding-top: 72px;
  }
}
.bg-color-base .highlights__slider .sliderCards__item .card-simple,
.bg-color-np-base .highlights__slider .sliderCards__item .card-simple,
.bg-color-base .highlights__slider .gridCards__item .card-simple,
.bg-color-np-base .highlights__slider .gridCards__item .card-simple,
.bg-color-base .highlights__grid .sliderCards__item .card-simple,
.bg-color-np-base .highlights__grid .sliderCards__item .card-simple,
.bg-color-base .highlights__grid .gridCards__item .card-simple,
.bg-color-np-base .highlights__grid .gridCards__item .card-simple {
  background: var(--brand-color-surface-card-medium);
}
.bg-color-medium-dark .highlights__slider .sliderCards__item .card-simple,
.bg-color-np-medium-dark .highlights__slider .sliderCards__item .card-simple,
.bg-color-medium-dark .highlights__slider .gridCards__item .card-simple,
.bg-color-np-medium-dark .highlights__slider .gridCards__item .card-simple,
.bg-color-medium-dark .highlights__grid .sliderCards__item .card-simple,
.bg-color-np-medium-dark .highlights__grid .sliderCards__item .card-simple,
.bg-color-medium-dark .highlights__grid .gridCards__item .card-simple,
.bg-color-np-medium-dark .highlights__grid .gridCards__item .card-simple,
.bg-color-medium .highlights__slider .sliderCards__item .card-simple,
.bg-color-np-medium .highlights__slider .sliderCards__item .card-simple,
.bg-color-medium .highlights__slider .gridCards__item .card-simple,
.bg-color-np-medium .highlights__slider .gridCards__item .card-simple,
.bg-color-medium .highlights__grid .sliderCards__item .card-simple,
.bg-color-np-medium .highlights__grid .sliderCards__item .card-simple,
.bg-color-medium .highlights__grid .gridCards__item .card-simple,
.bg-color-np-medium .highlights__grid .gridCards__item .card-simple {
  background: var(--brand-color-surface-card-light);
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@media (min-width: 1280px) {
  .infographicLaunch {
    display: flex;
    justify-content: space-between;
  }
}
.infographic-launch-section {
  display: block;
  width: 100%;
}
@media (max-width: 1279px) {
  .infographic-launch-section {
    padding-bottom: 0;
  }
}
.infographicLaunch__txt {
  margin-bottom: var(--s-base-13);
}
@media (min-width: 1280px) {
  .infographicLaunch__txt {
    margin-bottom: 0;
  }
}
.infographicLaunch__title {
  padding-bottom: var(--s-base-8);
  color: var(--brand-color-text-on-medium-bg-title);
}
.bg-color-bold .infographicLaunch__title {
  color: var(--brand-color-text-on-bold-bg-title);
}
.infographicLaunch__num,
.infographicLaunch__symbol {
  color: var(--brand-color-text-on-medium-bg-display);
}
.bg-color-bold .infographicLaunch__num,
.bg-color-bold .infographicLaunch__symbol {
  color: var(--brand-color-text-on-bold-bg-display);
}
.infographicLaunch__info {
  color: var(--brand-color-text-on-medium-bg-text);
}
.bg-color-bold .infographicLaunch__info {
  color: var(--brand-color-text-on-bold-bg-text);
}
.infographicLaunch__datum + .infographicLaunch__datum {
  padding-top: var(--s-base-8);
}
@media (min-width: 1280px) {
  .infographicLaunch__datum + .infographicLaunch__datum {
    padding-top: 0;
  }
}
.infographicLaunch__num {
  line-height: 100%;
}
@media (min-width: 1280px) {
  .infographicLaunch__data {
    padding-bottom: var(--s-base-10);
  }
}
.infographicLaunch__data + .infographicLaunch__button {
  margin-top: var(--s-base-8);
}
.infographicLaunch__graph {
  flex: 1;
  background-color: var(--brand-color-surface-section-base);
}
@media (min-width: 1280px) {
  .infographicLaunch__graph {
    margin-right: var(--pd-max-cnt);
  }
}
.infographicLaunch__iframe {
  width: 100%;
  height: 400px;
}
@media (min-width: 1280px) {
  .infographicLaunch__iframe {
    height: 100%;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.infographic {
  display: block;
  position: relative;
  width: 100%;
}
.infographic__container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .infographic--twoCols .infographic__container {
    flex-direction: row;
  }
}
.infographic__info {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1024px) {
  .infographic__info {
    margin-bottom: 32px;
  }
}
@media (min-width: 1024px) {
  .infographic--twoCols .infographic__info {
    justify-content: flex-start;
    align-items: flex-start;
    width: 40%;
    padding-right: 80px;
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .infographic__sticky {
    position: sticky;
    top: 72px;
    transform: translateY(0);
    transition: var(--t-transition);
  }
  .htmlHeader--visible .infographic--overTop .infographic__sticky {
    padding-top: 72px;
  }
}
@media (min-width: 1920px) {
  .infographic__sticky {
    top: 140px;
  }
}
.infographic__title {
  margin-bottom: 16px;
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  .infographic--twoCols .infographic__title {
    text-align: left;
  }
}
.bg-color-bold .infographic__title {
  color: var(--brand-color-text-on-bold-bg-title);
}
.infographic__subtitle {
  margin-bottom: 48px;
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  .infographic--twoCols .infographic__subtitle {
    text-align: left;
  }
}
.bg-color-bold .infographic__subtitle {
  color: var(--brand-color-text-on-bold-bg-title);
}
.infographic__button {
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
}
@media (min-width: 1024px) {
  .infographic__button {
    margin-bottom: 0;
  }
  .infographic--twoCols .infographic__button {
    justify-content: flex-start;
  }
}
.infographic__graphic {
  width: 100%;
}
@media (min-width: 1024px) {
  .infographic__graphic {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
  }
}
@media (min-width: 1024px) {
  .infographic--twoCols .infographic__graphic {
    display: block;
    width: 60%;
  }
}
.infographic__iframe {
  border: 0;
  width: 100%;
}
.infographic__embed.infographic__embed--mobile {
  display: block;
}
@media (min-width: 768px) {
  .infographic__embed.infographic__embed--mobile {
    display: none;
  }
}
.infographic__embed.infographic__embed--tablet {
  display: none;
}
@media (min-width: 768px) {
  .infographic__embed.infographic__embed--tablet {
    display: block;
  }
}
@media (min-width: 1024px) {
  .infographic__embed.infographic__embed--tablet {
    display: none;
  }
}
.infographic__embed.infographic__embed--desktop {
  display: none;
}
@media (min-width: 1024px) {
  .infographic__embed.infographic__embed--desktop {
    display: block;
  }
}
.infographic__infogram {
  margin-bottom: 32px;
  width: 100%;
}
@media (min-width: 1024px) {
  .infographic__infogram {
    width: calc(50% - 16px);
    margin-bottom: 0;
  }
  [data-number-infogram="1"] .infographic__infogram:last-child,
  [data-number-infogram="3"] .infographic__infogram:last-child,
  [data-number-infogram="5"] .infographic__infogram:last-child,
  [data-number-infogram="7"] .infographic__infogram:last-child,
  [data-number-infogram="9"] .infographic__infogram:last-child,
  [data-number-infogram="11"] .infographic__infogram:last-child,
  [data-number-infogram="13"] .infographic__infogram:last-child,
  [data-number-infogram="15"] .infographic__infogram:last-child,
  [data-number-infogram="17"] .infographic__infogram:last-child,
  [data-number-infogram="19"] .infographic__infogram:last-child {
    width: 100%;
  }
  .infographic--twoCols .infographic__infogram {
    width: 100%;
    margin-bottom: 32px;
  }
}
.infographic__infogram:last-child {
  margin-bottom: 0;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.kpi {
  display: block;
  position: relative;
  width: 100%;
}
.kpi__content {
  display: flex;
  flex-direction: column;
  padding: 60px 0;
}
@media (min-width: 1024px) {
  .kpi__content {
    flex-direction: row;
    padding: 72px 0;
  }
}
.kpi__info {
  width: 100%;
  margin-bottom: 64px;
}
@media (min-width: 1024px) {
  .kpi__info {
    width: 50%;
    margin-bottom: 0;
    padding-right: 80px;
  }
}
@media (min-width: 1280px) {
  .kpi__info {
    padding-right: 120px;
  }
}
@media (min-width: 1024px) {
  .kpi__sticky {
    position: sticky;
    top: 72px;
    transform: translateY(0);
    transition: var(--t-transition);
  }
  .htmlHeader--visible .kpi--overTop .kpi__sticky {
    top: 144px;
  }
}
@media (min-width: 1920px) {
  .kpi__sticky {
    top: 140px;
  }
}
.kpi__title {
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .kpi__title {
    margin-bottom: 32px;
  }
}
.kpi__paragraph {
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .kpi__paragraph {
    margin-bottom: 40px;
  }
}
.kpi__data {
  width: 100%;
}
@media (min-width: 1024px) {
  .kpi__data {
    width: 50%;
    padding-left: 80px;
  }
}
@media (min-width: 1280px) {
  .kpi__data {
    padding-left: 120px;
  }
}
.kpi__list {
  display: block;
}
.kpi__item {
  margin-bottom: 60px;
}
@media (min-width: 1024px) {
  .kpi__item {
    margin-bottom: 100px;
  }
}
.kpi__item:last-child {
  margin-bottom: 0;
}
.kpi__itemTitle {
  display: flex;
  align-items: flex-end;
}
@media (min-width: 1024px) {
  .kpi__itemTitle {
    margin-bottom: 24px;
  }
}
.kpi__unit {
  margin-left: 8px;
  line-height: 0.85;
  display: block;
}
@media (min-width: 1024px) {
  .kpi__unit {
    line-height: 1;
  }
}
.kpi__unit.kpi__unit--mobile-small {
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-1-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: 95% !important;
}
@media (min-width: 1024px) {
  .kpi__unit.kpi__unit--mobile-small {
    font-family: var(--brand-font-family-main);
    font-weight: 200;
    font-size: calc(
      var(--typography-special-number-number-2-fontSize-mobile) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-special-number-number-2-lineHeight-mobile) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-special-number-number-2-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
    line-height: 110% !important;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .kpi__unit.kpi__unit--mobile-small {
    font-size: calc(
      var(--typography-special-number-number-2-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-special-number-number-2-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-special-number-number-2-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
.kpi__tag {
  margin-bottom: 8px;
  display: block;
}
@media (min-width: 1024px) {
  .kpi__tag {
    margin-bottom: 16px;
  }
}
.kpi__number {
  display: block;
}
.kpi__number.t-h1 {
  line-height: 95%;
}
.splide__container {
  box-sizing: border-box;
  position: relative;
}
.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}
.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
  display: none;
}
.splide__progress__bar {
  width: 0;
}
.splide {
  position: relative;
  visibility: hidden;
}
.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}
.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}
.splide__slide img {
  vertical-align: bottom;
}
.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}
.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}
.splide--rtl {
  direction: rtl;
}
.splide__track--ttb > .splide__list {
  display: block;
}
.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}
.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}
.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}
.splide__arrow:disabled {
  opacity: 0.3;
}
.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__arrow--prev {
  left: 1em;
}
.splide__arrow--prev svg {
  transform: scaleX(-1);
}
.splide__arrow--next {
  right: 1em;
}
.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}
.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}
.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}
.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}
.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__progress__bar {
  background: #ccc;
  height: 3px;
}
.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.splide__slide:focus {
  outline: 0;
}
@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__toggle {
  cursor: pointer;
}
.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}
.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}
.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}
.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}
.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}
.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}
.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}
.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}
.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}
.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}
.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}
@layer reset,typography,base,utility,grid;
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@layer reset {
  * {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
  }
  *:after,
  *:before {
    box-sizing: inherit;
  }
  html {
    box-sizing: border-box;
  }
  body {
    background-color: var(--brand-color-surface-section-base);
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section,
  main,
  form legend {
    display: block;
  }
  ol,
  ul {
    list-style: none;
  }
  blockquote,
  q {
    quotes: none;
  }
  .detailNews blockquote,
  .detailHowto blockquote,
  .detailPage blockquote,
  .templateOne blockquote {
    border-bottom: 0;
    border-top: 0;
  }
  button,
  select,
  textarea,
  input {
    color: inherit;
    line-height: inherit;
    background-color: transparent;
    border-radius: var(--brand-border-radius-none);
  }
  button,
  select,
  textarea,
  input[type="button"],
  input[type="email"],
  input[type="number"],
  input[type="password"],
  input[type="search"],
  input[type="submit"],
  input[type="tel"],
  input[type="text"],
  input[type="url"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  textarea {
    resize: vertical;
    overflow: auto;
  }
  select::-ms-expand {
    display: none;
  }
  input::-ms-clear {
    display: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  img,
  video,
  svg {
    max-width: 100%;
  }
  a {
    text-decoration: none;
  }
}
@font-face {
  font-family: icon-italgas;
  src: url(./icon-italgas.eot);
  src:
    url(./icon-italgas.eot#iefix) format("embedded-opentype"),
    url(./icon-italgas.ttf) format("truetype"),
    url(./icon-italgas.woff) format("woff"),
    url(./icon-italgas.svg#icon-italgas) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: icon-italgas !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-video-2:before {
  content: "";
}
.icon-news-2:before {
  content: "";
}
.icon-podcast-2:before {
  content: "";
}
.icon-water:before {
  content: "";
}
.icon-environment:before {
  content: "";
}
.icon-calendar:before {
  content: "";
}
.icon-plant:before {
  content: "";
}
.icon-gas:before {
  content: "";
}
.icon-light:before {
  content: "";
}
.icon-objective:before {
  content: "";
}
.icon-partnership:before {
  content: "";
}
.icon-podcast:before {
  content: "";
}
.icon-press-release:before {
  content: "";
}
.icon-research:before {
  content: "";
}
.icon-sound:before {
  content: "";
}
.icon-technology:before {
  content: "";
}
.icon-university:before {
  content: "";
}
.icon-hug:before {
  content: "";
}
.icon-video:before {
  content: "";
}
.icon-arrow-left:before {
  content: "";
}
.icon-arrow-right:before {
  content: "";
}
.icon-gmail:before {
  content: "";
}
.icon-login:before {
  content: "";
}
.icon-chevrons-left:before {
  content: "";
}
.icon-chevrons-right:before {
  content: "";
}
.icon-instagram:before {
  content: "";
}
.icon-images:before {
  content: "";
}
.icon-image:before {
  content: "";
}
.icon-arrow-down:before {
  content: "";
}
.icon-arrow-up:before {
  content: "";
}
.icon-chevron-down:before {
  content: "";
}
.icon-chevron-left:before {
  content: "";
}
.icon-chevron-right:before {
  content: "";
}
.icon-chevron-up:before {
  content: "";
}
.icon-burger:before {
  content: "";
}
.icon-close:before {
  content: "";
}
.icon-download:before {
  content: "";
}
.icon-external-link:before {
  content: "";
}
.icon-plus:before {
  content: "";
}
.icon-play:before {
  content: "";
}
.icon-pause:before {
  content: "";
}
.icon-search:before {
  content: "";
}
.icon-share:before {
  content: "";
}
.icon-link:before {
  content: "";
}
.icon-info:before {
  content: "";
}
.icon-calendar-plus:before {
  content: "";
}
.icon-x:before {
  content: "";
}
.icon-flag:before {
  content: "";
}
.icon-facebook:before {
  content: "";
}
.icon-clients:before {
  content: "";
}
.icon-investors:before {
  content: "";
}
.icon-partner:before {
  content: "";
}
.icon-news:before {
  content: "";
}
.icon-talents:before {
  content: "";
}
.icon-linkedin:before {
  content: "";
}
.icon-outlook:before {
  content: "";
}
.icon-youtube:before {
  content: "";
}
.icon-mix:before {
  content: "";
}
.icon-filter:before {
  content: "";
}
.icon-delete:before {
  content: "";
}
.icon-document:before {
  content: "";
}
.icon-images-2:before {
  content: "";
}
.icon-logo:before {
  content: "";
}
.icon-media-2:before {
  content: "";
}
.icon-price-sensitive-1:before {
  content: "";
}
.icon-price-sensitive-2:before {
  content: "";
}
.icon-woman-manager:before {
  content: "";
}
.icon-woman-up:before {
  content: "";
}
.icon-sicurezza-lavoro:before {
  content: "";
}
.icon-benessere:before {
  content: "";
}
.icon-diversita-inclusione:before {
  content: "";
}
.icon-sevizio-cittadini:before {
  content: "";
}
.icon-presenza-geografica:before {
  content: "";
}
.icon-management:before {
  content: "";
}
.icon-societa:before {
  content: "";
}
.icon-co2:before {
  content: "";
}
.icon-core-business:before {
  content: "";
}
.icon-parita:before {
  content: "";
}
.icon-academy:before {
  content: "";
}
.icon-talenti:before {
  content: "";
}
.icon-ricambio:before {
  content: "";
}
.icon-know-how:before {
  content: "";
}
.icon-aspettative:before {
  content: "";
}
.icon-responsabilita:before {
  content: "";
}
.icon-futuro-pianeta:before {
  content: "";
}
.icon-futuro-persone:before {
  content: "";
}
.icon-accedi:before {
  content: "";
}
.icon-registrati:before {
  content: "";
}
.icon-sviluppo-progetti:before {
  content: "";
}
.icon-eco-digital:before {
  content: "";
}
.icon-partnership1:before {
  content: "";
}
.icon-sustainability-ambassadors:before {
  content: "";
}
.icon-mondo-sostenibile:before {
  content: "";
}
.icon-sinergia:before {
  content: "";
}
.icon-digital-trasformation:before {
  content: "";
}
.icon-futuro-sostenibile:before {
  content: "";
}
.icon-salute:before {
  content: "";
}
.icon-smart-working:before {
  content: "";
}
.icon-benessere-mentale:before {
  content: "";
}
.icon-gym:before {
  content: "";
}
.icon-asilo-nido:before {
  content: "";
}
.icon-famiglia:before {
  content: "";
}
.icon-acqua-e-luce:before {
  content: "";
}
.icon-tris:before {
  content: "";
}
.icon-zeus:before {
  content: "";
}
.icon-board-of-auditors:before {
  content: "";
}
.icon-asereje:before {
  content: "";
}
.icon-sustainability-ambassador:before {
  content: "";
}
.icon-piano-strategico:before {
  content: "";
}
.icon-obiettivi-azioni:before {
  content: "";
}
.icon-esg:before {
  content: "";
}
.icon-bussola:before {
  content: "";
}
.icon-dialogoepriorita:before {
  content: "";
}
.icon-stakeholder-engagement:before {
  content: "";
}
.icon-analisi-di-materialita:before {
  content: "";
}
.icon-revisione:before {
  content: "";
}
.icon-soldi:before {
  content: "";
}
.icon-economia-circolare:before {
  content: "";
}
.icon-ambiente-biodiversita:before {
  content: "";
}
.icon-biometano-idrogeno:before {
  content: "";
}
.icon-riduzione-consumi:before {
  content: "";
}
.icon-ridurre-emissioni:before {
  content: "";
}
.icon-esco:before {
  content: "";
}
.icon-question:before {
  content: "";
}
.icon-call-center:before {
  content: "";
}
.icon-acqua-energia:before {
  content: "";
}
.icon-efficienza-finanziaria:before {
  content: "";
}
.icon-fornitori:before {
  content: "";
}
.icon-installatori:before {
  content: "";
}
.icon-vendita:before {
  content: "";
}
.icon-stage:before {
  content: "";
}
.icon-gia-laureato:before {
  content: "";
}
.icon-portale-carriere:before {
  content: "";
}
.icon-linkedin-big:before {
  content: "";
}
.icon-screening-cv:before {
  content: "";
}
.icon-invia-cv:before {
  content: "";
}
.icon-cursor-map:before {
  content: "";
}
.icon-tiktok:before {
  content: "";
}
:root {
  --s-base: 4px;
  --s-base-1: calc(var(--s-base) * 1);
  --s-base-2: calc(var(--s-base) * 2);
  --s-base-3: calc(var(--s-base) * 3);
  --s-base-4: calc(var(--s-base) * 4);
  --s-base-5: calc(var(--s-base) * 5);
  --s-base-6: calc(var(--s-base) * 6);
  --s-base-7: calc(var(--s-base) * 7);
  --s-base-8: calc(var(--s-base) * 8);
  --s-base-9: calc(var(--s-base) * 9);
  --s-base-10: calc(var(--s-base) * 10);
  --s-base-11: calc(var(--s-base) * 11);
  --s-base-12: calc(var(--s-base) * 12);
  --s-base-13: calc(var(--s-base) * 13);
  --s-base-14: calc(var(--s-base) * 14);
  --s-base-15: calc(var(--s-base) * 15);
  --s-base-16: calc(var(--s-base) * 16);
  --s-base-17: calc(var(--s-base) * 17);
  --s-base-18: calc(var(--s-base) * 18);
  --s-base-19: calc(var(--s-base) * 19);
  --s-base-20: calc(var(--s-base) * 20);
  --s-base-25: calc(var(--s-base) * 25);
  --s-base-30: calc(var(--s-base) * 30);
  --s-base-35: calc(var(--s-base) * 35);
  --s-base-40: calc(var(--s-base) * 40);
  --s-base-45: calc(var(--s-base) * 45);
  --s-base-50: calc(var(--s-base) * 50);
  --s-mv-desktop-small: calc(var(--s-base) * 10);
  --s-mv-desktop-medium: calc(var(--s-base) * 14);
  --s-mv-desktop-medium-large: calc(var(--s-base) * 20);
  --s-mv-desktop-big: calc(var(--s-base) * 30);
  --s-mv-mobile-small: calc(var(--s-base) * 10);
  --s-mv-mobile-medium: calc(var(--s-base) * 12);
  --s-mv-mobile-medium-large: calc(var(--s-base) * 14);
  --s-mv-mobile-big: calc(var(--s-base) * 20);
}
:root {
  --t-transition: all 0.4s ease;
  --t-transition-fast: all 0.2s ease;
  --t-transition-slow: all 0.6s ease;
  --t-timing: 0.4s;
  --t-timing-slow: 0.6s;
  --t-timing-fast: 0.2s;
  --t-timing-ultra-slow: 1s;
  --t-timing-ultra-slow-2: 2s;
  --t-ease: ease;
  --t-ease-module: cubic-bezier(0.36, 0, 0.29, 1);
  --t-ease-boost: cubic-bezier(0.55, 0.085, 0, 0.99);
  --t-header-ease: cubic-bezier(0.09, 0.72, 0.76, 1.01);
  --t-transition-header: all var(--t-timing) var(--t-header-ease);
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@layer typography {
  .t-h1 {
    font-family: var(--brand-font-family-main);
    font-weight: 300;
    font-size: calc(
      var(--typography-title-heading-1-fontSize-mobile) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-1-lineHeight-mobile) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-1-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
  }
  @media (min-width: 1024px) {
    .t-h1 {
      font-size: calc(
        var(--typography-title-heading-1-fontSize-desktop) /
          var(--text-base-size) * 1rem
      );
      line-height: calc(
        var(--typography-title-heading-1-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-title-heading-1-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-h2 {
    font-family: var(--brand-font-family-main);
    font-weight: 300;
    font-size: calc(
      var(--typography-title-heading-2-fontSize-mobile) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-2-lineHeight-mobile) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-2-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
  }
  @media (min-width: 1024px) {
    .t-h2 {
      font-size: calc(
        var(--typography-title-heading-2-fontSize-desktop) /
          var(--text-base-size) * 1rem
      );
      line-height: calc(
        var(--typography-title-heading-2-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-title-heading-2-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-h3 {
    font-family: var(--brand-font-family-main);
    font-weight: 300;
    font-size: calc(
      var(--typography-title-heading-3-fontSize-mobile) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-3-lineHeight-mobile) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-3-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
  }
  @media (min-width: 1024px) {
    .t-h3 {
      font-size: calc(
        var(--typography-title-heading-3-fontSize-desktop) /
          var(--text-base-size) * 1rem
      );
      line-height: calc(
        var(--typography-title-heading-3-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-title-heading-3-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-h4 {
    font-family: var(--brand-font-family-main);
    font-weight: 300;
    font-size: calc(
      var(--typography-title-heading-4-fontSize-mobile) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-4-lineHeight-mobile) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-4-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
  }
  @media (min-width: 1024px) {
    .t-h4 {
      font-size: calc(
        var(--typography-title-heading-4-fontSize-desktop) /
          var(--text-base-size) * 1rem
      );
      line-height: calc(
        var(--typography-title-heading-4-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-title-heading-4-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-h5 {
    font-family: var(--brand-font-family-main);
    font-weight: 300;
    font-size: calc(
      var(--typography-title-heading-5-fontSize-mobile) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-5-lineHeight-mobile) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-5-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
  }
  @media (min-width: 1024px) {
    .t-h5 {
      font-size: calc(
        var(--typography-title-heading-5-fontSize-desktop) /
          var(--text-base-size) * 1rem
      );
      line-height: calc(
        var(--typography-title-heading-5-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-title-heading-5-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-h6 {
    font-family: var(--brand-font-family-main);
    font-weight: 300;
    font-size: calc(
      var(--typography-title-heading-6-fontSize-mobile) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-6-lineHeight-mobile) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-6-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
  }
  @media (min-width: 1024px) {
    .t-h6 {
      font-size: calc(
        var(--typography-title-heading-6-fontSize-desktop) /
          var(--text-base-size) * 1rem
      );
      line-height: calc(
        var(--typography-title-heading-6-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-title-heading-6-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-body-1 {
    font-family: var(--brand-font-family-main);
    font-weight: 300;
    font-size: calc(
      var(--typography-body-body-1-light-fontSize-mobile) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-1-light-lineHeight-mobile) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-1-light-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
  }
  @media (min-width: 1024px) {
    .t-body-1 {
      font-size: calc(
        var(--typography-body-body-1-light-fontSize-desktop) /
          var(--text-base-size) * 1rem
      );
      line-height: calc(
        var(--typography-body-body-1-light-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-body-body-1-light-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-body-2 {
    font-family: var(--brand-font-family-main);
    font-weight: 300;
    font-size: calc(
      var(--typography-body-body-2-light-fontSize-mobile) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-2-light-lineHeight-mobile) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-2-light-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
  }
  @media (min-width: 1024px) {
    .t-body-2 {
      font-size: calc(
        var(--typography-body-body-2-light-fontSize-desktop) /
          var(--text-base-size) * 1rem
      );
      line-height: calc(
        var(--typography-body-body-2-light-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-body-body-2-light-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-body-3 {
    font-family: var(--brand-font-family-main);
    font-weight: 400;
    font-size: calc(
      var(--typography-body-body-2-regular-fontSize-mobile) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-2-regular-lineHeight-mobile) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-2-regular-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
  }
  @media (min-width: 1024px) {
    .t-body-3 {
      font-size: calc(
        var(--typography-body-body-2-regular-fontSize-desktop) /
          var(--text-base-size) * 1rem
      );
      line-height: calc(
        var(--typography-body-body-2-regular-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-body-body-2-regular-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-body-4 {
    font-family: var(--brand-font-family-main);
    font-weight: 300;
    font-size: calc(
      var(--typography-body-body-3-light-fontSize-mobile) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-3-light-lineHeight-mobile) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-3-light-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
  }
  @media (min-width: 1024px) {
    .t-body-4 {
      font-size: calc(
        var(--typography-body-body-3-light-fontSize-desktop) /
          var(--text-base-size) * 1rem
      );
      line-height: calc(
        var(--typography-body-body-3-light-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-body-body-3-light-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-body-5 {
    font-family: var(--brand-font-family-main);
    font-weight: 400;
    font-size: calc(
      var(--typography-body-body-3-regular-fontSize-mobile) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-3-regular-lineHeight-mobile) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-3-regular-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
  }
  @media (min-width: 1024px) {
    .t-body-5 {
      font-size: calc(
        var(--typography-body-body-3-regular-fontSize-desktop) /
          var(--text-base-size) * 1rem
      );
      line-height: calc(
        var(--typography-body-body-3-regular-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-body-body-3-regular-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-body-6 {
    font-family: var(--brand-font-family-main);
    font-weight: 300;
    font-size: calc(
      var(--typography-body-body-4-light-fontSize-mobile) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-4-light-lineHeight-mobile) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-4-light-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
  }
  @media (min-width: 1024px) {
    .t-body-6 {
      font-size: calc(
        var(--typography-body-body-4-light-fontSize-desktop) /
          var(--text-base-size) * 1rem
      );
      line-height: calc(
        var(--typography-body-body-4-light-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-body-body-4-light-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-number-1 {
    font-family: var(--brand-font-family-main);
    font-weight: 300;
    font-size: calc(
      var(--typography-special-number-number-1-fontSize-mobile) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-special-number-number-1-lineHeight-mobile) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-special-number-number-1-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
  }
  @media (min-width: 1024px) {
    .t-number-1 {
      font-size: calc(
        var(--typography-special-number-number-1-fontSize-desktop) /
          var(--text-base-size) * 1rem
      );
      line-height: calc(
        var(--typography-special-number-number-1-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-special-number-number-1-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-number-2 {
    font-family: var(--brand-font-family-main);
    font-weight: 200;
    font-size: calc(
      var(--typography-special-number-number-2-fontSize-mobile) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-special-number-number-2-lineHeight-mobile) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-special-number-number-2-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
  }
  @media (min-width: 1024px) {
    .t-number-2 {
      font-size: calc(
        var(--typography-special-number-number-2-fontSize-desktop) /
          var(--text-base-size) * 1rem
      );
      line-height: calc(
        var(--typography-special-number-number-2-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-special-number-number-2-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-number-3 {
    font-family: var(--brand-font-family-main);
    font-weight: 300;
    font-size: calc(
      var(--typography-special-number-number-3-fontSize-mobile) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-special-number-number-3-lineHeight-mobile) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-special-number-number-3-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
  }
  @media (min-width: 1024px) {
    .t-number-3 {
      font-size: calc(
        var(--typography-special-number-number-3-fontSize-desktop) /
          var(--text-base-size) * 1rem
      );
      line-height: calc(
        var(--typography-special-number-number-3-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-special-number-number-3-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-button-big {
    font-family: var(--brand-font-family-main);
    font-weight: 500;
    font-size: calc(
      var(--typography-button-big-fontSize-mobile) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-button-big-lineHeight-mobile) / var(--text-base-size) *
        1rem
    );
    letter-spacing: calc(
      var(--typography-button-big-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
    text-transform: var(--typography-button-big-textCase);
  }
  @media (min-width: 1024px) {
    .t-button-big {
      font-size: calc(
        var(--typography-button-big-fontSize-desktop) / var(--text-base-size) *
          1rem
      );
      line-height: calc(
        var(--typography-button-big-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-button-big-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-button-small {
    font-family: var(--brand-font-family-main);
    font-weight: 500;
    font-size: calc(
      var(--typography-button-small-fontSize-mobile) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-button-small-lineHeight-mobile) / var(--text-base-size) *
        1rem
    );
    letter-spacing: calc(
      var(--typography-button-small-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
    text-transform: var(--typography-button-small-textCase);
  }
  @media (min-width: 1024px) {
    .t-button-small {
      font-size: calc(
        var(--typography-button-small-fontSize-desktop) /
          var(--text-base-size) * 1rem
      );
      line-height: calc(
        var(--typography-button-small-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-button-small-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-label-megamenu {
    font-family: var(--brand-font-family-main);
    font-weight: 400;
    font-size: calc(
      var(--typography-label-megamenu-fontSize-mobile) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-label-megamenu-lineHeight-mobile) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-label-megamenu-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
  }
  @media (min-width: 1024px) {
    .t-label-megamenu {
      font-size: calc(
        var(--typography-label-megamenu-fontSize-desktop) /
          var(--text-base-size) * 1rem
      );
      line-height: calc(
        var(--typography-label-megamenu-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-label-megamenu-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-label-sidebar-menu {
    font-family: var(--brand-font-family-main);
    font-weight: 400;
    font-size: calc(
      var(--typography-label-sidebar-menu-fontSize-mobile) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-label-sidebar-menu-lineHeight-mobile) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-label-sidebar-menu-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
  }
  @media (min-width: 1024px) {
    .t-label-sidebar-menu {
      font-size: calc(
        var(--typography-label-sidebar-menu-fontSize-desktop) /
          var(--text-base-size) * 1rem
      );
      line-height: calc(
        var(--typography-label-sidebar-menu-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-label-sidebar-menu-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-label-footer {
    font-family: var(--brand-font-family-main);
    font-weight: 500;
    font-size: calc(
      var(--typography-label-footer-fontSize-mobile) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-label-footer-lineHeight-mobile) / var(--text-base-size) *
        1rem
    );
    letter-spacing: calc(
      var(--typography-label-footer-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
  }
  @media (min-width: 1024px) {
    .t-label-footer {
      font-size: calc(
        var(--typography-label-footer-fontSize-desktop) /
          var(--text-base-size) * 1rem
      );
      line-height: calc(
        var(--typography-label-footer-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-label-footer-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-label-field {
    font-family: var(--brand-font-family-main);
    font-weight: 300;
    font-size: calc(
      var(--typography-label-field-fontSize-mobile) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-label-field-lineHeight-mobile) / var(--text-base-size) *
        1rem
    );
    letter-spacing: calc(
      var(--typography-label-field-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
  }
  @media (min-width: 1024px) {
    .t-label-field {
      font-size: calc(
        var(--typography-label-field-fontSize-desktop) / var(--text-base-size) *
          1rem
      );
      line-height: calc(
        var(--typography-label-field-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-label-field-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-label-big-generic {
    font-family: var(--brand-font-family-main);
    font-weight: 400;
    font-size: calc(
      var(--typography-label-big-generic-fontSize-mobile) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-label-big-generic-lineHeight-mobile) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-label-big-generic-letterSpacing-mobile) /
        var(--text-base-size) * 1rem
    );
  }
  @media (min-width: 1024px) {
    .t-label-big-generic {
      font-size: calc(
        var(--typography-label-big-generic-fontSize-desktop) /
          var(--text-base-size) * 1rem
      );
      line-height: calc(
        var(--typography-label-big-generic-lineHeight-desktop) /
          var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-label-big-generic-letterSpacing-desktop) /
          var(--text-base-size) * 1rem
      );
    }
  }
  .t-small-tag {
    font-family: var(--brand-font-family-main);
    font-weight: 500;
    font-size: calc(
      var(--typography-tag-fontSize-mobile) / var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-tag-lineHeight-mobile) / var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-tag-letterSpacing-mobile) / var(--text-base-size) * 1rem
    );
  }
  @media (min-width: 1024px) {
    .t-small-tag {
      font-size: calc(
        var(--typography-tag-fontSize-desktop) / var(--text-base-size) * 1rem
      );
      line-height: calc(
        var(--typography-tag-lineHeight-desktop) / var(--text-base-size) * 1rem
      );
      letter-spacing: calc(
        var(--typography-tag-letterSpacing-desktop) / var(--text-base-size) *
          1rem
      );
    }
  }
}
:root {
  --header-height: 4.6875rem;
  --header-height-mobile: 3.75rem;
  --pre-header-height: 2.5rem;
  --sidebar-width: 5.375rem;
  --max-2500: 2500px;
  --max-1920: 1920px;
  --max-1600: 1600px;
  --max-1400: 1400px;
  --pd-max-cnt: 118px;
  --pd-mid-l-cnt: 48px;
  --pd-mid-s-cnt: 32px;
  --pd-min-cnt: 24px;
  --gutter-m: 16px;
  --gutter-t: 24px;
  --gutter-d: 32px;
  --column-m: 6;
  --column-t: 8;
  --column-d: 12;
  --base-rem: 16;
}
@layer base {
  body {
    font-family: var(--brand-font-family-main);
    font-weight: 300;
    background: var(--brand-color-surface-section-base);
    outline-color: var(--brand-color-surface-shape-bold);
    color: var(--brand-color-text-standard-text);
    font-size: 16px;
  }
  body.no-scroll {
    overflow: hidden;
  }
  .main {
    max-width: var(--max-1920);
    margin-left: auto;
    margin-right: auto;
  }
  .component {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    background: var(--brand-color-surface-section-medium);
  }
  .component__fullElement {
    min-height: 300px;
    background: var(--brand-color-surface-section-bold);
  }
  .titlePage,
  .navigation {
    padding: 20px;
  }
  .navigation__item {
    width: fit-content;
    text-align: center;
    margin-bottom: 4px;
    border-radius: var(--brand-border-radius-s);
    overflow: hidden;
    border: var(--brand-border-width-regular) solid
      var(--brand-color-border-bold);
  }
  .navigation__item a {
    display: block;
    position: relative;
    padding: 2px 8px;
    color: var(--brand-color-text-standard-text);
    text-align: left;
  }
  .navigation__item.navigation__item--atom a {
    background-color: var(--brand-color-surface-media-podcast);
  }
  .navigation__item.navigation__item--molecule a {
    background-color: var(--brand-color-surface-media-video);
  }
  .navigation__item.navigation__item--organism a {
    background-color: var(--brand-color-surface-media-mix);
  }
  .navigation__item.navigation__item--template a {
    background-color: var(--brand-color-surface-media-gallery);
  }
  .styleguide__item {
    padding: 24px;
    border-bottom: var(--brand-border-width-regular) solid
      var(--brand-color-surface-shape-grey-medium);
    margin-bottom: 72px;
    position: relative;
  }
  .styleguide__item.styleguide__item--bg {
    background: var(--brand-color-surface-section-bold);
  }
  .styleguide__title {
    display: none;
    margin-bottom: 16px;
    padding: 20px;
  }
  .styleguide__item--bg .styleguide__title {
    color: var(--brand-color-text-on-bold-bg-text);
  }
  .typography__item {
    margin-bottom: 40px;
  }
  .typography__title {
    margin-bottom: 32px;
    padding: 24px;
    border: var(--brand-border-width-regular) solid
      var(--brand-color-border-bold);
    border-radius: var(--brand-border-radius-s);
    width: fit-content;
  }
  .typography__text {
    margin-bottom: 8px;
  }
  .typography__code {
    position: relative;
    padding: 10px;
    background-color: var(--brand-color-surface-section-medium);
    color: var(--brand-color-text-standard-text);
    border-radius: var(--brand-border-radius-s);
    width: 100%;
  }
  .color-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px;
    margin: 0 auto;
    max-width: 1200px;
  }
  .color {
    flex: 0 0 calc(25% - 12px);
    box-sizing: border-box;
    text-align: center;
    padding: 8px;
  }
  .color__title {
    display: block;
    margin: 32px 0;
    text-align: center;
  }
  .color__shape {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    margin: 0 auto 8px;
    border: var(--brand-border-width-regular) solid var(--brand-color-rgb-03);
  }
  .color__name {
    margin: 0;
    color: var(--brand-color-text-standard-text);
    word-break: break-word;
  }
  .backgroundColors-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px;
    margin: 0 auto;
    max-width: 1200px;
  }
  .backgroundColors {
    flex: 0 0 calc(50% - 12px);
    box-sizing: border-box;
    text-align: left;
    padding: 8px;
  }
  .backgroundColors p {
    margin-bottom: 4px;
  }
  .backgroundColors__title {
    display: block;
    margin: 32px 0;
    text-align: center;
  }
  .backgroundColors__shape {
    width: 100%;
    height: 128px;
    border-radius: var(--brand-border-radius-s);
    margin-bottom: 16px;
    border: var(--brand-border-width-regular) solid
      var(--brand-color-border-bold);
  }
  .backgroundColors__name {
    margin: 0;
    color: var(--brand-color-text-standard-text);
    word-break: break-word;
    font-size: 24px;
  }
  .backgroundColors__name strong {
    font-weight: 500;
  }
  .backgroundColors__exName {
    font-size: 12px;
  }
  html.lenis,
  html.lenis body {
    height: auto;
  }
  .lenis.lenis-smooth {
    scroll-behavior: auto !important;
  }
  .lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
  }
  .lenis.lenis-stopped {
    overflow: hidden;
  }
  .lenis.lenis-smooth iframe {
    pointer-events: none;
  }
}
.splide {
  -webkit-text-size-adjust: 100%;
}
.themeSelector {
  position: fixed;
  top: 10px;
  right: 10px;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  font-family:
    Courier New,
    Courier,
    monospace;
  padding: 10px;
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-regular) solid var(--brand-color-border-bold);
  background-color: var(--brand-color-surface-section-base);
  z-index: 99999;
}
.themeSelector .themeSelector__label {
  display: block;
  margin-bottom: 4px;
}
.themeSelector .themeSelector__select {
  display: block;
  padding: 8px;
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-regular) solid var(--brand-color-border-bold);
  text-align: center;
}
@layer utility {
  .text-left {
    text-align: left;
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
  }
  .text-uppercase {
    text-transform: uppercase;
  }
  .layerOpacity-0 img,
  .layerOpacity-0 video {
    filter: brightness(100%);
  }
  .layerOpacity-20 img,
  .layerOpacity-20 video {
    filter: brightness(80%);
  }
  .layerOpacity-40 img,
  .layerOpacity-40 video {
    filter: brightness(60%);
  }
  .layerOpacity-60 img,
  .layerOpacity-60 video {
    filter: brightness(40%);
  }
  .layerOpacity-80 img,
  .layerOpacity-80 video {
    filter: brightness(20%);
  }
  .layerOpacity-100 img,
  .layerOpacity-100 video {
    filter: brightness(0);
  }
  .layer-gradient {
    position: relative;
  }
  .layer-gradient:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: var(--brand-color-gradient-opacity-photo-130);
  }
  .hideElement {
    display: none;
  }
  @media (max-width: 766px) {
    .hide-element-mobile {
      display: none;
    }
  }
  @media (max-width: 768px) {
    .hide-element-tablet {
      display: none;
    }
  }
  @media (max-width: 1023px) {
    .hide-element--tabletLand {
      display: none;
    }
  }
  @media (max-width: 1279px) {
    .hide-element-heder-mobile {
      display: none;
    }
  }
  @media (min-width: 1280px) {
    .hide-element-heder-desktop {
      display: none;
    }
  }
  @media (min-width: 768px) {
    .hide-element-no-mobile {
      display: none;
    }
  }
  @media (min-width: 1024px) {
    .hide-element-desktop {
      display: none;
    }
  }
  .z-index-neg1 {
    z-index: -1;
  }
  .z-index-0 {
    z-index: 0;
  }
  .z-index-1 {
    z-index: 1;
  }
  .z-index-2 {
    z-index: 2;
  }
  .z-index-3 {
    z-index: 3;
  }
  .z-index-4 {
    z-index: 4;
  }
  .z-index-5 {
    z-index: 5;
  }
  .z-index-6 {
    z-index: 6;
  }
  .z-index-7 {
    z-index: 7;
  }
  .z-index-8 {
    z-index: 8;
  }
  .z-index-9 {
    z-index: 9;
  }
  .z-index-10 {
    z-index: 10;
  }
  .z-index-potentissimo {
    z-index: 999;
  }
  .mg-btm-s {
    margin-bottom: calc(0vw + 40px);
  }
  @media (min-width: 1600px) {
    .mg-btm-s {
      margin-bottom: 40px;
    }
  }
  @media (max-width: 767px) {
    .mg-btm-s {
      margin-bottom: 40px;
    }
  }
  .mg-btm-m {
    margin-bottom: calc(0.0071428571 * 100vw + 44.5714285714px);
  }
  @media (min-width: 1600px) {
    .mg-btm-m {
      margin-bottom: 56px;
    }
  }
  @media (max-width: 767px) {
    .mg-btm-m {
      margin-bottom: 48px;
    }
  }
  .mg-btm-ml {
    margin-bottom: calc(0.0214285714 * 100vw + 45.7142857143px);
  }
  @media (min-width: 1600px) {
    .mg-btm-ml {
      margin-bottom: 80px;
    }
  }
  @media (max-width: 767px) {
    .mg-btm-ml {
      margin-bottom: 56px;
    }
  }
  .mg-btm-l {
    margin-bottom: calc(0.0357142857 * 100vw + 62.8571428571px);
  }
  @media (min-width: 1600px) {
    .mg-btm-l {
      margin-bottom: 120px;
    }
  }
  @media (max-width: 767px) {
    .mg-btm-l {
      margin-bottom: 80px;
    }
  }
  .mg-top-s {
    margin-top: calc(0vw + 40px);
  }
  @media (min-width: 1600px) {
    .mg-top-s {
      margin-top: 40px;
    }
  }
  @media (max-width: 767px) {
    .mg-top-s {
      margin-top: 40px;
    }
  }
  .mg-top-m {
    margin-top: calc(0.0071428571 * 100vw + 44.5714285714px);
  }
  @media (min-width: 1600px) {
    .mg-top-m {
      margin-top: 56px;
    }
  }
  @media (max-width: 767px) {
    .mg-top-m {
      margin-top: 48px;
    }
  }
  .mg-top-ml {
    margin-top: calc(0.0214285714 * 100vw + 45.7142857143px);
  }
  @media (min-width: 1600px) {
    .mg-top-ml {
      margin-top: 80px;
    }
  }
  @media (max-width: 767px) {
    .mg-top-ml {
      margin-top: 56px;
    }
  }
  .mg-top-l {
    margin-top: calc(0.0357142857 * 100vw + 62.8571428571px);
  }
  @media (min-width: 1600px) {
    .mg-top-l {
      margin-top: 120px;
    }
  }
  @media (max-width: 767px) {
    .mg-top-l {
      margin-top: 80px;
    }
  }
  .mg-top-s-neg {
    margin-top: calc(0vw - 40px);
  }
  @media (min-width: 1600px) {
    .mg-top-s-neg {
      margin-top: -40px;
    }
  }
  @media (max-width: 767px) {
    .mg-top-s-neg {
      margin-top: -40px;
    }
  }
  .mg-top-l-neg {
    margin-top: calc(-0.0357142857 * 100vw + -62.8571428571px);
  }
  @media (min-width: 1600px) {
    .mg-top-l-neg {
      margin-top: -120px;
    }
  }
  @media (max-width: 767px) {
    .mg-top-l-neg {
      margin-top: -80px;
    }
  }
  .bg-pd-top-bottom {
    padding-top: calc(0.0214285714 * 100vw + 45.7142857143px);
    padding-bottom: calc(0.0214285714 * 100vw + 45.7142857143px);
  }
  @media (min-width: 1600px) {
    .bg-pd-top-bottom {
      padding-top: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-pd-top-bottom {
      padding-top: 56px;
    }
  }
  @media (min-width: 1600px) {
    .bg-pd-top-bottom {
      padding-bottom: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-pd-top-bottom {
      padding-bottom: 56px;
    }
  }
  .bg-color-base {
    background-color: var(--brand-color-surface-section-base);
    padding-top: calc(0.0214285714 * 100vw + 45.7142857143px);
    padding-bottom: calc(0.0214285714 * 100vw + 45.7142857143px);
  }
  @media (min-width: 1600px) {
    .bg-color-base {
      padding-top: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-base {
      padding-top: 56px;
    }
  }
  @media (min-width: 1600px) {
    .bg-color-base {
      padding-bottom: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-base {
      padding-bottom: 56px;
    }
  }
  .bg-color-light {
    background-color: var(--brand-color-surface-section-light);
    padding-top: calc(0.0214285714 * 100vw + 45.7142857143px);
    padding-bottom: calc(0.0214285714 * 100vw + 45.7142857143px);
  }
  @media (min-width: 1600px) {
    .bg-color-light {
      padding-top: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-light {
      padding-top: 56px;
    }
  }
  @media (min-width: 1600px) {
    .bg-color-light {
      padding-bottom: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-light {
      padding-bottom: 56px;
    }
  }
  .bg-color-medium {
    background-color: var(--brand-color-surface-section-medium);
    padding-top: calc(0.0214285714 * 100vw + 45.7142857143px);
    padding-bottom: calc(0.0214285714 * 100vw + 45.7142857143px);
  }
  @media (min-width: 1600px) {
    .bg-color-medium {
      padding-top: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-medium {
      padding-top: 56px;
    }
  }
  @media (min-width: 1600px) {
    .bg-color-medium {
      padding-bottom: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-medium {
      padding-bottom: 56px;
    }
  }
  .bg-color-medium-extralight {
    background-color: var(--brand-color-surface-section-medium-extralight);
    padding-top: calc(0.0214285714 * 100vw + 45.7142857143px);
    padding-bottom: calc(0.0214285714 * 100vw + 45.7142857143px);
  }
  @media (min-width: 1600px) {
    .bg-color-medium-extralight {
      padding-top: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-medium-extralight {
      padding-top: 56px;
    }
  }
  @media (min-width: 1600px) {
    .bg-color-medium-extralight {
      padding-bottom: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-medium-extralight {
      padding-bottom: 56px;
    }
  }
  .bg-color-medium-light {
    background-color: var(--brand-color-surface-section-medium-light);
    padding-top: calc(0.0214285714 * 100vw + 45.7142857143px);
    padding-bottom: calc(0.0214285714 * 100vw + 45.7142857143px);
  }
  @media (min-width: 1600px) {
    .bg-color-medium-light {
      padding-top: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-medium-light {
      padding-top: 56px;
    }
  }
  @media (min-width: 1600px) {
    .bg-color-medium-light {
      padding-bottom: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-medium-light {
      padding-bottom: 56px;
    }
  }
  .bg-color-medium-dark {
    background-color: var(--brand-color-surface-section-medium-dark);
    padding-top: calc(0.0214285714 * 100vw + 45.7142857143px);
    padding-bottom: calc(0.0214285714 * 100vw + 45.7142857143px);
  }
  @media (min-width: 1600px) {
    .bg-color-medium-dark {
      padding-top: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-medium-dark {
      padding-top: 56px;
    }
  }
  @media (min-width: 1600px) {
    .bg-color-medium-dark {
      padding-bottom: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-medium-dark {
      padding-bottom: 56px;
    }
  }
  .bg-color-bold {
    background-color: var(--brand-color-surface-section-bold);
    padding-top: calc(0.0214285714 * 100vw + 45.7142857143px);
    padding-bottom: calc(0.0214285714 * 100vw + 45.7142857143px);
  }
  @media (min-width: 1600px) {
    .bg-color-bold {
      padding-top: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-bold {
      padding-top: 56px;
    }
  }
  @media (min-width: 1600px) {
    .bg-color-bold {
      padding-bottom: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-bold {
      padding-bottom: 56px;
    }
  }
  .bg-color-bold-extralight {
    background-color: var(--brand-color-surface-section-bold-extralight);
    padding-top: calc(0.0214285714 * 100vw + 45.7142857143px);
    padding-bottom: calc(0.0214285714 * 100vw + 45.7142857143px);
  }
  @media (min-width: 1600px) {
    .bg-color-bold-extralight {
      padding-top: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-bold-extralight {
      padding-top: 56px;
    }
  }
  @media (min-width: 1600px) {
    .bg-color-bold-extralight {
      padding-bottom: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-bold-extralight {
      padding-bottom: 56px;
    }
  }
  .bg-color-gradient-45 {
    background: var(--brand-color-gradient-brand-45);
    padding-top: calc(0.0214285714 * 100vw + 45.7142857143px);
    padding-bottom: calc(0.0214285714 * 100vw + 45.7142857143px);
  }
  @media (min-width: 1600px) {
    .bg-color-gradient-45 {
      padding-top: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-gradient-45 {
      padding-top: 56px;
    }
  }
  @media (min-width: 1600px) {
    .bg-color-gradient-45 {
      padding-bottom: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-gradient-45 {
      padding-bottom: 56px;
    }
  }
  .bg-color-gradient-130 {
    background: var(--brand-color-gradient-brand-130);
    padding-top: calc(0.0214285714 * 100vw + 45.7142857143px);
    padding-bottom: calc(0.0214285714 * 100vw + 45.7142857143px);
  }
  @media (min-width: 1600px) {
    .bg-color-gradient-130 {
      padding-top: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-gradient-130 {
      padding-top: 56px;
    }
  }
  @media (min-width: 1600px) {
    .bg-color-gradient-130 {
      padding-bottom: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-gradient-130 {
      padding-bottom: 56px;
    }
  }
  .bg-color-gradient-180 {
    background: var(--brand-color-gradient-bg-180);
    padding-top: calc(0.0214285714 * 100vw + 45.7142857143px);
    padding-bottom: calc(0.0214285714 * 100vw + 45.7142857143px);
  }
  @media (min-width: 1600px) {
    .bg-color-gradient-180 {
      padding-top: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-gradient-180 {
      padding-top: 56px;
    }
  }
  @media (min-width: 1600px) {
    .bg-color-gradient-180 {
      padding-bottom: 80px;
    }
  }
  @media (max-width: 767px) {
    .bg-color-gradient-180 {
      padding-bottom: 56px;
    }
  }
  .bg-color-np-base {
    background-color: var(--brand-color-surface-section-base);
  }
  .bg-color-np-light {
    background-color: var(--brand-color-surface-section-light);
  }
  .bg-color-np-medium {
    background-color: var(--brand-color-surface-section-medium);
  }
  .bg-color-np-medium-extralight {
    background-color: var(--brand-color-surface-section-medium-extralight);
  }
  .bg-color-np-medium-light {
    background-color: var(--brand-color-surface-section-medium-light);
  }
  .bg-color-np-medium-dark {
    background-color: var(--brand-color-surface-section-medium-dark);
  }
  .bg-color-np-bold {
    background-color: var(--brand-color-surface-section-bold);
  }
  .bg-color-np-bold-extralight {
    background-color: var(--brand-color-surface-section-bold-extralight);
  }
  .bg-color-np-gradient-45 {
    background: var(--brand-color-gradient-brand-45);
  }
  .bg-color-np-gradient-130 {
    background: var(--brand-color-gradient-brand-130);
  }
  .bg-color-np-gradient-180 {
    background: var(--brand-color-gradient-bg-180);
  }
  .animation-1 {
    opacity: 0;
    transition: opacity var(--t-timing-slow) var(--t-ease-module);
  }
  .module-in-view .animation-1 {
    opacity: 1;
  }
  @media (prefers-reduced-motion) {
    .animation-1 {
      opacity: 1;
    }
  }
  .animation-inset-1 {
    opacity: 0;
    transition: opacity var(--t-timing-slow) var(--t-ease-module);
  }
  .module-in-view .animation-inset-1.module-inset-in-view {
    opacity: 1;
  }
  @media (prefers-reduced-motion) {
    .animation-inset-1 {
      opacity: 1;
    }
  }
  .animation-2 {
    opacity: 0;
    translate: 0 60px;
    transition:
      opacity var(--t-timing-slow) var(--t-ease-module),
      translate var(--t-timing-slow) var(--t-ease-module);
  }
  .module-in-view .animation-2,
  .is-visible .animation-2 {
    opacity: 1;
    translate: 0 0;
  }
  @media (prefers-reduced-motion) {
    .animation-2 {
      opacity: 1;
      translate: 0 0;
    }
  }
  .animation-inset-2 {
    opacity: 0;
    translate: 0 60px;
    transition:
      opacity var(--t-timing-slow) var(--t-ease-module),
      translate var(--t-timing-slow) var(--t-ease-module);
  }
  .module-in-view .animation-inset-2.module-inset-in-view {
    opacity: 1;
    translate: 0 0;
  }
  @media (prefers-reduced-motion) {
    .animation-inset-2 {
      opacity: 1;
      translate: 0 0;
    }
  }
  .animation-3 {
    scale: 0.8;
    opacity: 0;
    transition:
      opacity var(--t-timing-fast) var(--t-ease-module),
      scale var(--t-timing-slow) var(--t-ease-module);
    transform-origin: center center;
  }
  .module-in-view .animation-3 {
    scale: 1;
    opacity: 1;
  }
  @media (prefers-reduced-motion) {
    .animation-3 {
      scale: 1;
    }
  }
  .animation-inset-3 {
    scale: 0.8;
    transition: scale var(--t-timing-slow) var(--t-ease-module);
    transform-origin: center center;
  }
  .module-in-view .animation-inset-3.module-inset-in-view {
    scale: 1;
  }
  @media (prefers-reduced-motion) {
    .animation-inset-3 {
      scale: 1;
    }
  }
  .animation-4 {
    opacity: 0;
    clip-path: inset(100% 0 0 0);
    transition:
      clip-path var(--t-timing-ultra-slow) var(--t-ease-boost),
      opacity var(--t-timing-ultra-slow-2) var(--t-ease-module);
  }
  .module-in-view .animation-4 {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  @media (prefers-reduced-motion) {
    .animation-4 {
      opacity: 1;
      clip-path: inset(0 0 0 0);
    }
  }
  .animation-inset-4 {
    opacity: 0;
    clip-path: inset(100% 0 0 0);
    transition:
      clip-path var(--t-timing-ultra-slow-2) var(--t-ease-module),
      opacity var(--t-timing-ultra-slow-2) var(--t-ease-module);
  }
  .module-in-view .animation-inset-4.module-inset-in-view {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  @media (prefers-reduced-motion) {
    .animation-inset-4 {
      opacity: 1;
      clip-path: inset(0 0 0 0);
    }
  }
  .animation-delay-1 {
    transition-delay: 0.2s;
  }
  .animation-delay-2 {
    transition-delay: 0.4s;
  }
  .animation-delay-3 {
    transition-delay: calc(0.2s * 3);
  }
  .animation-delay-4 {
    transition-delay: 0.8s;
  }
  .animation-delay-5 {
    transition-delay: 1s;
  }
  .animation-delay-6 {
    transition-delay: calc(0.2s * 6);
  }
  .animation-delay-7 {
    transition-delay: calc(0.2s * 7);
  }
  .animation-delay-8 {
    transition-delay: 1.6s;
  }
  .animation-delay-9 {
    transition-delay: 1.8s;
  }
  .animation-delay-10 {
    transition-delay: 2s;
  }
  .remove-transform {
    transform: none !important;
  }
}
@layer grid {
  .grid {
    margin: 0 auto;
  }
  .grid-row {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--gutter-m);
    width: 100%;
  }
  @media (min-width: 768px) {
    .grid-row {
      column-gap: var(--gutter-t);
    }
  }
  @media (min-width: 1280px) {
    .grid-row {
      column-gap: var(--gutter-d);
    }
  }
  .grid-column {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 100%;
    width: 100%;
  }
  .grid-row-double .grid-column {
    flex: 1 1 calc(50% - var(--gutter-m) / 2);
  }
  @media (min-width: 768px) {
    .grid-row-double .grid-column {
      flex: 1 1 calc(50% - var(--gutter-t) / 2);
      width: calc(50% - var(--gutter-t) / 2);
    }
  }
  @media (min-width: 1280px) {
    .grid-row-double .grid-column {
      flex: 1 1 calc(50% - var(--gutter-d) / 2);
      width: calc(50% - var(--gutter-d) / 2);
    }
  }
  .grid-max-2500 {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--max-2500);
  }
  .grid-max-1920 {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--max-1920);
  }
  .grid-max-1600 {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--max-1600);
  }
  .grid-max-1400 {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--max-1400);
  }
  .pd-content {
    padding-left: var(--pd-min-cnt);
    padding-right: var(--pd-min-cnt);
  }
  @media (min-width: 768px) {
    .pd-content {
      padding-left: var(--pd-mid-s-cnt);
      padding-right: var(--pd-mid-s-cnt);
    }
  }
  @media (min-width: 1024px) {
    .pd-content {
      padding-left: var(--pd-mid-l-cnt);
      padding-right: var(--pd-mid-l-cnt);
    }
  }
  @media (min-width: 1280px) {
    .pd-content {
      padding-left: var(--pd-max-cnt);
      padding-right: var(--pd-max-cnt);
    }
  }
  .pd-content-px {
    padding-left: var(--pd-min-cnt);
    padding-right: var(--pd-min-cnt);
  }
  @media (min-width: 768px) {
    .pd-content-px {
      padding-left: var(--pd-mid-s-cnt);
      padding-right: var(--pd-mid-s-cnt);
    }
  }
  @media (min-width: 1024px) {
    .pd-content-px {
      padding-left: var(--pd-mid-l-cnt);
      padding-right: var(--pd-mid-l-cnt);
    }
  }
  @media (min-width: 1280px) {
    .pd-content-px {
      padding-left: var(--pd-max-cnt);
      padding-right: var(--pd-max-cnt);
    }
  }
  .pd-content-left {
    padding-left: var(--pd-min-cnt);
    padding-right: 0;
  }
  @media (min-width: 768px) {
    .pd-content-left {
      padding-left: var(--pd-mid-s-cnt);
      padding-right: 0;
    }
  }
  @media (min-width: 1024px) {
    .pd-content-left {
      padding-left: var(--pd-mid-l-cnt);
      padding-right: 0;
    }
  }
  @media (min-width: 1280px) {
    .pd-content-left {
      padding-left: var(--pd-max-cnt);
      padding-right: 0;
    }
  }
  .pd-content-inset {
    padding-left: var(--pd-min-cnt);
    padding-right: var(--pd-min-cnt);
  }
  @media (min-width: 768px) {
    .pd-content-inset {
      padding-left: var(--pd-mid-s-cnt);
      padding-right: var(--pd-mid-s-cnt);
    }
  }
  @media (min-width: 1024px) {
    .pd-content-inset {
      padding-left: clamp(
        var(--pd-mid-l-cnt) + var(--gutter-d),
        100vw / var(--column-d) + var(--gutter-d),
        var(--max-1920) / var(--column-d) + var(--gutter-d)
      );
      padding-right: clamp(
        var(--pd-mid-l-cnt) + var(--gutter-d),
        100vw / var(--column-d) + var(--gutter-d),
        var(--max-1920) / var(--column-d) + var(--gutter-d)
      );
    }
  }
  @media (min-width: 1280px) {
    .pd-content-inset {
      padding-left: clamp(
        var(--pd-max-cnt) + var(--gutter-d) * 2,
        100vw / var(--column-d) + var(--gutter-d),
        var(--max-1920) / var(--column-d) + var(--gutter-d)
      );
      padding-right: clamp(
        var(--pd-max-cnt) + var(--gutter-d) * 2,
        100vw / var(--column-d) + var(--gutter-d),
        var(--max-1920) / var(--column-d) + var(--gutter-d)
      );
    }
  }
  .pd-content-inset-left {
    padding-left: var(--pd-min-cnt);
    padding-right: var(--pd-min-cnt);
  }
  @media (min-width: 768px) {
    .pd-content-inset-left {
      padding-left: var(--pd-mid-s-cnt);
      padding-right: var(--pd-mid-s-cnt);
    }
  }
  @media (min-width: 1024px) {
    .pd-content-inset-left {
      padding-left: clamp(
        var(--pd-mid-l-cnt) + var(--gutter-d),
        100vw / var(--column-d) + var(--gutter-d),
        var(--max-1920) / var(--column-d) + var(--gutter-d)
      );
      padding-right: var(--pd-mid-l-cnt);
    }
  }
  @media (min-width: 1280px) {
    .pd-content-inset-left {
      padding-left: clamp(
        var(--pd-max-cnt) + var(--gutter-d) * 2,
        100vw / var(--column-d) + var(--gutter-d),
        var(--max-1920) / var(--column-d) + var(--gutter-d)
      );
      padding-right: var(--pd-max-cnt);
    }
  }
  .pd-content-inset-desk {
    padding-left: var(--pd-min-cnt);
    padding-right: var(--pd-min-cnt);
  }
  @media (min-width: 768px) {
    .pd-content-inset-desk {
      padding-left: var(--pd-mid-s-cnt);
      padding-right: var(--pd-mid-s-cnt);
    }
  }
  @media (min-width: 1024px) {
    .pd-content-inset-desk {
      padding-left: var(--pd-mid-l-cnt);
      padding-right: var(--pd-mid-l-cnt);
    }
  }
  @media (min-width: 1280px) {
    .pd-content-inset-desk {
      padding-left: clamp(
        var(--pd-max-cnt) + var(--gutter-d) * 2,
        100vw / var(--column-d) + var(--gutter-d),
        var(--max-1920) / var(--column-d) + var(--gutter-d)
      );
      padding-right: clamp(
        var(--pd-max-cnt) + var(--gutter-d) * 2,
        100vw / var(--column-d) + var(--gutter-d),
        var(--max-1920) / var(--column-d) + var(--gutter-d)
      );
    }
  }
  .pd-content-inset-left-desk {
    padding-left: var(--pd-min-cnt);
    padding-right: var(--pd-min-cnt);
  }
  @media (min-width: 768px) {
    .pd-content-inset-left-desk {
      padding-left: var(--pd-mid-s-cnt);
      padding-right: var(--pd-mid-s-cnt);
    }
  }
  @media (min-width: 1024px) {
    .pd-content-inset-left-desk {
      padding-left: var(--pd-mid-l-cnt);
      padding-right: var(--pd-mid-l-cnt);
    }
  }
  @media (min-width: 1280px) {
    .pd-content-inset-left-desk {
      padding-left: clamp(
        var(--pd-max-cnt) + var(--gutter-d) * 2,
        100vw / var(--column-d) + var(--gutter-d),
        var(--max-1920) / var(--column-d) + var(--gutter-d)
      );
      padding-right: var(--pd-max-cnt);
    }
  }
  @media (min-width: 1024px) {
    .col-max-12 {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
  }
  @media (min-width: 1024px) {
    .col-max-10 {
      max-width: 83.3333333333%;
      margin-left: auto;
      margin-right: auto;
    }
  }
  @media (min-width: 1024px) {
    .col-max-8 {
      max-width: 66.6666666667%;
      margin-left: auto;
      margin-right: auto;
    }
  }
  @media (min-width: 1024px) {
    .col-max-6 {
      max-width: 50%;
      margin-left: auto;
      margin-right: auto;
    }
  }
}
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.sr-only-focusable:focus,
.sr-only-focusable:active {
  clip: auto !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
  height: auto !important;
  margin: auto !important;
  overflow: visible !important;
  width: auto !important;
  white-space: normal !important;
}
#categories-card_page {
  overflow: hidden;
  margin: 0 auto;
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 66.6666666667% !important;
  padding-left: var(--pd-min-cnt);
  padding-right: var(--pd-min-cnt);
}
@media (min-width: 768px) {
  #categories-card_page
    .container.has-text-centered.itg-pb-40.itg-pt-80
    > .columns {
    padding-left: var(--pd-mid-s-cnt);
    padding-right: var(--pd-mid-s-cnt);
  }
}
@media (min-width: 1024px) {
  #categories-card_page
    .container.has-text-centered.itg-pb-40.itg-pt-80
    > .columns {
    padding-left: var(--pd-mid-l-cnt);
    padding-right: var(--pd-mid-l-cnt);
  }
}
@media (min-width: 1280px) {
  #categories-card_page
    .container.has-text-centered.itg-pb-40.itg-pt-80
    > .columns {
    padding-left: var(--pd-max-cnt);
    padding-right: var(--pd-max-cnt);
  }
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns:first-child {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns:nth-child(1) {
  min-height: 375px;
  background-color: var(--brand-color-surface-section-bold-extralight);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: var(--header-height-mobile);
}
@media (min-width: 768px) {
  #categories-card_page
    .container.has-text-centered.itg-pb-40.itg-pt-80
    > .columns:nth-child(1) {
    margin-top: var(--header-height);
    min-height: 470px;
  }
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns:nth-child(1)
  > .column.is-8.is-offset-2.h4.itg-mb-0
  > .columns
  > .column.is-12 {
  color: var(--brand-color-text-standard-title);
  text-align: center;
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-1-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-1-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-1-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
  max-width: 782px;
  width: 100%;
  padding: 0 24px;
}
@media (min-width: 1024px) {
  #categories-card_page
    .container.has-text-centered.itg-pb-40.itg-pt-80
    > .columns:nth-child(1)
    > .column.is-8.is-offset-2.h4.itg-mb-0
    > .columns
    > .column.is-12 {
    font-size: calc(
      var(--typography-title-heading-1-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-1-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-1-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns:nth-child(2) {
  width: 100%;
  margin: 60px auto 0;
  padding: 0 24px;
}
@media (min-width: 768px) {
  #categories-card_page
    .container.has-text-centered.itg-pb-40.itg-pt-80
    > .columns:nth-child(2) {
    max-width: 100%;
    margin-top: 80px;
  }
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns:nth-child(2)
  #next-to-startup-results {
  cursor: pointer;
  box-shadow: none;
  border-radius: var(--brand-border-radius-s);
  background: var(--brand-color-surface-card-medium-dark);
  gap: 10px;
  padding: 32px 32px 32px 16px;
  display: grid;
  grid-template-columns: 0fr 1fr;
  grid-template-rows: auto auto;
  align-items: start;
  min-height: 230px;
}
@media (min-width: 768px) {
  #categories-card_page
    .container.has-text-centered.itg-pb-40.itg-pt-80
    > .columns:nth-child(2)
    #next-to-startup-results {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: 32px;
    min-height: 144px;
  }
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns:nth-child(2)
  #next-to-startup-results
  .is-flex.is-justify-content-center.is-align-items-center.mr-4.is-flex-shrink-0 {
  position: relative;
  margin: 0;
  width: 80px;
  height: 80px;
  grid-column: 1/2;
  grid-row: 1/3;
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns:nth-child(2)
  #next-to-startup-results
  .is-flex.is-justify-content-center.is-align-items-center.mr-4.is-flex-shrink-0:before {
  content: "";
  font-family: icon-italgas;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 5rem;
  color: var(--brand-color-surface-icon-bold);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns:nth-child(2)
  #next-to-startup-results
  .is-flex.is-justify-content-center.is-align-items-center.mr-4.is-flex-shrink-0
  img {
  visibility: hidden;
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns:nth-child(2)
  #next-to-startup-results
  .has-text-weight-bold.has-text-left.mb-0 {
  color: var(--brand-color-text-on-medium-bg-text);
  font-family: Work Sans;
  margin-top: 10px;
  font-family: var(--brand-font-family-main);
  font-weight: 400;
  font-size: calc(
    var(--typography-body-body-2-regular-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-2-regular-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-2-regular-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #categories-card_page
    .container.has-text-centered.itg-pb-40.itg-pt-80
    > .columns:nth-child(2)
    #next-to-startup-results
    .has-text-weight-bold.has-text-left.mb-0 {
    font-size: calc(
      var(--typography-body-body-2-regular-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-2-regular-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-2-regular-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
@media (min-width: 768px) {
  #categories-card_page
    .container.has-text-centered.itg-pb-40.itg-pt-80
    > .columns:nth-child(2)
    #next-to-startup-results
    .has-text-weight-bold.has-text-left.mb-0 {
    margin-top: 0;
  }
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns:nth-child(2)
  #next-to-startup-results
  .is-block.is-align-self-flex-end.is-flex-shrink-0 {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0;
  align-self: auto;
  margin-block-start: 6px;
}
@media (min-width: 768px) {
  #categories-card_page
    .container.has-text-centered.itg-pb-40.itg-pt-80
    > .columns:nth-child(2)
    #next-to-startup-results
    .is-block.is-align-self-flex-end.is-flex-shrink-0 {
    grid-column: 2/3;
    grid-row: 2/3;
    margin-block-start: 0;
  }
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns:nth-child(2)
  #next-to-startup-results
  .is-block.is-align-self-flex-end.is-flex-shrink-0:before {
  content: "";
  font-family: icon-italgas;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  color: var(--comp-color-button-link-icon-default);
  font-size: 1.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns:nth-child(2)
  #next-to-startup-results
  .is-block.is-align-self-flex-end.is-flex-shrink-0
  img {
  visibility: hidden;
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns:nth-child(3) {
  width: 100%;
  margin: 60px auto 0;
  padding: 0 24px;
}
@media (min-width: 768px) {
  #categories-card_page
    .container.has-text-centered.itg-pb-40.itg-pt-80
    > .columns:nth-child(3) {
    max-width: 100%;
    margin-top: 80px;
  }
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns:nth-child(3)
  .column.is-12.py-0 {
  color: var(--brand-color-text-standard-title);
  text-align: center;
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-3-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-3-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-3-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #categories-card_page
    .container.has-text-centered.itg-pb-40.itg-pt-80
    > .columns:nth-child(3)
    .column.is-12.py-0 {
    font-size: calc(
      var(--typography-title-heading-3-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-3-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-3-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns:nth-child(4) {
  width: 100%;
  margin: 8px auto 0;
  padding: 0 24px;
}
@media (min-width: 768px) {
  #categories-card_page
    .container.has-text-centered.itg-pb-40.itg-pt-80
    > .columns:nth-child(4) {
    max-width: 100%;
  }
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns:nth-child(4)
  .column.is-12.itg-py-30 {
  color: var(--brand-color-text-standard-text);
  text-align: center;
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-body-body-1-light-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-1-light-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-1-light-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #categories-card_page
    .container.has-text-centered.itg-pb-40.itg-pt-80
    > .columns:nth-child(4)
    .column.is-12.itg-py-30 {
    font-size: calc(
      var(--typography-body-body-1-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-1-light-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-1-light-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#categories-card_page #checkboxes {
  width: 100%;
  margin: 56px auto 0;
  padding: 0 24px;
}
@media (min-width: 768px) {
  #categories-card_page #checkboxes {
    max-width: 100%;
    margin-top: 32px;
  }
}
#categories-card_page #checkboxes .column.is-8.is-offset-2 {
  display: flex;
  gap: 32px;
  flex-direction: column;
}
#categories-card_page #checkboxes .column.is-8.is-offset-2 .box {
  background-color: var(--brand-color-surface-card-medium-light);
  padding: 32px;
  cursor: pointer;
}
#categories-card_page
  #checkboxes
  .column.is-8.is-offset-2
  .box
  .is-flex.is-justify-content-space-between {
  display: flex;
  justify-content: space-between;
}
#categories-card_page
  #checkboxes
  .column.is-8.is-offset-2
  .box
  .is-flex.is-justify-content-space-between
  .h6 {
  color: var(brand-color-text-on-medium-bg-title);
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-4-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-4-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-4-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #categories-card_page
    #checkboxes
    .column.is-8.is-offset-2
    .box
    .is-flex.is-justify-content-space-between
    .h6 {
    font-size: calc(
      var(--typography-title-heading-4-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-4-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-4-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#categories-card_page
  #checkboxes
  .column.is-8.is-offset-2
  .box
  .is-flex.is-justify-content-space-between
  input {
  border-radius: var(--brand-border-radius-s);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-input-border-active);
  width: 28px;
  height: 28px;
}
#categories-card_page
  #checkboxes
  .column.is-8.is-offset-2
  .box
  p.has-text-left.p1 {
  color: var(--brand-color-text-on-medium-bg-text);
  margin-top: 20px;
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-body-body-2-light-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-2-light-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-2-light-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #categories-card_page
    #checkboxes
    .column.is-8.is-offset-2
    .box
    p.has-text-left.p1 {
    font-size: calc(
      var(--typography-body-body-2-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-2-light-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-2-light-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
@media (min-width: 768px) {
  #categories-card_page
    #checkboxes
    .column.is-8.is-offset-2
    .box
    p.has-text-left.p1 {
    margin-top: 8px;
  }
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns:nth-child(6) {
  width: 100%;
  margin: 56px auto;
  padding: 0 24px;
}
@media (min-width: 768px) {
  #categories-card_page
    .container.has-text-centered.itg-pb-40.itg-pt-80
    > .columns:nth-child(6) {
    max-width: 100%;
    margin-top: 40px;
    margin-bottom: 80px;
  }
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns:nth-child(6)
  .column.is-12 {
  display: flex;
  justify-content: center;
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns:nth-child(6)
  .column.is-12
  button {
  padding: 18px 24px;
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-primary-border-default);
  background: var(--comp-color-button-primary-surface-default);
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns:nth-child(6)
  .column.is-12
  button
  span {
  color: var(--comp-color-button-primary-text-default);
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-button-big-fontSize-mobile) / var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-button-big-lineHeight-mobile) / var(--text-base-size) *
      1rem
  );
  letter-spacing: calc(
    var(--typography-button-big-letterSpacing-mobile) / var(--text-base-size) *
      1rem
  );
  text-transform: var(--typography-button-big-textCase);
}
@media (min-width: 1024px) {
  #categories-card_page
    .container.has-text-centered.itg-pb-40.itg-pt-80
    > .columns:nth-child(6)
    .column.is-12
    button
    span {
    font-size: calc(
      var(--typography-button-big-fontSize-desktop) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-button-big-lineHeight-desktop) / var(--text-base-size) *
        1rem
    );
    letter-spacing: calc(
      var(--typography-button-big-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#categories-card_page
  .container.has-text-centered.itg-pb-40.itg-pt-80
  > .columns:nth-child(6)
  .column.is-12
  button
  span:last-child {
  display: none;
}
#categories-card_page #next-to-services[disabled] {
  pointer-events: none;
  background-color: var(--comp-color-button-primary-surface-disabled);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-primary-border-disabled);
}
#categories-card_page #next-to-services[disabled] span {
  color: var(--comp-color-button-primary-text-disabled);
}
#services-template {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
#services-template #getList,
#services-template .services__next,
#services-template .services__search {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 66.6666666667% !important;
  padding-left: var(--pd-min-cnt);
  padding-right: var(--pd-min-cnt);
}
@media (min-width: 768px) {
  #services-template #getList,
  #services-template .services__next,
  #services-template .services__search {
    padding-left: var(--pd-mid-s-cnt);
    padding-right: var(--pd-mid-s-cnt);
  }
}
@media (min-width: 1024px) {
  #services-template #getList,
  #services-template .services__next,
  #services-template .services__search {
    padding-left: var(--pd-mid-l-cnt);
    padding-right: var(--pd-mid-l-cnt);
  }
}
@media (min-width: 1280px) {
  #services-template #getList,
  #services-template .services__next,
  #services-template .services__search {
    padding-left: var(--pd-max-cnt);
    padding-right: var(--pd-max-cnt);
  }
}
#services-template .services__title {
  background-color: var(--brand-color-surface-section-bold-extralight);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 24px 80px;
}
@media (min-width: 768px) {
  #services-template .services__title {
    gap: 24px;
    padding: 0 24px 100px;
  }
}
#services-template .services__title h4 {
  color: var(--brand-color-text-standard-title);
  text-align: center;
  width: 100%;
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-1-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-1-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-1-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #services-template .services__title h4 {
    font-size: calc(
      var(--typography-title-heading-1-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-1-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-1-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
@media (min-width: 768px) {
  #services-template .services__title h4 {
    max-width: 782px;
  }
}
#services-template .services__title p {
  margin-top: 32px;
  color: var(--brand-color-text-standard-text);
  text-align: center;
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-tag-fontSize-mobile) / var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-tag-lineHeight-mobile) / var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-tag-letterSpacing-mobile) / var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #services-template .services__title p {
    font-size: calc(
      var(--typography-tag-fontSize-desktop) / var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-tag-lineHeight-desktop) / var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-tag-letterSpacing-desktop) / var(--text-base-size) * 1rem
    );
  }
}
#services-template .services__title p strong {
  color: var(--brand-color-text-standard-text);
}
#services-template #back-to-categories {
  text-align: center;
  background-color: var(--brand-color-surface-section-bold-extralight);
  padding: 80px 0 24px;
  margin-top: var(--header-height-mobile);
}
@media (min-width: 768px) {
  #services-template #back-to-categories {
    margin-top: var(--header-height);
    padding: 100px 0 24px;
  }
}
#services-template #back-to-categories a {
  color: var(--comp-color-button-link-text-default);
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-tag-fontSize-mobile) / var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-tag-lineHeight-mobile) / var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-tag-letterSpacing-mobile) / var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #services-template #back-to-categories a {
    font-size: calc(
      var(--typography-tag-fontSize-desktop) / var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-tag-lineHeight-desktop) / var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-tag-letterSpacing-desktop) / var(--text-base-size) * 1rem
    );
  }
}
#services-template #getList {
  width: 100%;
  margin: 60px auto 0;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 768px) {
  #services-template #getList {
    max-width: 100%;
    margin-top: 80px;
  }
}
#services-template #getList .p-frn.is-inline-block.pb-1 {
  margin-block-end: 0;
  padding-bottom: 0;
  color: var(--comp-color-input-text-label-default);
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-label-field-fontSize-mobile) / var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-label-field-lineHeight-mobile) / var(--text-base-size) *
      1rem
  );
  letter-spacing: calc(
    var(--typography-label-field-letterSpacing-mobile) / var(--text-base-size) *
      1rem
  );
}
@media (min-width: 1024px) {
  #services-template #getList .p-frn.is-inline-block.pb-1 {
    font-size: calc(
      var(--typography-label-field-fontSize-desktop) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-label-field-lineHeight-desktop) / var(--text-base-size) *
        1rem
    );
    letter-spacing: calc(
      var(--typography-label-field-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
@media (min-width: 768px) {
  #services-template #getList .p-frn.is-inline-block.pb-1 {
    font-size: 1.25rem !important;
  }
}
#services-template #getList .p-frn.is-inline-block.pb-1 .has-text-weight-bold {
  position: relative;
  font-weight: 300;
  display: inline-block;
  height: 20px;
}
#services-template
  #getList
  .p-frn.is-inline-block.pb-1
  .has-text-weight-bold:before {
  content: "";
  font-family: icon-italgas;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-size: 1.25rem;
  color: inherit;
  position: absolute;
  top: 50%;
  left: calc(100% + 9px);
  transform: translate(50%, -50%);
  color: var(--comp-color-input-icon-label-default);
  z-index: -1;
}
@media (min-width: 768px) {
  #services-template
    #getList
    .p-frn.is-inline-block.pb-1
    .has-text-weight-bold:before {
    font-size: 1.5rem;
  }
}
#services-template #getList .p-frn.is-inline-block.pb-1 .has-tooltip-multiline {
  display: inline-block;
  height: 18px;
  width: 32px;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}
#services-template #getList .p-frn.is-inline-block.pb-1 .tooltip-show {
  border-radius: var(--brand-border-radius-s);
  border: var(--brand-border-width-regular) solid
    var(--brand-color-border-medium-dark);
  z-index: 1;
  width: 160px;
  height: fit-content;
  background-color: var(--brand-color-surface-section-base);
  padding: 4px 8px;
  position: absolute;
}
@media (min-width: 1024px) {
  #services-template #getList .p-frn.is-inline-block.pb-1 .tooltip-show {
    width: 260px;
    padding: 8px 16px;
  }
}
#services-template #getList .p-frn.is-inline-block.pb-1 .tooltip-show.left {
  transform: translate(calc(0% + 8px), calc(-100% - 44px));
}
#services-template #getList .p-frn.is-inline-block.pb-1 .tooltip-show.right {
  transform: translate(calc(-100% + 24px), calc(-100% - 44px));
}
@media (min-width: 1024px) {
  #services-template #getList .p-frn.is-inline-block.pb-1 .tooltip-show.right {
    transform: translate(calc(0% + 8px), calc(-100% - 44px));
  }
}
#services-template #getList .p-frn.is-inline-block.pb-1 .box-info {
  transform: translate(6px);
  visibility: hidden;
  cursor: pointer;
}
#services-template #getList .box .search {
  padding: 10px 20px;
  border-radius: var(--brand-border-radius-xs) var(--brand-border-radius-xs)
    var(--brand-border-radius-none) var(--brand-border-radius-none);
  background: var(--comp-color-input-surface-default);
  width: 100%;
  min-height: 56px;
  margin-top: 10px;
}
#services-template #getList .box .list-container {
  height: 0;
  overflow: scroll;
}
#services-template #getList .box .list-container.active {
  height: 224px;
}
#services-template #getList .box .list-container ul li {
  padding: 10px 20px;
  border-radius: var(--brand-border-radius-xs) var(--brand-border-radius-xs)
    var(--brand-border-radius-none) var(--brand-border-radius-none);
  background: var(--comp-color-input-surface-default);
  width: 100%;
  min-height: 56px;
  cursor: pointer;
}
#services-template #getList .box .list-container ul li:hover {
  background-color: var(--brand-color-surface-container-active);
}
#services-template #getList .box .list-container ul li span,
#services-template #getList .box .list-container ul li a {
  color: var(--comp-color-input-text-input-text-default);
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-button-big-fontSize-mobile) / var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-button-big-lineHeight-mobile) / var(--text-base-size) *
      1rem
  );
  letter-spacing: calc(
    var(--typography-button-big-letterSpacing-mobile) / var(--text-base-size) *
      1rem
  );
  text-transform: var(--typography-button-big-textCase);
}
@media (min-width: 1024px) {
  #services-template #getList .box .list-container ul li span,
  #services-template #getList .box .list-container ul li a {
    font-size: calc(
      var(--typography-button-big-fontSize-desktop) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-button-big-lineHeight-desktop) / var(--text-base-size) *
        1rem
    );
    letter-spacing: calc(
      var(--typography-button-big-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#services-template #getList .services__list-selected {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}
#services-template #getList .services__list-selected > div {
  border-radius: var(--brand-border-radius-xxl);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-primary-border-default);
  min-height: 48px;
  color: var(--comp-color-button-primary-text-default);
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-button-small-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-button-small-lineHeight-mobile) / var(--text-base-size) *
      1rem
  );
  letter-spacing: calc(
    var(--typography-button-small-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
  text-transform: var(--typography-button-small-textCase);
}
@media (min-width: 1024px) {
  #services-template #getList .services__list-selected > div {
    font-size: calc(
      var(--typography-button-small-fontSize-desktop) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-button-small-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-button-small-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#services-template #getList .services__list-selected > div button {
  position: relative;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  margin-inline-start: 8px;
}
#services-template #getList .services__list-selected > div button:before {
  content: "";
  font-family: icon-italgas;
  font-size: 0.625rem;
  color: var(--comp-color-button-primary-icon-default);
}
#services-template #getList .services__list-selected > div button img {
  visibility: hidden;
  width: 0;
  height: 0;
}
#services-template .services__next {
  width: 100%;
  margin: 56px auto 0;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  #services-template .services__next {
    max-width: 100%;
    margin-top: 40px;
  }
}
#services-template .services__next #confirm-services {
  padding: 18px 24px;
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-primary-border-default);
  background: var(--comp-color-button-primary-surface-default);
}
#services-template .services__next #confirm-services span {
  color: var(--comp-color-button-primary-text-default);
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-button-big-fontSize-mobile) / var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-button-big-lineHeight-mobile) / var(--text-base-size) *
      1rem
  );
  letter-spacing: calc(
    var(--typography-button-big-letterSpacing-mobile) / var(--text-base-size) *
      1rem
  );
  text-transform: var(--typography-button-big-textCase);
}
@media (min-width: 1024px) {
  #services-template .services__next #confirm-services span {
    font-size: calc(
      var(--typography-button-big-fontSize-desktop) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-button-big-lineHeight-desktop) / var(--text-base-size) *
        1rem
    );
    letter-spacing: calc(
      var(--typography-button-big-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#services-template .services__next #confirm-services span:last-child {
  display: none;
}
#services-template .services__next #confirm-services[disabled] {
  pointer-events: none;
  background-color: var(--comp-color-button-primary-surface-disabled);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-primary-border-disabled);
}
#services-template .services__next #confirm-services[disabled] span {
  color: var(--comp-color-button-primary-text-disabled);
}
#services-template .services__search {
  width: 100%;
  margin: 56px auto 0;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 768px) {
  #services-template .services__search {
    max-width: 100%;
    margin-top: 80px;
  }
}
#services-template .services__search p.is-inline-block.my-5 {
  color: var(--brand-color-text-standard-text);
  text-align: center;
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-4-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-4-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-4-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #services-template .services__search p.is-inline-block.my-5 {
    font-size: calc(
      var(--typography-title-heading-4-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-4-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-4-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#services-template .services__search #next-to-search {
  box-shadow: none;
  border-radius: var(--brand-border-radius-s);
  background: var(--brand-color-surface-card-medium-dark);
  min-height: 230px;
  gap: 10px;
  padding: 32px 32px 32px 16px;
  display: grid;
  grid-template-columns: 0fr 1fr;
  grid-template-rows: auto auto;
  align-items: start;
  margin: 56px 20px 60px;
}
@media (min-width: 768px) {
  #services-template .services__search #next-to-search {
    min-height: 144px;
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: 32px;
    margin-bottom: 80px;
    margin-top: 28px;
  }
}
#services-template
  .services__search
  #next-to-search
  .is-flex.is-justify-content-center.is-align-items-center {
  position: relative;
  margin: 0;
  width: 80px;
  height: 80px;
  grid-column: 1/2;
  grid-row: 1/3;
}
#services-template
  .services__search
  #next-to-search
  .is-flex.is-justify-content-center.is-align-items-center:before {
  content: "";
  font-family: icon-italgas;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 5rem;
  color: var(--brand-color-surface-icon-bold);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#services-template
  .services__search
  #next-to-search
  .is-flex.is-justify-content-center.is-align-items-center
  img {
  visibility: hidden;
}
#services-template
  .services__search
  #next-to-search
  p.has-text-weight-bold.has-text-left {
  color: var(--brand-color-text-on-medium-bg-text);
  padding: 10px 0 0;
  margin: 0 auto 0 0;
  grid-column: 2/3;
  grid-row: 1/2;
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-body-body-2-light-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-2-light-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-2-light-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #services-template
    .services__search
    #next-to-search
    p.has-text-weight-bold.has-text-left {
    font-size: calc(
      var(--typography-body-body-2-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-2-light-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-2-light-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
@media (min-width: 768px) {
  #services-template
    .services__search
    #next-to-search
    p.has-text-weight-bold.has-text-left {
    padding-top: 0;
  }
}
#services-template
  .services__search
  #next-to-search
  .is-block.is-align-self-flex-end {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 6px 0 0;
  align-self: auto;
  margin-block-start: 6px;
  grid-column: 2/3;
  grid-row: 2/3;
}
@media (min-width: 768px) {
  #services-template
    .services__search
    #next-to-search
    .is-block.is-align-self-flex-end {
    margin-top: 0;
  }
}
#services-template
  .services__search
  #next-to-search
  .is-block.is-align-self-flex-end:before {
  content: "";
  font-family: icon-italgas;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 1.25rem;
  color: var(--comp-color-button-link-icon-default);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  #services-template
    .services__search
    #next-to-search
    .is-block.is-align-self-flex-end:before {
    font-size: 1.5rem;
  }
}
#services-template
  .services__search
  #next-to-search
  .is-block.is-align-self-flex-end
  img {
  visibility: hidden;
}
#group-results-page {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
#group-results-page .column.is-10.is-offset-1.has-text-left.itg-mb-0,
#group-results-page .column.is-10.is-offset-1.itg-mt-48.itg-mb-0,
#group-results-page .downloadDocument,
#group-results-page .buttonNextContainer {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 66.6666666667% !important;
  padding-left: var(--pd-min-cnt);
  padding-right: var(--pd-min-cnt);
}
@media (min-width: 768px) {
  #group-results-page .column.is-10.is-offset-1.has-text-left.itg-mb-0,
  #group-results-page .column.is-10.is-offset-1.itg-mt-48.itg-mb-0,
  #group-results-page .downloadDocument,
  #group-results-page .buttonNextContainer {
    padding-left: var(--pd-mid-s-cnt);
    padding-right: var(--pd-mid-s-cnt);
  }
}
@media (min-width: 1024px) {
  #group-results-page .column.is-10.is-offset-1.has-text-left.itg-mb-0,
  #group-results-page .column.is-10.is-offset-1.itg-mt-48.itg-mb-0,
  #group-results-page .downloadDocument,
  #group-results-page .buttonNextContainer {
    padding-left: var(--pd-mid-l-cnt);
    padding-right: var(--pd-mid-l-cnt);
  }
}
@media (min-width: 1280px) {
  #group-results-page .column.is-10.is-offset-1.has-text-left.itg-mb-0,
  #group-results-page .column.is-10.is-offset-1.itg-mt-48.itg-mb-0,
  #group-results-page .downloadDocument,
  #group-results-page .buttonNextContainer {
    padding-left: var(--pd-max-cnt);
    padding-right: var(--pd-max-cnt);
  }
}
#group-results-page
  > div.categories-results-page
  > div.container.has-text-centered.itg-pb-48
  > div.columns:nth-of-type(1) {
  text-align: center;
  padding: 80px 0 24px;
  background: var(--brand-color-surface-section-bold-extralight);
  margin-top: var(--header-height-mobile);
}
@media (min-width: 768px) {
  #group-results-page
    > div.categories-results-page
    > div.container.has-text-centered.itg-pb-48
    > div.columns:nth-of-type(1) {
    margin-top: var(--header-height);
    padding: 100px 0 24px;
  }
}
#group-results-page
  > div.categories-results-page
  > div.container.has-text-centered.itg-pb-48
  > div.columns:nth-of-type(1)
  a {
  color: var(--comp-color-button-link-text-default);
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-tag-fontSize-mobile) / var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-tag-lineHeight-mobile) / var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-tag-letterSpacing-mobile) / var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #group-results-page
    > div.categories-results-page
    > div.container.has-text-centered.itg-pb-48
    > div.columns:nth-of-type(1)
    a {
    font-size: calc(
      var(--typography-tag-fontSize-desktop) / var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-tag-lineHeight-desktop) / var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-tag-letterSpacing-desktop) / var(--text-base-size) * 1rem
    );
  }
}
#group-results-page
  .itg--background-color-white
  .container
  .columns:nth-child(2)
  .column.is-6.is-offset-3 {
  background: var(--brand-color-surface-section-bold-extralight);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 24px;
}
#group-results-page
  .itg--background-color-white
  .container
  .columns:nth-child(2)
  .column.is-6.is-offset-3
  .h4 {
  width: 100%;
  max-width: 782px;
  color: var(--brand-color-text-on-medium-bg-title);
  text-align: center;
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-1-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-1-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-1-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #group-results-page
    .itg--background-color-white
    .container
    .columns:nth-child(2)
    .column.is-6.is-offset-3
    .h4 {
    font-size: calc(
      var(--typography-title-heading-1-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-1-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-1-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page
  > div.categories-results-page
  > div.container.has-text-centered.itg-pb-48
  > div.columns:nth-of-type(3) {
  padding: 24px 0 80px;
  text-align: center;
  background: var(--brand-color-surface-section-bold-extralight);
  color: var(--brand-color-text-standard-text);
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-tag-fontSize-mobile) / var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-tag-lineHeight-mobile) / var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-tag-letterSpacing-mobile) / var(--text-base-size) * 1rem
  );
}
@media (min-width: 768px) {
  #group-results-page
    > div.categories-results-page
    > div.container.has-text-centered.itg-pb-48
    > div.columns:nth-of-type(3) {
    padding: 24px 0 100px;
  }
}
@media (min-width: 1024px) {
  #group-results-page
    > div.categories-results-page
    > div.container.has-text-centered.itg-pb-48
    > div.columns:nth-of-type(3) {
    font-size: calc(
      var(--typography-tag-fontSize-desktop) / var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-tag-lineHeight-desktop) / var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-tag-letterSpacing-desktop) / var(--text-base-size) * 1rem
    );
  }
}
#group-results-page
  > div.itg--background-color-white
  > div.container.has-text-centered.itg-pb-48
  > div.column:has(> .box) {
  width: 100%;
  margin: 80px auto 0;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 768px) {
  #group-results-page
    > div.itg--background-color-white
    > div.container.has-text-centered.itg-pb-48
    > div.column:has(> .box) {
    max-width: 100%;
    margin-top: 80px;
  }
}
#group-results-page
  > div.itg--background-color-white
  > div.container.has-text-centered.itg-pb-48
  > div.column:has(> .box)
  .box {
  box-shadow: none;
  padding: 0 0 32px;
  border-radius: var(--brand-border-radius-none) var(--brand-border-radius-s)
    var(--brand-border-radius-s) var(--brand-border-radius-none);
  background: var(--brand-color-surface-card-bold-extralight);
}
#group-results-page
  > div.itg--background-color-white
  > div.container.has-text-centered.itg-pb-48
  > div.column:has(> .box)
  .box
  .itg-my-16 {
  margin: 0;
  gap: 8px;
  display: flex;
  flex-direction: column;
}
#group-results-page
  > div.itg--background-color-white
  > div.container.has-text-centered.itg-pb-48
  > div.column:has(> .box)
  .box
  .itg-my-16
  > :not(:first-child) {
  padding: 0 32px;
}
#group-results-page
  > div.itg--background-color-white
  > div.container.has-text-centered.itg-pb-48
  > div.column:has(> .box)
  .box
  .itg-my-16
  > .columns:nth-of-type(2) {
  padding: 32px 32px 0;
}
#group-results-page
  > div.itg--background-color-white
  > div.container.has-text-centered.itg-pb-48
  > div.column:has(> .box)
  .box
  .itg-my-16
  > .columns
  .post.column {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
#group-results-page
  > div.itg--background-color-white
  > div.container.has-text-centered.itg-pb-48
  > div.column:has(> .box)
  .box
  .itg-my-16
  > .columns
  .post.column
  p {
  color: var(--brand-color-text-standard-text);
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-body-body-4-light-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-4-light-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-4-light-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #group-results-page
    > div.itg--background-color-white
    > div.container.has-text-centered.itg-pb-48
    > div.column:has(> .box)
    .box
    .itg-my-16
    > .columns
    .post.column
    p {
    font-size: calc(
      var(--typography-body-body-4-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-4-light-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-4-light-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page
  > div.itg--background-color-white
  > div.container.has-text-centered.itg-pb-48
  > div.column:has(> .box)
  .box
  .itg-my-16
  > .columns
  .box-content
  .h7 {
  color: var(--brand-color-text-standard-text);
  text-transform: uppercase;
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-tag-fontSize-mobile) / var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-tag-lineHeight-mobile) / var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-tag-letterSpacing-mobile) / var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #group-results-page
    > div.itg--background-color-white
    > div.container.has-text-centered.itg-pb-48
    > div.column:has(> .box)
    .box
    .itg-my-16
    > .columns
    .box-content
    .h7 {
    font-size: calc(
      var(--typography-tag-fontSize-desktop) / var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-tag-lineHeight-desktop) / var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-tag-letterSpacing-desktop) / var(--text-base-size) * 1rem
    );
  }
}
#group-results-page
  > div.itg--background-color-white
  > div.container.has-text-centered.itg-pb-48
  > div.column:has(> .box)
  .box
  .itg-my-16
  > .columns
  .box-content
  .text-box {
  color: var(--brand-color-text-standard-text);
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-body-body-4-light-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-4-light-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-4-light-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #group-results-page
    > div.itg--background-color-white
    > div.container.has-text-centered.itg-pb-48
    > div.column:has(> .box)
    .box
    .itg-my-16
    > .columns
    .box-content
    .text-box {
    font-size: calc(
      var(--typography-body-body-4-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-4-light-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-4-light-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page
  > div.itg--background-color-white
  > div.container.has-text-centered.itg-pb-48
  > div.column:has(> .box)
  .box
  .itg-my-16
  > .columns
  .showmore {
  color: var(--comp-color-button-link-text-default);
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-button-small-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-button-small-lineHeight-mobile) / var(--text-base-size) *
      1rem
  );
  letter-spacing: calc(
    var(--typography-button-small-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
  text-transform: var(--typography-button-small-textCase);
  text-transform: uppercase;
  cursor: pointer;
}
@media (min-width: 1024px) {
  #group-results-page
    > div.itg--background-color-white
    > div.container.has-text-centered.itg-pb-48
    > div.column:has(> .box)
    .box
    .itg-my-16
    > .columns
    .showmore {
    font-size: calc(
      var(--typography-button-small-fontSize-desktop) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-button-small-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-button-small-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page
  > div.itg--background-color-white
  > div.container.has-text-centered.itg-pb-48
  > div.column:has(> .box)
  .box
  .itg-my-16
  > .columns:last-child {
  padding: 20px 0 0;
  margin: 0 32px;
  border-top: var(--brand-border-width-regular) solid
    var(--brand-color-border-medium-dark);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
@media (min-width: 768px) {
  #group-results-page
    > div.itg--background-color-white
    > div.container.has-text-centered.itg-pb-48
    > div.column:has(> .box)
    .box
    .itg-my-16
    > .columns:last-child {
    flex-direction: row;
    gap: auto;
    align-items: center;
    justify-content: space-between;
  }
}
#group-results-page
  > div.itg--background-color-white
  > div.container.has-text-centered.itg-pb-48
  > div.column:has(> .box)
  .box
  .itg-my-16
  > .columns:last-child
  .text-box {
  color: var(brand-color-text-standard-text);
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-body-body-4-light-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-4-light-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-4-light-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #group-results-page
    > div.itg--background-color-white
    > div.container.has-text-centered.itg-pb-48
    > div.column:has(> .box)
    .box
    .itg-my-16
    > .columns:last-child
    .text-box {
    font-size: calc(
      var(--typography-body-body-4-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-4-light-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-4-light-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page
  > div.itg--background-color-white
  > div.container.has-text-centered.itg-pb-48
  > div.column:has(> .box)
  .box
  .itg-my-16
  > .columns:last-child
  .text-box
  strong {
  color: var(brand-color-text-standard-text);
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-button-small-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-button-small-lineHeight-mobile) / var(--text-base-size) *
      1rem
  );
  letter-spacing: calc(
    var(--typography-button-small-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
  text-transform: var(--typography-button-small-textCase);
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  #group-results-page
    > div.itg--background-color-white
    > div.container.has-text-centered.itg-pb-48
    > div.column:has(> .box)
    .box
    .itg-my-16
    > .columns:last-child
    .text-box
    strong {
    font-size: calc(
      var(--typography-button-small-fontSize-desktop) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-button-small-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-button-small-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page
  > div.itg--background-color-white
  > div.container.has-text-centered.itg-pb-48
  > div.column:has(> .box)
  .box
  .columns:nth-of-type(1) {
  margin: 0;
  padding: 24px;
  border-radius: var(--brand-border-radius-s) var(--brand-border-radius-s)
    var(--brand-border-radius-none) var(--brand-border-radius-none);
  background: var(--brand-color-surface-card-medium-dark);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media (min-width: 768px) {
  #group-results-page
    > div.itg--background-color-white
    > div.container.has-text-centered.itg-pb-48
    > div.column:has(> .box)
    .box
    .columns:nth-of-type(1) {
    justify-content: space-between;
    flex-direction: row;
  }
}
#group-results-page
  > div.itg--background-color-white
  > div.container.has-text-centered.itg-pb-48
  > div.column:has(> .box)
  .box
  .columns:nth-of-type(1)
  .text-box {
  color: var(--brand-color-text-standard-text);
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-tag-fontSize-mobile) / var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-tag-lineHeight-mobile) / var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-tag-letterSpacing-mobile) / var(--text-base-size) * 1rem
  );
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  #group-results-page
    > div.itg--background-color-white
    > div.container.has-text-centered.itg-pb-48
    > div.column:has(> .box)
    .box
    .columns:nth-of-type(1)
    .text-box {
    font-size: calc(
      var(--typography-tag-fontSize-desktop) / var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-tag-lineHeight-desktop) / var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-tag-letterSpacing-desktop) / var(--text-base-size) * 1rem
    );
  }
}
#group-results-page
  > div.itg--background-color-white
  > div.container.has-text-centered.itg-pb-48
  > div.column:has(> .box)
  .box
  .columns:nth-of-type(1)
  .text-box
  strong {
  font-weight: 500;
}
#group-results-page
  > div.itg--background-color-white
  > div.container.has-text-centered.itg-pb-48
  > div.column:has(> .box)
  .box
  .columns:nth-of-type(1)
  .column {
  width: fit-content;
}
#group-results-page
  > div.itg--background-color-white
  > div.container.has-text-centered.itg-pb-48
  > div.column:has(> .box)
  .box
  .columns {
  margin: 0;
}
#group-results-page
  > div.itg--background-color-white
  > div.container.has-text-centered.itg-pb-48
  > div.column:has(> .box)
  .box
  .columns
  .column {
  padding: 0;
}
#group-results-page
  > div.itg--background-color-white
  > div.container.has-text-centered.itg-pb-48
  > div.column:has(> .box)
  .box
  .columns
  .h6 {
  color: var(--brand-color-text-standard-text);
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-5-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-5-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-5-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #group-results-page
    > div.itg--background-color-white
    > div.container.has-text-centered.itg-pb-48
    > div.column:has(> .box)
    .box
    .columns
    .h6 {
    font-size: calc(
      var(--typography-title-heading-5-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-5-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-5-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page .columns > .column.is-10.is-offset-1.itg-mt-48.itg-mb-0 {
  width: 100%;
  margin: 64px auto 0;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 768px) {
  #group-results-page .columns > .column.is-10.is-offset-1.itg-mt-48.itg-mb-0 {
    max-width: 100%;
    margin-top: 80px;
  }
}
#group-results-page
  .columns
  > .column.is-10.is-offset-1.itg-mt-48.itg-mb-0
  > .h6.itg-mb-0 {
  color: var(--brand-color-text-standard-title);
  text-align: center;
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-3-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-3-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-3-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #group-results-page
    .columns
    > .column.is-10.is-offset-1.itg-mt-48.itg-mb-0
    > .h6.itg-mb-0 {
    font-size: calc(
      var(--typography-title-heading-3-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-3-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-3-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page
  .columns.itg-mb-0
  > .column.is-10.is-offset-1.itg-my-0
  > p.h7.itg-mb-0 {
  color: var(--brand-color-text-standard-text);
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-tag-fontSize-mobile) / var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-tag-lineHeight-mobile) / var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-tag-letterSpacing-mobile) / var(--text-base-size) * 1rem
  );
  text-transform: uppercase;
  margin-top: 24px;
  text-align: center;
}
@media (min-width: 1024px) {
  #group-results-page
    .columns.itg-mb-0
    > .column.is-10.is-offset-1.itg-my-0
    > p.h7.itg-mb-0 {
    font-size: calc(
      var(--typography-tag-fontSize-desktop) / var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-tag-lineHeight-desktop) / var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-tag-letterSpacing-desktop) / var(--text-base-size) * 1rem
    );
  }
}
@media (min-width: 768px) {
  #group-results-page
    .columns.itg-mb-0
    > .column.is-10.is-offset-1.itg-my-0
    > p.h7.itg-mb-0 {
    margin-top: auto;
  }
}
#group-results-page
  .categories-results-page.itg--background-color-white
  .container
  .columns:nth-child(9) {
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 768px) {
  #group-results-page
    .categories-results-page.itg--background-color-white
    .container
    .columns:nth-child(9) {
    max-width: 100%;
    margin-top: 28px;
  }
}
#group-results-page
  .categories-results-page.itg--background-color-white
  .container
  .columns:nth-child(9)
  .h7 {
  text-align: center;
}
#group-results-page
  .columns.itg-mb-0
  > .column.is-10.is-offset-1.itg-my-0
  > .columns
  > .column.is-4.is-offset-4
  > .columns.is-mobile
  > .column.is-4
  > .level-rectangle-full {
  background-color: var(--comp-color-steps-shape-standard-selected);
  width: 40px;
  height: 8px;
  border-radius: var(--brand-border-radius-xs);
  margin: 0;
}
#group-results-page
  .columns.itg-mb-0
  > .column.is-10.is-offset-1.itg-my-0
  > .columns
  > .column.is-4.is-offset-4
  > .columns.is-mobile {
  gap: 8px;
  display: flex;
  width: 100%;
}
#group-results-page
  .columns.itg-mb-0
  > .column.is-10.is-offset-1.itg-my-0
  > .columns
  > .column.is-4.is-offset-4
  > .columns.is-mobile
  > .column.is-4 {
  padding: 0;
}
#group-results-page
  .columns.itg-mb-0
  > .column.is-10.is-offset-1.itg-my-0
  > .columns
  > .column.is-4.is-offset-4 {
  max-width: 136px;
  width: 100%;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  display: flex;
}
#group-results-page
  .columns.itg-mb-0
  > .column.is-10.is-offset-1.itg-my-0
  > .columns {
  margin: 10px 0 0;
}
#group-results-page
  .columns.itg-mb-0
  > .column.is-10.is-offset-1.itg-my-0
  > .columns
  > .column.is-4.is-offset-4
  > .columns.is-mobile
  > .column.is-4
  > .level-rectangle-empty {
  width: 40px;
  height: 8px;
  border-radius: var(--brand-border-radius-xs);
  margin: 0;
  background-color: var(--brand-color-surface-shape-grey-medium);
}
#group-results-page
  .columns
  > .column.is-8.is-offset-2.itg-mb-24
  > .text-box.itg-mb-0.itg-mt-16 {
  color: var(--brand-color-text-standard-text);
  text-align: center;
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-body-body-1-light-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-1-light-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-1-light-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
  margin-top: 28px;
}
@media (min-width: 1024px) {
  #group-results-page
    .columns
    > .column.is-8.is-offset-2.itg-mb-24
    > .text-box.itg-mb-0.itg-mt-16 {
    font-size: calc(
      var(--typography-body-body-1-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-1-light-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-1-light-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page .downloadDocument {
  background-color: var(--brand-color-surface-section-medium-extralight);
  margin-top: 80px;
  min-height: 120px;
  padding: 40px;
}
#group-results-page .downloadDocument .canvasTarget__download {
  gap: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#group-results-page
  .downloadDocument
  .canvasTarget__download
  .buttonDownload__element {
  background-color: var(--comp-color-button-tertiary-surface-default-alt);
}
#group-results-page
  .downloadDocument
  .canvasTarget__download
  .buttonDownload__element
  span {
  color: var(--comp-color-button-tertiary-icon-default);
}
#group-results-page .buttonNextContainer {
  padding: 40px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#group-results-page .buttonNextContainer .button__element[disabled] {
  pointer-events: none;
  background-color: var(--comp-color-button-primary-surface-disabled);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-primary-border-disabled);
  color: var(--comp-color-button-primary-text-disabled);
}
#group-results-page .buttonNextContainer .button__element[disabled] span {
  color: var(--comp-color-button-primary-text-disabled);
}
#group-results-page
  .itg--background-color-light-blue.itg--color-blue-1.categories-results-page.mb-0 {
  background-color: var(--brand-color-surface-section-medium-extralight);
  padding-top: calc(0.0214285714 * 100vw + 45.7142857143px);
  padding-bottom: calc(0.0214285714 * 100vw + 45.7142857143px);
}
@media (min-width: 1600px) {
  #group-results-page
    .itg--background-color-light-blue.itg--color-blue-1.categories-results-page.mb-0 {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  #group-results-page
    .itg--background-color-light-blue.itg--color-blue-1.categories-results-page.mb-0 {
    padding-top: 56px;
  }
}
@media (min-width: 1600px) {
  #group-results-page
    .itg--background-color-light-blue.itg--color-blue-1.categories-results-page.mb-0 {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  #group-results-page
    .itg--background-color-light-blue.itg--color-blue-1.categories-results-page.mb-0 {
    padding-bottom: 56px;
  }
}
#group-results-page
  .itg--background-color-light-blue.itg--color-blue-1.categories-results-page.mb-0
  .container {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--max-1600);
  padding-left: var(--pd-min-cnt);
  padding-right: var(--pd-min-cnt);
}
@media (min-width: 768px) {
  #group-results-page
    .itg--background-color-light-blue.itg--color-blue-1.categories-results-page.mb-0
    .container {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  #group-results-page
    .itg--background-color-light-blue.itg--color-blue-1.categories-results-page.mb-0
    .container {
    padding-left: var(--pd-mid-s-cnt);
    padding-right: var(--pd-mid-s-cnt);
  }
}
@media (min-width: 1024px) {
  #group-results-page
    .itg--background-color-light-blue.itg--color-blue-1.categories-results-page.mb-0
    .container {
    padding-left: clamp(
      var(--pd-mid-l-cnt) + var(--gutter-d),
      100vw / var(--column-d) + var(--gutter-d),
      var(--max-1920) / var(--column-d) + var(--gutter-d)
    );
    padding-right: clamp(
      var(--pd-mid-l-cnt) + var(--gutter-d),
      100vw / var(--column-d) + var(--gutter-d),
      var(--max-1920) / var(--column-d) + var(--gutter-d)
    );
  }
}
@media (min-width: 1280px) {
  #group-results-page
    .itg--background-color-light-blue.itg--color-blue-1.categories-results-page.mb-0
    .container {
    padding-left: clamp(
      var(--pd-max-cnt) + var(--gutter-d) * 2,
      100vw / var(--column-d) + var(--gutter-d),
      var(--max-1920) / var(--column-d) + var(--gutter-d)
    );
    padding-right: clamp(
      var(--pd-max-cnt) + var(--gutter-d) * 2,
      100vw / var(--column-d) + var(--gutter-d),
      var(--max-1920) / var(--column-d) + var(--gutter-d)
    );
  }
}
#group-results-page
  .itg--background-color-light-blue.itg--color-blue-1.categories-results-page.mb-0
  .columns.is-flex.is-align-items-center.my-4
  img {
  width: 52px;
  height: 52px;
  background-color: var(--comp-color-button-tertiary-surface-default-alt);
  border-radius: var(--brand-border-radius-s);
  border: 0;
}
#group-results-page
  .itg--background-color-light-blue.itg--color-blue-1.categories-results-page.mb-0
  .column.is-12.clickable.is-flex.has-text-left.justify-center-mobile {
  display: flex;
  gap: 16px;
}
#group-results-page
  .itg--background-color-light-blue.itg--color-blue-1.categories-results-page.mb-0
  .text-download.itg-my-0.ml-5 {
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-label-footer-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-label-footer-lineHeight-mobile) / var(--text-base-size) *
      1rem
  );
  letter-spacing: calc(
    var(--typography-label-footer-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #group-results-page
    .itg--background-color-light-blue.itg--color-blue-1.categories-results-page.mb-0
    .text-download.itg-my-0.ml-5 {
    font-size: calc(
      var(--typography-label-footer-fontSize-desktop) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-label-footer-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-label-footer-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page
  .itg--background-color-light-blue.itg--color-blue-1.categories-results-page.mb-0
  .text-download.itg-my-0.ml-5
  span {
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-body-body-3-light-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-3-light-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-3-light-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #group-results-page
    .itg--background-color-light-blue.itg--color-blue-1.categories-results-page.mb-0
    .text-download.itg-my-0.ml-5
    span {
    font-size: calc(
      var(--typography-body-body-3-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-3-light-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-3-light-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1) {
  background-color: var(--brand-color-surface-section-base);
  padding-top: calc(0.0214285714 * 100vw + 45.7142857143px);
  padding-bottom: calc(0.0214285714 * 100vw + 45.7142857143px);
}
@media (min-width: 1600px) {
  #group-results-page
    .itg--background-color-white.categories-results-page:not(
      .itg--color-blue-1
    ) {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  #group-results-page
    .itg--background-color-white.categories-results-page:not(
      .itg--color-blue-1
    ) {
    padding-top: 56px;
  }
}
@media (min-width: 1600px) {
  #group-results-page
    .itg--background-color-white.categories-results-page:not(
      .itg--color-blue-1
    ) {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  #group-results-page
    .itg--background-color-white.categories-results-page:not(
      .itg--color-blue-1
    ) {
    padding-bottom: 56px;
  }
}
#group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  .container {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--max-1600);
  padding-left: var(--pd-min-cnt);
  padding-right: var(--pd-min-cnt);
}
@media (min-width: 768px) {
  #group-results-page
    .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
    .container {
    padding-left: var(--pd-mid-s-cnt);
    padding-right: var(--pd-mid-s-cnt);
  }
}
@media (min-width: 1024px) {
  #group-results-page
    .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
    .container {
    padding-left: clamp(
      var(--pd-mid-l-cnt) + var(--gutter-d),
      100vw / var(--column-d) + var(--gutter-d),
      var(--max-1920) / var(--column-d) + var(--gutter-d)
    );
    padding-right: clamp(
      var(--pd-mid-l-cnt) + var(--gutter-d),
      100vw / var(--column-d) + var(--gutter-d),
      var(--max-1920) / var(--column-d) + var(--gutter-d)
    );
  }
}
@media (min-width: 1280px) {
  #group-results-page
    .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
    .container {
    padding-left: clamp(
      var(--pd-max-cnt) + var(--gutter-d) * 2,
      100vw / var(--column-d) + var(--gutter-d),
      var(--max-1920) / var(--column-d) + var(--gutter-d)
    );
    padding-right: clamp(
      var(--pd-max-cnt) + var(--gutter-d) * 2,
      100vw / var(--column-d) + var(--gutter-d),
      var(--max-1920) / var(--column-d) + var(--gutter-d)
    );
  }
}
#group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  #confirm-modal-button {
  background-color: var(--comp-color-button-primary-surface-default);
  padding: 18px 24px;
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-primary-border-default);
  cursor: pointer;
  margin: 0 auto;
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-button-big-fontSize-mobile) / var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-button-big-lineHeight-mobile) / var(--text-base-size) *
      1rem
  );
  letter-spacing: calc(
    var(--typography-button-big-letterSpacing-mobile) / var(--text-base-size) *
      1rem
  );
  text-transform: var(--typography-button-big-textCase);
}
@media (min-width: 1024px) {
  #group-results-page
    .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
    #confirm-modal-button {
    font-size: calc(
      var(--typography-button-big-fontSize-desktop) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-button-big-lineHeight-desktop) / var(--text-base-size) *
        1rem
    );
    letter-spacing: calc(
      var(--typography-button-big-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  #confirm-modal-button:hover {
  background-color: var(--comp-color-button-primary-surface-hover);
}
#group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  #confirm-modal-button[disabled] {
  pointer-events: none;
  background-color: var(--comp-color-button-primary-surface-disabled);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-primary-border-disabled);
}
#group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  #confirm-modal-button[disabled]
  span {
  color: var(--comp-color-button-primary-text-disabled);
}
#group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  #confirm-modal-button
  img {
  display: none;
}
#group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  .container.has-text-centered.itg-pb-40 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  .container.has-text-centered.itg-pb-40
  .columns
  .text-box.itg-mt-16 {
  text-align: center;
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-body-body-1-light-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-1-light-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-1-light-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
  margin-top: 40px;
}
@media (min-width: 1024px) {
  #group-results-page
    .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
    .container.has-text-centered.itg-pb-40
    .columns
    .text-box.itg-mt-16 {
    font-size: calc(
      var(--typography-body-body-1-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-1-light-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-1-light-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  .container.has-text-centered.itg-pb-40
  .columns
  #clear-storage-session {
  display: block;
  position: relative;
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-button-big-fontSize-mobile) / var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-button-big-lineHeight-mobile) / var(--text-base-size) *
      1rem
  );
  letter-spacing: calc(
    var(--typography-button-big-letterSpacing-mobile) / var(--text-base-size) *
      1rem
  );
  text-transform: var(--typography-button-big-textCase);
  color: var(--comp-color-button-link-text-default);
  text-transform: uppercase;
  width: fit-content;
  margin: 16px auto 0;
}
@media (min-width: 1024px) {
  #group-results-page
    .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
    .container.has-text-centered.itg-pb-40
    .columns
    #clear-storage-session {
    font-size: calc(
      var(--typography-button-big-fontSize-desktop) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-button-big-lineHeight-desktop) / var(--text-base-size) *
        1rem
    );
    letter-spacing: calc(
      var(--typography-button-big-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  .container.has-text-centered.itg-pb-40
  .columns
  #clear-storage-session:before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  width: calc(100% + 20px);
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: var(--t-transition);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-link-text-focus);
  border-radius: var(--brand-border-radius-xs);
}
#group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  .container.has-text-centered.itg-pb-40
  .columns
  #clear-storage-session:after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  bottom: -10px;
  height: 1px;
  background: var(--comp-color-button-link-border-hover);
  transition: var(--t-transition);
}
.bg-color-np-medium-dark
  #group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  .container.has-text-centered.itg-pb-40
  .columns
  #clear-storage-session:after {
  background: var(--comp-color-button-link-border-on-bold-bg-hover);
}
#group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  .container.has-text-centered.itg-pb-40
  .columns
  #clear-storage-session:hover:after {
  width: 100%;
}
#group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  .container.has-text-centered.itg-pb-40
  .columns
  #clear-storage-session:active:after {
  background: var(--comp-color-button-link-border-active);
}
#group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  .container.has-text-centered.itg-pb-40
  .columns
  #clear-storage-session:focus-visible {
  outline: none;
}
#group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  .container.has-text-centered.itg-pb-40
  .columns
  #clear-storage-session:focus-visible:before {
  opacity: 1;
}
.buttonLink--small
  #group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  .container.has-text-centered.itg-pb-40
  .columns
  #clear-storage-session {
  padding: 10px 0;
}
.buttonLink--light
  #group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  .container.has-text-centered.itg-pb-40
  .columns
  #clear-storage-session {
  color: var(--comp-color-button-link-text-on-bold-bg-default);
}
.buttonLink--light
  #group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  .container.has-text-centered.itg-pb-40
  .columns
  #clear-storage-session:before {
  border-color: var(--brand-color-focus-on-bold-bg);
}
.buttonLink--light
  #group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  .container.has-text-centered.itg-pb-40
  .columns
  #clear-storage-session:after {
  background: var(--comp-color-button-link-border-on-bold-bg-active);
}
.buttonLink--light
  #group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  .container.has-text-centered.itg-pb-40
  .columns
  #clear-storage-session:hover {
  color: var(--comp-color-button-link-text-on-bold-bg-hover);
}
.buttonLink--light
  #group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  .container.has-text-centered.itg-pb-40
  .columns
  #clear-storage-session:hover:after {
  background: var(--comp-color-button-link-text-on-bold-bg-hover);
}
.buttonLink--light
  #group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  .container.has-text-centered.itg-pb-40
  .columns
  #clear-storage-session:active {
  color: var(--brand-color-text-on-bold-bg-text);
}
.buttonLink--light
  #group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  .container.has-text-centered.itg-pb-40
  .columns
  #clear-storage-session:active:after {
  background: var(--brand-color-surface-section-base);
}
.buttonLink--disabled
  #group-results-page
  .itg--background-color-white.categories-results-page:not(.itg--color-blue-1)
  .container.has-text-centered.itg-pb-40
  .columns
  #clear-storage-session {
  color: var(--comp-color-button-link-text-disabled);
  pointer-events: none;
}
#group-results-page #myModal {
  display: none;
  z-index: 999;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: var(--brand-color-surface-gradient-base-photo-1);
}
#group-results-page #myModal .modal-content {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  background-color: var(--brand-color-surface-section-base);
  border-radius: var(--brand-border-radius-s);
  padding: 32px;
}
@media (min-width: 1024px) {
  #group-results-page #myModal .modal-content {
    width: 50%;
  }
}
#group-results-page #myModal .close {
  position: absolute;
  right: 32px;
  top: 32px;
  font-size: 0;
}
#group-results-page #myModal .close:before {
  font-family: icon-italgas !important;
  content: "";
  font-size: 16px;
}
#group-results-page #myModal .text-box.text-email-modal.itg-mt-16 {
  width: calc(100% - 64px);
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-6-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-6-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-6-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #group-results-page #myModal .text-box.text-email-modal.itg-mt-16 {
    font-size: calc(
      var(--typography-title-heading-6-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-6-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-6-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page #myModal .columns {
  display: flex;
  flex-direction: column;
}
#group-results-page #myModal .columns:first-child {
  margin-top: 32px;
}
#group-results-page #myModal .column.is-9 {
  display: inline-block;
  width: 100%;
  margin-bottom: 32px;
}
#group-results-page #myModal .column.is-9 input {
  border-radius: var(--brand-border-radius-xs);
  padding: 15px 24px;
  width: 100%;
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-body-body-2-light-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-2-light-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-2-light-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
  background-color: var(--comp-color-input-surface-default);
}
@media (min-width: 1024px) {
  #group-results-page #myModal .column.is-9 input {
    font-size: calc(
      var(--typography-body-body-2-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-2-light-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-2-light-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page #myModal .column.is-3 {
  display: inline-block;
  margin: 0 auto;
}
#group-results-page #myModal .column.is-3 button {
  padding: 18px 24px;
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-primary-border-default);
  background: var(--comp-color-button-primary-surface-default);
  cursor: pointer;
}
#group-results-page #myModal .column.is-3 button span {
  color: var(--comp-color-button-primary-text-default);
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-button-big-fontSize-mobile) / var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-button-big-lineHeight-mobile) / var(--text-base-size) *
      1rem
  );
  letter-spacing: calc(
    var(--typography-button-big-letterSpacing-mobile) / var(--text-base-size) *
      1rem
  );
  text-transform: var(--typography-button-big-textCase);
}
@media (min-width: 1024px) {
  #group-results-page #myModal .column.is-3 button span {
    font-size: calc(
      var(--typography-button-big-fontSize-desktop) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-button-big-lineHeight-desktop) / var(--text-base-size) *
        1rem
    );
    letter-spacing: calc(
      var(--typography-button-big-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page #myModal .column.is-3 button:hover {
  background-color: var(--comp-color-button-primary-surface-hover);
}
#group-results-page #confirm-modal {
  display: none;
  z-index: 999;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: var(--brand-color-surface-gradient-base-photo-1);
}
#group-results-page #confirm-modal.is-active {
  display: block;
}
#group-results-page #confirm-modal .modal-card {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  background-color: var(--brand-color-surface-card-base);
  border-radius: var(--brand-border-radius-s);
  padding: 32px;
}
@media (min-width: 1024px) {
  #group-results-page #confirm-modal .modal-card {
    width: 69%;
  }
}
#group-results-page #confirm-modal .modal-close {
  position: fixed;
  top: 32px;
  right: 32px;
  padding: 18px 24px;
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-primary-border-default);
  background: var(--comp-color-button-primary-surface-default);
  color: var(--comp-color-button-primary-text-default);
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-button-big-fontSize-mobile) / var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-button-big-lineHeight-mobile) / var(--text-base-size) *
      1rem
  );
  letter-spacing: calc(
    var(--typography-button-big-letterSpacing-mobile) / var(--text-base-size) *
      1rem
  );
  text-transform: var(--typography-button-big-textCase);
  cursor: pointer;
  z-index: 999;
}
@media (min-width: 1024px) {
  #group-results-page #confirm-modal .modal-close {
    font-size: calc(
      var(--typography-button-big-fontSize-desktop) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-button-big-lineHeight-desktop) / var(--text-base-size) *
        1rem
    );
    letter-spacing: calc(
      var(--typography-button-big-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page #confirm-modal .modal-close:hover {
  background-color: var(--comp-color-button-primary-surface-hover);
}
#group-results-page #confirm-modal .modal-card-head h6 {
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-3-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-3-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-3-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
  margin-bottom: 32px;
}
@media (min-width: 1024px) {
  #group-results-page #confirm-modal .modal-card-head h6 {
    font-size: calc(
      var(--typography-title-heading-3-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-3-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-3-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page #confirm-modal .modal-card-head #popup-close {
  position: absolute;
  top: 32px;
  right: 32px;
}
#group-results-page #confirm-modal .modal-card-head #popup-close img {
  display: none;
}
#group-results-page #confirm-modal .modal-card-head #popup-close:before {
  font-family: icon-italgas !important;
  content: "";
  font-size: 16px;
  cursor: pointer;
}
#group-results-page #confirm-modal .modal-card-body div.group-selected {
  display: block;
  font-family: var(--brand-font-family-main);
  font-weight: 400;
  font-size: calc(
    var(--typography-body-body-2-regular-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-2-regular-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-2-regular-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  #group-results-page #confirm-modal .modal-card-body div.group-selected {
    font-size: calc(
      var(--typography-body-body-2-regular-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-2-regular-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-2-regular-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page #confirm-modal .modal-card-body div.group-selected p {
  text-align: center;
  margin-bottom: 32px;
}
#group-results-page #confirm-modal .modal-card-body div.group-selected ul {
  margin-bottom: 40px;
}
#group-results-page #confirm-modal .modal-card-body div.group-selected ul li {
  margin-bottom: 8px;
}
#group-results-page
  #confirm-modal
  .modal-card-body
  div.group-selected
  ul
  li:last-child {
  margin-bottom: 0;
}
#group-results-page #confirm-modal .modal-card-body div.group-selected ul li p {
  text-align: left;
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-6-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-6-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-6-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  #group-results-page
    #confirm-modal
    .modal-card-body
    div.group-selected
    ul
    li
    p {
    font-size: calc(
      var(--typography-title-heading-6-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-6-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-6-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page #confirm-modal .modal-card-body div + div p {
  display: block;
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-4-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-4-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-4-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
  text-align: center;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  #group-results-page #confirm-modal .modal-card-body div + div p {
    font-size: calc(
      var(--typography-title-heading-4-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-4-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-4-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page #confirm-modal .modal-card-body div + div .p2.itg-mb-0 {
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-button-big-fontSize-mobile) / var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-button-big-lineHeight-mobile) / var(--text-base-size) *
      1rem
  );
  letter-spacing: calc(
    var(--typography-button-big-letterSpacing-mobile) / var(--text-base-size) *
      1rem
  );
  text-transform: var(--typography-button-big-textCase);
}
@media (min-width: 1024px) {
  #group-results-page #confirm-modal .modal-card-body div + div .p2.itg-mb-0 {
    font-size: calc(
      var(--typography-button-big-fontSize-desktop) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-button-big-lineHeight-desktop) / var(--text-base-size) *
        1rem
    );
    letter-spacing: calc(
      var(--typography-button-big-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page
  #confirm-modal
  .modal-card-body
  .content
  .columns
  .column.is-6.is-offset-3
  .columns.is-mobile {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 28px;
}
#group-results-page
  #confirm-modal
  .modal-card-body
  .content
  .columns
  .column.is-6.is-offset-3
  .columns.is-mobile
  .column.is-4.px-2
  .level-rectangle-full {
  background-color: var(--comp-color-steps-shape-standard-selected);
  width: 40px;
  height: 8px;
  border-radius: var(--brand-border-radius-xs);
  margin: 0;
}
#group-results-page
  #confirm-modal
  .modal-card-body
  .content
  .columns
  .column.is-6.is-offset-3
  .columns.is-mobile
  .column.is-4.px-2
  .level-rectangle-empty {
  background-color: var(--comp-color-steps-shape-standard-default);
  width: 40px;
  height: 8px;
  border-radius: var(--brand-border-radius-xs);
  margin: 0;
}
#group-results-page #confirm-modal .modal-card-foot .button {
  margin: 0 auto;
  padding: 18px 24px;
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-primary-border-default);
  background: var(--comp-color-button-primary-surface-default);
  color: var(--comp-color-button-primary-text-default);
}
#group-results-page #confirm-modal .modal-card-foot .button span {
  color: var(--comp-color-button-primary-text-default);
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-button-big-fontSize-mobile) / var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-button-big-lineHeight-mobile) / var(--text-base-size) *
      1rem
  );
  letter-spacing: calc(
    var(--typography-button-big-letterSpacing-mobile) / var(--text-base-size) *
      1rem
  );
  text-transform: var(--typography-button-big-textCase);
}
@media (min-width: 1024px) {
  #group-results-page #confirm-modal .modal-card-foot .button span {
    font-size: calc(
      var(--typography-button-big-fontSize-desktop) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-button-big-lineHeight-desktop) / var(--text-base-size) *
        1rem
    );
    letter-spacing: calc(
      var(--typography-button-big-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
#group-results-page #confirm-modal .modal-card-foot .button:hover {
  background-color: var(--comp-color-button-primary-surface-hover);
}
#group-results-page #confirm-modal .modal-card-foot .button span:last-child {
  display: none;
}
#group-results-page #confirm-modal .modal-card-foot .button img {
  display: none;
}
.itg--background-color-light-blue.itg--color-blue-1.categories-results-page.mb-0,
.column.is-10.is-offset-1.itg-my-0 {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 66.6666666667% !important;
  padding-left: var(--pd-min-cnt);
  padding-right: var(--pd-min-cnt);
}
@media (min-width: 768px) {
  .itg--background-color-light-blue.itg--color-blue-1.categories-results-page.mb-0,
  .column.is-10.is-offset-1.itg-my-0 {
    padding-left: var(--pd-mid-s-cnt);
    padding-right: var(--pd-mid-s-cnt);
  }
}
@media (min-width: 1024px) {
  .itg--background-color-light-blue.itg--color-blue-1.categories-results-page.mb-0,
  .column.is-10.is-offset-1.itg-my-0 {
    padding-left: var(--pd-mid-l-cnt);
    padding-right: var(--pd-mid-l-cnt);
  }
}
@media (min-width: 1280px) {
  .itg--background-color-light-blue.itg--color-blue-1.categories-results-page.mb-0,
  .column.is-10.is-offset-1.itg-my-0 {
    padding-left: var(--pd-max-cnt);
    padding-right: var(--pd-max-cnt);
  }
}
.tableItalgas__info {
  padding-top: 200px;
  padding-bottom: 40px;
  background-color: var(--brand-color-surface-shape-base);
  margin-left: auto;
  margin-right: auto;
  max-width: var(--max-1600);
  padding-left: var(--pd-min-cnt);
  padding-right: var(--pd-min-cnt);
}
@media (min-width: 768px) {
  .tableItalgas__info {
    padding-left: var(--pd-mid-s-cnt);
    padding-right: var(--pd-mid-s-cnt);
  }
}
@media (min-width: 1024px) {
  .tableItalgas__info {
    padding-left: var(--pd-mid-l-cnt);
    padding-right: var(--pd-mid-l-cnt);
  }
}
@media (min-width: 1280px) {
  .tableItalgas__info {
    padding-left: var(--pd-max-cnt);
    padding-right: var(--pd-max-cnt);
  }
}
.tableItalgas__title,
.tableItalgas__link,
.tableItalgas__important {
  display: block;
  margin-bottom: 20px;
}
.tableItalgas__link {
  color: var(--comp-color-button-link-text-default);
  text-decoration: underline;
}
table:not(.datepicker__table) {
  display: block;
  padding: 20px;
  background-color: var(--brand-color-surface-section-medium);
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
  overflow: auto !important;
}
table:not(.datepicker__table).table-bandi td .stato:before {
  content: " ";
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: var(--brand-border-radius-s);
  top: 2px;
  margin-right: 10px;
}
table:not(.datepicker__table).table-bandi tr.status_expired .stato:before {
  background-color: var(--brand-color-system-error-text);
}
table:not(.datepicker__table).table-bandi tr.status_active .stato:before {
  background-color: var(--brand-color-system-success-text);
}
table:not(.datepicker__table) strong {
  font-weight: 700 !important;
}
table:not(.datepicker__table) thead {
  background-color: var(--brand-color-surface-section-bold-extralight);
  border-bottom: var(--brand-border-width-focus) solid
    var(--brand-color-border-medium);
}
table:not(.datepicker__table) thead th {
  width: 16.666%;
  height: 100%;
  min-height: 44px;
  padding: 20px 24px;
  text-align: left;
  font-family: var(--brand-font-family-main);
  font-weight: 400;
  font-size: calc(
    var(--typography-body-body-3-regular-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-3-regular-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-3-regular-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  table:not(.datepicker__table) thead th {
    font-size: calc(
      var(--typography-body-body-3-regular-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-3-regular-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-3-regular-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
table:not(.datepicker__table) thead th:nth-child(1) {
  width: 12%;
}
table:not(.datepicker__table) thead th:nth-child(2) {
  width: 40%;
}
table:not(.datepicker__table) thead th:nth-child(3) {
  width: 12%;
}
table:not(.datepicker__table) thead th:nth-child(4) {
  width: 12%;
}
table:not(.datepicker__table) thead th:nth-child(5) {
  width: 12%;
}
table:not(.datepicker__table) thead th:nth-child(6) {
  width: 12%;
}
table:not(.datepicker__table) tbody {
  background-color: var(--brand-color-surface-shape-base);
}
table:not(.datepicker__table) tbody tr {
  border-bottom: var(--brand-border-width-focus) solid
    var(--brand-color-border-medium);
}
table:not(.datepicker__table) tbody tr td {
  padding: 20px 24px;
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-body-body-3-light-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-3-light-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-3-light-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  table:not(.datepicker__table) tbody tr td {
    font-size: calc(
      var(--typography-body-body-3-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-3-light-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-3-light-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
table:not(.datepicker__table) tbody tr td a {
  height: 56px;
  align-items: center;
  border-radius: var(--brand-border-radius-xs);
  transition: var(--t-transition);
  background-color: var(--comp-color-button-tertiary-surface-default-alt);
  min-width: 56px;
  width: fit-content;
  justify-content: center;
  display: flex;
  gap: 16px;
  padding: 8px 16px;
  color: var(--comp-color-button-link-text-default);
}
table:not(.datepicker__table) tbody tr td a:hover {
  background-color: var(--comp-color-button-tertiary-surface-hover);
}
table:not(.datepicker__table) tbody tr td a:before {
  font-family: icon-italgas;
  content: "";
  color: var(--comp-color-button-tertiary-icon-default);
}
table:not(.datepicker__table) tbody tr td a.simple-link {
  width: 100%;
  background-color: transparent;
  text-decoration: underline;
  padding: 0;
  justify-content: flex-start;
}
table:not(.datepicker__table) tbody tr td a.simple-link:before {
  content: "";
  display: none;
}
table:not(.datepicker__table)
  tbody
  tr
  td
  a
  .itgBlock-textBox__file-icon-container {
  display: none;
}
table:not(.datepicker__table) tbody tr td:nth-child(1) {
  font-family: var(--brand-font-family-main);
  font-weight: 400;
  font-size: calc(
    var(--typography-label-megamenu-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-label-megamenu-lineHeight-mobile) / var(--text-base-size) *
      1rem
  );
  letter-spacing: calc(
    var(--typography-label-megamenu-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
  white-space: nowrap;
}
@media (min-width: 1024px) {
  table:not(.datepicker__table) tbody tr td:nth-child(1) {
    font-size: calc(
      var(--typography-label-megamenu-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-label-megamenu-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-label-megamenu-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
table:not(.datepicker__table) tbody tr th {
  padding: 20px 24px;
  text-align: left;
  font-family: var(--brand-font-family-main);
  font-weight: 400;
  font-size: calc(
    var(--typography-body-body-3-regular-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-3-regular-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-3-regular-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  table:not(.datepicker__table) tbody tr th {
    font-size: calc(
      var(--typography-body-body-3-regular-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-3-regular-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-3-regular-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
table:not(.datepicker__table) .is-flex {
  display: flex;
  justify-content: center;
  gap: 16px;
}
table:not(.datepicker__table) table {
  width: -webkit-fill-available;
}
table:not(.datepicker__table) table span {
  white-space: normal;
}
table:not(.datepicker__table) table tr,
table:not(.datepicker__table) table td,
table:not(.datepicker__table) table th {
  white-space: normal !important;
}
.table-pager {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.table-pager div,
.table-pager p,
.table-pager span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
.first-page,
.last-page,
.prev-page,
.next-page {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: var(--brand-border-radius-xs);
  cursor: pointer;
  border: var(--brand-border-width-regular) solid
    var(--brand-color-border-medium-dark);
  background: var(--comp-color-button-primary-surface-default);
  color: transparent;
  transition: var(--t-transition);
  position: relative;
  margin: 0 2px;
}
.first-page:before,
.last-page:before,
.prev-page:before,
.next-page:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: icon-italgas;
  font-size: 12px;
  color: var(--comp-color-button-primary-text-default);
}
.first-page:before {
  content: "";
}
.last-page:before {
  content: "";
}
.prev-page:before {
  content: "";
}
.next-page:before {
  content: "";
}
span.page {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: var(--brand-border-radius-xs);
  cursor: pointer;
  background-color: var(--comp-color-button-primary-surface-default);
  transition: var(--t-transition);
  position: relative;
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-button-small-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-button-small-lineHeight-mobile) / var(--text-base-size) *
      1rem
  );
  letter-spacing: calc(
    var(--typography-button-small-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
  text-transform: var(--typography-button-small-textCase);
}
@media (min-width: 1024px) {
  span.page {
    font-size: calc(
      var(--typography-button-small-fontSize-desktop) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-button-small-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-button-small-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
span.page:hover {
  background-color: var(--comp-color-button-primary-surface-hover);
}
span.page.is-active {
  background-color: var(--comp-color-button-secondary-surface-default);
  color: var(--comp-color-button-secondary-text-default);
}
span.page.is-hidden {
  display: none;
}
.qf-table tbody tr:first-child {
  background-color: var(--brand-color-surface-section-bold-extralight);
  border-bottom: var(--brand-border-width-focus) solid
    var(--brand-color-border-medium);
}
.qf-table tbody tr:first-child td {
  font-family: var(--brand-font-family-main);
  font-weight: 400;
  font-size: calc(
    var(--typography-body-body-3-regular-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-3-regular-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-3-regular-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  .qf-table tbody tr:first-child td {
    font-size: calc(
      var(--typography-body-body-3-regular-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-3-regular-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-3-regular-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
.qf-table tbody tr:first-child td:nth-child(1) {
  width: 12%;
}
.qf-table tbody tr:first-child td:nth-child(2) {
  width: 40%;
}
.qf-table tbody tr:first-child td:nth-child(3) {
  width: 12%;
}
.qf-table tbody tr:first-child td:nth-child(4) {
  width: 12%;
}
.qf-table tbody tr:first-child td:nth-child(5) {
  width: 12%;
}
.qf-table tbody tr:first-child td:nth-child(6) {
  width: 12%;
}
.qf-table tbody tr td {
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-body-body-3-light-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-3-light-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-3-light-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  .qf-table tbody tr td {
    font-size: calc(
      var(--typography-body-body-3-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-3-light-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-3-light-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
.qf-table tbody a {
  position: relative;
  font-size: 0;
}
.qf-table tbody a:before {
  position: absolute;
  font-size: 14px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.custom-table thead tr th {
  width: auto;
}
.custom-table tbody tr td {
  white-space: normal;
}
.formReskin__container {
  padding-top: calc(0.0214285714 * 100vw + 45.7142857143px);
  padding-bottom: calc(0.0214285714 * 100vw + 45.7142857143px);
  width: 100%;
}
@media (min-width: 1600px) {
  .formReskin__container {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .formReskin__container {
    padding-top: 56px;
  }
}
@media (min-width: 1600px) {
  .formReskin__container {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .formReskin__container {
    padding-bottom: 56px;
  }
}
html body .gform_wrapper .gform_heading .gform_title {
  color: var(--brand-color-text-standard-title);
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-5-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-5-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-5-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
  margin-bottom: 52px;
}
@media (min-width: 1024px) {
  html body .gform_wrapper .gform_heading .gform_title {
    font-size: calc(
      var(--typography-title-heading-5-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-5-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-5-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
html body .gform_wrapper .gform_heading .gform_description {
  font-family: var(--brand-font-family-main);
  font-weight: 400;
  font-size: calc(
    var(--typography-body-body-2-regular-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-2-regular-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-2-regular-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
  margin-bottom: 36px;
}
@media (min-width: 1024px) {
  html body .gform_wrapper .gform_heading .gform_description {
    font-size: calc(
      var(--typography-body-body-2-regular-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-2-regular-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-2-regular-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
html body .gform_wrapper .gfield_label {
  color: var(--comp-color-input-text-label-filled);
  margin-bottom: 10px;
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-label-field-fontSize-mobile) / var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-label-field-lineHeight-mobile) / var(--text-base-size) *
      1rem
  );
  letter-spacing: calc(
    var(--typography-label-field-letterSpacing-mobile) / var(--text-base-size) *
      1rem
  );
  font-weight: 300 !important;
}
@media (min-width: 1024px) {
  html body .gform_wrapper .gfield_label {
    font-size: calc(
      var(--typography-label-field-fontSize-desktop) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-label-field-lineHeight-desktop) / var(--text-base-size) *
        1rem
    );
    letter-spacing: calc(
      var(--typography-label-field-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
html body .gform_wrapper fieldset.gfield,
html body .gform_wrapper div.gfield {
  position: relative;
}
html body .gform_wrapper fieldset.gfield input[type="text"],
html body .gform_wrapper fieldset.gfield input[type="email"],
html body .gform_wrapper fieldset.gfield input[type="number"],
html body .gform_wrapper fieldset.gfield input[type="tel"],
html body .gform_wrapper div.gfield input[type="text"],
html body .gform_wrapper div.gfield input[type="email"],
html body .gform_wrapper div.gfield input[type="number"],
html body .gform_wrapper div.gfield input[type="tel"] {
  padding: 15px 20px;
  border-radius: var(--brand-border-radius-xs) var(--brand-border-radius-xs)
    var(--brand-border-radius-none) var(--brand-border-radius-none);
  background: var(--comp-color-input-surface-default);
  color: var(--comp-color-input-text-input-text-active);
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-body-body-2-light-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-2-light-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-2-light-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  html body .gform_wrapper fieldset.gfield input[type="text"],
  html body .gform_wrapper fieldset.gfield input[type="email"],
  html body .gform_wrapper fieldset.gfield input[type="number"],
  html body .gform_wrapper fieldset.gfield input[type="tel"],
  html body .gform_wrapper div.gfield input[type="text"],
  html body .gform_wrapper div.gfield input[type="email"],
  html body .gform_wrapper div.gfield input[type="number"],
  html body .gform_wrapper div.gfield input[type="tel"] {
    font-size: calc(
      var(--typography-body-body-2-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-2-light-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-2-light-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
html body .gform_wrapper fieldset.gfield input[type="text"]::placeholder,
html body .gform_wrapper fieldset.gfield input[type="email"]::placeholder,
html body .gform_wrapper fieldset.gfield input[type="number"]::placeholder,
html body .gform_wrapper fieldset.gfield input[type="tel"]::placeholder,
html body .gform_wrapper div.gfield input[type="text"]::placeholder,
html body .gform_wrapper div.gfield input[type="email"]::placeholder,
html body .gform_wrapper div.gfield input[type="number"]::placeholder,
html body .gform_wrapper div.gfield input[type="tel"]::placeholder {
  color: var(--comp-color-input-text-input-text-default);
}
html body .gform_wrapper fieldset.gfield textarea,
html body .gform_wrapper div.gfield textarea {
  border-radius: var(--brand-border-radius-xs) var(--brand-border-radius-xs)
    var(--brand-border-radius-none) var(--brand-border-radius-none);
  background: var(--comp-color-input-surface-default);
  color: var(--comp-color-input-text-input-text-active);
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-body-body-2-light-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-2-light-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-2-light-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
  padding: 15px 20px;
  height: 115px;
}
@media (min-width: 1024px) {
  html body .gform_wrapper fieldset.gfield textarea,
  html body .gform_wrapper div.gfield textarea {
    font-size: calc(
      var(--typography-body-body-2-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-2-light-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-2-light-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
html body .gform_wrapper fieldset.gfield textarea::placeholder,
html body .gform_wrapper div.gfield textarea::placeholder {
  color: var(--comp-color-input-text-input-text-default);
}
html body .gform_wrapper fieldset.gfield select,
html body .gform_wrapper div.gfield select {
  position: relative;
  border-radius: var(--brand-border-radius-xs) var(--brand-border-radius-xs)
    var(--brand-border-radius-none) var(--brand-border-radius-none);
  background-color: var(--comp-color-input-surface-default);
  color: var(--comp-color-input-text-input-text-active);
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-body-body-2-light-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-2-light-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-2-light-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
  padding: 15px 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
}
@media (min-width: 1024px) {
  html body .gform_wrapper fieldset.gfield select,
  html body .gform_wrapper div.gfield select {
    font-size: calc(
      var(--typography-body-body-2-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-2-light-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-2-light-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
html body .gform_wrapper fieldset.gfield:has(select):after,
html body .gform_wrapper div.gfield:has(select):after {
  content: "";
  font-family: icon-italgas;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(-100%, 50%);
  padding-right: 20px;
}
html body .gform_wrapper fieldset.gfield .ginput_container .gchoice,
html body .gform_wrapper div.gfield .ginput_container .gchoice {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  margin-top: 8px;
}
html
  body
  .gform_wrapper
  fieldset.gfield
  .ginput_container
  .gchoice
  input[type="checkbox"],
html
  body
  .gform_wrapper
  div.gfield
  .ginput_container
  .gchoice
  input[type="checkbox"] {
  width: 28px;
  height: 28px;
  border-radius: var(--brand-border-radius-s);
  border: var(--brand-border-width-regular) solid var(--brand-color-border-bold);
}
html
  body
  .gform_wrapper
  fieldset.gfield
  .ginput_container
  .gchoice
  input[type="checkbox"]::placeholder,
html
  body
  .gform_wrapper
  div.gfield
  .ginput_container
  .gchoice
  input[type="checkbox"]::placeholder {
  color: var(--comp-color-input-text-input-text-default);
}
html
  body
  .gform_wrapper
  fieldset.gfield
  .ginput_container_date
  input[type="text"],
html body .gform_wrapper div.gfield .ginput_container_date input[type="text"] {
  width: 100%;
  padding: 15px 20px;
  border-radius: var(--brand-border-radius-xs) var(--brand-border-radius-xs)
    var(--brand-border-radius-none) var(--brand-border-radius-none);
  background: var(--comp-color-input-surface-default);
  color: var(--comp-color-input-text-input-text-active);
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-body-body-2-light-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-2-light-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-2-light-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  html
    body
    .gform_wrapper
    fieldset.gfield
    .ginput_container_date
    input[type="text"],
  html
    body
    .gform_wrapper
    div.gfield
    .ginput_container_date
    input[type="text"] {
    font-size: calc(
      var(--typography-body-body-2-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-2-light-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-2-light-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
html
  body
  .gform_wrapper
  fieldset.gfield
  .ginput_container_date
  input[type="text"]::placeholder,
html
  body
  .gform_wrapper
  div.gfield
  .ginput_container_date
  input[type="text"]::placeholder {
  color: var(--comp-color-input-text-input-text-default);
}
html body .gform_wrapper fieldset.gfield:has(input[type="file"]) .gfield_label,
html body .gform_wrapper div.gfield:has(input[type="file"]) .gfield_label {
  color: var --comp-color-input-text-label-filled;
  font-family: var(--brand-font-family-main);
  font-weight: 400;
  font-size: calc(
    var(--typography-body-body-2-regular-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-2-regular-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-2-regular-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
  margin: 0;
  order: 1;
}
@media (min-width: 1024px) {
  html
    body
    .gform_wrapper
    fieldset.gfield:has(input[type="file"])
    .gfield_label,
  html body .gform_wrapper div.gfield:has(input[type="file"]) .gfield_label {
    font-size: calc(
      var(--typography-body-body-2-regular-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-2-regular-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-2-regular-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
html
  body
  .gform_wrapper
  fieldset.gfield:has(input[type="file"])
  .gfield_label.gfield_label_before_complex,
html
  body
  .gform_wrapper
  div.gfield:has(input[type="file"])
  .gfield_label.gfield_label_before_complex {
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-body-body-4-light-fontSize-mobile) /
      var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-body-body-4-light-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-4-light-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
  color: var(--comp-color-input-text-label-filled);
  grid-area: 2/1/3/2;
}
@media (min-width: 1024px) {
  html
    body
    .gform_wrapper
    fieldset.gfield:has(input[type="file"])
    .gfield_label.gfield_label_before_complex,
  html
    body
    .gform_wrapper
    div.gfield:has(input[type="file"])
    .gfield_label.gfield_label_before_complex {
    font-size: calc(
      var(--typography-body-body-4-light-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-body-body-4-light-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-body-body-4-light-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
@media (min-width: 768px) {
  html
    body
    .gform_wrapper
    fieldset.gfield:has(input[type="file"])
    .gfield_label.gfield_label_before_complex,
  html
    body
    .gform_wrapper
    div.gfield:has(input[type="file"])
    .gfield_label.gfield_label_before_complex {
    grid-area: 2/2/3/3;
  }
}
html body .gform_wrapper fieldset.gfield .ginput_container_fileupload,
html body .gform_wrapper div.gfield .ginput_container_fileupload {
  border-radius: var(--brand-border-radius-s);
  border: var(--brand-border-width-focus) dashed
    var(--brand-color-border-medium-dark);
  background: var(--brand-color-surface-section-medium-extralight);
  max-width: 100%;
  width: 100%;
  padding: 40px;
  margin-top: 24px;
  display: grid;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
}
@media (min-width: 768px) {
  html body .gform_wrapper fieldset.gfield .ginput_container_fileupload,
  html body .gform_wrapper div.gfield .ginput_container_fileupload {
    max-width: 100%;
    grid-template-columns: 1fr 70.5%;
    grid-template-rows: repeat(2, 1fr);
  }
}
html
  body
  .gform_wrapper
  fieldset.gfield
  .ginput_container_fileupload
  [type="file"],
html body .gform_wrapper div.gfield .ginput_container_fileupload [type="file"] {
  all: unset;
  color: var(--comp-color-input-text-input-text-active);
  font-family: var(--brand-font-family-main);
  font-weight: 400;
  font-size: calc(
    var(--typography-label-megamenu-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-label-megamenu-lineHeight-mobile) / var(--text-base-size) *
      1rem
  );
  letter-spacing: calc(
    var(--typography-label-megamenu-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
  grid-area: 1/1/2/2;
}
@media (min-width: 1024px) {
  html
    body
    .gform_wrapper
    fieldset.gfield
    .ginput_container_fileupload
    [type="file"],
  html
    body
    .gform_wrapper
    div.gfield
    .ginput_container_fileupload
    [type="file"] {
    font-size: calc(
      var(--typography-label-megamenu-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-label-megamenu-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-label-megamenu-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
@media (min-width: 768px) {
  html
    body
    .gform_wrapper
    fieldset.gfield
    .ginput_container_fileupload
    [type="file"],
  html
    body
    .gform_wrapper
    div.gfield
    .ginput_container_fileupload
    [type="file"] {
    grid-area: 1/1/2/3;
    margin: 0;
  }
}
html
  body
  .gform_wrapper
  fieldset.gfield
  .ginput_container_fileupload
  [type="file"]::-webkit-file-upload-button,
html
  body
  .gform_wrapper
  div.gfield
  .ginput_container_fileupload
  [type="file"]::-webkit-file-upload-button {
  all: unset;
  background: var(--comp-color-input-surface-default);
  border: var(--brand-border-width-focus) solid
    var(--brand-color-border-medium-dark);
  color: var(--brand-color-surface-section-base);
  cursor: pointer;
  font-size: calc(
    var(--typography-body-body-4-light-fontSize-desktop) /
      var(--text-base-size) * 1rem
  );
  outline: none;
  text-transform: uppercase;
  transition: all 1s ease;
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-regular) solid
    var(comp/color/button/primary/border/default);
  background: var(--brand-color-surface-section-base);
  color: var(--comp-color-button-primary-text-default);
  padding: 18px 24px;
  width: 100%;
  margin-bottom: 20px;
  margin-right: 0;
  box-sizing: border-box;
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-button-big-fontSize-mobile) / var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-button-big-lineHeight-mobile) / var(--text-base-size) *
      1rem
  );
  letter-spacing: calc(
    var(--typography-button-big-letterSpacing-mobile) / var(--text-base-size) *
      1rem
  );
  text-transform: var(--typography-button-big-textCase);
}
@media (min-width: 1024px) {
  html
    body
    .gform_wrapper
    fieldset.gfield
    .ginput_container_fileupload
    [type="file"]::-webkit-file-upload-button,
  html
    body
    .gform_wrapper
    div.gfield
    .ginput_container_fileupload
    [type="file"]::-webkit-file-upload-button {
    font-size: calc(
      var(--typography-button-big-fontSize-desktop) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-button-big-lineHeight-desktop) / var(--text-base-size) *
        1rem
    );
    letter-spacing: calc(
      var(--typography-button-big-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
@media (min-width: 768px) {
  html
    body
    .gform_wrapper
    fieldset.gfield
    .ginput_container_fileupload
    [type="file"]::-webkit-file-upload-button,
  html
    body
    .gform_wrapper
    div.gfield
    .ginput_container_fileupload
    [type="file"]::-webkit-file-upload-button {
    width: fit-content;
    margin-right: 20px;
    margin-bottom: 0;
  }
}
html body .gform_wrapper .gform_footer {
  display: flex;
  justify-content: center;
  margin-top: 32px;
  padding: 0;
}
@media (min-width: 768px) {
  html body .gform_wrapper .gform_footer {
    margin-top: 40px;
  }
}
html body .gform_wrapper .gform_footer input[type="submit"],
html body .gform_wrapper .gform_footer button {
  padding: 18px 24px;
  cursor: pointer;
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-primary-border-default);
  background: var(--brand-color-surface-section-base);
  text-transform: uppercase;
  font-family: var(--brand-font-family-main);
  font-weight: 500;
  font-size: calc(
    var(--typography-button-big-fontSize-mobile) / var(--text-base-size) * 1rem
  );
  line-height: calc(
    var(--typography-button-big-lineHeight-mobile) / var(--text-base-size) *
      1rem
  );
  letter-spacing: calc(
    var(--typography-button-big-letterSpacing-mobile) / var(--text-base-size) *
      1rem
  );
  text-transform: var(--typography-button-big-textCase);
  margin: 0;
}
@media (min-width: 1024px) {
  html body .gform_wrapper .gform_footer input[type="submit"],
  html body .gform_wrapper .gform_footer button {
    font-size: calc(
      var(--typography-button-big-fontSize-desktop) / var(--text-base-size) *
        1rem
    );
    line-height: calc(
      var(--typography-button-big-lineHeight-desktop) / var(--text-base-size) *
        1rem
    );
    letter-spacing: calc(
      var(--typography-button-big-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
.gf_browser_chrome {
  width: 100%;
}
:root {
  --global-font-family-work-sans: "Work Sans";
  --global-font-family-gotham: "Gotham";
  --global-font-weight-extralight: "ExtraLight";
  --global-font-weight-light: "Light";
  --global-font-weight-regular: "Regular";
  --global-font-weight-book: "Book";
  --global-font-weight-medium: "Medium";
  --global-line-height-12: 12;
  --global-line-height-14: 14;
  --global-line-height-17: 17;
  --global-line-height-19: 19;
  --global-line-height-22: 22;
  --global-line-height-26: 26;
  --global-line-height-28: 28;
  --global-line-height-29: 29;
  --global-line-height-32: 32;
  --global-line-height-34: 34;
  --global-line-height-38: 38;
  --global-line-height-44: 44;
  --global-line-height-48: 48;
  --global-line-height-54: 54;
  --global-line-height-70: 70;
  --global-line-height-89: 89;
  --global-font-size-12: 12;
  --global-font-size-14: 14;
  --global-font-size-16: 16;
  --global-font-size-18: 18;
  --global-font-size-20: 20;
  --global-font-size-22: 22;
  --global-font-size-24: 24;
  --global-font-size-32: 32;
  --global-font-size-36: 36;
  --global-font-size-40: 40;
  --global-font-size-44: 44;
  --global-font-size-48: 48;
  --global-font-size-64: 64;
  --global-font-size-112: 112;
  --global-text-case-none: "none";
  --global-text-case-uppercase: "uppercase";
  --global-text-case-capitalize: "capitalize";
  --global-letter-spacing-0: 0;
  --global-letter-spacing-0-15: 0.15;
  --global-letter-spacing-0-2: 0.2;
  --global-letter-spacing-0-22: 0.22;
  --global-letter-spacing-0-24: 0.24;
  --global-letter-spacing-0-32: 0.32;
  --global-letter-spacing-0-44: 0.44;
  --global-letter-spacing-0-5: 0.5;
  --global-letter-spacing-0-64: 0.64;
  --global-letter-spacing-0-96: 0.96;
  --global-letter-spacing-1-12: 1.12;
  --global-border-radius-0: 0px;
  --global-border-radius-2: 2px;
  --global-border-radius-4: 4px;
  --global-border-radius-8: 8px;
  --global-border-radius-16: 16px;
  --global-border-radius-24: 24px;
  --global-border-radius-32: 32px;
  --global-border-radius-48: 48px;
  --global-spacing-0: 0px;
  --global-spacing-4: 4px;
  --global-spacing-8: 8px;
  --global-spacing-12: 12px;
  --global-spacing-16: 16px;
  --global-spacing-20: 20px;
  --global-spacing-24: 24px;
  --global-spacing-28: 28px;
  --global-spacing-32: 32px;
  --global-spacing-40: 40px;
  --global-spacing-48: 48px;
  --global-spacing-56: 56px;
  --global-spacing-80: 80px;
  --global-spacing-120: 120px;
  --global-spacing-140: 140px;
  --global-color-sky-blue-regular: #57d5ff;
  --global-color-sky-blue-dark: #00b3ee;
  --global-color-turquoise-0: #f7fcfd;
  --global-color-turquoise-100: #cdecef;
  --global-color-turquoise-200: #8ad3d9;
  --global-color-turquoise-300: #54bfc7;
  --global-color-turquoise-400: #33b2bd;
  --global-color-turquoise-500: #009fac;
  --global-color-turquoise-600: #00919d;
  --global-color-turquoise-900: #004348;
  --global-color-turquoise-900-a70: rgba(0, 67, 72, 0.7);
  --global-color-deep-blue-0: #f8fafc;
  --global-color-deep-blue-100: #c1cfe1;
  --global-color-deep-blue-200: #9fb5d1;
  --global-color-deep-blue-300: #557ead;
  --global-color-deep-blue-400: #35659d;
  --global-color-deep-blue-500: #023e84;
  --global-color-deep-blue-900: #01162e;
  --global-color-deep-blue-900-a70: rgba(1, 22, 46, 0.7);
  --global-color-deep-blue-500-a85: rgba(2, 62, 132, 0.85);
  --global-color-deep-blue-500-a40: rgba(2, 62, 132, 0.4);
  --global-color-deep-blue-500-a0: rgba(2, 62, 132, 0);
  --global-color-light-blue-0: #f5fbff;
  --global-color-light-blue-100: #f2f8fc;
  --global-color-light-blue-200: #e6eff4;
  --global-color-light-blue-300: #aecfe1;
  --global-color-light-blue-500: #008ac2;
  --global-color-light-blue-200-a70: rgba(230, 239, 244, 0.7);
  --global-color-blue-0: #fbfdff;
  --global-color-blue-100: #f7f9fb;
  --global-color-blue-400: #1150a1;
  --global-color-blue-500: #003478;
  --global-color-blue-900: #00224f;
  --global-color-blue-500-a0: rgba(0, 52, 120, 0);
  --global-color-blue-900-a70: rgba(0, 25, 58, 0.7);
  --global-color-blue-500-a85: rgba(0, 52, 120, 0.85);
  --global-color-blue-500-a40: rgba(0, 52, 120, 0.4);
  --global-color-grey-light: #ededed;
  --global-color-grey-medium: #c6c6c6;
  --global-color-grey-regular: #8e8e8e;
  --global-color-grey-dark: #595959;
  --global-color-apple-green-dark: #84a826;
  --global-color-apple-green-regular: #a2ca39;
  --global-color-apple-green-regular-a70: rgba(162, 202, 57, 0.7);
  --global-color-apple-green-regular-a30: rgba(162, 202, 57, 0.3);
  --global-color-apple-green-light: #c1ec4f;
  --global-color-apple-green-lighter: #ecf4d7;
  --global-color-red-light: #fffafb;
  --global-color-red-regular: #cc0030;
  --global-color-red-dark: #ad0028;
  --global-color-orange-light: #fff5eb;
  --global-color-orange-regular: #bf7908;
  --global-color-orange-dark: #ad5a00;
  --global-color-green-light: #f3fcf3;
  --global-color-green-regular: #2c962c;
  --global-color-green-dark: #1d631d;
  --global-color-neutral-black: #000000;
  --global-color-neutral-black-a60: rgba(0, 0, 0, 0.6);
  --global-color-neutral-black-a30: rgba(0, 0, 0, 0.3);
  --global-color-neutral-white: #ffffff;
  --global-color-neutral-white-a80: rgba(255, 255, 255, 0.8);
  --global-color-neutral-white-a70: rgba(255, 255, 255, 0.7);
  --global-color-others-lavender: #e2daff;
  --global-color-others-light-yellow: #f9fb9b;
  --global-color-others-peach: #ffd4ad;
  --global-color-others-pink: #ffbde4;
  --global-color-silver-cyan-0: #fcfdfd;
  --global-color-silver-cyan-100: #f6f8f9;
  --global-color-silver-cyan-200: #f2f5f6;
  --global-color-silver-cyan-300: #ecf0f2;
  --global-color-silver-cyan-400: #e9edf0;
  --global-color-silver-cyan-500: #e3e9ec;
  --global-color-silver-cyan-900: #01162e;
  --global-color-rgb-01: rgba(255, 255, 255, 0.4);
  --global-color-rgb-02: rgba(255, 255, 255, 0);
  --global-color-rgb-03: rgba(0, 0, 0, 0.05);
  --global-color-rgb-04: rgba(229, 242, 249, 0);
  --global-color-rgb-05: rgba(1, 17, 38, 0);
  --global-color-rgb-06a: rgba(1, 53, 120, 0.3);
  --global-color-rgb-06b: rgba(53, 101, 157, 0.3);
  --global-color-rgb-07a: rgba(1, 17, 37, 0.7);
  --global-color-rgb-07b: rgba(1, 22, 46, 0.7);
  --global-color-rgb-08a: rgba(0, 16, 36, 1);
  --global-color-rgb-08b: rgba(1, 22, 46, 1);
  --global-color-rgb-09a: rgba(18, 156, 219, 0.82);
  --global-color-rgb-09b: rgba(0, 159, 172, 0.82);
  --global-border-width-1: 1px;
  --global-border-width-2: 2px;
}
:root {
  --viewport-desktop-layout-spacing-small: var(--global-spacing-40);
  --viewport-desktop-layout-spacing-medium: var(--global-spacing-56);
  --viewport-desktop-layout-spacing-medium-large: var(--global-spacing-80);
  --viewport-desktop-layout-spacing-big: var(--global-spacing-120);
  --viewport-desktop-layout-gutter: var(--global-spacing-32);
  --viewport-desktop-layout-min-width-XL: 1919px;
  --viewport-desktop-layout-min-width-L: 1599px;
  --viewport-desktop-layout-min-width-M: 1439px;
  --viewport-desktop-layout-min-width-S: 1279px;
  --viewport-desktop-layout-max-width-XL: 2500px;
  --viewport-desktop-layout-max-width-L: 1920px;
  --viewport-desktop-layout-max-width-M: 1600px;
  --viewport-desktop-layout-max-width-S: 1440px;
  --viewport-desktop-layout-margin-XL: 580px;
  --viewport-desktop-layout-margin-L: 290px;
  --viewport-desktop-layout-margin-M: 118px;
  --viewport-desktop-layout-margin-S: 118px;
  --viewport-desktop-font-size-title-heading-1: var(--global-font-size-64);
  --viewport-desktop-font-size-title-heading-2: var(--global-font-size-48);
  --viewport-desktop-font-size-title-heading-3: var(--global-font-size-40);
  --viewport-desktop-font-size-title-heading-4: var(--global-font-size-32);
  --viewport-desktop-font-size-title-heading-5: var(--global-font-size-24);
  --viewport-desktop-font-size-title-heading-6: var(--global-font-size-18);
  --viewport-desktop-font-size-body-body-1: var(--global-font-size-18);
  --viewport-desktop-font-size-body-body-2: var(--global-font-size-16);
  --viewport-desktop-font-size-body-body-3: var(--global-font-size-14);
  --viewport-desktop-font-size-body-body-4: var(--global-font-size-12);
  --viewport-desktop-font-size-timeline-next: var(--global-font-size-14);
  --viewport-desktop-font-size-timeline-current: var(--global-font-size-22);
  --viewport-desktop-font-size-timeline-vertical: var(--global-font-size-32);
  --viewport-desktop-font-size-special-number-number-1: var(
    --global-font-size-112
  );
  --viewport-desktop-font-size-special-number-number-2: var(
    --global-font-size-44
  );
  --viewport-desktop-font-size-special-number-number-3: var(
    --global-font-size-32
  );
  --viewport-desktop-font-size-button-big: var(--global-font-size-14);
  --viewport-desktop-font-size-button-small: var(--global-font-size-12);
  --viewport-desktop-font-size-tag: var(--global-font-size-12);
  --viewport-desktop-font-size-label-megamenu: var(--global-font-size-14);
  --viewport-desktop-font-size-label-sidebar-menu: var(--global-font-size-12);
  --viewport-desktop-font-size-label-field: var(--global-font-size-16);
  --viewport-desktop-font-size-label-footer: var(--global-font-size-16);
  --viewport-desktop-font-size-label-big-generic: var(--global-font-size-18);
  --viewport-desktop-line-height-title-heading-1: var(--global-line-height-70);
  --viewport-desktop-line-height-title-heading-2: var(--global-line-height-54);
  --viewport-desktop-line-height-title-heading-3: var(--global-line-height-48);
  --viewport-desktop-line-height-title-heading-4: var(--global-line-height-44);
  --viewport-desktop-line-height-title-heading-5: var(--global-line-height-32);
  --viewport-desktop-line-height-title-heading-6: var(--global-line-height-29);
  --viewport-desktop-line-height-body-body-1: var(--global-line-height-29);
  --viewport-desktop-line-height-body-body-2: var(--global-line-height-26);
  --viewport-desktop-line-height-body-body-3: var(--global-line-height-22);
  --viewport-desktop-line-height-body-body-4: var(--global-line-height-19);
  --viewport-desktop-line-height-timeline-current: var(--global-line-height-26);
  --viewport-desktop-line-height-timeline-next: var(--global-line-height-22);
  --viewport-desktop-line-height-timeline-vertical: var(
    --global-line-height-48
  );
  --viewport-desktop-line-height-special-number-number-1: var(
    --global-line-height-89
  );
  --viewport-desktop-line-height-special-number-number-2: var(
    --global-line-height-54
  );
  --viewport-desktop-line-height-special-number-number-3: var(
    --global-line-height-54
  );
  --viewport-desktop-line-height-button-big: var(--global-line-height-14);
  --viewport-desktop-line-height-button-small: var(--global-line-height-12);
  --viewport-desktop-line-height-tag: var(--global-line-height-17);
  --viewport-desktop-line-height-label-megamenu: var(--global-line-height-17);
  --viewport-desktop-line-height-label-sidebar-menu: var(
    --global-line-height-17
  );
  --viewport-desktop-line-height-label-field: var(--global-line-height-19);
  --viewport-desktop-line-height-label-footer: var(--global-line-height-19);
  --viewport-desktop-line-height-label-big-generic: var(
    --global-line-height-26
  );
  --viewport-desktop-letter-spacing-title-heading-1: var(
    --global-letter-spacing-0
  );
  --viewport-desktop-letter-spacing-title-heading-2: var(
    --global-letter-spacing-0
  );
  --viewport-desktop-letter-spacing-title-heading-3: var(
    --global-letter-spacing-0
  );
  --viewport-desktop-letter-spacing-title-heading-4: var(
    --global-letter-spacing-0-32
  );
  --viewport-desktop-letter-spacing-title-heading-5: var(
    --global-letter-spacing-0-24
  );
  --viewport-desktop-letter-spacing-title-heading-6: var(
    --global-letter-spacing-0
  );
  --viewport-desktop-letter-spacing-body-body-1: var(
    --global-letter-spacing-0-15
  );
  --viewport-desktop-letter-spacing-body-body-2: var(
    --global-letter-spacing-0-15
  );
  --viewport-desktop-letter-spacing-body-body-3: var(
    --global-letter-spacing-0-15
  );
  --viewport-desktop-letter-spacing-body-body-4-light: var(
    --global-letter-spacing-0-15
  );
  --viewport-desktop-letter-spacing-body-body-4-regular: var(
    --global-letter-spacing-0
  );
  --viewport-desktop-letter-spacing-body-body-4-medium: var(
    --global-letter-spacing-0
  );
  --viewport-desktop-letter-spacing-timeline-next: var(
    --global-letter-spacing-0-15
  );
  --viewport-desktop-letter-spacing-timeline-current: var(
    --global-letter-spacing-0-22
  );
  --viewport-desktop-letter-spacing-special-number-number-1: var(
    --global-letter-spacing-0-15
  );
  --viewport-desktop-letter-spacing-special-number-number-2: var(
    --global-letter-spacing-0-44
  );
  --viewport-desktop-letter-spacing-special-number-number-3: var(
    --global-letter-spacing-0-44
  );
  --viewport-desktop-letter-spacing-button-big: var(
    --global-letter-spacing-1-12
  );
  --viewport-desktop-letter-spacing-button-small: var(
    --global-letter-spacing-0-96
  );
  --viewport-desktop-letter-spacing-tag: var(--global-letter-spacing-0-5);
  --viewport-desktop-letter-spacing-label-megamenu: var(
    --global-letter-spacing-0
  );
  --viewport-desktop-letter-spacing-label-sidebar-menu: var(
    --global-letter-spacing-0-5
  );
  --viewport-desktop-letter-spacing-label-field: var(
    --global-letter-spacing-0-5
  );
  --viewport-desktop-letter-spacing-label-footer: var(
    --global-letter-spacing-0-2
  );
  --viewport-desktop-letter-spacing-label-big-generic: var(
    --global-letter-spacing-0-5
  );
  --viewport-mobile-layout-spacing-small: var(--global-spacing-40);
  --viewport-mobile-layout-spacing-medium: var(--global-spacing-48);
  --viewport-mobile-layout-spacing-medium-large: var(--global-spacing-56);
  --viewport-mobile-layout-spacing-big: var(--global-spacing-80);
  --viewport-mobile-layout-gutter: var(--global-spacing-24);
  --viewport-mobile-layout-min-width-XL: 374px;
  --viewport-mobile-layout-min-width-L: 374px;
  --viewport-mobile-layout-min-width-M: 320px;
  --viewport-mobile-layout-min-width-S: 320px;
  --viewport-mobile-layout-max-width-XL: 480px;
  --viewport-mobile-layout-max-width-L: 480px;
  --viewport-mobile-layout-max-width-M: 375px;
  --viewport-mobile-layout-max-width-S: 375px;
  --viewport-mobile-layout-margin-XL: 24px;
  --viewport-mobile-layout-margin-L: 24px;
  --viewport-mobile-layout-margin-M: 24px;
  --viewport-mobile-layout-margin-S: 24px;
  --viewport-mobile-font-size-title-heading-1: var(--global-font-size-40);
  --viewport-mobile-font-size-title-heading-2: var(--global-font-size-36);
  --viewport-mobile-font-size-title-heading-3: var(--global-font-size-32);
  --viewport-mobile-font-size-title-heading-4: var(--global-font-size-24);
  --viewport-mobile-font-size-title-heading-5: var(--global-font-size-18);
  --viewport-mobile-font-size-title-heading-6: var(--global-font-size-18);
  --viewport-mobile-font-size-body-body-1: var(--global-font-size-18);
  --viewport-mobile-font-size-body-body-2: var(--global-font-size-16);
  --viewport-mobile-font-size-body-body-3: var(--global-font-size-14);
  --viewport-mobile-font-size-body-body-4: var(--global-font-size-12);
  --viewport-mobile-font-size-special-number-number-1: var(
    --global-font-size-64
  );
  --viewport-mobile-font-size-special-number-number-2: var(
    --global-font-size-22
  );
  --viewport-mobile-font-size-special-number-number-3: var(
    --global-font-size-44
  );
  --viewport-mobile-font-size-button-big: var(--global-font-size-14);
  --viewport-mobile-font-size-button-small: var(--global-font-size-12);
  --viewport-mobile-font-size-tag: var(--global-font-size-12);
  --viewport-mobile-font-size-label-megamenu: var(--global-font-size-14);
  --viewport-mobile-font-size-label-sidebar-menu: var(--global-font-size-12);
  --viewport-mobile-font-size-label-field: var(--global-font-size-16);
  --viewport-mobile-font-size-label-footer: var(--global-font-size-14);
  --viewport-mobile-font-size-label-big-generic: var(--global-font-size-18);
  --viewport-mobile-font-size-timeline-next: var(--global-font-size-14);
  --viewport-mobile-font-size-timeline-current: var(--global-font-size-22);
  --viewport-mobile-font-size-timeline-vertical: var(--global-font-size-32);
  --viewport-mobile-line-height-title-heading-1: var(--global-line-height-48);
  --viewport-mobile-line-height-title-heading-2: var(--global-line-height-44);
  --viewport-mobile-line-height-title-heading-3: var(--global-line-height-38);
  --viewport-mobile-line-height-title-heading-4: var(--global-line-height-34);
  --viewport-mobile-line-height-title-heading-5: var(--global-line-height-28);
  --viewport-mobile-line-height-title-heading-6: var(--global-line-height-26);
  --viewport-mobile-line-height-body-body-1: var(--global-line-height-29);
  --viewport-mobile-line-height-body-body-2: var(--global-line-height-26);
  --viewport-mobile-line-height-body-body-3: var(--global-line-height-22);
  --viewport-mobile-line-height-body-body-4: var(--global-line-height-19);
  --viewport-mobile-line-height-special-number-number-1: var(
    --global-line-height-54
  );
  --viewport-mobile-line-height-special-number-number-2: var(
    --global-line-height-26
  );
  --viewport-mobile-line-height-special-number-number-3: var(
    --global-line-height-54
  );
  --viewport-mobile-line-height-button-big: var(--global-line-height-14);
  --viewport-mobile-line-height-button-small: var(--global-line-height-12);
  --viewport-mobile-line-height-tag: var(--global-line-height-14);
  --viewport-mobile-line-height-label-megamenu: var(--global-line-height-17);
  --viewport-mobile-line-height-label-sidebar-menu: var(
    --global-line-height-14
  );
  --viewport-mobile-line-height-label-field: var(--global-line-height-19);
  --viewport-mobile-line-height-label-footer: var(--global-line-height-17);
  --viewport-mobile-line-height-label-big-generic: var(--global-line-height-26);
  --viewport-mobile-line-height-timeline-next: var(--global-line-height-22);
  --viewport-mobile-line-height-timeline-current: var(--global-line-height-26);
  --viewport-mobile-line-height-timeline-vertical: var(--global-line-height-48);
  --viewport-mobile-letter-spacing-title-heading-1: var(
    --global-letter-spacing-0
  );
  --viewport-mobile-letter-spacing-title-heading-2: var(
    --global-letter-spacing-0
  );
  --viewport-mobile-letter-spacing-title-heading-3: var(
    --global-letter-spacing-0
  );
  --viewport-mobile-letter-spacing-title-heading-4: var(
    --global-letter-spacing-0-24
  );
  --viewport-mobile-letter-spacing-title-heading-5: var(
    --global-letter-spacing-0-2
  );
  --viewport-mobile-letter-spacing-title-heading-6: var(
    --global-letter-spacing-0
  );
  --viewport-mobile-letter-spacing-body-body-1: var(
    --global-letter-spacing-0-15
  );
  --viewport-mobile-letter-spacing-body-body-2: var(
    --global-letter-spacing-0-15
  );
  --viewport-mobile-letter-spacing-body-body-3: var(
    --global-letter-spacing-0-5
  );
  --viewport-mobile-letter-spacing-body-body-4-light: var(
    --global-letter-spacing-0-15
  );
  --viewport-mobile-letter-spacing-body-body-4-regular: var(
    --global-letter-spacing-0
  );
  --viewport-mobile-letter-spacing-body-body-4-medium: var(
    --global-letter-spacing-0
  );
  --viewport-mobile-letter-spacing-timeline-next: var(
    --global-letter-spacing-0-5
  );
  --viewport-mobile-letter-spacing-timeline-current: var(
    --global-letter-spacing-0-22
  );
  --viewport-mobile-letter-spacing-timeline-vertical: var(
    --global-letter-spacing-0-32
  );
  --viewport-mobile-letter-spacing-special-number-number-1: var(
    --global-letter-spacing-0-64
  );
  --viewport-mobile-letter-spacing-special-number-number-2: var(
    --global-letter-spacing-0-22
  );
  --viewport-mobile-letter-spacing-special-number-number-3: var(
    --global-letter-spacing-0-44
  );
  --viewport-mobile-letter-spacing-button-big: var(
    --global-letter-spacing-1-12
  );
  --viewport-mobile-letter-spacing-button-small: var(
    --global-letter-spacing-0-96
  );
  --viewport-mobile-letter-spacing-tag: var(--global-letter-spacing-0-96);
  --viewport-mobile-letter-spacing-label-megamenu: var(
    --global-letter-spacing-1-12
  );
  --viewport-mobile-letter-spacing-label-sidebar-menu: var(
    --global-letter-spacing-0-15
  );
  --viewport-mobile-letter-spacing-label-field: var(
    --global-letter-spacing-0-5
  );
  --viewport-mobile-letter-spacing-label-footer: var(
    --global-letter-spacing-0-15
  );
  --viewport-mobile-letter-spacing-label-big-generic: var(
    --global-letter-spacing-0-5
  );
}
:root {
  --brand-color-surface-section-brand: var(--global-color-turquoise-500);
  --brand-color-surface-section-bold-dark: var(--global-color-deep-blue-900);
  --brand-color-surface-section-bold: var(--global-color-deep-blue-500);
  --brand-color-surface-section-bold-light: var(--global-color-deep-blue-400);
  --brand-color-surface-section-bold-extralight: var(
    --global-color-deep-blue-0
  );
  --brand-color-surface-section-base: var(--global-color-neutral-white);
  --brand-color-surface-section-medium-dark: var(--global-color-turquoise-200);
  --brand-color-surface-section-medium: var(--global-color-turquoise-100);
  --brand-color-surface-section-medium-light: var(--global-color-turquoise-0);
  --brand-color-surface-section-medium-extralight: var(
    --global-color-turquoise-0
  );
  --brand-color-surface-section-light: var(--global-color-turquoise-0);
  --brand-color-surface-section-neutral: var(--global-color-grey-light);
  --brand-color-surface-section-menu-overlay: var(
    --global-color-deep-blue-900-a70
  );
  --brand-color-surface-section-special-dark: var(
    --global-color-apple-green-dark
  );
  --brand-color-surface-section-special: var(
    --global-color-apple-green-regular
  );
  --brand-color-surface-section-special-light: var(
    --global-color-apple-green-light
  );
  --brand-color-surface-section-extra-bold-a30: var(
    --global-color-neutral-black-a30
  );
  --brand-color-surface-section-bold-a85: var(--global-color-deep-blue-500-a85);
  --brand-color-surface-section-bold-a40: var(--global-color-deep-blue-500-a40);
  --brand-color-surface-section-bold-a0: var(--global-color-deep-blue-500-a0);
  --brand-color-surface-shape-brand: var(--global-color-turquoise-500);
  --brand-color-surface-shape-bold: var(--global-color-deep-blue-500);
  --brand-color-surface-shape-bold-light: var(--global-color-deep-blue-400);
  --brand-color-surface-shape-base: var(--global-color-neutral-white);
  --brand-color-surface-shape-base-a80: var(--global-color-neutral-white-a80);
  --brand-color-surface-shape-medium: var(--global-color-turquoise-100);
  --brand-color-surface-shape-medium-dark: var(--global-color-turquoise-200);
  --brand-color-surface-shape-medium-extralight: var(
    --global-color-turquoise-0
  );
  --brand-color-surface-shape-active: var(--global-color-turquoise-500);
  --brand-color-surface-shape-grey-medium: var(--global-color-grey-medium);
  --brand-color-surface-shape-special: var(--global-color-apple-green-regular);
  --brand-color-surface-shape-special-extralight: var(
    --global-color-apple-green-lighter
  );
  --brand-color-surface-shape-disabled: var(--global-color-grey-regular);
  --brand-color-surface-card-medium-light: var(--global-color-turquoise-0);
  --brand-color-surface-card-bold-extralight: var(--global-color-deep-blue-0);
  --brand-color-surface-card-bold: var(--global-color-deep-blue-500);
  --brand-color-surface-card-medium-dark: var(--global-color-turquoise-200);
  --brand-color-surface-card-medium: var(--global-color-turquoise-100);
  --brand-color-surface-card-medium-extralight: var(--global-color-turquoise-0);
  --brand-color-surface-card-base-a80: var(--global-color-neutral-white-a80);
  --brand-color-surface-card-base: var(--global-color-neutral-white);
  --brand-color-surface-card-light: var(--global-color-deep-blue-0);
  --brand-color-surface-icon-brand: var(--global-color-turquoise-500);
  --brand-color-surface-icon-bold: var(--global-color-deep-blue-500);
  --brand-color-surface-icon-extra-bold: var(--global-color-neutral-black);
  --brand-color-surface-icon-base: var(--global-color-neutral-white);
  --brand-color-surface-icon-medium-extradark: var(
    --global-color-turquoise-300
  );
  --brand-color-surface-icon-medium-dark: var(--global-color-turquoise-200);
  --brand-color-surface-icon-special-extralight: var(
    --global-color-apple-green-lighter
  );
  --brand-color-surface-icon-disabled: var(--global-color-grey-regular);
  --brand-color-surface-icon-medium-light: var(--global-color-turquoise-0);
  --brand-color-surface-icon-medium: var(--global-color-turquoise-100);
  --brand-color-surface-media-gallery: var(--global-color-others-lavender);
  --brand-color-surface-media-podcast: var(--global-color-others-light-yellow);
  --brand-color-surface-media-video: var(--global-color-others-peach);
  --brand-color-surface-media-mix: var(--global-color-others-pink);
  --brand-color-surface-container-standard: var(--global-color-silver-cyan-100);
  --brand-color-surface-container-active: var(--global-color-turquoise-0);
  --brand-color-surface-container-disabled: var(--global-color-grey-light);
  --brand-color-surface-gradient-base-1: var(--global-color-turquoise-500);
  --brand-color-surface-gradient-base-2: var(--global-color-deep-blue-500);
  --brand-color-surface-gradient-base-bg-1: var(--global-color-turquoise-0);
  --brand-color-surface-gradient-base-bg-2: var(--global-color-turquoise-100);
  --brand-color-surface-gradient-base-photo-1: var(
    --global-color-neutral-black-a60
  );
  --brand-color-surface-gradient-base-photo-2: var(
    --global-color-deep-blue-500-a0
  );
  --brand-color-border-brand: var(--global-color-turquoise-500);
  --brand-color-border-bold: var(--global-color-deep-blue-500);
  --brand-color-border-base: var(--global-color-neutral-white);
  --brand-color-border-medium-dark: var(--global-color-turquoise-200);
  --brand-color-border-medium: var(--global-color-turquoise-100);
  --brand-color-border-disabled: var(--global-color-grey-regular);
  --brand-color-system-warning-text: var(--global-color-orange-dark);
  --brand-color-system-warning-shape: var(--global-color-orange-regular);
  --brand-color-system-warning-surface: var(--global-color-orange-light);
  --brand-color-system-success-text: var(--global-color-green-dark);
  --brand-color-system-success-shape: var(--global-color-green-regular);
  --brand-color-system-success-surface: var(--global-color-green-light);
  --brand-color-system-error-text: var(--global-color-red-dark);
  --brand-color-system-error-shape: var(--global-color-red-regular);
  --brand-color-system-error-surface: var(--global-color-red-light);
  --brand-color-focus-on-bold-bg: var(--global-color-turquoise-500);
  --brand-color-focus-standard: var(--global-color-turquoise-900);
  --brand-color-text-standard-display: var(--global-color-turquoise-500);
  --brand-color-text-standard-title: var(--global-color-turquoise-500);
  --brand-color-text-standard-text: var(--global-color-deep-blue-500);
  --brand-color-text-standard-text-hover: var(--global-color-deep-blue-400);
  --brand-color-text-standard-disabled: var(--global-color-grey-regular);
  --brand-color-text-standard-text-secondary: var(--global-color-grey-dark);
  --brand-color-text-standard-extra-bold: var(--global-color-neutral-black);
  --brand-color-text-on-bold-bg-display: var(--global-color-turquoise-100);
  --brand-color-text-on-bold-bg-title: var(--global-color-turquoise-100);
  --brand-color-text-on-bold-bg-text: var(--global-color-neutral-white);
  --brand-color-text-on-bold-bg-text-hover: var(--global-color-turquoise-200);
  --brand-color-text-on-bold-bg-accent: var(--global-color-turquoise-200);
  --brand-color-text-on-bold-bg-medium: var(--global-color-light-blue-200);
  --brand-color-text-on-medium-bg-display: var(--global-color-deep-blue-500);
  --brand-color-text-on-medium-bg-title: var(--global-color-deep-blue-500);
  --brand-color-text-on-medium-bg-text: var(--global-color-deep-blue-500);
  --brand-color-gradient-brand-130: linear-gradient(
    135deg,
    var(--brand-color-surface-gradient-base-2) 0%,
    var(--brand-color-surface-gradient-base-1) 60.08%
  );
  --brand-color-gradient-brand-45: linear-gradient(
    45deg,
    var(--brand-color-surface-gradient-base-1) 0%,
    var(--brand-color-surface-gradient-base-2) 100%
  );
  --brand-color-gradient-bg-180: linear-gradient(
    180deg,
    var(--brand-color-surface-gradient-base-bg-1) 0%,
    var(--brand-color-surface-gradient-base-bg-2) 100%
  );
  --brand-color-gradient-opacity-photo-130: linear-gradient(
    172deg,
    var(--brand-color-surface-gradient-base-photo-1) 0%,
    var(--brand-color-surface-gradient-base-photo-2) 100%
  );
  --brand-color-rgb-01: var(--global-color-rgb-01);
  --brand-color-rgb-02: var(--global-color-rgb-02);
  --brand-color-rgb-03: var(--global-color-rgb-03);
  --brand-color-rgb-04: var(--global-color-rgb-04);
  --brand-color-rgb-05: var(--global-color-rgb-05);
  --brand-color-rgb-06: var(--global-color-rgb-06b);
  --brand-color-rgb-07: var(--global-color-rgb-07b);
  --brand-color-rgb-08: var(--global-color-rgb-08b);
  --brand-color-rgb-09: var(--global-color-rgb-09b);
  --brand-border-radius-none: var(--global-border-radius-0);
  --brand-border-radius-xxs: var(--global-border-radius-2);
  --brand-border-radius-xs: var(--global-border-radius-4);
  --brand-border-radius-s: var(--global-border-radius-8);
  --brand-border-radius-m: var(--global-border-radius-16);
  --brand-border-radius-l: var(--global-border-radius-24);
  --brand-border-radius-xl: var(--global-border-radius-32);
  --brand-border-radius-xxl: var(--global-border-radius-48);
  --brand-font-family-main: var(--global-font-family-gotham);
  --brand-font-family-title: var(--global-font-family-gotham);
  --brand-font-family-body: var(--global-font-family-gotham);
  --brand-font-family-special-number: var(--global-font-family-gotham);
  --brand-font-family-button: var(--global-font-family-gotham);
  --brand-font-family-label: var(--global-font-family-gotham);
  --brand-font-family-tag: var(--global-font-family-gotham);
  --brand-font-family-timeline: var(--global-font-family-gotham);
  --brand-border-width-regular: var(--global-border-width-1);
  --brand-border-width-focus: var(--global-border-width-2);
  --brand-font-weight-regular: var(--global-font-weight-book);
  --comp-color-input-text-label-default: var(--brand-color-text-standard-text);
  --comp-color-input-text-label-focused: var(--brand-color-text-standard-text);
  --comp-color-input-text-label-active: var(--brand-color-text-standard-text);
  --comp-color-input-text-label-filled: var(--brand-color-text-standard-text);
  --comp-color-input-text-label-error: var(--brand-color-system-error-text);
  --comp-color-input-text-label-disabled: var(
    --brand-color-text-standard-disabled
  );
  --comp-color-input-text-input-text-default: var(
    --brand-color-text-standard-text
  );
  --comp-color-input-text-input-text-focused: var(
    --brand-color-text-standard-text
  );
  --comp-color-input-text-input-text-active: var(
    --brand-color-text-standard-text
  );
  --comp-color-input-text-input-text-filled: var(
    --brand-color-text-standard-text
  );
  --comp-color-input-text-input-text-error: var(
    --brand-color-text-standard-text
  );
  --comp-color-input-text-input-text-disabled: var(
    --brand-color-text-standard-disabled
  );
  --comp-color-input-surface-default: var(
    --brand-color-surface-container-standard
  );
  --comp-color-input-surface-focused: var(
    --brand-color-surface-container-active
  );
  --comp-color-input-surface-active: var(
    --brand-color-surface-container-active
  );
  --comp-color-input-surface-filled: var(
    --brand-color-surface-container-standard
  );
  --comp-color-input-surface-error: var(--brand-color-system-error-surface);
  --comp-color-input-surface-disabled: var(
    --brand-color-surface-container-disabled
  );
  --comp-color-input-border-focused: var(--brand-color-border-brand);
  --comp-color-input-border-active: var(--brand-color-border-brand);
  --comp-color-input-border-filled: var(--brand-color-border-brand);
  --comp-color-input-border-error: var(--brand-color-system-error-shape);
  --comp-color-input-icon-label-default: var(--brand-color-surface-icon-bold);
  --comp-color-input-icon-label-focused: var(--brand-color-surface-icon-bold);
  --comp-color-input-icon-label-active: var(--brand-color-surface-icon-bold);
  --comp-color-input-icon-label-filled: var(--brand-color-surface-icon-bold);
  --comp-color-input-icon-label-error: var(--brand-color-system-error-shape);
  --comp-color-input-icon-label-disabled: var(
    --brand-color-surface-icon-disabled
  );
  --comp-color-input-icon-content-default: var(--brand-color-surface-icon-bold);
  --comp-color-input-icon-content-focused: var(--brand-color-surface-icon-bold);
  --comp-color-input-icon-content-active: var(--brand-color-surface-icon-bold);
  --comp-color-input-icon-content-filled: var(--brand-color-surface-icon-bold);
  --comp-color-input-icon-content-error: var(--brand-color-surface-icon-bold);
  --comp-color-input-icon-content-disabled: var(
    --brand-color-surface-icon-disabled
  );
  --comp-color-button-primary-text-default: var(
    --brand-color-text-standard-text
  );
  --comp-color-button-primary-text-hover: var(--brand-color-text-standard-text);
  --comp-color-button-primary-text-active: var(
    --brand-color-text-standard-text
  );
  --comp-color-button-primary-text-focus: var(--brand-color-text-standard-text);
  --comp-color-button-primary-text-disabled: var(
    --brand-color-text-standard-disabled
  );
  --comp-color-button-primary-surface-default: var(
    --brand-color-surface-section-base
  );
  --comp-color-button-primary-surface-hover: var(
    --brand-color-surface-section-medium-extralight
  );
  --comp-color-button-primary-surface-active: var(
    --brand-color-surface-section-medium
  );
  --comp-color-button-primary-surface-focus: var(
    --brand-color-surface-section-base
  );
  --comp-color-button-primary-surface-disabled: var(
    --brand-color-surface-section-neutral
  );
  --comp-color-button-primary-border-default: var(
    --brand-color-border-medium-dark
  );
  --comp-color-button-primary-border-hover: var(
    --brand-color-border-medium-dark
  );
  --comp-color-button-primary-border-active: var(
    --brand-color-border-medium-dark
  );
  --comp-color-button-primary-border-focus: var(
    --brand-color-border-medium-dark
  );
  --comp-color-button-primary-border-disabled: var(
    --brand-color-text-standard-disabled
  );
  --comp-color-button-primary-icon-default: var(
    --brand-color-surface-icon-bold
  );
  --comp-color-button-primary-icon-hover: var(--brand-color-surface-icon-bold);
  --comp-color-button-primary-icon-active: var(--brand-color-surface-icon-bold);
  --comp-color-button-primary-icon-focus: var(--brand-color-surface-icon-bold);
  --comp-color-button-primary-icon-disabled: var(
    --brand-color-surface-icon-disabled
  );
  --comp-color-button-special-text-default: var(
    --brand-color-text-standard-extra-bold
  );
  --comp-color-button-special-text-hover: var(
    --brand-color-text-standard-extra-bold
  );
  --comp-color-button-special-text-active: var(
    --brand-color-text-standard-extra-bold
  );
  --comp-color-button-special-text-focus: var(
    --brand-color-text-standard-extra-bold
  );
  --comp-color-button-special-text-disabled: var(
    --brand-color-text-standard-disabled
  );
  --comp-color-button-special-surface-default: var(
    --brand-color-surface-section-special
  );
  --comp-color-button-special-surface-hover: var(
    --brand-color-surface-section-special-light
  );
  --comp-color-button-special-surface-active: var(
    --brand-color-surface-section-special-dark
  );
  --comp-color-button-special-surface-focus: var(
    --brand-color-surface-section-special
  );
  --comp-color-button-special-surface-disabled: var(
    --brand-color-surface-section-neutral
  );
  --comp-color-button-special-icon-default: var(
    --brand-color-surface-icon-extra-bold
  );
  --comp-color-button-special-icon-hover: var(
    --brand-color-surface-icon-extra-bold
  );
  --comp-color-button-special-icon-active: var(
    --brand-color-surface-icon-extra-bold
  );
  --comp-color-button-special-icon-focus: var(
    --brand-color-surface-icon-extra-bold
  );
  --comp-color-button-special-icon-disabled: var(
    --brand-color-surface-icon-disabled
  );
  --comp-color-button-overlay-surface-default: var(
    --global-color-neutral-white-a70
  );
  --comp-color-button-overlay-surface-hover: var(
    --brand-color-surface-section-bold
  );
  --comp-color-button-overlay-icon-default: var(
    --brand-color-surface-icon-bold
  );
  --comp-color-button-overlay-icon-hover: var(--brand-color-surface-icon-base);
  --comp-color-button-secondary-text-default: var(
    --brand-color-text-on-bold-bg-text
  );
  --comp-color-button-secondary-text-hover: var(
    --brand-color-text-on-bold-bg-text
  );
  --comp-color-button-secondary-text-active: var(
    --brand-color-text-on-bold-bg-text
  );
  --comp-color-button-secondary-text-focus: var(
    --brand-color-text-on-bold-bg-text
  );
  --comp-color-button-secondary-text-disabled: var(
    --brand-color-text-standard-disabled
  );
  --comp-color-button-secondary-surface-default: var(
    --brand-color-surface-section-bold
  );
  --comp-color-button-secondary-surface-hover: var(
    --brand-color-surface-section-bold-light
  );
  --comp-color-button-secondary-surface-active: var(
    --brand-color-surface-section-bold-dark
  );
  --comp-color-button-secondary-surface-focus: var(
    --brand-color-surface-section-bold
  );
  --comp-color-button-secondary-surface-disabled: var(
    --brand-color-surface-section-neutral
  );
  --comp-color-button-secondary-icon-default: var(
    --brand-color-surface-icon-base
  );
  --comp-color-button-secondary-icon-hover: var(
    --brand-color-surface-icon-base
  );
  --comp-color-button-secondary-icon-active: var(
    --brand-color-surface-icon-base
  );
  --comp-color-button-secondary-icon-focus: var(
    --brand-color-surface-icon-base
  );
  --comp-color-button-secondary-icon-disabled: var(
    --brand-color-surface-icon-disabled
  );
  --comp-color-button-tertiary-text-default: var(
    --brand-color-text-standard-text
  );
  --comp-color-button-tertiary-text-hover: var(
    --brand-color-text-standard-text
  );
  --comp-color-button-tertiary-text-active: var(
    --brand-color-text-standard-text
  );
  --comp-color-button-tertiary-text-focus: var(
    --brand-color-text-standard-text
  );
  --comp-color-button-tertiary-text-disabled: var(
    --brand-color-text-standard-disabled
  );
  --comp-color-button-tertiary-surface-default: var(
    --brand-color-surface-section-medium
  );
  --comp-color-button-tertiary-surface-hover: var(
    --brand-color-surface-section-bold-extralight
  );
  --comp-color-button-tertiary-surface-active: var(
    --brand-color-surface-section-medium-dark
  );
  --comp-color-button-tertiary-surface-focus: var(
    --brand-color-surface-section-medium
  );
  --comp-color-button-tertiary-surface-disabled: var(
    --brand-color-surface-section-neutral
  );
  --comp-color-button-tertiary-surface-default-alt: var(
    --brand-color-surface-section-medium-dark
  );
  --comp-color-button-tertiary-icon-default: var(
    --brand-color-surface-icon-bold
  );
  --comp-color-button-tertiary-icon-hover: var(--brand-color-surface-icon-bold);
  --comp-color-button-tertiary-icon-active: var(
    --brand-color-surface-icon-bold
  );
  --comp-color-button-tertiary-icon-focus: var(--brand-color-surface-icon-bold);
  --comp-color-button-tertiary-icon-disabled: var(
    --brand-color-surface-icon-disabled
  );
  --comp-color-button-link-text-default: var(--brand-color-text-standard-text);
  --comp-color-button-link-text-hover: var(--brand-color-text-standard-text);
  --comp-color-button-link-text-active: var(--brand-color-text-standard-text);
  --comp-color-button-link-text-focus: var(--brand-color-text-standard-text);
  --comp-color-button-link-text-disabled: var(
    --brand-color-text-standard-disabled
  );
  --comp-color-button-link-text-on-bold-bg-default: var(
    --brand-color-text-on-bold-bg-text
  );
  --comp-color-button-link-text-on-bold-bg-hover: var(
    --brand-color-text-on-bold-bg-text-hover
  );
  --comp-color-button-link-text-on-bold-bg-active: var(
    --brand-color-text-on-bold-bg-text
  );
  --comp-color-button-link-text-on-bold-bg-focus: var(
    --brand-color-text-on-bold-bg-text
  );
  --comp-color-button-link-text-on-bold-bg-disabled: var(
    --brand-color-text-standard-disabled
  );
  --comp-color-button-link-border-hover: var(--brand-color-border-medium-dark);
  --comp-color-button-link-border-active: var(--brand-color-border-medium-dark);
  --comp-color-button-link-border-on-bold-bg-hover: var(
    --brand-color-border-medium-dark
  );
  --comp-color-button-link-border-on-bold-bg-active: var(
    --brand-color-border-base
  );
  --comp-color-button-link-icon-default: var(--brand-color-surface-icon-bold);
  --comp-color-button-link-icon-hover: var(--brand-color-surface-icon-bold);
  --comp-color-button-link-icon-active: var(--brand-color-surface-icon-bold);
  --comp-color-button-link-icon-focus: var(--brand-color-surface-icon-bold);
  --comp-color-button-link-icon-disabled: var(
    --brand-color-surface-icon-disabled
  );
  --comp-color-button-link-icon-on-bold-bg-default: var(
    --brand-color-surface-icon-base
  );
  --comp-color-button-link-icon-on-bold-bg-hover: var(
    --brand-color-surface-icon-medium-dark
  );
  --comp-color-button-link-icon-on-bold-bg-active: var(
    --brand-color-surface-icon-base
  );
  --comp-color-button-link-icon-on-bold-bg-focus: var(
    --brand-color-surface-icon-base
  );
  --comp-color-button-link-icon-on-bold-bg-disabled: var(
    --brand-color-surface-icon-disabled
  );
  --comp-color-steps-text-standard-default: var(
    --brand-color-text-standard-text
  );
  --comp-color-steps-text-standard-hover: var(
    --brand-color-text-standard-text-hover
  );
  --comp-color-steps-text-standard-focus: var(--brand-color-text-standard-text);
  --comp-color-steps-text-standard-selected: var(
    --brand-color-text-standard-text
  );
  --comp-color-steps-text-standard-visited: var(
    --brand-color-text-standard-text-hover
  );
  --comp-color-steps-text-on-bold-bg-default: var(
    --brand-color-text-on-bold-bg-text
  );
  --comp-color-steps-text-on-bold-bg-hover: var(
    --brand-color-text-on-bold-bg-text-hover
  );
  --comp-color-steps-text-on-bold-bg-focus: var(
    --brand-color-text-on-bold-bg-text
  );
  --comp-color-steps-text-on-bold-bg-selected: var(
    --brand-color-text-on-bold-bg-text
  );
  --comp-color-steps-text-on-bold-bg-visited: var(
    --brand-color-text-on-bold-bg-text-hover
  );
  --comp-color-steps-shape-standard-default: var(
    --brand-color-surface-shape-grey-medium
  );
  --comp-color-steps-shape-standard-hover: var(--global-color-turquoise-300);
  --comp-color-steps-shape-standard-selected: var(
    --brand-color-surface-shape-brand
  );
  --comp-color-steps-shape-on-bold-bg-default: var(
    --brand-color-surface-shape-base-a80
  );
  --comp-color-steps-shape-on-bold-bg-hover: var(
    --brand-color-surface-shape-medium-extralight
  );
  --comp-color-steps-shape-on-bold-bg-selected: var(
    --brand-color-surface-shape-base
  );
  --comp-color-header-standard-surface-standard: var(
    --brand-color-surface-section-base
  );
  --comp-color-header-standard-label-surface-default: var(
    --brand-color-surface-section-bold-a0
  );
  --comp-color-header-standard-label-surface-hover: var(
    --brand-color-surface-section-bold-extralight
  );
  --comp-color-header-standard-label-surface-selected: var(
    --brand-color-surface-section-medium
  );
  --comp-color-header-standard-label-surface-current: var(
    --brand-color-surface-section-bold-a0
  );
  --comp-color-header-standard-label-text-default: var(
    --brand-color-text-standard-text
  );
  --comp-color-header-standard-label-text-hover: var(
    --brand-color-text-standard-text
  );
  --comp-color-header-standard-label-text-selected: var(
    --brand-color-text-standard-text
  );
  --comp-color-header-standard-label-text-current: var(
    --brand-color-text-standard-text
  );
  --comp-color-header-standard-label-border-current: var(
    --brand-color-border-medium-dark
  );
  --comp-color-header-standard-link-text-default: var(
    --brand-color-text-standard-text
  );
  --comp-color-header-standard-link-text-hover: var(
    --brand-color-text-standard-text
  );
  --comp-color-header-standard-link-text-active: var(
    --brand-color-text-standard-text
  );
  --comp-color-header-standard-link-text-focus: var(
    --brand-color-text-standard-text
  );
  --comp-color-header-standard-link-text-disabled: var(
    --brand-color-text-standard-disabled
  );
  --comp-color-header-standard-link-border-hover: var(
    --brand-color-border-medium-dark
  );
  --comp-color-header-standard-link-border-active: var(
    --brand-color-border-medium-dark
  );
  --comp-color-header-standard-link-icon-default: var(
    --brand-color-surface-icon-bold
  );
  --comp-color-header-standard-link-icon-hover: var(
    --brand-color-surface-icon-bold
  );
  --comp-color-header-standard-link-icon-active: var(
    --brand-color-surface-icon-bold
  );
  --comp-color-header-standard-link-icon-focus: var(
    --brand-color-surface-icon-bold
  );
  --comp-color-header-standard-link-icon-disabled: var(
    --brand-color-surface-icon-disabled
  );
  --comp-color-header-standard-text-non-interactive: var(
    --brand-color-text-standard-text
  );
  --comp-color-header-on-scroll-surface-standard: var(
    --brand-color-surface-section-base
  );
  --comp-color-header-on-scroll-label-surface-default: var(
    --brand-color-surface-section-bold-a0
  );
  --comp-color-header-on-scroll-label-surface-hover: var(
    --brand-color-surface-section-bold-extralight
  );
  --comp-color-header-on-scroll-label-surface-selected: var(
    --brand-color-surface-section-medium
  );
  --comp-color-header-on-scroll-label-surface-current: var(
    --brand-color-surface-section-bold-a0
  );
  --comp-color-header-on-scroll-label-text-default: var(
    --brand-color-text-standard-text
  );
  --comp-color-header-on-scroll-label-text-hover: var(
    --brand-color-text-standard-text
  );
  --comp-color-header-on-scroll-label-text-selected: var(
    --brand-color-text-standard-text
  );
  --comp-color-header-on-scroll-label-text-current: var(
    --brand-color-text-standard-text
  );
  --comp-color-header-on-scroll-label-border-current: var(
    --brand-color-border-medium-dark
  );
  --comp-color-header-on-scroll-link-text-default: var(
    --brand-color-text-standard-text
  );
  --comp-color-header-on-scroll-link-text-hover: var(
    --brand-color-text-standard-text
  );
  --comp-color-header-on-scroll-link-text-active: var(
    --brand-color-text-standard-text
  );
  --comp-color-header-on-scroll-link-text-focus: var(
    --brand-color-text-standard-text
  );
  --comp-color-header-on-scroll-link-text-disabled: var(
    --brand-color-text-standard-disabled
  );
  --comp-color-header-on-scroll-link-border-hover: var(
    --brand-color-border-medium-dark
  );
  --comp-color-header-on-scroll-link-border-active: var(
    --brand-color-border-medium-dark
  );
  --comp-color-header-on-scroll-link-icon-default: var(
    --brand-color-surface-icon-bold
  );
  --comp-color-header-on-scroll-link-icon-hover: var(
    --brand-color-surface-icon-bold
  );
  --comp-color-header-on-scroll-link-icon-active: var(
    --brand-color-surface-icon-bold
  );
  --comp-color-header-on-scroll-link-icon-focus: var(
    --brand-color-surface-icon-bold
  );
  --comp-color-header-on-scroll-link-icon-disabled: var(
    --brand-color-surface-icon-disabled
  );
  --comp-color-header-on-scroll-text-non-interactive: var(
    --brand-color-text-standard-text
  );
}
:root {
  --typography-title-heading-1-fontFamily: var(--brand-font-family-title);
  --typography-title-heading-1-fontWeight: var(--global-font-weight-light);
  --typography-title-heading-1-lineHeight-desktop: var(
    --viewport-desktop-line-height-title-heading-1
  );
  --typography-title-heading-1-lineHeight-mobile: var(
    --viewport-mobile-line-height-title-heading-1
  );
  --typography-title-heading-1-fontSize-desktop: var(
    --viewport-desktop-font-size-title-heading-1
  );
  --typography-title-heading-1-fontSize-mobile: var(
    --viewport-mobile-font-size-title-heading-1
  );
  --typography-title-heading-1-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-title-heading-1
  );
  --typography-title-heading-1-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-title-heading-1
  );
  --typography-title-heading-1-textCase: var(--global-text-case-none);
  --typography-title-heading-2-fontFamily: var(--brand-font-family-title);
  --typography-title-heading-2-fontWeight: var(--global-font-weight-light);
  --typography-title-heading-2-lineHeight-desktop: var(
    --viewport-desktop-line-height-title-heading-2
  );
  --typography-title-heading-2-lineHeight-mobile: var(
    --viewport-mobile-line-height-title-heading-2
  );
  --typography-title-heading-2-fontSize-desktop: var(
    --viewport-desktop-font-size-title-heading-2
  );
  --typography-title-heading-2-fontSize-mobile: var(
    --viewport-mobile-font-size-title-heading-2
  );
  --typography-title-heading-2-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-title-heading-2
  );
  --typography-title-heading-2-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-title-heading-2
  );
  --typography-title-heading-2-textCase: var(--global-text-case-none);
  --typography-title-heading-3-fontFamily: var(--brand-font-family-title);
  --typography-title-heading-3-fontWeight: var(--global-font-weight-light);
  --typography-title-heading-3-lineHeight-desktop: var(
    --viewport-desktop-line-height-title-heading-3
  );
  --typography-title-heading-3-lineHeight-mobile: var(
    --viewport-mobile-line-height-title-heading-3
  );
  --typography-title-heading-3-fontSize-desktop: var(
    --viewport-desktop-font-size-title-heading-3
  );
  --typography-title-heading-3-fontSize-mobile: var(
    --viewport-mobile-font-size-title-heading-3
  );
  --typography-title-heading-3-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-title-heading-3
  );
  --typography-title-heading-3-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-title-heading-3
  );
  --typography-title-heading-3-textCase: var(--global-text-case-none);
  --typography-title-heading-4-fontFamily: var(--brand-font-family-title);
  --typography-title-heading-4-fontWeight: var(--global-font-weight-light);
  --typography-title-heading-4-lineHeight-desktop: var(
    --viewport-desktop-line-height-title-heading-4
  );
  --typography-title-heading-4-lineHeight-mobile: var(
    --viewport-mobile-line-height-title-heading-4
  );
  --typography-title-heading-4-fontSize-desktop: var(
    --viewport-desktop-font-size-title-heading-4
  );
  --typography-title-heading-4-fontSize-mobile: var(
    --viewport-mobile-font-size-title-heading-4
  );
  --typography-title-heading-4-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-title-heading-4
  );
  --typography-title-heading-4-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-title-heading-4
  );
  --typography-title-heading-4-textCase: var(--global-text-case-none);
  --typography-title-heading-5-fontFamily: var(--brand-font-family-title);
  --typography-title-heading-5-fontWeight: var(--global-font-weight-light);
  --typography-title-heading-5-lineHeight-desktop: var(
    --viewport-desktop-line-height-title-heading-5
  );
  --typography-title-heading-5-lineHeight-mobile: var(
    --viewport-mobile-line-height-title-heading-5
  );
  --typography-title-heading-5-fontSize-desktop: var(
    --viewport-desktop-font-size-title-heading-5
  );
  --typography-title-heading-5-fontSize-mobile: var(
    --viewport-mobile-font-size-title-heading-5
  );
  --typography-title-heading-5-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-title-heading-5
  );
  --typography-title-heading-5-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-title-heading-5
  );
  --typography-title-heading-5-textCase: var(--global-text-case-none);
  --typography-title-heading-6-fontFamily: var(--brand-font-family-title);
  --typography-title-heading-6-fontWeight: var(--global-font-weight-light);
  --typography-title-heading-6-lineHeight-desktop: var(
    --viewport-desktop-line-height-title-heading-6
  );
  --typography-title-heading-6-lineHeight-mobile: var(
    --viewport-mobile-line-height-title-heading-6
  );
  --typography-title-heading-6-fontSize-desktop: var(
    --viewport-desktop-font-size-title-heading-6
  );
  --typography-title-heading-6-fontSize-mobile: var(
    --viewport-mobile-font-size-title-heading-6
  );
  --typography-title-heading-6-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-title-heading-6
  );
  --typography-title-heading-6-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-title-heading-6
  );
  --typography-title-heading-6-textCase: var(--global-text-case-none);
  --typography-body-body-1-light-fontFamily: var(--brand-font-family-body);
  --typography-body-body-1-light-fontWeight: var(--global-font-weight-light);
  --typography-body-body-1-light-lineHeight-desktop: var(
    --viewport-desktop-line-height-body-body-1
  );
  --typography-body-body-1-light-lineHeight-mobile: var(
    --viewport-mobile-line-height-body-body-1
  );
  --typography-body-body-1-light-fontSize-desktop: var(
    --viewport-desktop-font-size-body-body-1
  );
  --typography-body-body-1-light-fontSize-mobile: var(
    --viewport-mobile-font-size-body-body-1
  );
  --typography-body-body-1-light-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-body-body-1
  );
  --typography-body-body-1-light-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-body-body-1
  );
  --typography-body-body-1-light-textCase: var(--global-text-case-none);
  --typography-body-body-1-regular-fontFamily: var(--brand-font-family-body);
  --typography-body-body-1-regular-fontWeight: var(--brand-font-weight-regular);
  --typography-body-body-1-regular-lineHeight-desktop: var(
    --viewport-desktop-line-height-body-body-1
  );
  --typography-body-body-1-regular-lineHeight-mobile: var(
    --viewport-mobile-line-height-body-body-1
  );
  --typography-body-body-1-regular-fontSize-desktop: var(
    --viewport-desktop-font-size-body-body-1
  );
  --typography-body-body-1-regular-fontSize-mobile: var(
    --viewport-mobile-font-size-body-body-1
  );
  --typography-body-body-1-regular-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-body-body-1
  );
  --typography-body-body-1-regular-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-body-body-1
  );
  --typography-body-body-1-regular-textCase: var(--global-text-case-none);
  --typography-body-body-2-light-fontFamily: var(--brand-font-family-body);
  --typography-body-body-2-light-fontWeight: var(--global-font-weight-light);
  --typography-body-body-2-light-lineHeight-desktop: var(
    --viewport-desktop-line-height-body-body-2
  );
  --typography-body-body-2-light-lineHeight-mobile: var(
    --viewport-mobile-line-height-body-body-2
  );
  --typography-body-body-2-light-fontSize-desktop: var(
    --viewport-desktop-font-size-body-body-2
  );
  --typography-body-body-2-light-fontSize-mobile: var(
    --viewport-mobile-font-size-body-body-2
  );
  --typography-body-body-2-light-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-body-body-2
  );
  --typography-body-body-2-light-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-body-body-2
  );
  --typography-body-body-2-light-textCase: var(--global-text-case-none);
  --typography-body-body-2-regular-fontFamily: var(--brand-font-family-body);
  --typography-body-body-2-regular-fontWeight: var(--brand-font-weight-regular);
  --typography-body-body-2-regular-lineHeight-desktop: var(
    --viewport-desktop-line-height-body-body-2
  );
  --typography-body-body-2-regular-lineHeight-mobile: var(
    --viewport-mobile-line-height-body-body-2
  );
  --typography-body-body-2-regular-fontSize-desktop: var(
    --viewport-desktop-font-size-body-body-2
  );
  --typography-body-body-2-regular-fontSize-mobile: var(
    --viewport-mobile-font-size-body-body-2
  );
  --typography-body-body-2-regular-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-body-body-2
  );
  --typography-body-body-2-regular-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-body-body-2
  );
  --typography-body-body-2-regular-textCase: var(--global-text-case-none);
  --typography-body-body-3-light-fontFamily: var(--brand-font-family-body);
  --typography-body-body-3-light-fontWeight: var(--global-font-weight-light);
  --typography-body-body-3-light-lineHeight-desktop: var(
    --viewport-desktop-line-height-body-body-3
  );
  --typography-body-body-3-light-lineHeight-mobile: var(
    --viewport-mobile-line-height-body-body-3
  );
  --typography-body-body-3-light-fontSize-desktop: var(
    --viewport-desktop-font-size-body-body-3
  );
  --typography-body-body-3-light-fontSize-mobile: var(
    --viewport-mobile-font-size-body-body-3
  );
  --typography-body-body-3-light-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-body-body-3
  );
  --typography-body-body-3-light-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-body-body-3
  );
  --typography-body-body-3-light-textCase: var(--global-text-case-none);
  --typography-body-body-3-regular-fontFamily: var(--brand-font-family-body);
  --typography-body-body-3-regular-fontWeight: var(--brand-font-weight-regular);
  --typography-body-body-3-regular-lineHeight-desktop: var(
    --viewport-desktop-line-height-body-body-3
  );
  --typography-body-body-3-regular-lineHeight-mobile: var(
    --viewport-mobile-line-height-body-body-3
  );
  --typography-body-body-3-regular-fontSize-desktop: var(
    --viewport-desktop-font-size-body-body-3
  );
  --typography-body-body-3-regular-fontSize-mobile: var(
    --viewport-mobile-font-size-body-body-3
  );
  --typography-body-body-3-regular-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-body-body-3
  );
  --typography-body-body-3-regular-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-body-body-3
  );
  --typography-body-body-3-regular-textCase: var(--global-text-case-none);
  --typography-body-body-4-light-fontFamily: var(--brand-font-family-body);
  --typography-body-body-4-light-fontWeight: var(--global-font-weight-light);
  --typography-body-body-4-light-lineHeight-desktop: var(
    --viewport-desktop-line-height-body-body-4
  );
  --typography-body-body-4-light-lineHeight-mobile: var(
    --viewport-mobile-line-height-body-body-4
  );
  --typography-body-body-4-light-fontSize-desktop: var(
    --viewport-desktop-font-size-body-body-4
  );
  --typography-body-body-4-light-fontSize-mobile: var(
    --viewport-mobile-font-size-body-body-4
  );
  --typography-body-body-4-light-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-body-body-4-light
  );
  --typography-body-body-4-light-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-body-body-4-light
  );
  --typography-body-body-4-light-textCase: var(--global-text-case-none);
  --typography-body-body-4-regular-fontFamily: var(--brand-font-family-body);
  --typography-body-body-4-regular-fontWeight: var(--brand-font-weight-regular);
  --typography-body-body-4-regular-lineHeight-desktop: var(
    --viewport-desktop-line-height-body-body-4
  );
  --typography-body-body-4-regular-lineHeight-mobile: var(
    --viewport-mobile-line-height-body-body-4
  );
  --typography-body-body-4-regular-fontSize-desktop: var(
    --viewport-desktop-font-size-body-body-4
  );
  --typography-body-body-4-regular-fontSize-mobile: var(
    --viewport-mobile-font-size-body-body-4
  );
  --typography-body-body-4-regular-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-body-body-4-regular
  );
  --typography-body-body-4-regular-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-body-body-4-regular
  );
  --typography-body-body-4-regular-textCase: var(--global-text-case-none);
  --typography-body-body-4-medium-fontFamily: var(--brand-font-family-body);
  --typography-body-body-4-medium-fontWeight: var(--global-font-weight-medium);
  --typography-body-body-4-medium-lineHeight-desktop: var(
    --viewport-desktop-line-height-body-body-4
  );
  --typography-body-body-4-medium-lineHeight-mobile: var(
    --viewport-mobile-line-height-body-body-4
  );
  --typography-body-body-4-medium-fontSize-desktop: var(
    --viewport-desktop-font-size-body-body-4
  );
  --typography-body-body-4-medium-fontSize-mobile: var(
    --viewport-mobile-font-size-body-body-4
  );
  --typography-body-body-4-medium-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-body-body-4-medium
  );
  --typography-body-body-4-medium-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-body-body-4-medium
  );
  --typography-body-body-4-medium-textCase: var(--global-text-case-none);
  --typography-timeline-next-fontFamily: var(--brand-font-family-timeline);
  --typography-timeline-next-fontWeight: var(--brand-font-weight-regular);
  --typography-timeline-next-lineHeight-desktop: var(
    --viewport-desktop-line-height-timeline-next
  );
  --typography-timeline-next-lineHeight-mobile: var(
    --viewport-mobile-line-height-timeline-next
  );
  --typography-timeline-next-fontSize-desktop: var(
    --viewport-desktop-font-size-timeline-next
  );
  --typography-timeline-next-fontSize-mobile: var(
    --viewport-mobile-font-size-timeline-next
  );
  --typography-timeline-next-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-timeline-next
  );
  --typography-timeline-next-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-timeline-next
  );
  --typography-timeline-next-textCase: var(--global-text-case-none);
  --typography-timeline-current-fontFamily: var(--brand-font-family-timeline);
  --typography-timeline-current-fontWeight: var(--brand-font-weight-regular);
  --typography-timeline-current-lineHeight-desktop: var(
    --viewport-desktop-line-height-timeline-current
  );
  --typography-timeline-current-lineHeight-mobile: var(
    --viewport-mobile-line-height-timeline-current
  );
  --typography-timeline-current-fontSize-desktop: var(
    --viewport-desktop-font-size-timeline-current
  );
  --typography-timeline-current-fontSize-mobile: var(
    --viewport-mobile-font-size-timeline-current
  );
  --typography-timeline-current-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-timeline-current
  );
  --typography-timeline-current-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-timeline-current
  );
  --typography-timeline-current-textCase: var(--global-text-case-none);
  --typography-timeline-vertical-fontFamily: var(--brand-font-family-timeline);
  --typography-timeline-vertical-fontWeight: var(--brand-font-weight-regular);
  --typography-timeline-vertical-lineHeight-desktop: var(
    --viewport-desktop-line-height-timeline-vertical
  );
  --typography-timeline-vertical-lineHeight-mobile: var(
    --viewport-mobile-line-height-timeline-vertical
  );
  --typography-timeline-vertical-fontSize-desktop: var(
    --viewport-desktop-font-size-timeline-vertical
  );
  --typography-timeline-vertical-fontSize-mobile: var(
    --viewport-mobile-font-size-timeline-vertical
  );
  --typography-timeline-vertical-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-timeline-vertical
  );
  --typography-timeline-vertical-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-timeline-vertical
  );
  --typography-timeline-vertical-textCase: var(--global-text-case-none);
  --typography-special-number-number-1-fontFamily: var(
    --brand-font-family-special-number
  );
  --typography-special-number-number-1-fontWeight: var(
    --global-font-weight-light
  );
  --typography-special-number-number-1-lineHeight-desktop: var(
    --viewport-desktop-line-height-special-number-number-1
  );
  --typography-special-number-number-1-lineHeight-mobile: var(
    --viewport-mobile-line-height-special-number-number-1
  );
  --typography-special-number-number-1-fontSize-desktop: var(
    --viewport-desktop-font-size-special-number-number-1
  );
  --typography-special-number-number-1-fontSize-mobile: var(
    --viewport-mobile-font-size-special-number-number-1
  );
  --typography-special-number-number-1-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-special-number-number-1
  );
  --typography-special-number-number-1-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-special-number-number-1
  );
  --typography-special-number-number-1-textCase: var(--global-text-case-none);
  --typography-special-number-number-2-fontFamily: var(
    --brand-font-family-special-number
  );
  --typography-special-number-number-2-fontWeight: var(
    --global-font-weight-light
  );
  --typography-special-number-number-2-lineHeight-desktop: var(
    --viewport-desktop-line-height-special-number-number-2
  );
  --typography-special-number-number-2-lineHeight-mobile: var(
    --viewport-mobile-line-height-special-number-number-2
  );
  --typography-special-number-number-2-fontSize-desktop: var(
    --viewport-desktop-font-size-special-number-number-2
  );
  --typography-special-number-number-2-fontSize-mobile: var(
    --viewport-mobile-font-size-special-number-number-2
  );
  --typography-special-number-number-2-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-special-number-number-2
  );
  --typography-special-number-number-2-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-special-number-number-2
  );
  --typography-special-number-number-2-textCase: var(--global-text-case-none);
  --typography-special-number-number-3-fontFamily: var(
    --brand-font-family-special-number
  );
  --typography-special-number-number-3-fontWeight: var(
    --global-font-weight-light
  );
  --typography-special-number-number-3-lineHeight-desktop: var(
    --viewport-desktop-line-height-special-number-number-3
  );
  --typography-special-number-number-3-lineHeight-mobile: var(
    --viewport-mobile-line-height-special-number-number-3
  );
  --typography-special-number-number-3-fontSize-desktop: var(
    --viewport-desktop-font-size-special-number-number-3
  );
  --typography-special-number-number-3-fontSize-mobile: var(
    --viewport-mobile-font-size-special-number-number-3
  );
  --typography-special-number-number-3-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-special-number-number-3
  );
  --typography-special-number-number-3-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-special-number-number-3
  );
  --typography-special-number-number-3-textCase: var(--global-text-case-none);
  --typography-button-big-fontFamily: var(--brand-font-family-button);
  --typography-button-big-fontWeight: var(--global-font-weight-medium);
  --typography-button-big-lineHeight-desktop: var(
    --viewport-desktop-line-height-button-big
  );
  --typography-button-big-lineHeight-mobile: var(
    --viewport-mobile-line-height-button-big
  );
  --typography-button-big-fontSize-desktop: var(
    --viewport-desktop-font-size-button-big
  );
  --typography-button-big-fontSize-mobile: var(
    --viewport-mobile-font-size-button-big
  );
  --typography-button-big-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-button-big
  );
  --typography-button-big-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-button-big
  );
  --typography-button-big-textCase: var(--global-text-case-uppercase);
  --typography-button-small-fontFamily: var(--brand-font-family-button);
  --typography-button-small-fontWeight: var(--global-font-weight-medium);
  --typography-button-small-lineHeight-desktop: var(
    --viewport-desktop-line-height-button-small
  );
  --typography-button-small-lineHeight-mobile: var(
    --viewport-mobile-line-height-button-small
  );
  --typography-button-small-fontSize-desktop: var(
    --viewport-desktop-font-size-button-small
  );
  --typography-button-small-fontSize-mobile: var(
    --viewport-mobile-font-size-button-small
  );
  --typography-button-small-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-button-small
  );
  --typography-button-small-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-button-small
  );
  --typography-button-small-textCase: var(--global-text-case-uppercase);
  --typography-tag-fontFamily: var(--brand-font-family-tag);
  --typography-tag-fontWeight: var(--global-font-weight-medium);
  --typography-tag-lineHeight-desktop: var(--viewport-desktop-line-height-tag);
  --typography-tag-lineHeight-mobile: var(--viewport-mobile-line-height-tag);
  --typography-tag-fontSize-desktop: var(--viewport-desktop-font-size-tag);
  --typography-tag-fontSize-mobile: var(--viewport-mobile-font-size-tag);
  --typography-tag-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-tag
  );
  --typography-tag-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-tag
  );
  --typography-tag-textCase: var(--global-text-case-none);
  --typography-label-megamenu-fontFamily: var(--brand-font-family-label);
  --typography-label-megamenu-fontWeight: var(--brand-font-weight-regular);
  --typography-label-megamenu-lineHeight-desktop: var(
    --viewport-desktop-line-height-label-megamenu
  );
  --typography-label-megamenu-lineHeight-mobile: var(
    --viewport-mobile-line-height-label-megamenu
  );
  --typography-label-megamenu-fontSize-desktop: var(
    --viewport-desktop-font-size-label-megamenu
  );
  --typography-label-megamenu-fontSize-mobile: var(
    --viewport-mobile-font-size-label-megamenu
  );
  --typography-label-megamenu-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-label-megamenu
  );
  --typography-label-megamenu-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-label-megamenu
  );
  --typography-label-megamenu-textCase: var(--global-text-case-capitalize);
  --typography-label-sidebar-menu-fontFamily: var(--brand-font-family-label);
  --typography-label-sidebar-menu-fontWeight: var(--brand-font-weight-regular);
  --typography-label-sidebar-menu-lineHeight-desktop: var(
    --viewport-desktop-line-height-label-sidebar-menu
  );
  --typography-label-sidebar-menu-lineHeight-mobile: var(
    --viewport-mobile-line-height-label-sidebar-menu
  );
  --typography-label-sidebar-menu-fontSize-desktop: var(
    --viewport-desktop-font-size-label-sidebar-menu
  );
  --typography-label-sidebar-menu-fontSize-mobile: var(
    --viewport-mobile-font-size-label-sidebar-menu
  );
  --typography-label-sidebar-menu-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-label-sidebar-menu
  );
  --typography-label-sidebar-menu-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-label-sidebar-menu
  );
  --typography-label-sidebar-menu-textCase: var(--global-text-case-none);
  --typography-label-field-fontFamily: var(--brand-font-family-label);
  --typography-label-field-fontWeight: var(--global-font-weight-light);
  --typography-label-field-lineHeight-desktop: var(
    --viewport-desktop-line-height-label-field
  );
  --typography-label-field-lineHeight-mobile: var(
    --viewport-mobile-line-height-label-field
  );
  --typography-label-field-fontSize-desktop: var(
    --viewport-desktop-font-size-label-field
  );
  --typography-label-field-fontSize-mobile: var(
    --viewport-mobile-font-size-label-field
  );
  --typography-label-field-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-label-field
  );
  --typography-label-field-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-label-field
  );
  --typography-label-field-textCase: var(--global-text-case-none);
  --typography-label-footer-fontFamily: var(--brand-font-family-label);
  --typography-label-footer-fontWeight: var(--global-font-weight-medium);
  --typography-label-footer-lineHeight-desktop: var(
    --viewport-desktop-line-height-label-footer
  );
  --typography-label-footer-lineHeight-mobile: var(
    --viewport-mobile-line-height-label-footer
  );
  --typography-label-footer-fontSize-desktop: var(
    --viewport-desktop-font-size-label-footer
  );
  --typography-label-footer-fontSize-mobile: var(
    --viewport-mobile-font-size-label-footer
  );
  --typography-label-footer-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-label-footer
  );
  --typography-label-footer-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-label-footer
  );
  --typography-label-footer-textCase: var(--global-text-case-none);
  --typography-label-big-generic-fontFamily: var(--brand-font-family-label);
  --typography-label-big-generic-fontWeight: var(--brand-font-weight-regular);
  --typography-label-big-generic-lineHeight-desktop: var(
    --viewport-desktop-line-height-label-big-generic
  );
  --typography-label-big-generic-lineHeight-mobile: var(
    --viewport-mobile-line-height-label-big-generic
  );
  --typography-label-big-generic-fontSize-desktop: var(
    --viewport-desktop-font-size-label-big-generic
  );
  --typography-label-big-generic-fontSize-mobile: var(
    --viewport-mobile-font-size-label-big-generic
  );
  --typography-label-big-generic-letterSpacing-desktop: var(
    --viewport-desktop-letter-spacing-label-big-generic
  );
  --typography-label-big-generic-letterSpacing-mobile: var(
    --viewport-mobile-letter-spacing-label-big-generic
  );
  --typography-label-big-generic-textCase: var(--global-text-case-none);
  --typography-note: disallineamenti des-dev;
}
.launch-section {
  width: 100%;
  display: block;
}
@media (min-width: 1024px) {
  .launch-section
    .sliderCards--noCarousel[data-number-items="1"]
    .sliderCards__item {
    flex: 0 0 calc(50% + 50px);
  }
}
.bg-color-base .launch-section__title,
.bg-color-bold-extralight .launch-section__title,
.bg-color-medium-extralight .launch-section__title,
.bg-color-light .launch-section__title {
  color: var(--brand-color-text-standard-title);
}
.bg-color-medium .launch-section__title {
  color: var(--brand-color-text-standard-text);
}
.bg-color-medium-dark .launch-section__title {
  color: var(--brand-color-text-on-medium-bg-title);
}
.bg-color-bold .launch-section__title {
  color: var(--brand-color-text-on-bold-bg-title);
}
.bg-color-base .launch-section__subtitle,
.bg-color-bold-extralight .launch-section__subtitle,
.bg-color-medium-extralight .launch-section__subtitle,
.bg-color-light .launch-section__subtitle,
.bg-color-medium .launch-section__subtitle {
  color: var(--brand-color-text-standard-text);
}
.bg-color-medium-dark .launch-section__subtitle {
  color: var(--brand-color-text-on-medium-bg-text);
}
.bg-color-bold .launch-section__subtitle {
  color: var(--brand-color-text-on-bold-bg-text);
}
.launch-section__wrap {
  overflow: hidden;
  position: relative;
}
.launch-section__wrap > .picture .picture__el {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}
.launch-section__wrap > .picture {
  position: absolute;
}
@media (min-width: 1024px) {
  .launch-section__wrap > .picture {
    position: relative;
  }
}
.launch-section__wrap.launch-section__wrap--img {
  background-color: transparent;
}
.module-in-view .launch-section__wrap.launch-section__wrap--img {
  background-color: var(--brand-color-surface-section-bold);
  transition-delay: 2s;
}
@media (min-width: 1024px) {
  .launch-section__wrap.launch-section__wrap--img {
    height: 100vh;
  }
}
.launch-section__wrap.launch-section__wrap--img .launch-section__title {
  color: var(--brand-color-text-on-bold-bg-title);
}
.launch-section__wrap.launch-section__wrap--img .launch-section__subtitle {
  color: var(--brand-color-text-on-bold-bg-text);
}
@media (max-width: 1023px) {
  .launch-section__wrap.launch-section__wrap--img .launch-section__contentWrap {
    padding: 60px 24px;
  }
}
@media (min-width: 1024px) {
  .launch-section__wrap.launch-section__wrap--img .launch-section__contentWrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    right: 0;
  }
}
@media (min-width: 1024px) {
  .launch-section__wrap .sliderCards__slider {
    max-width: 100%;
    margin: 0;
  }
}
@media (min-width: 1024px) {
  .launch-section__wrap
    .slider-cards[data-number-item-per-page-desktop="1"]
    .sliderCards__slider {
    margin-left: calc(25% - 40px - var(--pd-mid-l-cnt));
  }
  .launch-section-1-slide
    .launch-section__wrap
    .slider-cards[data-number-item-per-page-desktop="1"]
    .sliderCards__slider {
    margin-left: 0%;
  }
}
@media (min-width: 1280px) {
  .launch-section__wrap
    .slider-cards[data-number-item-per-page-desktop="1"]
    .sliderCards__slider {
    margin-left: calc(25% - 40px);
  }
  .launch-section-1-slide
    .launch-section__wrap
    .slider-cards[data-number-item-per-page-desktop="1"]
    .sliderCards__slider {
    margin-left: 0%;
  }
}
.launch-section__wrap:after {
  opacity: 0;
  transition: opacity var(--t-timing-slow) var(--t-ease-module);
}
.module-in-view .launch-section__wrap:after {
  opacity: 1;
}
.launch-section__contentWrap {
  justify-content: space-between;
  z-index: 1;
  position: relative;
}
@media (min-width: 1024px) {
  .launch-section__contentWrap {
    display: flex;
    align-items: center;
    gap: 40px;
  }
}
@media (min-width: 1280px) {
  .launch-section__contentWrap {
    gap: 70px;
  }
}
.launch-section__txt {
  text-align: center;
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .launch-section__txt {
    text-align: left;
    max-width: 500px;
    margin: 0;
    min-width: 25%;
  }
  .launch-section-1-slide .launch-section__txt {
    min-width: 45%;
    max-width: 45%;
  }
}
.bg-color-bold .launch-section__txt {
  color: var(--brand-color-text-on-bold-bg-text);
}
@media (max-width: 1023px) {
  .launch-section__txt--align-mobile-left {
    text-align: left;
    max-width: none;
  }
}
@media (max-width: 1023px) {
  .launch-section__txt--align-mobile-left .launch-section__btn {
    justify-content: flex-start;
  }
}
.launch-section__title + .launch-section__subtitle {
  padding-top: var(--s-base-6);
}
.launch-section__btn {
  padding-top: var(--s-base-10);
  display: flex;
  justify-content: center;
}
@media (min-width: 1024px) {
  .launch-section__btn {
    padding-top: var(--s-base-12);
    justify-content: flex-start;
  }
}
.launch-section__slider {
  margin-top: var(--s-base-10);
}
@media (max-width: 767px) {
  .launch-section__slider {
    width: calc(100% + var(--pd-min-cnt));
  }
}
@media (max-width: 1023px) {
  .launch-section__slider .sliderCards__content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .launch-section__slider {
    margin-top: 0;
    max-width: 50%;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.listing {
  display: block;
  position: relative;
  width: 100%;
}
.listing .cardNews__body {
  background-color: var(--brand-color-surface-card-medium-light);
}
@media (min-width: 1600px) {
  .listing {
    max-width: var(--max-1600);
    margin-left: auto;
    margin-right: auto;
  }
}
.listing__item + .listing__item {
  padding-top: var(--s-base-6);
}
@media (min-width: 1024px) {
  .listing__item + .listing__item {
    padding-top: var(--s-base-8);
  }
}
.listing__title {
  padding-bottom: var(--s-base-6);
}
@media (min-width: 1024px) {
  .listing__title {
    padding-bottom: var(--s-base-8);
  }
}
.listing__cta {
  padding-top: var(--s-base-8);
  display: flex;
  justify-content: center;
}
@media (min-width: 480px) {
  .listing__list--grid {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 32px;
  }
}
@media (min-width: 768px) {
  .listing__list--grid {
    grid-template-columns: 31% 31% 31%;
  }
}
.listing__list--grid .listing__item {
  display: flex;
  flex-direction: column;
}
@media (min-width: 480px) {
  .listing__list--grid .listing__item {
    padding-top: 0;
  }
}
@media (min-width: 480px) {
  .listing__list--grid .listing__item .card-project,
  .listing__list--grid .listing__item .card-media,
  .listing__list--grid .listing__item .cardMedia__container {
    height: 100%;
    flex: 1;
  }
}
@media (min-width: 1024px) {
  .listing__list--grid .listing__item .cardMedia__info {
    height: calc(100% - 190px);
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.loader-small {
  display: none;
  position: relative;
  width: 100%;
  height: 200px;
  align-items: center;
  justify-content: center;
}
.loader-small.showLoaderSmall,
.showLoaderSmall .loader-small {
  display: flex;
}
.loaderSmall__wrap {
  display: flex;
  gap: 4px;
}
.dot {
  width: 6px;
  height: 6px;
  background-color: var(--brand-color-surface-icon-bold);
  animation: color 0.9s infinite;
  border-radius: 100%;
}
.dot:nth-child(1) {
  animation-delay: 0.3s;
}
.dot:nth-child(2) {
  animation-delay: 0.6s;
}
@keyframes color {
  0% {
    opacity: 0.15;
  }
  to {
    opacity: 1;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.loader {
  display: none;
  align-items: center;
  position: fixed;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: var(--brand-color-surface-section-base);
}
.loader.loader--opacity {
  background-color: var(--brand-color-surface-shape-base-a80);
}
.loader.showLoader,
.showLoader .loader {
  display: flex;
}
.loader__center {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 8px;
}
.loader__center .c {
  width: 6px;
  height: 6px;
  background-color: var(--brand-color-surface-section-bold);
  animation: opacity 0.9s infinite;
  border-radius: 100%;
  position: absolute;
}
.loader__center .c:nth-of-type(1) {
  animation-delay: 0.1s;
}
.loader__center .c:nth-of-type(2) {
  animation-delay: 0.2s;
}
.loader__center .c:nth-of-type(3) {
  animation-delay: 0.3s;
}
.loader__center .c:nth-of-type(4) {
  animation-delay: 0.4s;
}
.loader__center .c:nth-of-type(5) {
  animation-delay: 0.5s;
}
.loader__center .c:nth-of-type(6) {
  animation-delay: 0.6s;
}
.loader__center .c:nth-of-type(7) {
  animation-delay: 0.7s;
}
.loader__center .c:nth-of-type(8) {
  animation-delay: 0.8s;
}
.loader__center .c-1 {
  left: 13px;
  top: 0;
}
.loader__center .c-2 {
  left: 23px;
  top: 4px;
}
.loader__center .c-3 {
  left: 26px;
  top: 13px;
}
.loader__center .c-4 {
  left: 23px;
  top: 22px;
}
.loader__center .c-5 {
  left: 13px;
  top: 26px;
}
.loader__center .c-6 {
  left: 3px;
  top: 22px;
}
.loader__center .c-7 {
  left: 0;
  top: 13px;
}
.loader__center .c-8 {
  left: 3px;
  top: 4px;
}
.loader__animation {
  width: 32px;
  height: 32px;
  position: relative;
}
@keyframes opacity {
  0% {
    opacity: 1;
  }
  14% {
    opacity: 0.85;
  }
  28% {
    opacity: 0.75;
  }
  43% {
    opacity: 0.65;
  }
  57% {
    opacity: 0.45;
  }
  71% {
    opacity: 0.35;
  }
  86% {
    opacity: 0.25;
  }
  to {
    opacity: 0.1;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.map-interactive {
  display: block;
  position: relative;
  width: 100%;
  height: 100vh;
  background: var(--brand-color-gradient-bg-180);
  overflow: hidden;
}
@media (min-width: 768px) {
  .map-interactive {
    height: 700px;
  }
}
.mapInteractive__container {
  height: 100%;
}
.mapInteractive__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (min-width: 768px) {
  .mapInteractive__content {
    flex-direction: row;
  }
}
.mapInteractive__info {
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .mapInteractive__info {
    width: 50%;
  }
}
.mapInteractive__map {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
@media (min-width: 768px) {
  .mapInteractive__map {
    position: relative;
    left: auto;
    bottom: auto;
    width: 50%;
  }
}
.mapInteractive__infoContent {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 40px 0;
}
@media (min-width: 768px) {
  .mapInteractive__infoContent {
    width: 90%;
  }
}
.mapInteractive__title {
  display: block;
  margin-bottom: 22px;
  color: var(--brand-color-text-on-medium-bg-title);
}
.mapInteractive__subtitle {
  display: block;
  margin-bottom: 20px;
  color: var(--brand-color-text-on-medium-bg-text);
}
.mapInteractive__search {
  margin-bottom: 60px;
  position: relative;
}
.mapInteractive__input {
  position: relative;
  height: 56px;
  width: 100%;
  background-color: var(--comp-color-input-surface-default);
  color: var(--comp-color-input-text-input-text-filled);
  text-align: left;
  border: var(--brand-border-width-regular) solid transparent;
  border-radius: var(--brand-border-radius-xs);
  white-space: nowrap;
  padding: 15px 76px 15px 20px;
}
.mapInteractive__input:focus-visible {
  outline-color: var(--brand-color-focus-standard);
}
.mapInteractive__input:active {
  background-color: var(--comp-color-input-surface-active);
  border-bottom: var(--brand-border-width-regular) solid
    var(--comp-color-input-border-focused);
}
.mapInteractive__input::placeholder {
  color: var(--comp-color-input-text-input-text-default);
}
.mapInteractive__button {
  position: absolute;
  top: 0;
  right: 0;
  height: 56px;
  width: 56px;
  cursor: pointer;
}
.mapInteractive__button:hover,
.mapInteractive__button:active {
  color: var(--brand-color-text-standard-text);
}
.mapInteractive__button:focus-visible {
  color: var(--brand-color-text-standard-text);
  outline-color: var(--brand-color-focus-standard);
}
.mapInteractive__svg {
  height: 100%;
  position: relative;
  scale: 1.2;
  padding-bottom: 20px;
}
@media (min-width: 376px) {
  .mapInteractive__svg {
    scale: 1.4;
    padding-bottom: 60px;
  }
}
@media (min-width: 768px) {
  .mapInteractive__svg {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-bottom: 160px;
    scale: 1.8;
  }
}
.mapInteractive__svg .region {
  position: relative;
  pointer-events: none;
  fill: var(--brand-color-surface-shape-medium);
  stroke: var(--brand-color-surface-shape-base);
  transition: var(--t-transition);
}
.mapInteractive__svg .region[data-region-name="Lazio"],
.mapInteractive__svg .region[data-region-name="Campania"],
.mapInteractive__svg .region[data-region-name="Sicilia"] {
  cursor: pointer;
  pointer-events: visible;
  fill: var(--brand-color-surface-shape-active);
}
.mapInteractive__svg .region[data-region-name="Lazio"]:hover,
.mapInteractive__svg .region[data-region-name="Campania"]:hover,
.mapInteractive__svg .region[data-region-name="Sicilia"]:hover {
  fill: var(--brand-color-surface-shape-bold-light);
}
.mapInteractive__svg .region[data-region-name="Lazio"]:focus,
.mapInteractive__svg .region[data-region-name="Campania"]:focus,
.mapInteractive__svg .region[data-region-name="Sicilia"]:focus {
  outline: none;
}
.mapInteractive__svg .region[data-region-name="Lazio"]:focus-visible,
.mapInteractive__svg .region[data-region-name="Campania"]:focus-visible,
.mapInteractive__svg .region[data-region-name="Sicilia"]:focus-visible {
  outline: auto;
}
.mapInteractive__svg .region[data-region-name="Sardegna"] {
  display: none;
  pointer-events: none;
  z-index: -1;
}
.map-interactive[data-region-info="Lazio"] .mapInteractive__svg .region {
  fill: var(--brand-color-surface-shape-medium);
}
.map-interactive[data-region-info="Lazio"]
  .mapInteractive__svg
  .region[data-region-name="Lazio"] {
  fill: var(--brand-color-surface-shape-active);
}
.map-interactive[data-region-info="Campania"] .mapInteractive__svg .region {
  fill: var(--brand-color-surface-shape-medium);
}
.map-interactive[data-region-info="Campania"]
  .mapInteractive__svg
  .region[data-region-name="Campania"] {
  fill: var(--brand-color-surface-shape-active);
}
.map-interactive[data-region-info="Sicilia"] .mapInteractive__svg .region {
  fill: var(--brand-color-surface-shape-medium);
}
.map-interactive[data-region-info="Sicilia"]
  .mapInteractive__svg
  .region[data-region-name="Sicilia"] {
  fill: var(--brand-color-surface-shape-active);
}
.mapInteractive__instructions {
  position: absolute;
  top: 50%;
  left: 24px;
  text-align: center;
}
@media (min-width: 768px) {
  .mapInteractive__instructions {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.mapInteractive__instructionsIcon {
  display: block;
  font-size: 1.5rem;
  margin-bottom: 8px;
  animation: scaleLoop 1s infinite alternate ease-in-out;
}
@keyframes scaleLoop {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(1.3);
  }
}
.mapInteractive__card {
  display: none;
  background-color: var(--brand-color-surface-card-base);
  padding: 40px 16px;
  width: 340px;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: var(--brand-border-radius-s);
  text-align: center;
}
@media (min-width: 768px) {
  .mapInteractive__card {
    padding: 80px 26px;
  }
}
.mapInteractive__card.visible {
  display: block;
}
.mapInteractive__card.mapInteractive__card--CAP {
  padding: 40px 16px;
  width: 100%;
  display: none;
  position: relative;
  top: auto;
  left: auto;
  transform: none;
}
@media (min-width: 768px) {
  .mapInteractive__card.mapInteractive__card--CAP {
    padding: 30px 32px 16px;
  }
}
.mapInteractive__card.mapInteractive__card--CAP.visible {
  display: block;
}
.mapInteractive__card .button {
  cursor: pointer;
}
.mapInteractive__cardTitle {
  color: var(--brand-color-text-standard-title);
  margin-bottom: 18px;
}
.mapInteractive__cardText {
  color: var(--brand-color-text-standard-text);
  margin-bottom: 8px;
}
.mapInteractive__cardButton {
  display: flex;
  justify-content: center;
  text-transform: uppercase;
}
.mapInteractive__cardClose {
  position: absolute;
  top: -40px;
  right: 0;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.news-highlight {
  display: block;
  position: relative;
  width: 100%;
}
.news-highlight .cardNews__text {
  display: none;
}
@media (min-width: 1024px) {
  .news-highlight .cardNews__text {
    display: block;
  }
}
.news-highlight .cardNews__body,
.news-highlight .cardNews__container,
.news-highlight .card-news {
  height: 100%;
}
.news-highlight[data-number-items="1"] .splide__track {
  padding-right: 0 !important;
}
.news-highlight[data-number-items="1"] .newsHighlight__arrows {
  display: none;
}
@media (min-width: 1024px) {
  .newsHighlight__wrap {
    display: flex;
    gap: 24px;
  }
}
.newsHighlight__text {
  padding-bottom: calc(40px - var(--s-base-6));
}
@media (min-width: 1024px) {
  .newsHighlight__text {
    width: 50%;
  }
}
.newsHighlight__text .buttonLink__element {
  padding-bottom: var(--s-base-6);
}
.newsHighlight__cards {
  padding-bottom: 50px;
}
[data-number-items="1"] .newsHighlight__cards {
  padding-bottom: 0;
}
.newsHighlight__cards .splide__list {
  height: auto;
}
@media (min-width: 1024px) {
  .newsHighlight__cards {
    width: 50%;
    padding-bottom: 0;
  }
  .newsHighlight__cards.splide {
    visibility: visible;
  }
  .newsHighlight__cards.splide .newsHighlight__arrows {
    display: none;
  }
  .newsHighlight__cards .splide__list {
    flex-direction: column;
    gap: var(--s-base-7);
  }
}
.newsHighlight__cards .splide__slide {
  width: 100%;
}
.newsHighlight__title,
.newsHighlight__par {
  padding-bottom: var(--s-base-6);
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.number-launch-section {
  display: block;
  position: relative;
  width: 100%;
  color: var(--brand-color-text-standard-text);
}
.numberLaunchSection__par {
  margin-top: var(--s-base-4);
}
@media (min-width: 768px) {
  .numberLaunchSection__par {
    margin-top: var(--s-base-6);
  }
}
@media (min-width: 1024px) {
  .numberLaunchSection__par {
    max-width: 80%;
    margin: var(--s-base-6) auto 0;
  }
}
.numberLaunchSection__listNumbers {
  margin-top: var(--s-base-12);
}
@media (min-width: 768px) {
  .numberLaunchSection__listNumbers {
    margin-top: var(--s-base-14);
  }
}
@media (min-width: 1024px) {
  .numberLaunchSection__listNumbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
  }
}
.numberLaunchSection__itemNumber {
  margin-top: var(--s-base-8);
}
.numberLaunchSection__itemNumber:first-child {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .numberLaunchSection__itemNumber {
    margin-top: 0;
    flex: 0 0 calc(33.333% - 22px);
  }
}
.numberLaunchSection__cta {
  margin: var(--s-base-14) auto 0;
  width: fit-content;
}
.numberLaunchSection__listPhots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: var(--s-base-12);
  width: 100%;
  margin-left: 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .numberLaunchSection__listPhots {
    margin-top: var(--s-base-20);
  }
}
.numberLaunchSection__itemPhoto {
  flex: 0 0 33.3333333333%;
  aspect-ratio: 1;
}
@media (min-width: 1024px) {
  .numberLaunchSection__itemPhoto {
    flex: 0 0 16.6666666667%;
  }
}
.numberLaunchSection__listCards {
  margin-top: var(--s-base-12);
}
@media (min-width: 1024px) {
  .numberLaunchSection__listCards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
    margin-top: var(--s-base-15);
  }
}
.numberLaunchSection__itemCard {
  margin: var(--s-base-8) auto 0;
}
.numberLaunchSection__itemCard:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .numberLaunchSection__itemCard {
    max-width: 50%;
  }
}
@media (min-width: 1024px) {
  .numberLaunchSection__itemCard {
    margin-top: 0;
    flex: 0 0 calc(33.333% - 22px);
  }
}
.numberLaunchSection__itemCard .card-number {
  text-align: left;
}
@media (min-width: 1024px) {
  .numberLaunchSection__itemCard .card-number {
    height: 100%;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.pdf-viewer {
  display: block;
  position: relative;
  width: 100%;
}
.pdf-viewer.firstItem {
  margin-top: calc(var(--header-height-mobile) + 32px);
}
@media (min-width: 768px) {
  .pdf-viewer.firstItem {
    margin-top: calc(var(--header-height-mobile) + 70px);
  }
}
@media (min-width: 1280px) {
  .pdf-viewer.firstItem {
    margin-top: calc(var(--header-height) + var(--pre-header-height) + 60px);
  }
}
@media (min-width: 1920px) {
  .pdf-viewer.firstItem {
    margin-top: calc(var(--header-height) + var(--pre-header-height) + 100px);
  }
}
.pdfViewer__navigation {
  padding-bottom: 8px;
}
.pdfViewer__navigationBtns {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.pdfViewer__txt {
  margin-top: 8px;
}
.pdfViewer__btn {
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-secondary-surface-default);
  padding: 4px 8px;
  border-radius: var(--brand-border-radius-xs);
  cursor: pointer;
}
.pdfViewer__btn:hover {
  border-color: var(--comp-color-button-secondary-surface-hover);
  background: var(--comp-color-button-secondary-surface-hover);
  color: var(--comp-color-button-secondary-text-hover);
}
.pdfViewer__btn:active {
  border-color: var(--comp-color-button-secondary-surface-active);
  background: var(--comp-color-button-secondary-surface-active);
  color: var(--comp-color-button-secondary-text-active);
}
.pdfViewer__btn:focus-visible {
  border-color: var(--comp-color-button-secondary-surface-focus);
  background: var(--comp-color-button-secondary-surface-focus);
  color: var(--comp-color-button-secondary-text-focus);
}
.pdfViewer__btn:focus-visible:before {
  border: var(--brand-border-width-focus) solid
    var(--brand-color-focus-on-bold-bg);
}
.pdfViewer__canvas {
  width: 100%;
  height: auto;
  display: block;
}
.pdfViewer__container {
  position: relative;
}
.prdViewer__consentbtns {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 42px;
}
.prdViewer__singleConsent {
  margin: 24px 0;
}
.pdfViewer__pdfLoader {
  position: absolute;
  width: 100%;
  height: 100%;
}
.pdfViewer__pdfLoader .loader.showLoader {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  padding-top: 80px;
  pointer-events: none;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.promotion {
  display: block;
  position: relative;
  width: 100%;
}
.promotion .accordion {
  background: transparent;
}
.promotion .accordion .accordion__head,
.promotion
  .accordion
  .accordion__head[data-expanded="true"]
  .accordion__trigger {
  background: transparent;
  color: var(--brand-color-text-standard-text, #003478);
  font-family: var(--brand-font-family-title, "Work Sans"), sans-serif;
  font-size: var(--viewport-font-size-title-heading-5, 18px);
  font-style: normal;
  font-weight: 300;
  line-height: var(--viewport-line-height-title-heading-5, 28px);
  letter-spacing: var(--viewport-letter-spacing-title-heading-5, 0.2px);
}
.promotion__header {
  display: flex;
  flex-direction: column;
  margin: var(--global-spacing-48, 48px) auto;
  gap: var(--global-spacing-8, 8px) 0;
  align-items: center;
}
.promotion__header .promotion__title {
  text-align: center;
}
.promotion__results {
  margin-top: var(--global-spacing-48);
}
.promotion__infobox {
  padding: var(--global-spacing-40, 40px) var(--global-spacing-24, 24px);
  margin-bottom: 40px;
  border-radius: var(--brand-border-radius-s, 8px);
  background: var(--brand-color-surface-card-medium, #e6eff4);
}
.promotion__infobox:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .promotion__infobox {
    padding: var(--global-spacing-48, 48px) var(--global-spacing-56, 56px);
  }
}
.promotion__infoboxTitle {
  align-self: stretch;
  color: var(--brand-color-text-on-medium-bg-title, #003478);
}
.promotion__infoboxPar {
  margin-bottom: 32px;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.quote {
  display: block;
  position: relative;
  width: 100%;
}
.quote__text {
  display: block;
  position: relative;
  margin-bottom: 24px;
  color: var(--brand-color-text-standard-text);
}
@media (min-width: 1024px) {
  .quote__text {
    margin-bottom: 32px;
  }
}
.bg-color-bold .quote__text {
  color: var(--brand-color-text-on-bold-bg-text);
}
.quote__person {
  margin-bottom: 8px;
  color: var(--brand-color-text-standard-text);
}
.bg-color-bold .quote__person {
  color: var(--brand-color-text-on-bold-bg-text);
}
.quote__role {
  margin-bottom: 8px;
  color: var(--brand-color-text-standard-text-secondary);
}
.bg-color-bold .quote__role {
  color: var(--brand-color-text-on-bold-bg-text);
}
.quote__icon path {
  fill: var(--brand-color-surface-shape-bold);
}
.bg-color-bold .quote__icon path {
  fill: var(--brand-color-surface-shape-base);
}
.quote__icon--left {
  position: absolute;
  left: -12px;
  top: -18px;
}
@media (min-width: 1024px) {
  .quote__icon--left {
    left: -24px;
    top: auto;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.related-launches {
  display: flex;
  position: relative;
  width: 100%;
  gap: 40px;
  align-items: center;
  flex-direction: column;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (min-width: 1024px) {
  .related-launches {
    gap: 60px;
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.related-launches .textBlock__wrap {
  padding: 0;
}
.relatedLaunches__strips {
  display: flex;
  gap: 40px;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .relatedLaunches__strips {
    flex-direction: row;
    gap: unset;
    justify-content: space-around;
  }
}
@media (min-width: 1024px) {
  .relatedLaunches__strips .headerStrip__cardPar {
    flex: 0 0 50%;
  }
}
@media (min-width: 1024px) {
  .relatedLaunches__strips .headerStrip__card {
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .relatedLaunches__strip {
    width: 33.33%;
    display: flex;
    align-items: center;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.search-cap {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: fit-content;
  background: var(--brand-color-surface-section-base);
}
.searchCAP__content {
  display: block;
}
.searchCAP__info {
  display: block;
  position: relative;
  text-align: center;
  width: 100%;
}
.searchCAP__infoContent {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 56px 0;
}
@media (min-width: 1024px) {
  .searchCAP__infoContent {
    padding: 80px 0;
  }
}
.searchCAP__title {
  display: block;
  margin-bottom: 16px;
  color: var(--brand-color-text-standard-title);
}
.searchCAP__subtitle {
  display: block;
  margin-bottom: 48px;
  color: var(--brand-color-text-standard-text);
}
@media (min-width: 1024px) {
  .searchCAP__subtitle {
    margin-bottom: 56px;
  }
}
.searchCAP__find {
  display: block;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 1024px) {
  .searchCAP__find {
    width: 50%;
  }
}
.searchCAP__search {
  position: relative;
}
.searchCAP__input {
  position: relative;
  height: 56px;
  width: 100%;
  background-color: var(--comp-color-input-surface-default);
  color: var(--comp-color-input-text-input-text-filled);
  text-align: left;
  border: var(--brand-border-width-regular) solid transparent;
  border-radius: var(--brand-border-radius-xs);
  white-space: nowrap;
  padding: 15px 76px 15px 20px;
}
.searchCAP__input:focus-visible {
  outline-color: var(--brand-color-focus-standard);
}
.searchCAP__input:active {
  background-color: var(--comp-color-input-surface-active);
  border-bottom: var(--brand-border-width-regular) solid
    var(--comp-color-input-border-focused);
}
.searchCAP__input::placeholder {
  color: var(--comp-color-input-text-input-text-default);
}
.searchCAP__button {
  position: absolute;
  top: 0;
  right: 0;
  height: 56px;
  width: 56px;
  cursor: pointer;
}
.searchCAP__button:hover,
.searchCAP__button:active {
  color: var(--brand-color-text-standard-text);
}
.searchCAP__button:focus-visible {
  color: var(--brand-color-text-standard-text);
  outline-color: var(--brand-color-focus-standard);
}
.searchCAP__infoCAP {
  margin-top: 72px;
}
.searchCAP__card {
  display: none;
  background-color: var(--brand-color-surface-card-medium);
  padding: 80px 32px;
  width: 340px;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: var(--brand-border-radius-s);
  text-align: center;
}
.searchCAP__card.visible {
  display: block;
}
.searchCAP__card.searchCAP__card--CAP {
  padding: 56px 32px;
  width: 100%;
  display: none;
  position: relative;
  top: auto;
  left: auto;
  transform: none;
}
.searchCAP__card.searchCAP__card--CAP.visible {
  display: block;
}
.searchCAP__card .button {
  cursor: pointer;
}
.searchCAP__cardTitle {
  color: var(--brand-color-text-standard-title);
  margin-bottom: 24px;
}
.searchCAP__cardText {
  color: var(--brand-color-text-standard-text);
  margin-bottom: 24px;
}
.searchCAP__cardButton {
  display: flex;
  justify-content: center;
  text-transform: uppercase;
}
.searchCAP__cardClose {
  position: absolute;
  top: -40px;
  right: 0;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.secondary-launch {
  display: block;
  width: 100%;
  position: relative;
}
.secondary-launch .picture__img,
.secondary-launch .picture {
  height: auto;
  aspect-ratio: 1.777;
  min-height: 40.25rem;
}
@media (min-width: 768px) {
  .secondary-launch .picture__img,
  .secondary-launch .picture {
    min-height: 31.25rem;
  }
}
.secondary-launch.secondary-launch--small .picture__img,
.secondary-launch.secondary-launch--small .picture {
  aspect-ratio: 21/9;
  min-height: 37.5rem;
}
@media (min-width: 768px) {
  .secondary-launch.secondary-launch--small .picture__img,
  .secondary-launch.secondary-launch--small .picture {
    min-height: 29.375rem;
  }
}
.secondaryLaunch__text {
  position: absolute;
  top: 100px;
  z-index: 1;
}
@media (min-width: 768px) {
  .secondaryLaunch__text {
    top: 80px;
    max-width: 43.75rem;
  }
}
@media (min-width: 1280px) {
  .secondaryLaunch__text {
    top: 150px;
    max-width: 62.5rem;
  }
}
.secondaryLaunch__title {
  color: var(--brand-color-text-on-bold-bg-title);
}
.secondaryLaunch__par {
  color: var(--brand-color-text-on-bold-bg-text);
}
.secondaryLaunch__title + .secondaryLaunch__par {
  padding-top: var(--s-base-7);
}
.secondaryLaunch__title + .secondaryLaunch__button {
  padding-top: var(--s-base-7);
}
.secondaryLaunch__par + .secondaryLaunch__button {
  padding-top: var(--s-base-7);
}
@media (max-width: 1438px) {
  .secondaryLaunch__wrap {
    margin: 0 var(--pd-min-cnt);
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.sfondo-entrypoint {
  display: block;
  position: relative;
  width: 100%;
}
.sfondo-entrypoint.sfondo-entrypoint-layerOpacity .sfondoEntrypoint__text {
  color: var(--brand-color-text-on-bold-bg-text);
}
.sfondoEntrypoint__wrap {
  padding-bottom: calc(0.0178571429 * 100vw + 51.4285714286px);
  padding-top: calc(0.0178571429 * 100vw + 51.4285714286px);
}
@media (min-width: 1600px) {
  .sfondoEntrypoint__wrap {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .sfondoEntrypoint__wrap {
    padding-bottom: 60px;
  }
}
@media (min-width: 1600px) {
  .sfondoEntrypoint__wrap {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .sfondoEntrypoint__wrap {
    padding-top: 60px;
  }
}
.sfondo-entrypoint--dark .sfondoEntrypoint__wrap {
  background-color: var(--brand-color-surface-section-bold);
  color: var(--brand-color-text-on-bold-bg-text);
}
@media (min-width: 1024px) {
  .sfondoEntrypoint__wrap {
    background:
      linear-gradient(
        0deg,
        var(--brand-color-surface-card-bold-extralight) 34.85%,
        var(--comp-color-button-overlay-surface-default) 43.82%,
        var(--brand-color-rgb-02) 56.34%
      ),
      linear-gradient(
        62deg,
        var(--brand-color-surface-card-bold-extralight) 37.95%,
        var(--brand-color-rgb-04) 79.28%
      ),
      linear-gradient(
        126deg,
        var(--brand-color-surface-shape-medium) 37.93%,
        var(--brand-color-rgb-04) 50.32%
      ),
      var(--sfondo-entrypoint-bg) #d3d3d3 100% 0% no-repeat;
    background-size: contain;
  }
  .sfondoEntrypoint__wrap.sfondoEntrypoint__wrap--noentry {
    background:
      linear-gradient(
        0deg,
        var(--brand-color-surface-card-bold-extralight) 34.85%,
        var(--comp-color-button-overlay-surface-default) 43.82%,
        var(--brand-color-rgb-02) 56.34%
      ),
      linear-gradient(
        62deg,
        var(--brand-color-surface-shape-medium) 37.95%,
        var(--brand-color-rgb-04) 79.28%
      ),
      linear-gradient(
        126deg,
        var(--brand-color-surface-shape-medium) 37.93%,
        var(--brand-color-rgb-04) 50.32%
      ),
      var(--sfondo-entrypoint-bg) #d3d3d3 100% no-repeat;
  }
  .sfondo-entrypoint--dark .sfondoEntrypoint__wrap {
    background:
      linear-gradient(
        0deg,
        var(--brand-color-surface-section-bold) 37.21%,
        var(--brand-color-surface-section-menu-overlay) 42.75%,
        var(--brand-color-surface-gradient-base-photo-2) 53.74%
      ),
      linear-gradient(
        67deg,
        var(--brand-color-surface-section-bold) 56.9%,
        var(--brand-color-surface-gradient-base-photo-2) 69.02%
      ),
      linear-gradient(
        116deg,
        var(--brand-color-surface-section-bold) 34.59%,
        var(--brand-color-surface-gradient-base-photo-2) 48.19%
      ),
      linear-gradient(
        0deg,
        var(--brand-color-rgb-06) 0%,
        var(--brand-color-rgb-06) 100%
      ),
      var(--sfondo-entrypoint-bg) #d3d3d3 100% 0% no-repeat;
    background-size: contain;
  }
  .sfondo-entrypoint--dark
    .sfondoEntrypoint__wrap.sfondoEntrypoint__wrap--noentry {
    background:
      linear-gradient(
        0deg,
        var(--brand-color-surface-section-bold) 37.21%,
        var(--brand-color-surface-section-menu-overlay) 42.75%,
        var(--brand-color-surface-gradient-base-photo-2) 53.74%
      ),
      linear-gradient(
        67deg,
        var(--brand-color-surface-section-bold) 56.9%,
        var(--brand-color-surface-gradient-base-photo-2) 69.02%
      ),
      linear-gradient(
        116deg,
        var(--brand-color-surface-section-bold) 34.59%,
        var(--brand-color-surface-gradient-base-photo-2) 48.19%
      ),
      linear-gradient(
        0deg,
        var(--brand-color-rgb-06) 0%,
        var(--brand-color-rgb-06) 100%
      ),
      var(--sfondo-entrypoint-bg) #d3d3d3 -100% no-repeat;
  }
}
.sfondo-entrypoint-layerOpacity .sfondoEntrypoint__wrap:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: var(--brand-color-surface-icon-extra-bold);
  opacity: 0.4;
}
:root {
  --sovrapposizione: 50px;
}
.sfondoEntrypoint__contained {
  position: relative;
}
@media (min-width: 768px) {
  .sfondoEntrypoint__entry {
    display: flex;
    align-items: center;
    justify-content: end;
  }
}
.sfondoEntrypoint__entry .picture,
.sfondoEntrypoint__entry .picture__img {
  height: auto;
}
@media (min-width: 768px) {
  .sfondoEntrypoint__entry .picture__img {
    height: 100%;
  }
}
.sfondoEntrypoint__entry .picture {
  padding: 0 30px;
  margin-top: var(--sovrapposizione);
}
@media (min-width: 768px) {
  .sfondoEntrypoint__entry .picture {
    margin-top: 0;
    padding: 0 30px 0 0;
    aspect-ratio: 629/425;
    flex: 0 0 calc(52% + 132px);
  }
}
.sfondoEntrypoint__entryText {
  background-color: var(--brand-color-surface-card-medium-light);
  border-radius: var(--brand-border-radius-s);
  padding: var(--pd-mid-s-cnt);
  padding-top: calc(var(--pd-mid-s-cnt) + var(--sovrapposizione));
  margin-top: calc(var(--sovrapposizione) * -1);
}
.sfondo-entrypoint--dark .sfondoEntrypoint__entryText {
  background: var(--brand-color-gradient-brand-45);
  color: var(--brand-color-text-on-bold-bg-text);
}
@media (min-width: 768px) {
  .sfondoEntrypoint__entryText {
    width: 48%;
    flex: 0 0 48%;
    padding: 32px var(--pd-mid-l-cnt);
    margin-left: -132px;
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .sfondoEntrypoint__top {
    padding-bottom: var(--s-base-10);
  }
}
@media (min-width: 1024px) {
  .sfondoEntrypoint__top {
    margin-left: 0;
  }
}
.sfondoEntrypoint__title + .sfondoEntrypoint__subtitle {
  margin-top: var(--s-base-4);
}
.sfondoEntrypoint__entryTitle,
.sfondoEntrypoint__entryPar {
  padding-bottom: 29px;
}
.sfondoEntrypoint__entryTags {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .sfondoEntrypoint__entryTags {
    margin-bottom: 29px;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.share-article {
  display: block;
  position: relative;
  width: 100%;
}
.share-article .buttonShare__element {
  padding: 6px;
}
.shareArticle__container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .shareArticle__container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.shareArticle__title {
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .shareArticle__title {
    margin-bottom: 0;
  }
}
.shareArticle__wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.shareArticle__ctas {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .shareArticle__ctas {
    justify-content: flex-end;
  }
}
.shareArticle__textRead {
  margin-right: 24px;
}
.shareArticle__textShare {
  display: none;
}
@media (min-width: 1024px) {
  .shareArticle__textShare {
    display: block;
    margin-left: 16px;
    margin-right: 16px;
  }
}
.shareArticle__button {
  margin-right: 8px;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.slider-cards {
  display: block;
  position: relative;
  width: 100%;
}
.slider-cards.sliderCards--noCarousel .splide {
  visibility: visible;
}
.slider-cards.sliderCards--noCarousel .slider-arrows {
  display: none;
}
.slider-cards .splide__list {
  height: auto;
  justify-content: flex-start;
}
.slider-cards .slider-arrows {
  left: var(--pd-min-cnt);
  max-width: calc(100% - var(--pd-min-cnt) * 2);
}
@media (min-width: 768px) {
  .slider-cards .slider-arrows {
    max-width: calc(100% - var(--pd-mid-s-cnt) * 2);
    left: var(--pd-mid-s-cnt);
  }
}
@media (min-width: 1024px) {
  .slider-cards .slider-arrows {
    left: 0;
    max-width: none;
  }
}
@media (max-width: 1023px) {
  .slider-cards .slider-pagination {
    left: 60px;
    width: calc(100% - 120px);
  }
}
.sliderCards__container {
  position: relative;
}
.sliderCards__content {
  position: relative;
  padding-bottom: 56px;
  padding-left: var(--pd-min-cnt);
}
@media (min-width: 768px) {
  .sliderCards__content {
    padding-left: var(--pd-mid-s-cnt);
    padding-right: var(--pd-mid-s-cnt);
  }
}
@media (min-width: 1024px) {
  .sliderCards__content {
    padding-left: clamp(50px, 12.5%, 100px);
    padding-right: clamp(50px, 12.5%, 100px);
  }
}
.sliderCards--noCarousel .sliderCards__content {
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .sliderCards--noCarousel .sliderCards__content {
    padding-right: var(--pd-min-cnt);
  }
}
.sliderCards--noCarousel .sliderCards__list {
  display: flex;
  column-gap: 24px;
  justify-content: center;
}
@media (min-width: 1024px) {
  .sliderCards--noCarousel .sliderCards__list {
    column-gap: 32px;
  }
}
.sliderCards__item {
  display: flex;
  flex-direction: column;
}
.sliderCards--noCarousel .sliderCards__item {
  flex: 1;
}
@media (min-width: 768px) {
  .sliderCards--noCarousel .sliderCards__item {
    flex: 0 0 calc(50% - 12px);
  }
}
@media (min-width: 1024px) {
  .sliderCards--noCarousel .sliderCards__item {
    flex: 0 0 calc(50% - 16px);
  }
}
@media (min-width: 1280px) {
  .sliderCards--noCarousel[data-number-items="3"] .sliderCards__item {
    flex: 0 0 calc(33.333% - 24px);
  }
}
@media (min-width: 1280px) {
  .sliderCards--noCarousel[data-number-items="4"] .sliderCards__item {
    flex: 0 0 calc(25% - 27px);
  }
}
.sliderCards__item .card-project,
.sliderCards__item .card-simple,
.sliderCards__item .card-step {
  height: 100%;
  flex: 1;
}
.sliderCards__item .card-step .cardStep__container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.sliderCards__item .card-step .cardStep__info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .sliderCards__slider:not(.sliderCards--noCarousel) {
    padding-right: 0;
  }
}
@media (max-width: 1023px) {
  .sliderCards__slider {
    padding-right: 0;
    padding-left: 0;
  }
}
.sliderCards__cta {
  width: fit-content;
  margin: var(--s-base-10) auto 0;
}
@media (min-width: 1024px) {
  .sliderCards__cta {
    margin: var(--s-base-14) auto 0;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.slider-comunicati {
  display: block;
  position: relative;
  width: 100%;
  background-color: var(--brand-color-surface-container-standard);
}
.slider-comunicati .cardNews__text {
  display: none;
}
@media (min-width: 1024px) {
  .slider-comunicati .cardNews__text {
    display: block;
  }
}
.slider-comunicati .cardNews__title {
  margin-bottom: 32px;
}
@media (min-width: 1024px) {
  .slider-comunicati .cardNews__title {
    margin-bottom: 16px;
  }
}
.slider-comunicati .cardNews__container,
.slider-comunicati .card-news {
  height: 100%;
}
.slider-comunicati .splide__slide {
  display: flex;
  flex-direction: column;
}
.slider-comunicati .splide__slide .card-news,
.slider-comunicati .splide__slide .cardNews__body {
  flex: 1;
}
.sliderComunicati__splide {
  position: relative;
  height: fit-content;
  width: 100%;
}
.sliderComunicati__title {
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .sliderComunicati__title {
    margin-bottom: 60px;
  }
}
.sliderComunicati__content,
.sliderComunicati__wrapperSlider {
  position: relative;
}
.sliderComunicati__button {
  position: relative;
  display: flex;
  justify-content: center;
}
.sliderComunicati__arrows {
  position: absolute;
  width: 100%;
  bottom: 29px;
  height: 1px;
}
@media (min-width: 1024px) {
  .sliderComunicati__arrows {
    bottom: auto;
    top: calc(50% - 60px);
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.slider-comunicati .splide__list {
  height: auto;
}
.slider-comunicati .slider-arrows {
  position: relative;
}
.slider-comunicati .slider-pagination {
  padding: 40px 0 24px;
  top: 100%;
}
@media (min-width: 1024px) {
  .slider-comunicati .slider-pagination {
    padding: 54px 0 56px;
  }
}
.slider-comunicati[data-number-items="1"] .splide__track,
.slider-comunicati[data-number-items="2"] .splide__track {
  pointer-events: none;
  padding-right: 0 !important;
}
.slider-comunicati[data-number-items="1"] .cardNews__button,
.slider-comunicati[data-number-items="2"] .cardNews__button {
  pointer-events: painted;
}
.slider-comunicati[data-number-items="1"] .splide__list,
.slider-comunicati[data-number-items="2"] .splide__list {
  flex-direction: column;
}
@media (min-width: 768px) {
  .slider-comunicati[data-number-items="1"] .splide__list,
  .slider-comunicati[data-number-items="2"] .splide__list {
    flex-direction: row;
  }
}
.slider-comunicati[data-number-items="1"] .splide__slide,
.slider-comunicati[data-number-items="2"] .splide__slide {
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .slider-comunicati[data-number-items="1"] .splide__slide,
  .slider-comunicati[data-number-items="2"] .splide__slide {
    margin-bottom: 0;
  }
}
.slider-comunicati[data-number-items="1"] .splide__slide:last-child,
.slider-comunicati[data-number-items="2"] .splide__slide:last-child {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .slider-comunicati[data-number-items="1"] .splide__slide,
  .slider-comunicati[data-number-items="2"] .splide__slide {
    margin-bottom: 0;
  }
}
.slider-comunicati[data-number-items="1"] .slider-arrows,
.slider-comunicati[data-number-items="2"] .slider-arrows,
.slider-comunicati[data-number-items="1"] .slider-pagination,
.slider-comunicati[data-number-items="2"] .slider-pagination {
  display: none;
}
.slider-comunicati[data-number-items="1"] .sliderComunicati__container,
.slider-comunicati[data-number-items="2"] .sliderComunicati__container {
  padding-bottom: 56px;
}
@media (max-width: 767px) {
  .slider-comunicati[data-number-items="1"] .sliderComunicati__container,
  .slider-comunicati[data-number-items="2"] .sliderComunicati__container {
    padding-right: var(--pd-min-cnt);
  }
}
.sliderComunicati__container {
  padding-bottom: 88px;
}
@media (min-width: 1024px) {
  .sliderComunicati__container {
    padding-bottom: 120px;
  }
}
@media (max-width: 767px) {
  .sliderComunicati__container {
    padding-right: 0;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.slider-timeline {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.slider-timeline .splide__arrow {
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-primary-border-default);
  background-color: var(--comp-color-button-primary-surface-default);
  color: var(--comp-color-button-primary-icon-default);
}
.slider-timeline .splide__arrow:disabled {
  border: var(--brand-border-width-regular) solid
    var(--comp-color-button-primary-surface-default);
  background-color: var(--comp-color-button-primary-surface-default);
  color: var(--comp-color-button-primary-icon-disabled);
}
.slider-timeline .splide__arrow .splide__arrowIcon {
  color: var(--comp-color-button-primary-icon-default);
}
.slider-timeline .splide__list {
  height: auto;
}
@media (max-width: 1023px) {
  .slider-timeline .canvasMain__arrows {
    top: -100px;
  }
}
.sliderTimeline__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sliderTimeline__contentainer {
  color: var(--brand-color-text-on-bold-bg-title);
  position: relative;
}
.sliderTimeline__content {
  position: relative;
  margin-top: var(--s-base-6);
  padding-top: 7.875rem;
}
@media (min-width: 1024px) {
  .sliderTimeline__content {
    margin-top: var(--s-base-8);
    padding-top: 0;
  }
}
.sliderTimeline__header .t-body-2 {
  margin-top: var(--s-base-2);
}
.sliderTimeline__timeline {
  display: inline-flex;
  height: 7.5rem;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  pointer-events: none;
  padding-left: 100px;
  max-width: 240px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .sliderTimeline__timeline {
    max-width: 500px;
    padding-left: 230px;
  }
}
@media (min-width: 1024px) {
  .sliderTimeline__timeline {
    margin-top: var(--s-base-8);
    height: 11.25rem;
    position: relative;
    left: 0;
    translate: 0 0;
    align-items: flex-end;
    transform: translate(calc(50vw - 20px));
    max-width: 100%;
    padding-left: 0;
    overflow: visible;
  }
}
.sliderTimeline__timelineContainer {
  display: flex;
  column-gap: 48px;
  transition: transform var(--t-timing-slow) var(--t-ease-module);
  transform: translate(0);
}
@media (min-width: 1024px) {
  .sliderTimeline__timelineContainer {
    column-gap: 92px;
  }
}
.sliderTimeline__date {
  display: block;
  position: relative;
  color: var(--brand-color-text-on-bold-bg-medium);
  flex-shrink: 0;
}
.sliderTimeline__date:before {
  content: "";
  bottom: 20px;
  left: 50%;
  width: 2px;
  height: 64px;
  translate: -50% 0;
  background: var(--brand-color-border-medium-dark);
  position: absolute;
  transition: clip-path var(--t-timing-slow) var(--t-ease) var(--t-timing);
  clip-path: inset(0 0 30px 0);
}
@media (min-width: 1024px) {
  .sliderTimeline__date:before {
    clip-path: inset(60px 0 0 0);
    top: -156px;
    height: 140px;
  }
}
.sliderTimeline__date.sliderTimeline__date--active:before {
  clip-path: inset(0 0 0 0);
  background: var(--brand-color-border-base);
}
.sliderTimeline__dateLabel {
  display: block;
  transition: scale var(--t-timing-slow) var(--t-ease);
}
.sliderTimeline__date--active .sliderTimeline__dateLabel {
  scale: 2;
  transition: scale var(--t-timing-slow) var(--t-ease) var(--t-timing);
}
.sliderTimeline__cta {
  margin-top: var(--s-base-8);
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .sliderTimeline__cta {
    margin-top: var(--s-base-10);
  }
}
.sliderTimeline__slide.splide__slide {
  opacity: 0;
  transition: opacity var(--t-timing) var(--t-ease);
}
.sliderTimeline__slide.splide__slide.sliderTimeline__slide--active {
  opacity: 1;
  transition: opacity var(--t-timing) var(--t-ease) var(--t-timing);
}
.sliderTimeline__slide .strip-timeline {
  justify-content: center;
}
@media (max-width: 1023px) {
  .sliderTimeline__slide .stripTimeline__text {
    text-align: center;
    padding: 0 16px;
  }
}
.sliderTimeline__slide .stripTimeline__cta .button {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .sliderTimeline__slide .stripTimeline__cta .button {
    margin-left: 0;
    margin-right: 0;
  }
}
.social-grid {
  display: block;
  position: relative;
  width: 100%;
}
.checkin-wrapper {
  padding: 16px;
}
@media only screen and (max-width: 548px) {
  .checkin-wrapper {
    padding: 0 0 32px;
  }
}
.checkin-message-wrapper {
  background-color: var(--brand-color-surface-section-bold-extralight);
}
.checkin-message {
  padding: 16px 20px;
}
.checkin-user {
  padding: 0 20px 16px;
  background-color: var(--brand-color-surface-section-bold-extralight);
}
.checkin-message-inner {
  font-size: calc(
    var(--typography-body-body-2-regular-fontSize-desktop) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-1-light-letterSpacing-desktop) /
      var(--text-base-size) * 1rem
  );
  line-height: 160%;
}
.checkin-message-inner a {
  text-decoration: underline;
  color: var(--brand-color-text-standard-text);
}
.checkin-user-name {
  font-weight: 400;
  font-size: calc(
    var(--typography-body-body-3-regular-fontSize-desktop) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-1-light-letterSpacing-desktop) /
      var(--text-base-size) * 1rem
  );
  line-height: 160%;
  color: var(--brand-color-text-standard-extra-bold);
  margin-bottom: 8px;
}
.detail-message-inner {
  font-size: calc(
    var(--typography-body-body-2-light-fontSize-desktop) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-1-light-letterSpacing-desktop) /
      var(--text-base-size) * 1rem
  );
  line-height: 160%;
  color: var(--brand-color-text-standard-text);
  font-weight: 300;
}
.detail-menu-sharing-button .fa,
.detail-sharing-button .fa {
  color: var(--brand-color-text-on-bold-bg-text);
}
.detail-menu-sharing-expander,
.wallsio-load-more-button {
  margin: 32px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 24px;
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-regular) solid
    var(--brand-color-border-medium-dark);
  background: var(--brand-color-surface-section-base);
  color: var(--brand-color-text-standard-text);
  font-weight: 500;
  font-size: calc(
    var(--typography-body-body-3-regular-fontSize-desktop) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-button-big-letterSpacing-desktop) / var(--text-base-size) *
      1rem
  );
  line-height: 100%;
  text-transform: uppercase;
  cursor: pointer;
}
.detail-menu-sharing-expander:hover,
.wallsio-load-more-button:hover {
  background: var(--comp-color-button-primary-surface-hover);
}
.read-more-text {
  font-weight: 400;
  color: var(--brand-color-text-standard-extra-bold);
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.social-wall {
  display: block;
  position: relative;
  width: 100%;
}
.socialWall__background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.socialWall__container {
  position: relative;
}
.socialWall__title {
  color: var(--brand-color-surface-section-base);
  margin-bottom: 52px;
}
@media (min-width: 768px) {
  .socialWall__title {
    margin-bottom: 68px;
  }
}
.socialWall__cta {
  margin-top: var(--s-base-6);
  width: fit-content;
  margin: var(--s-base-6) auto 0;
}
@media (min-width: 1024px) {
  .socialWall__cta {
    margin: var(--s-base-10) auto 0;
  }
}
.socialWall__snippet {
  height: fit-content;
  width: 100%;
}
.iframe-detail-overlay,
.loading-indicator,
.checkin-user-image,
.detail-sharing-intro,
.detail-user-image {
  display: none;
}
.socialwall_container * {
  color: var(--brand-color-text-standard-text);
  font-family:
    Work Sans,
    sans-serif;
  font-style: normal;
  font-weight: 300;
}
.socialwall_container {
  margin: 0;
}
.socialwall_container .swiper-wrapper {
  padding: 0;
}
.socialwall_container .swiper {
  width: calc(100% - 100px);
}
.checkin {
  border-radius: var(--brand-border-radius-s);
  border: 0;
  box-shadow: none;
}
.carousel-container .checkin-info {
  padding: 16px 20px;
  background-color: var(--brand-color-surface-section-bold-extralight);
}
.checkin-user-name,
.checkin-timestamp {
  font-weight: 400;
  font-size: calc(
    var(--typography-body-body-3-regular-fontSize-desktop) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-1-light-letterSpacing-desktop) /
      var(--text-base-size) * 1rem
  );
  line-height: 160%;
  color: var(--brand-color-text-standard-extra-bold);
}
.checkin-user-name {
  padding: 0 !important;
}
.checkin-icon path {
  fill: var(--brand-color-surface-icon-bold);
}
.carousel-container .checkin-message {
  font-size: calc(
    var(--typography-body-body-3-regular-fontSize-desktop) /
      var(--text-base-size) * 1rem
  );
}
.detail-content {
  border-radius: var(--brand-border-radius-s);
}
.detail-message-inner {
  font-size: calc(
    var(--typography-body-body-2-regular-fontSize-desktop) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-body-body-1-light-letterSpacing-desktop) /
      var(--text-base-size) * 1rem
  );
  line-height: 160%;
  color: var(--brand-color-text-standard-text);
  font-weight: 300;
}
.detail-message-inner a {
  text-decoration: underline;
  color: var(--brand-color-text-standard-text);
}
.detail-menu-sharing-expander {
  margin: 32px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 24px;
  border-radius: var(--brand-border-radius-xs);
  border: var(--brand-border-width-regular) solid
    var(--brand-color-border-medium-dark);
  background: var(--brand-color-surface-section-base);
  color: var(--brand-color-text-standard-text);
  font-weight: 500;
  font-size: calc(
    var(--typography-body-body-3-regular-fontSize-desktop) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-button-big-letterSpacing-desktop) / var(--text-base-size) *
      1rem
  );
  line-height: 100%;
  text-transform: uppercase;
  cursor: pointer;
}
.detail-menu-sharing-expander:hover {
  background: var(--brand-color-surface-section-medium-extralight);
}
.detail-menu-sharing-button {
  background-color: var(--comp-color-button-secondary-surface-default);
}
.detail-menu-sharing-button:hover {
  background-color: var(--comp-color-button-secondary-surface-hover);
}
.detail-menu-sharing-button .fa {
  color: var(--brand-color-text-on-bold-bg-text);
}
.socialwall_container .button-arrow-wrapper {
  background-color: transparent;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.socialwall_container .button-arrow-wrapper,
.socialwall_container .button-arrow-wrapper button,
.socialwall_container .button-arrow-wrapper .nav-icon {
  width: 32px;
  height: 32px;
  padding: 0;
  cursor: pointer;
}
.socialwall_container .button-arrow-wrapper .nav-icon {
  border: var(--brand-border-width-regular) solid
    var(--brand-color-border-medium-dark);
  background-color: var(--brand-color-surface-section-base);
  border-radius: var(--brand-border-radius-xs);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.socialwall_container .button-arrow-wrapper .nav-icon:hover {
  background-color: var(--comp-color-button-primary-surface-hover);
}
.socialwall_container .button-arrow-wrapper .nav-icon svg {
  fill: var(--brand-color-surface-icon-bold);
  width: 18px;
  height: 18px;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.tab-project {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.tab-project .animation-1 {
  height: auto;
}
.tabProject__tab {
  margin-top: var(--s-base-10);
}
@media (min-width: 1024px) {
  .tabProject__tab {
    margin-top: var(--s-base-14);
  }
}
.tabProject__tab .tab__tablist {
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
  padding-left: var(--pd-min-cnt);
  padding-right: var(--pd-min-cnt);
  position: relative;
}
@media (min-width: 768px) {
  .tabProject__tab .tab__tablist {
    padding-left: var(--pd-mid-s-cnt);
    padding-right: var(--pd-mid-s-cnt);
  }
}
@media (min-width: 1024px) {
  .tabProject__tab .tab__tablist {
    padding-left: var(--pd-mid-l-cnt);
    padding-right: var(--pd-mid-l-cnt);
  }
}
@media (min-width: 1280px) {
  .tabProject__tab .tab__tablist {
    padding-left: var(--pd-max-cnt);
    padding-right: var(--pd-max-cnt);
  }
}
.tabProject__tab .tab__tabpanel {
  padding: 40px 0 0;
}
@media (min-width: 1024px) {
  .tabProject__tab .tab__tabpanel {
    padding: 58px 0 0;
  }
}
.tabProject__tab.animation-1 {
  height: auto;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.text-block {
  display: block;
  position: relative;
  width: 100%;
}
.text-block.firstItem {
  margin-top: calc(var(--header-height-mobile) + 32px);
}
@media (min-width: 768px) {
  .text-block.firstItem {
    margin-top: calc(var(--header-height-mobile) + 70px);
  }
}
@media (min-width: 1280px) {
  .text-block.firstItem {
    margin-top: calc(var(--header-height) + var(--pre-header-height) + 60px);
  }
}
@media (min-width: 1920px) {
  .text-block.firstItem {
    margin-top: calc(var(--header-height) + var(--pre-header-height) + 100px);
  }
}
.textBlock__wrap {
  display: flex;
  flex-direction: column;
}
.textBlock__par {
  color: var(--brand-color-text-standard-text);
}
.textBlock__par img {
  width: 100%;
  object-fit: cover;
}
.textBlock__par b,
.textBlock__par strong {
  font-weight: 500;
}
.textBlock__par p {
  margin-bottom: 20px;
  line-height: 1.5;
}
.textBlock__par u {
  text-decoration: underline;
}
.textBlock__par em,
.textBlock__par i {
  font-style: italic;
}
.textBlock__par a {
  font-weight: 400;
  color: var(--brand-color-text-standard-text);
  text-decoration: underline;
}
.bg-color-bold .textBlock__par a {
  color: var(--brand-color-text-on-bold-bg-text);
}
.textBlock__par a:hover {
  opacity: 0.8;
}
.textBlock__par ul,
.textBlock__par ol {
  margin-left: 20px;
  margin-bottom: 20px;
}
.textBlock__par ul li {
  list-style: disc;
}
.textBlock__par ol li {
  list-style: decimal;
}
.textBlock__par hr {
  background-color: var(--brand-color-text-standard-text);
  border: 0;
  height: 1px;
  margin: 20px 0;
}
.bg-color-bold .textBlock__par hr {
  background-color: var(--brand-color-text-on-bold-bg-text);
}
.textBlock__par table {
  border: var(--brand-border-width-regular) solid
    var(--brand-color-surface-shape-grey-medium);
  margin: 20px 0;
}
.textBlock__par table td {
  border: var(--brand-border-width-regular) solid
    var(--brand-color-surface-shape-grey-medium);
}
.bg-color-bold .textBlock__par table td,
.bg-color-bold .textBlock__par table {
  border-color: var(--brand-color-border-base);
}
.textBlock__par blockquote {
  padding: 56px;
  font-style: italic;
  background-color: var(--brand-color-surface-section-medium-extralight);
  margin-bottom: 20px;
  font-weight: 400;
  color: var(--brand-color-text-standard-text);
}
.text-block.bg-color-bold-extralight .textBlock__par blockquote {
  background-color: var(--brand-color-surface-section-medium);
}
@media (min-width: 1024px) {
  .textBlock__par blockquote {
    padding: 56px 104px;
  }
}
.textBlock__par blockquote h1,
.textBlock__par blockquote h2,
.textBlock__par blockquote h3,
.textBlock__par blockquote h4,
.textBlock__par blockquote h5,
.textBlock__par blockquote h6 {
  font-style: normal;
  margin-bottom: 20px;
}
.textBlock__par .aligncenter {
  margin: 0 auto;
  display: block;
}
.textBlock__par .alignright {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}
.textBlock__par .alignleft {
  float: left;
  margin-left: 20px;
  margin-bottom: 20px;
}
.bg-color-bold .textBlock__par {
  color: var(--brand-color-text-on-bold-bg-text);
}
.textBlock__par h1 {
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-1-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-1-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-1-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  .textBlock__par h1 {
    font-size: calc(
      var(--typography-title-heading-1-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-1-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-1-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
.textBlock__par h2 {
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-2-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-2-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-2-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  .textBlock__par h2 {
    font-size: calc(
      var(--typography-title-heading-2-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-2-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-2-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
.textBlock__par h3 {
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-3-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-3-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-3-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  .textBlock__par h3 {
    font-size: calc(
      var(--typography-title-heading-3-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-3-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-3-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
.textBlock__par h4 {
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-4-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-4-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-4-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  .textBlock__par h4 {
    font-size: calc(
      var(--typography-title-heading-4-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-4-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-4-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
.textBlock__par h5 {
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-5-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-5-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-5-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  .textBlock__par h5 {
    font-size: calc(
      var(--typography-title-heading-5-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-5-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-5-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
.textBlock__par h6 {
  font-family: var(--brand-font-family-main);
  font-weight: 300;
  font-size: calc(
    var(--typography-title-heading-6-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  line-height: calc(
    var(--typography-title-heading-6-lineHeight-mobile) /
      var(--text-base-size) * 1rem
  );
  letter-spacing: calc(
    var(--typography-title-heading-6-letterSpacing-mobile) /
      var(--text-base-size) * 1rem
  );
}
@media (min-width: 1024px) {
  .textBlock__par h6 {
    font-size: calc(
      var(--typography-title-heading-6-fontSize-desktop) /
        var(--text-base-size) * 1rem
    );
    line-height: calc(
      var(--typography-title-heading-6-lineHeight-desktop) /
        var(--text-base-size) * 1rem
    );
    letter-spacing: calc(
      var(--typography-title-heading-6-letterSpacing-desktop) /
        var(--text-base-size) * 1rem
    );
  }
}
.textBlock__par h1,
.textBlock__par h2,
.textBlock__par h3,
.textBlock__par h4,
.textBlock__par h5,
.textBlock__par h6 {
  margin-bottom: 20px;
}
.textBlock__download {
  margin-bottom: 20px;
  margin-top: 32px;
}
@media (min-width: 1024px) {
  .textBlock__download {
    margin-top: 40px;
  }
}
.text-block.bg-color-bold-extralight .textBlock__download {
  background-color: var(--brand-color-surface-section-medium);
}
.textBlock__download.textBlock__download--bg {
  background-color: var(--brand-color-surface-section-medium-extralight);
  padding: 72px 56px;
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .textBlock__download.textBlock__download--bg {
    padding: 72px 104px;
  }
}
.textBlock__download .textBlock__downloadTitle {
  display: none;
}
.textBlock__download .textBlock__downloadBtns {
  display: flex;
}
.textBlock__title {
  margin-bottom: 20px;
}
.bg-color-bold .textBlock__title,
.bg-color-bold .textBlock__downloadTitle {
  color: var(--brand-color-text-on-bold-bg-text);
}
.textBlock__downloadBtns {
  display: flex;
  flex-direction: column;
  gap: 36px;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .textBlock__downloadBtns {
    flex-direction: row;
  }
  .textBlock__downloadBtns.textBlock__download--center {
    justify-content: center;
  }
}
@media (min-width: 1280px) {
  .textBlock__downloadBtns .button-download {
    width: calc(50% - 20px);
  }
}
.textBlock__downloadTitle {
  padding-bottom: 34px;
}
@media (min-width: 1024px) {
  .textBlock__downloadTitle {
    padding-bottom: 40px;
  }
}
.textBlock__preTitle {
  margin-bottom: 48px;
  text-align: center;
  color: var(--brand-color-text-standard-title);
}
.bg-color-medium .textBlock__preTitle,
.bg-color-medium-dark .textBlock__preTitle {
  color: var(--brand-color-text-on-medium-bg-title);
}
.bg-color-bold .textBlock__preTitle {
  color: var(--brand-color-text-on-bold-bg-text);
}
.textBlock__twoCols {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 32px;
}
.textBlock__colLeft,
.textBlock__colRight {
  width: 100%;
}
@media (min-width: 1024px) {
  .textBlock__colLeft,
  .textBlock__colRight {
    width: calc(50% - 16px);
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.text-cards {
  display: block;
  position: relative;
  width: 100%;
}
.textCards__title {
  margin-bottom: 8px;
  text-align: center;
}
.textCards__paragraph {
  margin-bottom: 40px;
  text-align: center;
}
.textCards__list {
  display: block;
}
.textCards__item {
  margin-bottom: 32px;
}
.textCards__item:last-child {
  margin-bottom: 0;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.text-image {
  display: block;
  position: relative;
  width: 100%;
}
.text-image.textImage--horizontal .picture,
.text-image.textImage--horizontal .picture__img {
  height: auto;
  aspect-ratio: 1.48;
}
@media (min-width: 768px) {
  .text-image.textImage--horizontal .picture,
  .text-image.textImage--horizontal .picture__img {
    height: 100%;
    aspect-ratio: unset;
  }
}
.text-image.textImage--vertical .picture,
.text-image.textImage--vertical .picture__img {
  height: auto;
  aspect-ratio: 1.48;
}
.textImage__info {
  margin-bottom: 40px;
  text-align: center;
}
@media (min-width: 768px) {
  .textImage__info {
    margin-bottom: 80px;
  }
}
.textImage__subtitle {
  margin-top: 24px;
}
.textImage__grid {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .textImage--vertical .textImage__grid {
    flex-direction: row;
  }
  .textImage--horizontal .textImage__grid {
    flex-direction: column;
  }
}
.textImage__card {
  margin-bottom: 80px;
}
.textImage__card:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .textImage--vertical .textImage__card {
    width: 50%;
  }
  .textImage--vertical .textImage__card:nth-child(2n) {
    margin-left: 16px;
  }
  .textImage--vertical .textImage__card:nth-child(odd) {
    margin-right: 16px;
  }
}
.textImage__title {
  color: var(--brand-color-text-standard-title);
}
.textImage__subtitle {
  color: var(--brand-color-text-standard-text);
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.title-text-cta {
  position: relative;
  display: block;
  width: 100%;
}
.title-text-cta h1,
.title-text-cta h2,
.title-text-cta h3,
.title-text-cta h4 {
  color: var(--brand-color-text-standard-title);
}
.title-text-cta.bg-color-bold h1,
.title-text-cta.bg-color-bold h2,
.title-text-cta.bg-color-bold h3,
.title-text-cta.bg-color-bold h4 {
  color: var(--brand-color-text-on-bold-bg-title);
}
.titleTextCta__par {
  margin-top: 24px;
  color: var(--brand-color-text-standard-text);
}
.titleTextCta__par a {
  font-weight: 400;
  text-decoration: underline;
  color: inherit;
}
.bg-color-bold .titleTextCta__par {
  color: var(--brand-color-text-on-bold-bg-text);
}
.titleTextCta__button {
  margin: 32px auto 0;
  width: fit-content;
}
@media (min-width: 768px) {
  .titleTextCta__button {
    margin: 70px auto 0;
  }
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.vertical-stepper {
  display: block;
  position: relative;
  width: 100%;
}
.vertical-stepper .splide__pagination {
  width: 100%;
  top: 0;
  height: fit-content;
  bottom: 0;
  justify-content: center;
  padding: 0 32px;
}
.vertical-stepper .splide__pagination__page {
  background: transparent;
  font-family: var(--brand-font-family-main);
  font-weight: 200;
  font-size: calc(
    var(--typography-title-heading-3-fontSize-mobile) / var(--text-base-size) *
      1rem
  );
  letter-spacing: calc(
    var(--typography-special-number-number-2-letterSpacing-desktop) /
      var(--text-base-size) * 1rem
  );
  line-height: 120%;
  flex: 1;
  width: auto;
  height: auto;
  padding: 8px;
  margin: 0;
  color: var(--brand-color-text-on-bold-bg-accent);
  position: relative;
  transition: color var(--t-timing) var(--t-ease);
}
.vertical-stepper .splide__pagination__page:before {
  content: "";
  position: absolute;
  height: 32px;
  border-left: var(--brand-border-width-regular) solid
    var(--brand-color-text-on-bold-bg-accent);
  top: 100%;
  left: calc(50% + 1px);
  translate: -50% 0;
  width: 4px;
  transition: height var(--t-timing-fast) var(--t-ease);
}
.vertical-stepper .splide__pagination__page.is-active {
  transform: scale(1);
  color: var(--brand-color-text-on-bold-bg-text);
  background: transparent;
}
.vertical-stepper .splide__pagination__page.is-active:before {
  height: 22px;
  border-left: 4px dotted var(--brand-color-text-on-bold-bg-text);
}
.vertical-stepper .splide__pagination__page.is-active:after {
  content: "";
  position: absolute;
  height: 6px;
  width: 6px;
  border-radius: 100%;
  top: calc(100% + 27px);
  left: calc(50% + 1px);
  translate: -50% 0;
  background: var(--brand-color-text-on-bold-bg-text);
}
.verticalStepper--desktop .splide__track {
  visibility: visible;
  overflow: visible;
}
.verticalStepper__title {
  color: var(--brand-color-text-on-bold-bg-title);
}
.verticalStepper__par {
  margin-top: var(--s-base-6);
  color: var(--brand-color-text-on-bold-bg-text);
}
@media (min-width: 768px) {
  .verticalStepper__par {
    margin-top: var(--s-base-4);
  }
}
.verticalStepper__content.splide {
  margin-top: var(--s-base-6);
  position: relative;
  padding: 100px 0 0;
}
@media (min-width: 768px) {
  .verticalStepper__content.splide {
    padding: 22px 0;
    margin-top: var(--s-base-13);
    visibility: visible;
  }
}
.verticalStepper__list.splide__list {
  height: auto;
}
@media (min-width: 768px) {
  .verticalStepper__list.splide__list {
    display: flex;
    flex-direction: column;
    row-gap: 18px;
  }
}
.verticalStepper__item.splide__slide .card-long {
  height: 100%;
  opacity: 0;
  transition: var(--t-transition);
}
.verticalStepper__item.splide__slide.is-visible .card-long {
  opacity: 1;
}
@media (min-width: 768px) {
  .verticalStepper__item.splide__slide {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    align-self: flex-start;
    justify-content: space-between;
    flex: 1;
    width: 100%;
  }
  .verticalStepper__item.splide__slide:nth-child(odd) {
    align-self: flex-end;
    flex-direction: row;
  }
  .verticalStepper__item.splide__slide:nth-child(odd) .card-long {
    padding-left: 38px;
    padding-right: 0;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .verticalStepper__item.splide__slide:nth-child(odd) .card-long {
    padding-left: 58px;
  }
}
@media (min-width: 768px) {
  .verticalStepper__item.splide__slide:nth-child(odd) .card-long:before {
    left: 0;
  }
  .verticalStepper__item.splide__slide:nth-child(odd) .card-long:after {
    left: -5px;
  }
  .verticalStepper__item.splide__slide:nth-child(odd) .verticalStepper__number {
    padding-right: 22px;
    padding-left: 0;
    justify-content: flex-end;
    color: var(--brand-color-text-on-bold-bg-text);
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .verticalStepper__item.splide__slide:nth-child(odd) .verticalStepper__number {
    padding-right: 28px;
  }
}
@media (min-width: 768px) {
  .verticalStepper__item.splide__slide .card-long {
    flex: 0 0 60%;
    padding-right: 38px;
    opacity: 1;
    position: relative;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .verticalStepper__item.splide__slide .card-long {
    flex: 0 0 50%;
    padding-right: 58px;
  }
}
@media (min-width: 768px) {
  .verticalStepper__item.splide__slide .card-long:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 58px;
    height: 2px;
    background: repeating-linear-gradient(
      to right,
      var(--brand-color-text-on-bold-bg-text) 0,
      var(--brand-color-text-on-bold-bg-text) 5px,
      transparent 5px,
      transparent 10px
    );
  }
  .verticalStepper__item.splide__slide .card-long:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: var(--brand-color-surface-shape-base);
    right: -5px;
    top: calc(50% + 1px);
    translate: 0 -50%;
  }
}
@media (min-width: 768px) {
  .verticalStepper__number {
    flex: 0 0 40%;
    padding-left: 22px;
    display: flex;
    justify-content: flex-start;
  }
}
@media (min-width: 1024px) {
  .verticalStepper__number {
    flex: 0 0 50%;
    padding-left: 28px;
  }
}
.verticalStepper__time {
  position: absolute;
  top: 0;
  height: 100%;
  left: 50%;
  translate: -50% 0;
  width: 2px;
  background: var(--brand-color-surface-shape-base);
  pointer-events: none;
}
.verticalStepper__time:after,
.verticalStepper__time:before {
  content: "";
  width: 10px;
  height: 10px;
  background: var(--brand-color-surface-shape-base);
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: -4px;
}
.verticalStepper__time:after {
  top: auto;
  bottom: 0;
}
.verticalStepper__arrows {
  position: absolute;
  top: 50px;
  width: 100%;
}
.verticalStepper--desktop .verticalStepper__arrows {
  display: none;
}
.verticalStepper__modal {
  display: block;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-XLight.otf);
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
:root {
  --text-base-size: 16;
}
.video {
  display: block;
  width: 100%;
  position: relative;
}
.video .video__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.video.is-playing .video__img,
.video.is-playing .video__buttonWrap {
  opacity: 0;
  pointer-events: none;
}
.video .video__buttonWrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video .video__button {
  border-radius: 100%;
  height: 60px;
  width: 60px;
  line-height: 60px;
  font-size: 14px;
  background-color: var(--comp-color-button-overlay-surface-default);
  color: var(--comp-color-button-overlay-icon-default);
  text-align: center;
  cursor: pointer;
}
.video .video__button span {
  margin-left: 3px;
}
@media (min-width: 1024px) {
  .video__wrapper {
    aspect-ratio: 2.33;
  }
}
.video__player {
  width: 100%;
  aspect-ratio: 16/9;
  visibility: hidden;
}
.is-playing .video__player {
  visibility: visible;
}