@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

img, video {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@keyframes shine-skeleton-lines {
  0% {
    background-position: -100px;
  }
  40%, 100% {
    background-position: 600px;
  }
}
.mod__max-w-xl {
  max-width: 1436px;
  margin: auto;
}

.cmp-global-footer {
  display: flex;
  background-color: var(--color-bg);
  padding: 24px 0 32px;
}

.cmp-global-footer__content {
  padding-bottom: 32px;
}

.cmp-global-footer__bottom {
  padding-top: 24px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 40px;
}

.cmp-global-footer__copyright {
  text-align: center;
  margin: 0;
}

.cmp-global-footer__copyright .cmp-text p {
  color: var(--color-copyright);
  font-family: var(--font-base);
}

.cmp-global-footer__copyright .cmp-text p > a {
  color: var(--color-copyright);
  text-decoration: underline;
}

.cmp-global-footer__copyright .cmp-text__paragraph {
  margin: 0;
}

@media (min-width: 1016px) {
  .cmp-global-footer {
    padding: 48px 0 40px;
  }
  .cmp-global-footer > .cmp-global-footer__container {
    position: initial;
  }
  .cmp-global-footer__content {
    padding-bottom: 48px;
  }
  .cmp-global-footer__main-menu > .aem-Grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
  }
  .cmp-global-footer__bottom {
    padding-top: 40px;
  }
  .cmp-global-footer__bottom:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--color-divider-3);
    left: 0;
    margin-top: -40px;
  }
}
@media (min-width: 1436px) {
  .cmp-global-footer {
    padding: 48px 0;
  }
  .cmp-global-footer__content {
    gap: 24px;
  }
  .cmp-global-footer__main-menu > .aem-Grid {
    gap: 24px;
  }
  .cmp-global-footer__bottom {
    padding-top: 48px;
  }
  .cmp-global-footer__bottom:before {
    margin-top: -48px;
  }
}
.cmp-global-footer-lang-options {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
  margin: 0 0 32px;
  padding: 0;
  flex-wrap: wrap;
  list-style: none;
}

.cmp-global-footer-lang-options__item {
  position: relative;
  font-family: var(--font-lang);
  color: var(--color-lang);
}

.cmp-global-footer-lang-options__item + .cmp-global-footer-lang-options__item:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  left: -24px;
  background-color: var(--color-divider-1);
}

.cmp-global-footer-lang-options__link {
  position: relative;
  color: var(--color-lang);
  cursor: pointer;
  display: block;
}

.cmp-global-footer-lang-options__link:hover {
  color: var(--color-lang);
  text-decoration: none;
}

.cmp-global-footer-lang-options__link--ico, .cmp-global-footer-lang-options__link--flag {
  padding-left: 28px;
}

.cmp-global-footer-lang-options__link--flag {
  cursor: initial;
}

.cmp-global-footer-lang-options__link--ico:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  mask: var(--ico-web) no-repeat 100% 100%;
  -webkit-mask: var(--ico-web) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--color-lang);
}

.cmp-global-footer-lang-options__link--text {
  cursor: auto;
}

.cmp-global-footer-lang-options__link--lang {
  padding: 4px 28px 4px 0;
}

.cmp-global-footer-lang-options__link--lang:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  mask: var(--ico-arrow) no-repeat 100% 100%;
  -webkit-mask: var(--ico-arrow) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--color-lang);
}

.cmp-global-footer-lang-options__link--lang:hover .cmp-global-footer-lang-options__lang-list {
  pointer-events: auto;
  opacity: 1;
}

.cmp-global-footer-lang-options__link--lang:hover:before {
  transform: translateY(-50%) rotate(180deg);
}

.cmp-global-footer-lang-options__flag {
  position: absolute;
  left: 0;
  width: 20px;
  height: 11px;
  top: 50%;
  transform: translateY(-50%);
}

.cmp-global-footer-lang-options__lang-list {
  padding-left: 0;
  list-style: none;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid var(--color-border-box);
  background-color: var(--color-bg-box);
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: max-content;
  min-width: 90px;
  z-index: 1;
  margin-top: 4px;
}

.cmp-global-footer-lang-options__lang-link {
  display: block;
  padding: 8px 10px;
  color: var(--color-lang);
}

.cmp-global-footer-lang-options__lang-link:hover {
  background-color: var(--color-link-box-hover);
  color: var(--color-lang);
  text-decoration: none;
}

@media (min-width: 1016px) {
  .cmp-global-footer-lang-options {
    margin-bottom: 48px;
  }
}
.cmp-global-footer-primary-links {
  border-bottom: 1px solid var(--color-divider-2);
  padding-bottom: 16px;
}

.cmp-global-footer-primary-links:first-of-type {
  border-top: 1px solid var(--color-divider-2);
}

.cmp-global-footer-primary-links__title {
  position: relative;
  padding: 16px 24px 16px 0;
  margin: 0;
}

.cmp-global-footer-primary-links__title .cmp-title__text {
  color: var(--color-title);
  font-family: var(--font-title);
  text-transform: initial;
  margin: 0;
}

.cmp-global-footer-primary-links__title a, .cmp-global-footer-primary-links__title a:hover {
  color: var(--color-title);
  text-decoration: none;
}

.cmp-global-footer-primary-links__title:after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  transform: rotate(180deg);
  top: 50%;
  margin-top: -12px;
  right: 0;
  mask: var(--ico-arrow) no-repeat 100% 100%;
  -webkit-mask: var(--ico-arrow) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--color-arrow);
}

.cmp-global-footer-primary-links__list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.cmp-global-footer-primary-links__item {
  margin: 0;
  padding: 0;
}

.cmp-global-footer-primary-links__item::marker {
  content: none;
}

.cmp-global-footer-primary-links__link {
  padding-left: 8px;
  font-family: var(--font-primary-link);
  color: var(--color-primary-link);
  display: block;
}

.cmp-global-footer-primary-links__link:hover {
  color: var(--color-primary-link);
  text-decoration: none;
}

.cmp-global-footer-primary-links.mod__collapsed {
  padding-bottom: 0;
}

.cmp-global-footer-primary-links.mod__collapsed .cmp-global-footer-primary-links__title:after {
  transform: rotate(0);
}

@media (min-width: 1016px) {
  .cmp-global-footer-primary-links {
    border: 0;
    padding-bottom: 0;
  }
  .cmp-global-footer-primary-links:first-of-type {
    border: 0;
  }
  .cmp-global-footer-primary-links__title {
    padding: 0;
    margin-bottom: 32px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .cmp-global-footer-primary-links__title:after {
    content: none;
  }
  .cmp-global-footer-primary-links__list {
    padding-bottom: 0;
  }
  .cmp-global-footer-primary-links__link {
    padding-left: 0;
    font-size: 12px;
  }
  .cmp-global-footer__main-menu.mod__title-truncated .cmp-global-footer-primary-links__title {
    min-height: 40px;
  }
}
.cmp-global-footer-secondary-links {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin: 0;
  padding: 0;
}

.cmp-global-footer-secondary-links__item::marker {
  content: none;
}

.cmp-global-footer-secondary-links__link {
  font-family: var(--font-base);
  color: var(--color-secondary-link);
}

.cmp-global-footer-secondary-links__link:hover {
  color: var(--color-secondary-link);
  text-decoration: none;
}

@media (min-width: 764px) {
  .cmp-global-footer-secondary-links {
    flex-direction: row;
    flex-wrap: wrap;
    margin: auto;
    justify-content: center;
    gap: 12px 24px;
    padding: 0 12px;
  }
}
@media (min-width: 1016px) {
  .cmp-global-footer-secondary-links {
    gap: 12px 36px;
  }
}
.cmp-global-footer-social-links {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  gap: 16px;
}

.cmp-global-footer-social-links__item {
  position: relative;
  overflow: hidden;
  width: 24px;
  height: 24px;
}

.cmp-global-footer-social-links__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-lang);
}

.cmp-global-footer-social-links__link--facebook {
  mask: var(--ico-facebook) no-repeat 100% 100%;
  -webkit-mask: var(--ico-facebook) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.cmp-global-footer-social-links__link--x {
  mask: var(--ico-twitter) no-repeat 100% 100%;
  -webkit-mask: var(--ico-twitter) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.cmp-global-footer-social-links__link--instagram {
  mask: var(--ico-instagram) no-repeat 100% 100%;
  -webkit-mask: var(--ico-instagram) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.cmp-global-footer-social-links__link--youtube {
  mask: var(--ico-youtube) no-repeat 100% 100%;
  -webkit-mask: var(--ico-youtube) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.cmp-global-footer-social-links__link--whatsapp {
  mask: var(--ico-whatsapp) no-repeat 100% 100%;
  -webkit-mask: var(--ico-whatsapp) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.cmp-global-footer-social-links__link--linkedin {
  mask: var(--ico-linkedin) no-repeat 100% 100%;
  -webkit-mask: var(--ico-linkedin) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.cmp-global-footer-social-links__link--vimeo {
  mask: var(--ico-vimeo) no-repeat 100% 100%;
  -webkit-mask: var(--ico-vimeo) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
}

@keyframes shine-skeleton-lines {
  0% {
    background-position: -100px;
  }
  40%, 100% {
    background-position: 600px;
  }
}
.mod__max-w-xl {
  max-width: 1436px;
  margin: auto;
}

.cmp-country-selector {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  background-color: var(--color-bg);
  z-index: 10001;
  overflow: auto;
}

.cmp-country-selector__inner {
  padding: 32px 0;
  width: 100%;
  max-height: 100%;
  overflow: auto;
  box-sizing: border-box;
}

.cmp-country-selector__container {
  padding: 0 16px;
  width: 100%;
}

.cmp-country-selector__top {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 32px;
  margin-bottom: 32px;
}

.cmp-country-selector__title {
  margin: 0;
  text-align: center;
  padding: 0 32px;
  font-size: 22px;
  line-height: 24px;
  color: var(--color-text-primary);
  font-family: var(--font-title);
  text-transform: var(--title-text-transform);
}

.cmp-country-selector__list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 24px;
}

.cmp-country-selector__close {
  position: fixed;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  mask: var(--ico-close) no-repeat 100% 100%;
  -webkit-mask: var(--ico-close) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--color-bg);
  border: 0;
  cursor: pointer;
  outline: inherit;
  border-radius: 50%;
  overflow: hidden;
}

.cmp-country-selector__close:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease;
  background-color: var(--color-text-primary);
}

.cmp-country-selector__close:hover:after {
  opacity: 0.7;
}

@media (min-width: 764px) {
  .cmp-country-selector__container {
    margin: 0 auto;
    max-width: 604px;
  }
  .cmp-country-selector__title {
    font-size: 24px;
    line-height: 32px;
    padding: 0;
  }
  .cmp-country-selector__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 48px;
  }
  .cmp-country-selector__close {
    top: 32px;
    right: 32px;
  }
}
@media (min-width: 1016px) {
  .cmp-country-selector {
    align-items: center;
  }
  .cmp-country-selector__container {
    max-width: 952px;
  }
  .cmp-country-selector__top {
    margin-bottom: 48px;
  }
  .cmp-country-selector__search {
    display: none;
  }
  .cmp-country-selector__list {
    grid-template-columns: repeat(4, 1fr);
    gap: 8px 24px;
  }
}
@media (min-width: 1436px) {
  .cmp-country-selector__container {
    max-width: 1320px;
  }
  .cmp-country-selector__title {
    font-size: 30px;
    line-height: 40px;
  }
  .cmp-country-selector__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.cmp-country-selector-item {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 0;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  cursor: default;
}

.cmp-country-selector-item__title {
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  color: var(--color-text-primary);
  font-family: var(--font-country);
  width: fit-content;
  padding-bottom: 8px;
}

.cmp-country-selector-item__title-link {
  color: var(--color-text-primary);
  text-decoration: none;
}

.cmp-country-selector-item__title-link:hover {
  color: var(--color-text-primary);
  text-decoration: none;
}

.cmp-country-selector-item__list {
  padding-left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 16px;
}

.cmp-country-selector-item__link {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-text-secondary);
  font-family: var(--font-lang);
  border-bottom: 1px solid transparent;
  transition: all 0.3s ease;
}

.cmp-country-selector-item__link:hover {
  color: var(--color-text-secondary);
  border-bottom-color: var(--color-text-secondary);
  text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
  .cmp-country-selector-item {
    padding: 8px;
  }
  .cmp-country-selector-item:hover {
    background-color: var(--color-hover);
  }
  .cmp-country-selector-item__title:hover + .cmp-country-selector-item__list:has(> :last-child:nth-child(1)) .cmp-country-selector-item {
    opacity: 1;
  }
  .cmp-country-selector-item__title:hover + .cmp-country-selector-item__list:has(> :last-child:nth-child(1)) .cmp-country-selector-item__link {
    color: var(--color-text-secondary);
    border-bottom-color: var(--color-text-secondary);
  }
  .cmp-country-selector__list:hover:has(.cmp-country-selector-item:hover) .cmp-country-selector-item:not(:hover) {
    opacity: 0.7;
  }
}
.cmp-country-selector .cmp-input-text.mod__search .cmp-input-text__group {
  position: relative;
  padding: 0;
}

.cmp-country-selector .cmp-input-text.mod__search .cmp-input-text__group:before {
  position: absolute;
  content: "";
  mask: var(--ico-search) no-repeat 100% 100%;
  -webkit-mask: var(--ico-search) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--color-text-secondary);
}

.cmp-country-selector .cmp-input-text.mod__search .cmp-input-text__input {
  color: var(--color-text-primary);
  padding-left: 32px;
}

.cmp-country-selector .cmp-input-text.mod__search .cmp-input-text__input::placeholder {
  color: var(--color-text-secondary);
  transition: all 0.3s ease;
}

.cmp-country-selector .cmp-input-text.mod__search .cmp-input-text__input:focus::placeholder {
  color: transparent;
}

.cmp-country-selector .cmp-input-text.mod__search .cmp-input-text__input::-webkit-search-cancel-button {
  appearance: none;
}

.cmp-country-selector .cmp-input-text.mod__search .cmp-input-text__input::-webkit-search-decoration, .cmp-country-selector .cmp-input-text.mod__search .cmp-input-text__input::-webkit-search-cancel-button, .cmp-country-selector .cmp-input-text.mod__search .cmp-input-text__input::-webkit-search-results-button, .cmp-country-selector .cmp-input-text.mod__search .cmp-input-text__input::-webkit-search-results-decoration {
  display: none;
}

.cmp-country-selector {
  height: 0;
  overflow: hidden;
  pointer-events: none;
  transition: height 0.4s ease;
}

.cmp-country-selector__top, .cmp-country-selector__close, .cmp-country-selector__list {
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

.cmp-country-selector.mod__is-active {
  pointer-events: auto;
  height: 100vh;
  overflow: auto;
}

.cmp-country-selector.mod__is-active .cmp-country-selector__top {
  transition-delay: 0.4s;
}

.cmp-country-selector.mod__is-active .cmp-country-selector__close, .cmp-country-selector.mod__is-active .cmp-country-selector__list {
  transition-delay: 0.5s;
}

.cmp-country-selector.mod__is-active .cmp-country-selector__top, .cmp-country-selector.mod__is-active .cmp-country-selector__close, .cmp-country-selector.mod__is-active .cmp-country-selector__list {
  opacity: 1;
}

@keyframes shine-skeleton-lines {
  0% {
    background-position: -100px;
  }
  40%, 100% {
    background-position: 600px;
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes rotateImageLoading {
  from {
    transform: translate(-50%, -50%) rotateY(0) scale(1.01);
  }
  to {
    transform: translate(-50%, -50%) rotateY(360deg) scale(1.01);
  }
}
.cmp-country-selector {
  --font-title:var(--dg-font-family-base);
  --font-country:var(--dg-font-family-base);
  --font-lang:var(--dg-font-family-base);
  --color-hover:var(--dg-color-bg-opacity-specific-hover,#fafafa 1);
  --color-text-primary:var(--dg-color-text-strong,#fafafa);
  --color-text-secondary:var(--dg-color-text-soft,#aeaeb7);
  --title-text-transform:uppercase;
}

.cmp-country-selector {
  pointer-events: auto;
}

.cmp-country-selector__inner {
  padding: 0;
}

.cmp-country-selector__container {
  padding: 0;
}

.cmp-country-selector__title {
  text-transform: uppercase;
  text-align: center;
  padding: 0;
}

.cmp-country-selector__top {
  opacity: 1;
  margin-bottom: 24px;
}

.cmp-country-selector__search ds-icon-button {
  display: none;
}

.cmp-country-selector__list {
  opacity: 1;
  gap: 12px;
}

@media (min-width: 480px) {
  .cmp-country-selector__title {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .cmp-country-selector__container {
    max-width: 100%;
  }
  .cmp-country-selector__list {
    gap: 8px 48px;
  }
}
@media (min-width: 1024px) {
  .cmp-country-selector__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px 24px;
  }
}
@media (min-width: 1440px) {
  .cmp-country-selector__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.cmp-country-selector-item {
  border-radius: 12px;
}

.cmp-country-selector-item__title {
  padding-bottom: 8px;
  font-size: var(--dg-font-size-body-l);
  line-height: var(--dg-font-height-body-l);
  letter-spacing: var(--dg-font-letter-spacing-m);
  font-weight: 400;
}

.cmp-country-selector-item__link {
  text-decoration: auto;
  font-size: var(--dg-font-size-body-l);
  line-height: var(--dg-font-height-body-l);
  letter-spacing: var(--dg-font-letter-spacing-m);
  font-weight: 400;
}

@media (min-width: 768px) {
  .cmp-country-selector-item__title {
    padding-bottom: 4px;
  }
  .cmp-country-selector-item__link {
    font-size: var(--dg-font-size-body-m);
    line-height: var(--dg-font-height-body-m);
  }
}
@media (min-width: 1024px) {
  .cmp-country-selector-item {
    padding: 8px var(--dg-spacing-m-1);
  }
}
@keyframes shine-skeleton-lines {
  0% {
    background-position: -100px;
  }
  40%, 100% {
    background-position: 600px;
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes rotateImageLoading {
  from {
    transform: translate(-50%, -50%) rotateY(0) scale(1.01);
  }
  to {
    transform: translate(-50%, -50%) rotateY(360deg) scale(1.01);
  }
}
.cmp-global-footer {
  --font-lang:var(--dg-font-family-base);
  --font-title:var(--dg-font-family-base);
  --font-primary-link:var(--dg-font-family-base);
  --font-base:var(--dg-font-family-base);
  --color-bg:transparent;
  --color-lang:var(--dg-button-text-color-text-pressed,#f9fafb);
  --color-title:var(--dg-color-field-text-selected,#fafafa);
  --color-arrow:var(--dg-color-field-text-selected,#fafafa);
  --color-primary-link:var(--dg-color-text-soft,#aeaeb7);
  --color-secondary-link:var(--dg-color-text-medium,#d3d6d9);
  --color-copyright:var(--dg-color-text-medium,#d3d6d9);
  --color-divider-3:var(--dg-color-divider-default,#fafafa 1 A);
  --ico-web:url("https://www.prod.websites.seat.cloud.vwgroup.com/icons/cupra-diagonal/globe.svg");
  --ico-arrow:url("https://www.prod.websites.seat.cloud.vwgroup.com/icons/cupra-diagonal/arrow-down.svg");
  --ico-facebook:url("https://www.prod.websites.seat.cloud.vwgroup.com/icons/cupra-diagonal/facebook.svg");
  --ico-linkedin:url("https://www.prod.websites.seat.cloud.vwgroup.com/icons/cupra-diagonal/linkedin.svg");
  --ico-youtube:url("https://www.prod.websites.seat.cloud.vwgroup.com/icons/cupra-diagonal/youtube.svg");
  --ico-instagram:url("https://www.prod.websites.seat.cloud.vwgroup.com/icons/cupra-diagonal/instagram.svg");
  --ico-whatsapp:url("https://www.prod.websites.seat.cloud.vwgroup.com/icons/cupra-diagonal/whatsapp.svg");
  --ico-twitter:url("https://www.prod.websites.seat.cloud.vwgroup.com/icons/cupra-diagonal/twitter.svg");
  --ico-vimeo:url("https://www.prod.websites.seat.cloud.vwgroup.com/icons/cupra-diagonal/vimeo.svg");
}

.cmp-global-footer-lang-options {
  margin: 0;
  gap: calc(var(--dg-spacing-m-2) * 2);
}

.cmp-global-footer-lang-options__item, .cmp-global-footer-lang-options__lang-item {
  font-size: var(--dg-font-size-body-m);
  line-height: var(--dg-font-height-body-m);
  font-weight: 500;
  letter-spacing: var(--dg-font-letter-spacing-m);
}

.cmp-global-footer-lang-options__item {
  padding: var(--dg-spacing-s-4) var(--dg-spacing-s-5);
  height: 30px;
}

.cmp-global-footer-lang-options__item + .cmp-global-footer-lang-options__item:before {
  background-color: var(--dg-color-divider-default, #fafafa 1 A);
  height: 24px;
}

.cmp-global-footer-lang-options .cmp-select {
  min-width: 150px;
}

.cmp-global-footer-lang-options .cmp-select:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  margin: 12px 0 0 calc(var(--dg-spacing-m-2) * -1);
  background-color: var(--dg-color-divider-default, #fafafa 1 A);
  height: 24px;
}

.cmp-global-footer-lang-options__link--ico, .cmp-global-footer-lang-options__link--flag {
  padding-left: calc(20px + var(--dg-spacing-s-3));
}

.cmp-global-footer-lang-options__link--ico:before {
  width: 16px;
  height: 16px;
}

.cmp-global-footer-lang-options__link--lang {
  padding: 0 28px 0 0;
}

@media (min-width: 768px) {
  .cmp-global-footer-lang-options {
    gap: calc(var(--dg-spacing-m-4) * 2);
  }
  .cmp-global-footer-lang-options__item {
    padding: var(--dg-spacing-s-5) var(--dg-spacing-m-1);
    height: 32px;
  }
  .cmp-global-footer-lang-options .cmp-select:before {
    margin: 12px 0 0 calc(var(--dg-spacing-m-4) * -1);
  }
  .cmp-global-footer-lang-options__link--ico, .cmp-global-footer-lang-options__link--flag {
    padding-left: calc(20px + var(--dg-spacing-s-4));
  }
  .cmp-global-footer-lang-options__link--ico:before {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1024px) {
  .cmp-global-footer-lang-options__item, .cmp-global-footer-lang-options__lang-item {
    font-size: var(--dg-font-size-body-l);
    line-height: var(--dg-font-height-body-l);
  }
  .cmp-global-footer-lang-options__item {
    padding: var(--dg-spacing-m-1) var(--dg-spacing-m-2);
    height: 48px;
  }
  .cmp-global-footer-lang-options__link--ico, .cmp-global-footer-lang-options__link--flag {
    padding-left: calc(24px + var(--dg-spacing-s-5));
  }
  .cmp-global-footer-lang-options__link--ico:before {
    width: 24px;
    height: 24px;
  }
}
.cmp-global-footer {
  padding: var(--dg-spacing-l-1) 0;
}

.cmp-global-footer__container {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  min-width: 320px;
  padding: 0 var(--dg-layout-margin);
}

.cmp-global-footer__content {
  padding-bottom: var(--dg-layout-margin);
}

.cmp-global-footer__main-menu {
  padding-top: var(--dg-layout-margin);
}

.cmp-global-footer__bottom {
  padding-top: var(--dg-spacing-l-1);
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--dg-spacing-l-1);
}

.cmp-global-footer__copyright {
  letter-spacing: var(--dg-font-letter-spacing-m);
}

.cmp-global-footer__copyright .cmp-text p {
  font-weight: 350;
  font-size: var(--dg-font-size-body-m);
  line-height: var(--dg-font-height-body-m);
}

.cmp-global-footer__copyright .cmp-text p > a {
  text-decoration: underline;
}

@media (min-width: 1024px) {
  .cmp-global-footer {
    padding: var(--dg-spacing-l-3) 0;
  }
  .cmp-global-footer__content {
    padding-bottom: var(--dg-spacing-l-3);
  }
  .cmp-global-footer__main-menu {
    padding-top: var(--dg-spacing-l-3);
  }
  .cmp-global-footer__main-menu > .aem-Grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--dg-layout-gutter);
  }
  .cmp-global-footer__bottom {
    padding-top: var(--dg-spacing-l-3);
  }
  .cmp-global-footer__bottom:before {
    margin-top: -48px;
  }
}
@media (min-width: 1440px) {
  .cmp-global-footer__main-menu {
    padding-top: var(--dg-spacing-l-4);
  }
}
.cmp-global-footer-primary-links {
  padding: 0;
  border: unset;
  cursor: pointer;
}

.cmp-global-footer-primary-links:before, .cmp-global-footer-primary-links:last-of-type:after {
  position: absolute;
  content: "";
  width: calc(100% - 32px);
  height: 1px;
  background: var(--dg-gradient-bg-divider, linear-gradient(90deg, var(--dg-global-opacity-white-30) 40%, var(--dg-global-opacity-grey-00) 100%));
}

.cmp-global-footer-primary-links:first-of-type {
  border: unset;
}

.cmp-global-footer-primary-links__title {
  padding: var(--dg-spacing-s-5);
  height: auto;
  min-height: 40px;
  align-content: center;
  letter-spacing: var(--dg-font-letter-spacing-m);
}

.cmp-global-footer-primary-links__title .cmp-title__text {
  font-size: var(--dg-font-size-body-m);
  line-height: var(--dg-font-height-body-m);
  margin: 0;
}

.cmp-global-footer-primary-links__title:after {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  right: var(--dg-spacing-s-5);
}

.cmp-global-footer-primary-links__list {
  padding: 0 var(--dg-spacing-m-1) calc(var(--dg-spacing-s-5) + 8px);
  margin: 0;
}

.cmp-global-footer-primary-links__item {
  height: auto;
  min-height: 40px;
  align-content: center;
}

.cmp-global-footer-primary-links__link {
  padding-left: 0;
  font-size: var(--dg-font-size-body-m);
  line-height: var(--dg-font-height-body-m);
  letter-spacing: var(--dg-font-letter-spacing-m);
}

.cmp-global-footer-primary-links.mod__collapsed {
  padding-top: 0;
}

.cmp-global-footer-primary-links.mod__collapsed .cmp-global-footer-primary-links__list {
  padding-top: 0;
  padding-bottom: 0;
}

@media (min-width: 480px) {
  .cmp-global-footer-primary-links:before, .cmp-global-footer-primary-links:last-of-type:after {
    width: calc(100% - 48px);
    height: 1px;
  }
}
@media (min-width: 768px) {
  .cmp-global-footer-primary-links:before, .cmp-global-footer-primary-links:last-of-type:after {
    width: calc(100% - 64px);
    height: 1px;
  }
  .cmp-global-footer-primary-links__title {
    padding: var(--dg-spacing-m-1) 16px;
    min-height: 48px;
  }
  .cmp-global-footer-primary-links__title .cmp-title__text {
    font-size: var(--dg-font-size-body-l);
    line-height: var(--dg-font-height-body-l);
    margin: 0;
  }
  .cmp-global-footer-primary-links__title:after {
    width: 24px;
    height: 24px;
    right: 16px;
  }
  .cmp-global-footer-primary-links__list {
    padding: 0 var(--dg-spacing-m-4) calc(var(--dg-spacing-m-1) + 12px);
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: var(--dg-spacing-m-2);
  }
  .cmp-global-footer-primary-links__item {
    min-height: 48px;
  }
  .cmp-global-footer-primary-links__link {
    font-size: var(--dg-font-size-body-l);
    line-height: var(--dg-font-height-body-l);
  }
}
@media (min-width: 1024px) {
  .cmp-global-footer-primary-links {
    cursor: initial;
  }
  .cmp-global-footer-primary-links:before, .cmp-global-footer-primary-links:last-of-type:after {
    display: none;
  }
  .cmp-global-footer-primary-links__title {
    padding: 0;
    min-height: unset;
  }
  .cmp-global-footer-primary-links__title .cmp-title__text {
    font-weight: 500;
    font-size: var(--dg-font-size-body-m);
    line-height: var(--dg-font-height-body-m);
    margin: 0;
  }
  .cmp-global-footer-primary-links__list {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: var(--dg-spacing-m-3);
  }
  .cmp-global-footer-primary-links__item {
    min-height: unset;
  }
  .cmp-global-footer-primary-links__link {
    font-size: var(--dg-font-size-body-s);
    line-height: var(--dg-font-height-body-s);
  }
}
@media (min-width: 1440px) {
  .cmp-global-footer-primary-links__link {
    font-size: var(--dg-font-size-body-m);
    line-height: var(--dg-font-height-body-m);
  }
}
.cmp-global-footer-secondary-links {
  gap: var(--dg-spacing-m-1);
}

.cmp-global-footer-secondary-links__link {
  font-size: var(--dg-font-size-body-m);
  line-height: var(--dg-font-height-body-m);
  font-weight: 350;
  letter-spacing: var(--dg-font-letter-spacing-m);
}

@media (min-width: 768px) {
  .cmp-global-footer-secondary-links {
    gap: 12px calc(var(--dg-spacing-m-1) * 2);
    padding: 0;
  }
  .cmp-global-footer-secondary-links__item {
    position: relative;
  }
  .cmp-global-footer-secondary-links__item:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    right: -12px;
    background: var(--dg-color-divider-default, #fafafa 1 A);
  }
  .cmp-global-footer-secondary-links__item:last-child:before {
    content: none;
  }
}
@media (min-width: 1024px) {
  .cmp-global-footer-secondary-links {
    gap: calc(var(--dg-spacing-m-2) * 2);
  }
  .cmp-global-footer-secondary-links__item:before {
    right: -16px;
  }
}
.cmp-prefooter {
  display: none;
}

@keyframes shine-skeleton-lines {
  0% {
    background-position: -100px;
  }
  40%, 100% {
    background-position: 600px;
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes rotateImageLoading {
  from {
    transform: translate(-50%, -50%) rotateY(0) scale(1.01);
  }
  to {
    transform: translate(-50%, -50%) rotateY(360deg) scale(1.01);
  }
}
.cmp-global-top {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: transparent;
  height: 72px;
  z-index: 2;
}

.cmp-global-top__container {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  min-width: 320px;
  padding: 0 var(--dg-layout-margin);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cmp-global-top__logo {
  width: 56px;
  height: 40px;
  overflow: hidden;
}

.cmp-global-top__logo img {
  max-inline-size: fit-content;
}

.cmp-global-top__actions {
  display: flex;
  align-items: center;
  gap: var(--dg-layout-gutter);
}

.cmp-global-top__ctas, .cmp-global-top__links {
  display: none;
}

.cmp-global-top__menu {
  border-left: 1px solid var(--dg-color-divider-default, #fafafa 1 A);
  padding-left: var(--dg-spacing-s-5);
}

@media (min-width: 768px) {
  .cmp-global-top {
    height: 88px;
  }
  .cmp-global-top__logo {
    width: 232px;
    height: 40px;
  }
}
@media (min-width: 1024px) {
  .cmp-global-top {
    height: 96px;
  }
  .cmp-global-top__logo {
    width: 232px;
    height: 40px;
  }
  .cmp-global-top__ctas, .cmp-global-top__links {
    display: flex;
    gap: var(--dg-spacing-m-2);
  }
}
@media (min-width: 1440px) {
  .cmp-global-top__logo {
    width: 284px;
    height: 48px;
  }
}
.cmp-global-navigation {
  position: fixed;
  width: 100%;
  height: 100%;
  top: -9999px;
  opacity: 0;
  transition: opacity 0.25s ease, pointer-events 0 ease 0.25s;
  z-index: 1;
  padding: 60px 0 0;
}

.cmp-global-navigation__container {
  margin: 12px 8px;
  padding: 24px 8px;
  background: var(--dg-color-bg-opacity-generic-strong, #fafafa 1 A);
  border: 1px solid var(--dg-color-border-soft, #fafafa 1 A);
  border-radius: var(--dg-border-radius-m, 12px);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  height: calc(100% - 24px);
}

.cmp-global-navigation__container.mod__change-items-height .cmp-global-navigation__items {
  height: calc(100% - (32px + var(--dg-spacing-m-3)));
}

.cmp-global-navigation__items {
  display: none;
  height: calc(100% - (88px + var(--dg-spacing-m-3)));
  overflow: hidden scroll;
  transition: all 0.3s ease;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.cmp-global-navigation__items.mod__active {
  display: block;
}

.cmp-global-navigation__items:nth-child(1) {
  flex-direction: column;
  gap: var(--dg-spacing-m-4);
}

.cmp-global-navigation__items:nth-child(1) .title {
  display: none;
}

.cmp-global-navigation__items:nth-child(1).mod__active {
  display: flex;
}

.cmp-global-navigation__items:nth-child(1).mod__active .cmp-global-navigation__content, .cmp-global-navigation__items:nth-child(1).mod__active .cmp-navigation-models {
  display: none;
}

.cmp-global-navigation__links {
  position: relative;
  padding: 24px 0 0;
  display: flex;
  flex-direction: column;
  gap: var(--dg-spacing-m-2);
}

.cmp-global-navigation__links:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 0;
  background: var(--dg-gradient-bg-divider, linear-gradient(90deg, var(--dg-global-opacity-white-30) 40%, var(--dg-global-opacity-grey-00) 100%));
}

.cmp-global-navigation__item {
  position: relative;
  transition: all 0.3s ease;
  cursor: pointer;
}

.cmp-global-navigation__item.mod__active {
  cursor: pointer;
}

.cmp-global-navigation__name, .cmp-global-navigation__sub-name, .cmp-global-navigation__links-item, .cmp-global-navigation .cmp-link__text, .cmp-global-navigation__back-cta, .cmp-global-navigation .cmp-title__text {
  color: var(--dg-color-text-strong, #fafafa);
  font-weight: 400;
  font-size: var(--dg-font-size-body-m);
  line-height: var(--dg-font-height-body-m);
  letter-spacing: var(--dg-font-letter-spacing-m);
  cursor: pointer;
  transition: all 0.3s ease;
}

.cmp-global-navigation__name:after, .cmp-global-navigation__sub-name:after, .cmp-global-navigation__links-item:after, .cmp-global-navigation .cmp-link__text:after, .cmp-global-navigation__back-cta:after, .cmp-global-navigation .cmp-title__text:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  mask: url("https://www.prod.websites.seat.cloud.vwgroup.com/icons/cupra-diagonal/arrow-up.svg") no-repeat 100% 100%;
  -webkit-mask: url("https://www.prod.websites.seat.cloud.vwgroup.com/icons/cupra-diagonal/arrow-up.svg") no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--dg-color-text-strong, #fafafa);
  cursor: pointer;
  transform: rotate(90deg) translateX(-50%);
  right: 0;
  top: 50%;
}

.cmp-global-navigation__name.mod__active, .cmp-global-navigation__sub-name.mod__active, .cmp-global-navigation__links-item.mod__active, .cmp-global-navigation .cmp-link__text.mod__active, .cmp-global-navigation__back-cta.mod__active, .cmp-global-navigation .cmp-title__text.mod__active {
  cursor: pointer;
}

.cmp-global-navigation .cmp-title__text {
  text-transform: uppercase;
  cursor: initial;
}

.cmp-global-navigation__links-item, .cmp-global-navigation .cmp-link__text {
  font-weight: 350;
}

.cmp-global-navigation__links-item:after, .cmp-global-navigation .cmp-link__text:after {
  display: none;
}

.cmp-global-navigation__links-item {
  width: fit-content;
}

.cmp-global-navigation__items > .cta .cmp-link__text {
  font-weight: 400;
}

.cmp-global-navigation__sub-items {
  cursor: pointer;
}

.cmp-global-navigation__back-cta {
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 700;
  padding: 0 0 0 calc(var(--dg-spacing-s-5) + 20px);
  cursor: pointer;
  transition: all 0.3s ease;
}

.cmp-global-navigation__back-cta:after {
  display: none;
}

.cmp-global-navigation__back-cta:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  mask: url("../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-arrow-top.svg") no-repeat 100% 100%;
  -webkit-mask: url("../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-arrow-top.svg") no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--dg-color-text-strong, #fafafa);
  cursor: pointer;
  transform: rotate(271deg);
  left: 0;
}

.cmp-global-navigation .cmp-title__text {
  font-weight: 350;
  color: var(--dg-color-text-soft, #aeaeb7);
}

.cmp-global-navigation .cmp-title__text:after, .cmp-global-navigation .cmp-title__text:before {
  display: none;
}

.cmp-global-navigation__content, .cmp-global-navigation__sub-content {
  display: flex;
  flex-direction: column;
  gap: var(--dg-spacing-m-3);
  margin: var(--dg-spacing-m-4) 0 0;
}

.cmp-global-navigation__content .cmp-link__text, .cmp-global-navigation__sub-content .cmp-link__text {
  font-weight: 400;
}

.cmp-global-navigation__content > .title:not(:first-of-type), .cmp-global-navigation__sub-content > .title:not(:first-of-type) {
  margin: 8px 0 0;
}

.cmp-global-navigation__items:nth-child(2) {
  margin-left: calc(100% + 32px);
}

.cmp-global-navigation__items:nth-child(2).mod__active {
  margin-left: 0;
}

.cmp-global-navigation__items:nth-child(2).mod__active .cmp-global-navigation__content {
  display: flex;
}

.cmp-global-navigation__items:nth-child(2).mod__active .cmp-global-navigation__sub-content {
  display: none;
}

.cmp-global-navigation__items:nth-child(2).mod__active .cmp-navigation-models {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 16px;
  margin: var(--dg-spacing-s-5) 0 0 0 0;
}

.cmp-global-navigation__ctas {
  position: fixed;
  bottom: 16px;
  left: 8px;
  display: flex;
  flex-direction: column;
  gap: var(--dg-spacing-m-2, 16px);
  width: calc(100% - 16px);
}

@media (min-width: 768px) {
  .cmp-global-navigation__container {
    margin: 12px 16px;
    padding: 24px 16px;
  }
  .cmp-global-navigation__container.mod__full {
    display: flex;
  }
  .cmp-global-navigation__container.mod__navigation-models .cmp-global-navigation__items:nth-child(2) {
    width: 100%;
  }
  .cmp-global-navigation__container.mod__navigation-models .cmp-global-navigation__items:nth-child(2) .cmp-navigation-models {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .cmp-global-navigation__items {
    height: calc(100% - (32px + var(--dg-spacing-m-3)));
  }
  .cmp-global-navigation__sub-name.mod__active {
    font-weight: 500;
  }
  .cmp-global-navigation__sub-content {
    margin: 8px 0 0 var(--dg-spacing-m-2);
  }
  .cmp-global-navigation__content > .title:not(:first-of-type), .cmp-global-navigation__sub-content > .title:not(:first-of-type) {
    margin: 20px 0 0;
  }
  .cmp-global-navigation__items:nth-child(2) {
    width: calc(50% - var(--dg-spacing-m-2, 16px));
  }
  .cmp-global-navigation__items:nth-child(3) {
    width: 50%;
    padding: 0 0 0 var(--dg-spacing-m-2);
  }
  .cmp-global-navigation__items:nth-child(3):before {
    position: absolute;
    content: "";
    width: 1px;
    height: calc(100% - 132px);
    background: linear-gradient(180deg, var(--dg-global-opacity-white-30) 40%, var(--dg-global-opacity-grey-00, #c3c3cb 0) 100%);
  }
  .cmp-global-navigation__items:nth-child(3) .cmp-global-navigation__back-cta {
    display: none;
  }
  .cmp-global-navigation__ctas {
    flex-direction: row;
    left: 16px;
    width: calc(100% - 32px);
  }
  .cmp-global-navigation__ctas > * {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .cmp-global-navigation {
    padding: 96px 0 0 0;
  }
  .cmp-global-navigation__container, .cmp-global-navigation .mod__full {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 16px;
    max-height: 700px;
  }
  .cmp-global-navigation__container.mod__navigation-models {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
  .cmp-global-navigation__items {
    height: auto;
  }
  .cmp-global-navigation__sub-items {
    cursor: auto;
  }
  .cmp-global-navigation__items:nth-child(1) {
    gap: var(--dg-spacing-s-5);
  }
  .cmp-global-navigation__items:nth-child(1) > li:nth-last-child(2) {
    margin: 0 0 8px;
  }
  .cmp-global-navigation__links {
    padding: 24px 0 0 var(--dg-spacing-m-1);
  }
  .cmp-global-navigation__links-item {
    color: var(--dg-color-text-medium, #d3d6d9);
  }
  .cmp-global-navigation__item {
    width: fit-content;
    padding: var(--dg-spacing-s-5) var(--dg-spacing-m-1);
    border-radius: var(--dg-border-radius-m, 12px);
    border: 1px solid transparent;
  }
  .cmp-global-navigation__item.mod__active, .cmp-global-navigation__item.mod__active:hover {
    border-color: var(--dg-color-border-strong, #4dfafa FA);
    background: var(--dg-color-bg-opacity-specific-selected, #fafafa 26);
  }
  .cmp-global-navigation__item:hover {
    border-radius: var(--dg-border-radius-m, 12px);
    background: var(--dg-color-bg-opacity-specific-hover, #fafafa 1);
  }
  .cmp-global-navigation__items > .cta {
    width: fit-content;
    padding: var(--dg-spacing-s-5) var(--dg-spacing-m-1);
  }
  .cmp-global-navigation__items > .cta:hover {
    border-radius: var(--dg-border-radius-m, 12px);
    background: var(--dg-color-bg-opacity-specific-hover, #fafafa 1);
  }
  .cmp-global-navigation__items > .cta .cmp-link__text {
    color: var(--dg-color-text-strong, #fafafa);
  }
  .cmp-global-navigation__items > .cta .cmp-link__text:hover {
    color: var(--dg-color-text-strong, #fafafa);
  }
  .cmp-global-navigation__name:after {
    display: none;
  }
  .cmp-global-navigation__sub-name, .cmp-global-navigation .cmp-link__text, .cmp-global-navigation__links-item {
    color: var(--dg-color-text-medium, #d3d6d9);
  }
  .cmp-global-navigation__sub-name.mod__active, .cmp-global-navigation .cmp-link__text.mod__active, .cmp-global-navigation__links-item.mod__active {
    color: var(--dg-color-text-strong, #fafafa);
  }
  .cmp-global-navigation__sub-name:hover, .cmp-global-navigation .cmp-link__text:hover, .cmp-global-navigation__links-item:hover {
    color: var(--dg-color-text-soft, #aeaeb7);
  }
  .cmp-global-navigation__sub-name:after {
    margin-left: 4px;
    right: initial;
  }
  .cmp-global-navigation .cmp-global-navigation__back-cta {
    display: none;
  }
  .cmp-global-navigation__content, .cmp-global-navigation__sub-content {
    margin: 8px 0 0 16px;
    gap: var(--dg-spacing-m-2);
  }
  .cmp-global-navigation__sub-content .cmp-link__text {
    color: var(--dg-color-text-strong, #fafafa);
  }
  .cmp-global-navigation__items:nth-child(2).mod__active .cmp-navigation-models {
    gap: 24px 20px;
  }
  .cmp-global-navigation__items:nth-child(2), .cmp-global-navigation__items:nth-child(3) {
    width: 100%;
    padding: 0 0 0 16px;
  }
  .cmp-global-navigation__items:nth-child(2):before, .cmp-global-navigation__items:nth-child(3):before {
    position: absolute;
    content: "";
    width: 1px;
    height: calc(100% - 48px);
    background: linear-gradient(180deg, var(--dg-global-opacity-white-30) 40%, var(--dg-global-opacity-grey-00, #c3c3cb 0) 100%);
  }
  .cmp-global-navigation__ctas {
    display: none;
  }
}
@media (min-width: 1440px) {
  .cmp-global-navigation__container, .cmp-global-navigation .mod__full {
    margin: 16px 40px;
  }
  .cmp-global-navigation__container.mod__navigation-models .cmp-global-navigation__items:nth-child(2) .cmp-navigation-models, .cmp-global-navigation .mod__full.mod__navigation-models .cmp-global-navigation__items:nth-child(2) .cmp-navigation-models {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .cmp-global-navigation__items:nth-child(1) {
    gap: 16px;
  }
  .cmp-global-navigation__name, .cmp-global-navigation__sub-name, .cmp-global-navigation__content .cmp-link__text, .cmp-global-navigation__sub-content .cmp-link__text, .cmp-global-navigation__items > .cta .cmp-link__text {
    font-size: var(--dg-font-size-body-l);
    line-height: var(--dg-font-height-body-l);
  }
}
@media (min-width: 1920px) {
  .cmp-global-navigation__container {
    max-width: 1920px;
    margin: 16px auto;
  }
  .cmp-global-navigation__container.mod__navigation-models, .cmp-global-navigation__container.mod__full {
    margin: 16px auto;
  }
}
.cmp-navigation-model {
  padding: 8px 0;
  transition: all 0.3s ease;
  cursor: pointer;
  border-radius: var(--dg-border-radius-l, 20px);
}

.cmp-navigation-model:hover {
  background: var(--dg-color-bg-opacity-specific-hover, #fafafa 1);
}

.cmp-navigation-model__image {
  width: 100%;
}

.cmp-navigation-model__pretitle, .cmp-navigation-model__title {
  font-weight: 350;
  color: var(--dg-color-text-strong, #fafafa);
  font-size: var(--dg-font-size-body-m);
  line-height: var(--dg-font-height-body-m);
  letter-spacing: var(--dg-font-letter-spacing-m);
}

.cmp-navigation-model__title {
  font-weight: 500;
}

.cmp-navigation-model__link {
  text-align: center;
}

.cmp-hamburger-button {
  display: block;
  cursor: pointer;
}

.cmp-hamburger-button__box {
  background-color: transparent;
  width: 40px;
  height: 40px;
  display: block;
  position: relative;
}

.cmp-hamburger-button__inner, .cmp-hamburger-button__inner:before, .cmp-hamburger-button__inner:after {
  display: block;
  position: absolute;
  width: 16px;
  height: 1px;
  background-color: var(--dg-global-color-neutral-10, #fafafa);
}

.cmp-hamburger-button__inner {
  top: 50%;
  left: 50%;
  margin-left: -8px;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.cmp-hamburger-button__inner:before {
  content: "";
  top: -5px;
  transition: top 0.25s 0.12s ease-out, opacity 0.25s ease-out;
}

.cmp-hamburger-button__inner:after {
  content: "";
  bottom: -5px;
  transition: bottom 0.25s 0.12s ease, transform 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.cmp-global-header.is-open .cmp-hamburger-button__inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.cmp-global-header.is-open .cmp-hamburger-button__inner:before {
  top: 0;
  opacity: 0;
  transition: top 0.25s ease-out, opacity 0.25s 0.12s ease-out;
}

.cmp-global-header.is-open .cmp-hamburger-button__inner:after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.25s ease-out, transform 0.25s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (min-width: 1024px) {
  .cmp-hamburger-button__box {
    width: 48px;
    height: 48px;
  }
  .cmp-hamburger-button__inner, .cmp-hamburger-button__inner:before, .cmp-hamburger-button__inner:after {
    width: 20px;
    height: 1px;
  }
  .cmp-hamburger-button__inner {
    margin-left: -10px;
  }
}
.cmp-global-header {
  position: relative;
  width: 100%;
}

.cmp-global-header:before, .cmp-global-header:after {
  top: 0;
  position: absolute;
  content: "";
  width: 100%;
  height: 72px;
  opacity: 0;
  transition: opacity 0.3s ease !important;
}

.cmp-global-header:before {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  opacity: 0;
  transition: opacity 0.3s ease !important;
}

.cmp-global-header:after {
  background: rgba(9, 9, 11, 0.3);
}

.cmp-global-header.stickyManager__sticky-visible:before, .cmp-global-header.stickyManager__sticky-visible:after {
  opacity: 1;
}

.cmp-global-header.is-open:before, .cmp-global-header.is-open:after {
  position: fixed;
  opacity: 1;
  height: 100%;
}

.cmp-global-header.is-open .cmp-global-navigation {
  opacity: 1;
  top: 0;
}

@media (min-width: 768px) {
  .cmp-global-header:before, .cmp-global-header:after {
    height: 88px;
  }
}
@media (min-width: 1024px) {
  .cmp-global-header:before, .cmp-global-header:after {
    height: 96px;
  }
}
body.zenit .cmp-global-top__ctas {
  display: none;
}

#INDmenu-btn {
  display: none !important;
}

@keyframes shine-skeleton-lines {
  0% {
    background-position: -100px;
  }
  40%, 100% {
    background-position: 600px;
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes rotateImageLoading {
  from {
    transform: translate(-50%, -50%) rotateY(0) scale(1.01);
  }
  to {
    transform: translate(-50%, -50%) rotateY(360deg) scale(1.01);
  }
}
*:where(.container-body :not(iframe, canvas, img, svg, video, audio):not(svg *, symbol *):not(.ds-cmp, .ds-cmp *)), *:where(.iparys_inherited > .header :not(iframe, canvas, img, svg, video, audio):not(svg *, symbol *):not(.ds-cmp, .ds-cmp *)), *:where(.header.base-container.base :not(iframe, canvas, img, svg, video, audio):not(svg *, symbol *):not(.ds-cmp, .ds-cmp *)), *:where(.iparys_inherited > .footer :not(iframe, canvas, img, svg, video, audio):not(svg *, symbol *):not(.ds-cmp, .ds-cmp *)), *:where(.footer.base-container.base :not(iframe, canvas, img, svg, video, audio):not(svg *, symbol *):not(.ds-cmp, .ds-cmp *)) {
  all: unset;
  display: revert;
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

body {
  margin: 0;
}

a, button {
  cursor: revert;
}

.ds-cmp a, .ds-cmp button {
  cursor: revert-layer;
}

ol, ul, menu, summary {
  list-style: none;
}

ol {
  counter-reset: revert;
}

img {
  max-inline-size: 100%;
  max-block-size: 100%;
}

table {
  border-collapse: collapse;
}

input, textarea {
  -webkit-user-select: auto;
}

textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  appearance: revert;
}

:where(pre) {
  all: revert;
  box-sizing: border-box;
}

::placeholder {
  color: unset;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
  box-sizing: border-box;
}

::-webkit-details-marker {
  display: none;
}

html, body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  display: grid;
}

body {
  background-color: var(--dg-global-color-neutral-150, #09090b);
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  font-family: var(--dg-font-family-base) !important;
  font-size: 16px;
  line-height: 1.5;
  color: var(--dg-global-color-neutral-10, #fafafa);
  grid-template-rows: auto 1fr auto;
}

body.is-scroll-locked {
  position: fixed;
  width: 100%;
  overflow: hidden;
}

.mod__hidden {
  display: none !important;
}

.mod__active {
  opacity: 1;
  cursor: auto;
}

.mod__disabled {
  opacity: 0.5;
  pointer-events: none;
}

.mod__no-opacity {
  pointer-events: none;
  opacity: 0;
  cursor: auto;
}

.ghost {
  display: none;
}

.container-body {
  margin-top: -72px;
}

body.has-topbar-country-selector .container-body {
  margin-top: -196px;
}

@media (min-width: 480px) {
  body.has-topbar-country-selector .container-body {
    margin-top: -180px;
  }
}
@media (min-width: 768px) {
  .container-body {
    margin-top: -88px;
  }
  body.has-topbar-country-selector .container-body {
    margin-top: -160px;
  }
}
@media (min-width: 1024px) {
  .container-body {
    margin-top: -96px;
  }
  body.has-topbar-country-selector .container-body {
    margin-top: -168px;
  }
}
.cmp-autonomy-calculator, .cmp-cost-savings-calculator, .cmp-ev-charging-calculator, .cmp-charging-recommender, .cmp-feature-hub-integrator, .cmp-trim-range, .cmp-car-range, .cmp-trimgrid, .cmp-accordion, .simple-info:has(+ .charger-finder), .charger-finder, .side-modal-component-wrapper, .top-modal-component-wrapper {
  display: none;
}

.ds-bg {
  background-color: var(--dg-color-bg-base);
  background-repeat: repeat-y;
  background-size: 100% auto;
}

@media (min-width: 0px) {
  .ds-bg {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/default-xs.svg);
    background-position: 0 0;
  }
  .ds-bg.ds-bg--leon {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/leon-xs.svg);
  }
  .ds-bg.ds-bg--formentor {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/formentor-xs.svg);
  }
  .ds-bg.ds-bg--terramar {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/terramar-xs.svg);
  }
  .ds-bg.ds-bg--ateca {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/ateca-xs.svg);
  }
  .ds-bg.ds-bg--born {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/born-xs.svg);
  }
  .ds-bg.ds-bg--tavascan {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/tavascan-xs.svg);
  }
}
@media (min-width: 480px) {
  .ds-bg {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/default-s.svg);
  }
  .ds-bg.ds-bg--leon {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/leon-s.svg);
  }
  .ds-bg.ds-bg--formentor {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/formentor-s.svg);
  }
  .ds-bg.ds-bg--terramar {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/terramar-s.svg);
  }
  .ds-bg.ds-bg--ateca {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/ateca-s.svg);
  }
  .ds-bg.ds-bg--born {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/born-s.svg);
  }
  .ds-bg.ds-bg--tavascan {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/tavascan-s.svg);
  }
}
@media (min-width: 768px) {
  .ds-bg {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/default-m.svg);
    background-position: left -21.125rem;
  }
  .ds-bg.ds-bg--leon {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/leon-m.svg);
  }
  .ds-bg.ds-bg--formentor {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/formentor-m.svg);
  }
  .ds-bg.ds-bg--terramar {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/terramar-m.svg);
  }
  .ds-bg.ds-bg--ateca {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/ateca-m.svg);
  }
  .ds-bg.ds-bg--born {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/born-m.svg);
  }
  .ds-bg.ds-bg--tavascan {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/tavascan-m.svg);
  }
}
@media (min-width: 1024px) {
  .ds-bg {
    background-image: none;
  }
  .ds-bg.ds-bg--leon {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/leon-l.svg);
  }
  .ds-bg.ds-bg--formentor {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/formentor-l.svg);
  }
  .ds-bg.ds-bg--terramar {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/terramar-l.svg);
  }
  .ds-bg.ds-bg--ateca {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/ateca-l.svg);
  }
  .ds-bg.ds-bg--born {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/born-l.svg);
  }
  .ds-bg.ds-bg--tavascan {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/tavascan-l.svg);
  }
}
@media (min-width: 1440px) {
  .ds-bg {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/default-xl.svg);
    background-position: left -37.1875rem;
  }
  .ds-bg.ds-bg--leon {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/leon-xl.svg);
  }
  .ds-bg.ds-bg--formentor {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/formentor-xl.svg);
  }
  .ds-bg.ds-bg--terramar {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/terramar-xl.svg);
  }
  .ds-bg.ds-bg--ateca {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/ateca-xl.svg);
  }
  .ds-bg.ds-bg--born {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/born-xl.svg);
  }
  .ds-bg.ds-bg--tavascan {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/tavascan-xl.svg);
  }
}
@media (min-width: 1920px) {
  .ds-bg {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/default-xxl.svg);
  }
  .ds-bg.ds-bg--leon {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/leon-xxl.svg);
  }
  .ds-bg.ds-bg--formentor {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/formentor-xxl.svg);
  }
  .ds-bg.ds-bg--terramar {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/terramar-xxl.svg);
  }
  .ds-bg.ds-bg--ateca {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/ateca-xxl.svg);
  }
  .ds-bg.ds-bg--born {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/born-xxl.svg);
  }
  .ds-bg.ds-bg--tavascan {
    background-image: url(https://www.prod.websites.seat.cloud.vwgroup.com/backgrounds/cupra-diagonal/tavascan-xxl.svg);
  }
}
:root {
  --dg-font-currency-family:"cupra-screen";
  --dg-font-currency-style:normal;
  --dg-font-currency-letter-spacing:0.5px;
  --dg-font-currency-colossal-size:4rem;
  --dg-font-currency-huge-size:3rem;
  --dg-font-currency-big-size:2.5rem;
  --dg-font-currency-large-size:2rem;
  --dg-font-currency-medium-size:1.5rem;
  --dg-font-currency-small-size:1.125rem;
  --dg-font-currency-tiny-size:1rem;
  --dg-font-currency-micro-size:0.875rem;
  --dg-font-currency-nano-size:0.75rem;
  --dg-font-currency-colossal-line-height:5rem;
  --dg-font-currency-huge-line-height:3.5rem;
  --dg-font-currency-big-line-height:3rem;
  --dg-font-currency-large-line-height:2.5rem;
  --dg-font-currency-medium-line-height:2rem;
  --dg-font-currency-small-line-height:1.625rem;
  --dg-font-currency-tiny-line-height:1.5rem;
  --dg-font-currency-micro-line-height:1.25rem;
  --dg-font-currency-nano-line-height:1rem;
  --dg-font-currency-regular-weight:400;
  --dg-font-currency-light-weight:300;
  --dg-font-currency-book-weight:350;
  --dg-font-currency-medium-weight:500;
  --dg-button-bg-color-action-default:var(--dg-global-opacity-black-30);
  --dg-button-bg-color-action-disabled:var(--dg-global-opacity-black-30);
  --dg-button-bg-color-action-focus:var(--dg-global-opacity-grey-05);
  --dg-button-bg-color-action-hover:var(--dg-global-opacity-grey-05);
  --dg-button-bg-color-action-pressed:var(--dg-global-opacity-grey-10);
  --dg-button-bg-color-action-processing:var(--dg-global-opacity-grey-05);
  --dg-button-bg-color-action-destructive-default:var(--dg-global-opacity-black-30);
  --dg-button-bg-color-action-destructive-disabled:var(--dg-global-opacity-black-30);
  --dg-button-bg-color-action-destructive-focus:var(--dg-global-opacity-grey-05);
  --dg-button-bg-color-action-destructive-hover:var(--dg-global-opacity-grey-05);
  --dg-button-bg-color-action-destructive-pressed:var(--dg-global-opacity-grey-10);
  --dg-button-bg-color-action-destructive-processing:var(--dg-global-opacity-grey-05);
  --dg-button-bg-color-primary-default:var(--dg-global-color-neutral-10);
  --dg-button-bg-color-primary-disabled:var(--dg-global-color-neutral-110);
  --dg-button-bg-color-primary-focus:var(--dg-global-color-neutral-40);
  --dg-button-bg-color-primary-hover:var(--dg-global-color-neutral-40);
  --dg-button-bg-color-primary-pressed:var(--dg-global-color-neutral-60);
  --dg-button-bg-color-primary-processing:var(--dg-global-color-neutral-40);
  --dg-button-bg-color-primary-destructive-default:var(--dg-global-color-red-60);
  --dg-button-bg-color-primary-destructive-disabled:var(--dg-global-color-neutral-110);
  --dg-button-bg-color-primary-destructive-focus:var(--dg-global-color-red-70);
  --dg-button-bg-color-primary-destructive-hover:var(--dg-global-color-red-70);
  --dg-button-bg-color-primary-destructive-pressed:var(--dg-global-color-red-80);
  --dg-button-bg-color-primary-destructive-processing:var(--dg-global-color-red-70);
  --dg-button-bg-color-secondary-default:var(--dg-global-opacity-black-30);
  --dg-button-bg-color-secondary-disabled:var(--dg-global-opacity-black-30);
  --dg-button-bg-color-secondary-focus:var(--dg-global-opacity-grey-05);
  --dg-button-bg-color-secondary-hover:var(--dg-global-opacity-grey-05);
  --dg-button-bg-color-secondary-pressed:var(--dg-global-opacity-grey-10);
  --dg-button-bg-color-secondary-processing:var(--dg-global-opacity-grey-05);
  --dg-button-bg-color-secondary-destructive-default:var(--dg-global-opacity-black-30);
  --dg-button-bg-color-secondary-destructive-disabled:var(--dg-global-opacity-black-30);
  --dg-button-bg-color-secondary-destructive-focus:var(--dg-global-opacity-grey-05);
  --dg-button-bg-color-secondary-destructive-hover:var(--dg-global-opacity-grey-05);
  --dg-button-bg-color-secondary-destructive-pressed:var(--dg-global-opacity-grey-10);
  --dg-button-bg-color-secondary-destructive-processing:var(--dg-global-opacity-grey-05);
  --dg-button-bg-color-tertiary-default:var(--dg-global-color-neutral-100);
  --dg-button-bg-color-tertiary-disabled:var(--dg-global-color-neutral-110);
  --dg-button-bg-color-tertiary-focus:var(--dg-global-color-neutral-90);
  --dg-button-bg-color-tertiary-hover:var(--dg-global-color-neutral-90);
  --dg-button-bg-color-tertiary-pressed:var(--dg-global-color-neutral-80);
  --dg-button-bg-color-tertiary-processing:var(--dg-global-color-neutral-90);
  --dg-button-bg-color-text-default:var(--dg-global-opacity-black-00);
  --dg-button-bg-color-text-disabled:var(--dg-global-opacity-black-00);
  --dg-button-bg-color-text-focus:var(--dg-global-opacity-black-00);
  --dg-button-bg-color-text-hover:var(--dg-global-opacity-black-00);
  --dg-button-bg-color-text-pressed:var(--dg-global-opacity-black-00);
  --dg-button-bg-color-text-processing:var(--dg-global-opacity-black-00);
  --dg-button-bg-color-text-destructive-default:var(--dg-global-opacity-black-00);
  --dg-button-bg-color-text-destructive-disabled:var(--dg-global-opacity-black-00);
  --dg-button-bg-color-text-destructive-focus:var(--dg-global-opacity-black-00);
  --dg-button-bg-color-text-destructive-hover:var(--dg-global-opacity-black-00);
  --dg-button-bg-color-text-destructive-pressed:var(--dg-global-opacity-black-00);
  --dg-button-bg-color-text-destructive-processing:var(--dg-global-opacity-black-00);
  --dg-button-border-color-action-default:var(--dg-global-color-neutral-10);
  --dg-button-border-color-action-disabled:var(--dg-global-color-neutral-90);
  --dg-button-border-color-action-focus:var(--dg-global-color-neutral-20);
  --dg-button-border-color-action-hover:var(--dg-global-color-neutral-20);
  --dg-button-border-color-action-pressed:var(--dg-global-color-neutral-50);
  --dg-button-border-color-action-processing:var(--dg-global-color-neutral-20);
  --dg-button-border-color-action-destructive-default:var(--dg-global-color-red-60);
  --dg-button-border-color-action-destructive-disabled:var(--dg-global-color-neutral-90);
  --dg-button-border-color-action-destructive-focus:var(--dg-global-color-red-70);
  --dg-button-border-color-action-destructive-hover:var(--dg-global-color-red-70);
  --dg-button-border-color-action-destructive-pressed:var(--dg-global-color-red-80);
  --dg-button-border-color-action-destructive-processing:var(--dg-global-color-red-70);
  --dg-button-border-color-secondary-default:var(--dg-global-color-neutral-10);
  --dg-button-border-color-secondary-disabled:var(--dg-global-color-neutral-90);
  --dg-button-border-color-secondary-focus:var(--dg-global-color-neutral-20);
  --dg-button-border-color-secondary-hover:var(--dg-global-color-neutral-20);
  --dg-button-border-color-secondary-pressed:var(--dg-global-color-neutral-30);
  --dg-button-border-color-secondary-processing:var(--dg-global-color-neutral-20);
  --dg-button-border-color-secondary-destructive-default:var(--dg-global-color-red-60);
  --dg-button-border-color-secondary-destructive-disabled:var(--dg-global-color-neutral-90);
  --dg-button-border-color-secondary-destructive-focus:var(--dg-global-color-red-70);
  --dg-button-border-color-secondary-destructive-hover:var(--dg-global-color-red-70);
  --dg-button-border-color-secondary-destructive-pressed:var(--dg-global-color-red-80);
  --dg-button-border-color-secondary-destructive-processing:var(--dg-global-color-red-70);
  --dg-button-border-radius-base:var(--dg-border-radius-06);
  --dg-button-border-width-base:var(--dg-border-width-02);
  --dg-button-icon-color-action-default:var(--dg-global-color-neutral-10);
  --dg-button-icon-color-action-disabled:var(--dg-global-color-neutral-90);
  --dg-button-icon-color-action-focus:var(--dg-global-color-neutral-20);
  --dg-button-icon-color-action-hover:var(--dg-global-color-neutral-20);
  --dg-button-icon-color-action-pressed:var(--dg-global-color-neutral-30);
  --dg-button-icon-color-action-processing:var(--dg-global-color-neutral-20);
  --dg-button-icon-color-action-destructive-default:var(--dg-global-color-red-60);
  --dg-button-icon-color-action-destructive-disabled:var(--dg-global-color-neutral-90);
  --dg-button-icon-color-action-destructive-focus:var(--dg-global-color-red-70);
  --dg-button-icon-color-action-destructive-hover:var(--dg-global-color-red-70);
  --dg-button-icon-color-action-destructive-pressed:var(--dg-global-color-red-80);
  --dg-button-icon-color-action-destructive-processing:var(--dg-global-color-red-70);
  --dg-button-icon-color-link-default:var(--dg-global-color-enceladus-60);
  --dg-button-icon-color-link-disabled:var(--dg-global-color-neutral-90);
  --dg-button-icon-color-link-focus:var(--dg-global-color-neutral-20);
  --dg-button-icon-color-link-hover:var(--dg-global-color-neutral-20);
  --dg-button-icon-color-link-pressed:var(--dg-global-color-neutral-30);
  --dg-button-icon-color-primary-default:var(--dg-global-color-neutral-150);
  --dg-button-icon-color-primary-disabled:var(--dg-global-color-neutral-90);
  --dg-button-icon-color-primary-focus:var(--dg-global-color-neutral-140);
  --dg-button-icon-color-primary-hover:var(--dg-global-color-neutral-140);
  --dg-button-icon-color-primary-pressed:var(--dg-global-color-neutral-130);
  --dg-button-icon-color-primary-processing:var(--dg-global-color-neutral-140);
  --dg-button-icon-color-primary-destructive-default:var(--dg-global-color-red-150);
  --dg-button-icon-color-primary-destructive-disabled:var(--dg-global-color-neutral-90);
  --dg-button-icon-color-primary-destructive-focus:var(--dg-global-color-red-140);
  --dg-button-icon-color-primary-destructive-hover:var(--dg-global-color-red-140);
  --dg-button-icon-color-primary-destructive-pressed:var(--dg-global-color-red-130);
  --dg-button-icon-color-primary-destructive-processing:var(--dg-global-color-red-140);
  --dg-button-icon-color-secondary-default:var(--dg-global-color-neutral-10);
  --dg-button-icon-color-secondary-disabled:var(--dg-global-color-neutral-90);
  --dg-button-icon-color-secondary-focus:var(--dg-global-color-neutral-20);
  --dg-button-icon-color-secondary-hover:var(--dg-global-color-neutral-20);
  --dg-button-icon-color-secondary-pressed:var(--dg-global-color-neutral-30);
  --dg-button-icon-color-secondary-processing:var(--dg-global-color-neutral-20);
  --dg-button-icon-color-secondary-destructive-default:var(--dg-global-color-red-60);
  --dg-button-icon-color-secondary-destructive-disabled:var(--dg-global-color-neutral-90);
  --dg-button-icon-color-secondary-destructive-focus:var(--dg-global-color-red-70);
  --dg-button-icon-color-secondary-destructive-hover:var(--dg-global-color-red-70);
  --dg-button-icon-color-secondary-destructive-pressed:var(--dg-global-color-red-80);
  --dg-button-icon-color-secondary-destructive-processing:var(--dg-global-color-red-70);
  --dg-button-icon-color-tertiary-default:var(--dg-global-color-neutral-10);
  --dg-button-icon-color-tertiary-disabled:var(--dg-global-color-neutral-90);
  --dg-button-icon-color-tertiary-focus:var(--dg-global-color-neutral-20);
  --dg-button-icon-color-tertiary-hover:var(--dg-global-color-neutral-20);
  --dg-button-icon-color-tertiary-pressed:var(--dg-global-color-neutral-30);
  --dg-button-icon-color-tertiary-processing:var(--dg-global-color-neutral-20);
  --dg-button-icon-color-text-default:var(--dg-global-color-enceladus-70);
  --dg-button-icon-color-text-disabled:var(--dg-global-color-neutral-90);
  --dg-button-icon-color-text-focus:var(--dg-global-color-enceladus-30);
  --dg-button-icon-color-text-hover:var(--dg-global-color-enceladus-30);
  --dg-button-icon-color-text-pressed:var(--dg-global-color-enceladus-10);
  --dg-button-icon-color-text-processing:var(--dg-global-color-neutral-30);
  --dg-button-icon-color-text-destructive-default:var(--dg-global-color-red-60);
  --dg-button-icon-color-text-destructive-disabled:var(--dg-global-color-neutral-90);
  --dg-button-icon-color-text-destructive-focus:var(--dg-global-color-red-70);
  --dg-button-icon-color-text-destructive-hover:var(--dg-global-color-red-70);
  --dg-button-icon-color-text-destructive-pressed:var(--dg-global-color-red-80);
  --dg-button-icon-color-text-destructive-processing:var(--dg-global-color-red-70);
  --dg-button-text-color-action-default:var(--dg-global-color-neutral-10);
  --dg-button-text-color-action-disabled:var(--dg-global-color-neutral-90);
  --dg-button-text-color-action-focus:var(--dg-global-color-neutral-20);
  --dg-button-text-color-action-hover:var(--dg-global-color-neutral-20);
  --dg-button-text-color-action-pressed:var(--dg-global-color-neutral-30);
  --dg-button-text-color-action-processing:var(--dg-global-color-neutral-20);
  --dg-button-text-color-action-destructive-default:var(--dg-global-color-red-60);
  --dg-button-text-color-action-destructive-disabled:var(--dg-global-color-neutral-90);
  --dg-button-text-color-action-destructive-focus:var(--dg-global-color-red-70);
  --dg-button-text-color-action-destructive-hover:var(--dg-global-color-red-70);
  --dg-button-text-color-action-destructive-pressed:var(--dg-global-color-red-80);
  --dg-button-text-color-action-destructive-processing:var(--dg-global-color-red-70);
  --dg-button-text-color-link-default:var(--dg-global-color-neutral-10);
  --dg-button-text-color-link-disabled:var(--dg-global-color-neutral-90);
  --dg-button-text-color-link-focus:var(--dg-global-color-neutral-30);
  --dg-button-text-color-link-hover:var(--dg-global-color-neutral-30);
  --dg-button-text-color-link-pressed:var(--dg-global-color-neutral-40);
  --dg-button-text-color-primary-default:var(--dg-global-color-neutral-150);
  --dg-button-text-color-primary-disabled:var(--dg-global-color-neutral-90);
  --dg-button-text-color-primary-focus:var(--dg-global-color-neutral-140);
  --dg-button-text-color-primary-hover:var(--dg-global-color-neutral-140);
  --dg-button-text-color-primary-pressed:var(--dg-global-color-neutral-130);
  --dg-button-text-color-primary-processing:var(--dg-global-color-neutral-140);
  --dg-button-text-color-primary-destructive-default:var(--dg-global-color-red-150);
  --dg-button-text-color-primary-destructive-disabled:var(--dg-global-color-neutral-90);
  --dg-button-text-color-primary-destructive-focus:var(--dg-global-color-red-140);
  --dg-button-text-color-primary-destructive-hover:var(--dg-global-color-red-140);
  --dg-button-text-color-primary-destructive-pressed:var(--dg-global-color-red-130);
  --dg-button-text-color-primary-destructive-processing:var(--dg-global-color-red-140);
  --dg-button-text-color-secondary-default:var(--dg-global-color-neutral-10);
  --dg-button-text-color-secondary-disabled:var(--dg-global-color-neutral-90);
  --dg-button-text-color-secondary-focus:var(--dg-global-color-neutral-20);
  --dg-button-text-color-secondary-hover:var(--dg-global-color-neutral-20);
  --dg-button-text-color-secondary-pressed:var(--dg-global-color-neutral-30);
  --dg-button-text-color-secondary-processing:var(--dg-global-color-neutral-20);
  --dg-button-text-color-secondary-destructive-default:var(--dg-global-color-red-60);
  --dg-button-text-color-secondary-destructive-disabled:var(--dg-global-color-neutral-90);
  --dg-button-text-color-secondary-destructive-focus:var(--dg-global-color-red-70);
  --dg-button-text-color-secondary-destructive-hover:var(--dg-global-color-red-70);
  --dg-button-text-color-secondary-destructive-pressed:var(--dg-global-color-red-80);
  --dg-button-text-color-secondary-destructive-processing:var(--dg-global-color-red-70);
  --dg-button-text-color-tertiary-default:var(--dg-global-color-neutral-10);
  --dg-button-text-color-tertiary-disabled:var(--dg-global-color-neutral-90);
  --dg-button-text-color-tertiary-focus:var(--dg-global-color-neutral-20);
  --dg-button-text-color-tertiary-hover:var(--dg-global-color-neutral-20);
  --dg-button-text-color-tertiary-pressed:var(--dg-global-color-neutral-30);
  --dg-button-text-color-tertiary-processing:var(--dg-global-color-neutral-20);
  --dg-button-text-color-text-default:var(--dg-global-color-enceladus-60);
  --dg-button-text-color-text-disabled:var(--dg-global-color-neutral-90);
  --dg-button-text-color-text-focus:var(--dg-global-color-enceladus-30);
  --dg-button-text-color-text-hover:var(--dg-global-color-enceladus-70);
  --dg-button-text-color-text-pressed:var(--dg-global-color-enceladus-10);
  --dg-button-text-color-text-processing:var(--dg-global-color-neutral-30);
  --dg-button-text-color-text-destructive-default:var(--dg-global-color-red-60);
  --dg-button-text-color-text-destructive-disabled:var(--dg-global-color-neutral-90);
  --dg-button-text-color-text-destructive-focus:var(--dg-global-color-red-70);
  --dg-button-text-color-text-destructive-hover:var(--dg-global-color-red-70);
  --dg-button-text-color-text-destructive-pressed:var(--dg-global-color-red-80);
  --dg-button-text-color-text-destructive-processing:var(--dg-global-color-red-70);
  --dg-icon-button-bg-color-primary-default:var(--dg-global-color-neutral-10);
  --dg-icon-button-bg-color-primary-hover:var(--dg-global-color-neutral-40);
  --dg-icon-button-bg-color-primary-focus:var(--dg-global-color-neutral-40);
  --dg-icon-button-bg-color-primary-pressed:var(--dg-global-color-neutral-60);
  --dg-icon-button-bg-color-primary-disabled:var(--dg-global-color-neutral-110);
  --dg-icon-button-bg-color-rounded-default:var(--dg-global-color-neutral-100);
  --dg-icon-button-bg-color-rounded-disabled:var(--dg-global-color-neutral-110);
  --dg-icon-button-bg-color-rounded-focus:var(--dg-global-color-neutral-90);
  --dg-icon-button-bg-color-rounded-hover:var(--dg-global-color-neutral-90);
  --dg-icon-button-bg-color-rounded-pressed:var(--dg-global-color-neutral-80);
  --dg-icon-button-bg-color-secondary-disabled:var(--dg-global-opacity-black-30);
  --dg-icon-button-bg-color-tertiary-default:var(--dg-global-color-neutral-100);
  --dg-icon-button-bg-color-tertiary-disabled:var(--dg-global-color-neutral-110);
  --dg-icon-button-bg-color-tertiary-focus:var(--dg-global-color-neutral-90);
  --dg-icon-button-bg-color-tertiary-hover:var(--dg-global-color-neutral-90);
  --dg-icon-button-bg-color-tertiary-pressed:var(--dg-global-color-neutral-80);
  --dg-icon-button-bg-color-quaternary-default:var(--dg-gradient-bg-copper-default);
  --dg-icon-button-bg-color-quaternary-hover:var(--dg-gradient-bg-copper-hover);
  --dg-icon-button-bg-color-quaternary-focus:var(--dg-gradient-bg-copper-hover);
  --dg-icon-button-bg-color-quaternary-pressed:var(--dg-gradient-bg-copper-pressed);
  --dg-icon-button-bg-color-quaternary-disabled:var(--dg-global-color-neutral-110);
  --dg-icon-button-border-color-primary-default:var(--dg-global-color-copper-70);
  --dg-icon-button-border-color-primary-disabled:var(--dg-global-color-neutral-90);
  --dg-icon-button-border-color-primary-focus:var(--dg-global-color-copper-60);
  --dg-icon-button-border-color-primary-hover:var(--dg-global-color-copper-60);
  --dg-icon-button-border-color-primary-pressed:var(--dg-global-color-copper-50);
  --dg-icon-button-border-color-secondary-default:var(--dg-global-color-neutral-90);
  --dg-icon-button-border-color-secondary-disabled:var(--dg-global-color-neutral-90);
  --dg-icon-button-border-color-secondary-focus:var(--dg-global-color-neutral-70);
  --dg-icon-button-border-color-secondary-hover:var(--dg-global-color-neutral-70);
  --dg-icon-button-border-color-secondary-pressed:var(--dg-global-color-neutral-60);
  --dg-icon-button-border-color-quaternary-default:var(--dg-global-color-copper-70);
  --dg-icon-button-border-color-quaternary-hover:var(--dg-global-color-copper-60);
  --dg-icon-button-border-color-quaternary-focus:var(--dg-global-color-copper-60);
  --dg-icon-button-border-color-quaternary-pressed:var(--dg-global-color-copper-50);
  --dg-icon-button-border-color-quaternary-disabled:var(--dg-global-color-neutral-90);
  --dg-icon-button-border-radius-base:var(--dg-border-radius-06);
  --dg-icon-button-border-width-base:var(--dg-border-width-01);
  --dg-icon-button-icon-color-primary-default:var(--dg-global-color-neutral-150);
  --dg-icon-button-icon-color-primary-hover:var(--dg-global-color-neutral-140);
  --dg-icon-button-icon-color-primary-focus:var(--dg-global-color-neutral-140);
  --dg-icon-button-icon-color-primary-pressed:var(--dg-global-color-neutral-130);
  --dg-icon-button-icon-color-primary-disabled:var(--dg-global-color-neutral-90);
  --dg-icon-button-icon-color-rounded-default:var(--dg-global-color-neutral-10);
  --dg-icon-button-icon-color-rounded-disabled:var(--dg-global-color-neutral-90);
  --dg-icon-button-icon-color-rounded-focus:var(--dg-global-color-neutral-20);
  --dg-icon-button-icon-color-rounded-hover:var(--dg-global-color-neutral-20);
  --dg-icon-button-icon-color-rounded-pressed:var(--dg-global-color-neutral-30);
  --dg-icon-button-icon-color-secondary-default:var(--dg-global-color-neutral-10);
  --dg-icon-button-icon-color-secondary-disabled:var(--dg-global-color-neutral-90);
  --dg-icon-button-icon-color-secondary-focus:var(--dg-global-color-neutral-20);
  --dg-icon-button-icon-color-secondary-hover:var(--dg-global-color-neutral-20);
  --dg-icon-button-icon-color-secondary-pressed:var(--dg-global-color-neutral-30);
  --dg-icon-button-icon-color-quaternary-default:var(--dg-global-color-neutral-10);
  --dg-icon-button-icon-color-quaternary-hover:var(--dg-global-color-neutral-20);
  --dg-icon-button-icon-color-quaternary-focus:var(--dg-global-color-neutral-20);
  --dg-icon-button-icon-color-quaternary-pressed:var(--dg-global-color-neutral-30);
  --dg-icon-button-icon-color-quaternary-disabled:var(--dg-global-color-neutral-90);
  --dg-icon-button-icon-color-standard-default:var(--dg-global-color-neutral-10);
  --dg-icon-button-icon-color-standard-disabled:var(--dg-global-color-neutral-90);
  --dg-icon-button-icon-color-standard-focus:var(--dg-global-color-neutral-30);
  --dg-icon-button-icon-color-standard-hover:var(--dg-global-color-neutral-30);
  --dg-icon-button-icon-color-standard-pressed:var(--dg-global-color-neutral-50);
  --dg-icon-button-icon-color-tertiary-default:var(--dg-global-color-neutral-10);
  --dg-icon-button-icon-color-tertiary-disabled:var(--dg-global-color-neutral-90);
  --dg-icon-button-icon-color-tertiary-focus:var(--dg-global-color-neutral-20);
  --dg-icon-button-icon-color-tertiary-hover:var(--dg-global-color-neutral-20);
  --dg-icon-button-icon-color-tertiary-pressed:var(--dg-global-color-neutral-30);
  --dg-outline-color-focus:var(--dg-global-color-enceladus-80);
  --dg-button-outline-color-focus:var(--dg-global-color-enceladus-80);
  --dg-icon-button-outline-color-focus:var(--dg-global-color-enceladus-80);
  --dg-patch-ateca:var(--dg-global-color-neutral-110);
  --dg-patch-base-01:var(--dg-global-color-copper-120);
  --dg-patch-base-02:var(--dg-global-color-enceladus-110);
  --dg-patch-born:var(--dg-global-color-blue-120);
  --dg-patch-formentor:var(--dg-global-color-copper-120);
  --dg-patch-leon:var(--dg-global-color-enceladus-110);
  --dg-patch-tavascan:var(--dg-global-color-moonslate-100);
  --dg-patch-terramar:var(--dg-global-color-moonslate-110);
  --dg-tag-bg-color-copper:var(--dg-global-color-copper-90);
  --dg-tag-bg-color-electric:var(--dg-global-color-electric-110);
  --dg-tag-bg-color-moonslate:var(--dg-global-color-moonslate-100);
  --dg-tag-bg-color-rio-green:var(--dg-global-color-rio-green-100);
  --dg-tag-bg-color-white:var(--dg-global-color-moonslate-20);
  --dg-font-display-l-family:"cupra-screen";
  --dg-font-display-l-size:2.5rem;
  --dg-font-display-l-size-rem:2.5rem;
  --dg-font-display-l-weight:300;
  --dg-font-display-l-style:normal;
  --dg-font-display-l-letter-spacing:1px;
  --dg-font-display-l-letter-spacing-rem:0.0625rem;
  --dg-font-display-l-line-height:2.5rem;
  --dg-font-display-l-line-height-rem:2.5rem;
  --dg-font-display-m-family:"cupra-screen";
  --dg-font-display-m-size:2.5rem;
  --dg-font-display-m-size-rem:2.5rem;
  --dg-font-display-m-weight:300;
  --dg-font-display-m-style:normal;
  --dg-font-display-m-letter-spacing:1px;
  --dg-font-display-m-letter-spacing-rem:0.0625rem;
  --dg-font-display-m-line-height:2.5rem;
  --dg-font-display-m-line-height-rem:2.5rem;
  --dg-font-headline-xl-regular-family:"cupra-screen";
  --dg-font-headline-xl-regular-size:2.5rem;
  --dg-font-headline-xl-regular-size-rem:2.5rem;
  --dg-font-headline-xl-regular-weight:400;
  --dg-font-headline-xl-regular-style:normal;
  --dg-font-headline-xl-regular-letter-spacing:0.5px;
  --dg-font-headline-xl-regular-letter-spacing-rem:0.0313rem;
  --dg-font-headline-xl-regular-line-height:2.5rem;
  --dg-font-headline-xl-regular-line-height-rem:2.5rem;
  --dg-font-headline-xl-light-family:"cupra-screen";
  --dg-font-headline-xl-light-size:2.5rem;
  --dg-font-headline-xl-light-size-rem:2.5rem;
  --dg-font-headline-xl-light-weight:300;
  --dg-font-headline-xl-light-style:normal;
  --dg-font-headline-xl-light-letter-spacing:0.5px;
  --dg-font-headline-xl-light-letter-spacing-rem:0.0313rem;
  --dg-font-headline-xl-light-line-height:2.5rem;
  --dg-font-headline-xl-light-line-height-rem:2.5rem;
  --dg-font-headline-l-regular-family:"cupra-screen";
  --dg-font-headline-l-regular-size:2.5rem;
  --dg-font-headline-l-regular-size-rem:2.5rem;
  --dg-font-headline-l-regular-weight:400;
  --dg-font-headline-l-regular-style:normal;
  --dg-font-headline-l-regular-letter-spacing:0.5px;
  --dg-font-headline-l-regular-letter-spacing-rem:0.0313rem;
  --dg-font-headline-l-regular-line-height:2.5rem;
  --dg-font-headline-l-regular-line-height-rem:2.5rem;
  --dg-font-headline-l-light-family:"cupra-screen";
  --dg-font-headline-l-light-size:2.5rem;
  --dg-font-headline-l-light-size-rem:2.5rem;
  --dg-font-headline-l-light-weight:300;
  --dg-font-headline-l-light-style:normal;
  --dg-font-headline-l-light-letter-spacing:0.5px;
  --dg-font-headline-l-light-letter-spacing-rem:0.0313rem;
  --dg-font-headline-l-light-line-height:2.5rem;
  --dg-font-headline-l-light-line-height-rem:2.5rem;
  --dg-font-headline-m-regular-family:"cupra-screen";
  --dg-font-headline-m-regular-size:2rem;
  --dg-font-headline-m-regular-size-rem:2rem;
  --dg-font-headline-m-regular-weight:400;
  --dg-font-headline-m-regular-style:normal;
  --dg-font-headline-m-regular-letter-spacing:0.5px;
  --dg-font-headline-m-regular-letter-spacing-rem:0.0313rem;
  --dg-font-headline-m-regular-line-height:2.5rem;
  --dg-font-headline-m-regular-line-height-rem:2.5rem;
  --dg-font-headline-m-light-family:"cupra-screen";
  --dg-font-headline-m-light-size:2rem;
  --dg-font-headline-m-light-size-rem:2rem;
  --dg-font-headline-m-light-weight:300;
  --dg-font-headline-m-light-style:normal;
  --dg-font-headline-m-light-letter-spacing:0.5px;
  --dg-font-headline-m-light-letter-spacing-rem:0.0313rem;
  --dg-font-headline-m-light-line-height:2.5rem;
  --dg-font-headline-m-light-line-height-rem:2.5rem;
  --dg-font-headline-s-regular-family:"cupra-screen";
  --dg-font-headline-s-regular-size:1.5rem;
  --dg-font-headline-s-regular-size-rem:1.5rem;
  --dg-font-headline-s-regular-weight:400;
  --dg-font-headline-s-regular-style:normal;
  --dg-font-headline-s-regular-letter-spacing:0.5px;
  --dg-font-headline-s-regular-letter-spacing-rem:0.0313rem;
  --dg-font-headline-s-regular-line-height:2rem;
  --dg-font-headline-s-regular-line-height-rem:2rem;
  --dg-font-headline-s-light-family:"cupra-screen";
  --dg-font-headline-s-light-size:1.5rem;
  --dg-font-headline-s-light-size-rem:1.5rem;
  --dg-font-headline-s-light-weight:300;
  --dg-font-headline-s-light-style:normal;
  --dg-font-headline-s-light-letter-spacing:0.5px;
  --dg-font-headline-s-light-letter-spacing-rem:0.0313rem;
  --dg-font-headline-s-light-line-height:2rem;
  --dg-font-headline-s-light-line-height-rem:2rem;
  --dg-font-headline-xs-regular-family:"cupra-screen";
  --dg-font-headline-xs-regular-size:1.125rem;
  --dg-font-headline-xs-regular-size-rem:1.125rem;
  --dg-font-headline-xs-regular-weight:400;
  --dg-font-headline-xs-regular-style:normal;
  --dg-font-headline-xs-regular-letter-spacing:0.5px;
  --dg-font-headline-xs-regular-letter-spacing-rem:0.0313rem;
  --dg-font-headline-xs-regular-line-height:1.625rem;
  --dg-font-headline-xs-regular-line-height-rem:1.625rem;
  --dg-font-headline-xs-light-family:"cupra-screen";
  --dg-font-headline-xs-light-size:1.125rem;
  --dg-font-headline-xs-light-size-rem:1.125rem;
  --dg-font-headline-xs-light-weight:300;
  --dg-font-headline-xs-light-style:normal;
  --dg-font-headline-xs-light-letter-spacing:0.5px;
  --dg-font-headline-xs-light-letter-spacing-rem:0.0313rem;
  --dg-font-headline-xs-light-line-height:1.625rem;
  --dg-font-headline-xs-light-line-height-rem:1.625rem;
  --dg-font-body-l-medium-family:"cupra-screen";
  --dg-font-body-l-medium-size:1rem;
  --dg-font-body-l-medium-size-rem:1rem;
  --dg-font-body-l-medium-weight:500;
  --dg-font-body-l-medium-style:normal;
  --dg-font-body-l-medium-letter-spacing:0.5px;
  --dg-font-body-l-medium-letter-spacing-rem:0.0313rem;
  --dg-font-body-l-medium-line-height:1.5rem;
  --dg-font-body-l-medium-line-height-rem:1.5rem;
  --dg-font-body-l-regular-family:"cupra-screen";
  --dg-font-body-l-regular-size:1rem;
  --dg-font-body-l-regular-size-rem:1rem;
  --dg-font-body-l-regular-weight:400;
  --dg-font-body-l-regular-style:normal;
  --dg-font-body-l-regular-letter-spacing:0.5px;
  --dg-font-body-l-regular-letter-spacing-rem:0.0313rem;
  --dg-font-body-l-regular-line-height:1.5rem;
  --dg-font-body-l-regular-line-height-rem:1.5rem;
  --dg-font-body-l-book-family:"cupra-screen";
  --dg-font-body-l-book-size:1rem;
  --dg-font-body-l-book-size-rem:1rem;
  --dg-font-body-l-book-weight:400;
  --dg-font-body-l-book-style:normal;
  --dg-font-body-l-book-letter-spacing:0.5px;
  --dg-font-body-l-book-letter-spacing-rem:0.0313rem;
  --dg-font-body-l-book-line-height:1.5rem;
  --dg-font-body-l-book-line-height-rem:1.5rem;
  --dg-font-body-m-medium-family:"cupra-screen";
  --dg-font-body-m-medium-size:0.875rem;
  --dg-font-body-m-medium-size-rem:0.875rem;
  --dg-font-body-m-medium-weight:500;
  --dg-font-body-m-medium-style:normal;
  --dg-font-body-m-medium-letter-spacing:0.5px;
  --dg-font-body-m-medium-letter-spacing-rem:0.0313rem;
  --dg-font-body-m-medium-line-height:1.25rem;
  --dg-font-body-m-medium-line-height-rem:1.25rem;
  --dg-font-body-m-regular-family:"cupra-screen";
  --dg-font-body-m-regular-size:0.875rem;
  --dg-font-body-m-regular-size-rem:0.875rem;
  --dg-font-body-m-regular-weight:400;
  --dg-font-body-m-regular-style:normal;
  --dg-font-body-m-regular-letter-spacing:0.5px;
  --dg-font-body-m-regular-letter-spacing-rem:0.0313rem;
  --dg-font-body-m-regular-line-height:1.25rem;
  --dg-font-body-m-regular-line-height-rem:1.25rem;
  --dg-font-body-m-book-family:"cupra-screen";
  --dg-font-body-m-book-size:0.875rem;
  --dg-font-body-m-book-size-rem:0.875rem;
  --dg-font-body-m-book-weight:400;
  --dg-font-body-m-book-style:normal;
  --dg-font-body-m-book-letter-spacing:0.5px;
  --dg-font-body-m-book-letter-spacing-rem:0.0313rem;
  --dg-font-body-m-book-line-height:1.25rem;
  --dg-font-body-m-book-line-height-rem:1.25rem;
  --dg-font-body-s-medium-family:"cupra-screen";
  --dg-font-body-s-medium-size:0.75rem;
  --dg-font-body-s-medium-size-rem:0.75rem;
  --dg-font-body-s-medium-weight:500;
  --dg-font-body-s-medium-style:normal;
  --dg-font-body-s-medium-letter-spacing:0.5px;
  --dg-font-body-s-medium-letter-spacing-rem:0.0313rem;
  --dg-font-body-s-medium-line-height:1rem;
  --dg-font-body-s-medium-line-height-rem:1rem;
  --dg-font-body-s-regular-family:"cupra-screen";
  --dg-font-body-s-regular-size:0.75rem;
  --dg-font-body-s-regular-size-rem:0.75rem;
  --dg-font-body-s-regular-weight:400;
  --dg-font-body-s-regular-style:normal;
  --dg-font-body-s-regular-letter-spacing:0.5px;
  --dg-font-body-s-regular-letter-spacing-rem:0.0313rem;
  --dg-font-body-s-regular-line-height:1rem;
  --dg-font-body-s-regular-line-height-rem:1rem;
  --dg-font-body-s-book-family:"cupra-screen";
  --dg-font-body-s-book-size:0.75rem;
  --dg-font-body-s-book-size-rem:0.75rem;
  --dg-font-body-s-book-weight:400;
  --dg-font-body-s-book-style:normal;
  --dg-font-body-s-book-letter-spacing:0.5px;
  --dg-font-body-s-book-letter-spacing-rem:0.0313rem;
  --dg-font-body-s-book-line-height:1rem;
  --dg-font-body-s-book-line-height-rem:1rem;
  --dg-font-body-xs-medium-family:"cupra-screen";
  --dg-font-body-xs-medium-size:0.625rem;
  --dg-font-body-xs-medium-size-rem:0.625rem;
  --dg-font-body-xs-medium-weight:500;
  --dg-font-body-xs-medium-style:normal;
  --dg-font-body-xs-medium-letter-spacing:0.5px;
  --dg-font-body-xs-medium-letter-spacing-rem:0.0313rem;
  --dg-font-body-xs-medium-line-height:0.875rem;
  --dg-font-body-xs-medium-line-height-rem:0.875rem;
  --dg-font-body-xs-regular-family:"cupra-screen";
  --dg-font-body-xs-regular-size:0.625rem;
  --dg-font-body-xs-regular-size-rem:0.625rem;
  --dg-font-body-xs-regular-weight:400;
  --dg-font-body-xs-regular-style:normal;
  --dg-font-body-xs-regular-letter-spacing:0.5px;
  --dg-font-body-xs-regular-letter-spacing-rem:0.0313rem;
  --dg-font-body-xs-regular-line-height:0.875rem;
  --dg-font-body-xs-regular-line-height-rem:0.875rem;
  --dg-font-body-xs-book-family:"cupra-screen";
  --dg-font-body-xs-book-size:0.625rem;
  --dg-font-body-xs-book-size-rem:0.625rem;
  --dg-font-body-xs-book-weight:400;
  --dg-font-body-xs-book-style:normal;
  --dg-font-body-xs-book-letter-spacing:0.5px;
  --dg-font-body-xs-book-letter-spacing-rem:0.0313rem;
  --dg-font-body-xs-book-line-height:0.875rem;
  --dg-font-body-xs-book-line-height-rem:0.875rem;
  --dg-font-link-body-l-medium-family:"cupra-screen";
  --dg-font-link-body-l-medium-size:1rem;
  --dg-font-link-body-l-medium-size-rem:1rem;
  --dg-font-link-body-l-medium-weight:500;
  --dg-font-link-body-l-medium-style:normal;
  --dg-font-link-body-l-medium-letter-spacing:0.5px;
  --dg-font-link-body-l-medium-letter-spacing-rem:0.0313rem;
  --dg-font-link-body-l-medium-line-height:1.5rem;
  --dg-font-link-body-l-medium-line-height-rem:1.5rem;
  --dg-font-link-body-l-regular-family:"cupra-screen";
  --dg-font-link-body-l-regular-size:1rem;
  --dg-font-link-body-l-regular-size-rem:1rem;
  --dg-font-link-body-l-regular-weight:400;
  --dg-font-link-body-l-regular-style:normal;
  --dg-font-link-body-l-regular-letter-spacing:0.5px;
  --dg-font-link-body-l-regular-letter-spacing-rem:0.0313rem;
  --dg-font-link-body-l-regular-line-height:1.5rem;
  --dg-font-link-body-l-regular-line-height-rem:1.5rem;
  --dg-font-link-body-l-book-family:"cupra-screen";
  --dg-font-link-body-l-book-size:1rem;
  --dg-font-link-body-l-book-size-rem:1rem;
  --dg-font-link-body-l-book-weight:400;
  --dg-font-link-body-l-book-style:normal;
  --dg-font-link-body-l-book-letter-spacing:0.5px;
  --dg-font-link-body-l-book-letter-spacing-rem:0.0313rem;
  --dg-font-link-body-l-book-line-height:1.5rem;
  --dg-font-link-body-l-book-line-height-rem:1.5rem;
  --dg-font-link-body-m-medium-family:"cupra-screen";
  --dg-font-link-body-m-medium-size:0.875rem;
  --dg-font-link-body-m-medium-size-rem:0.875rem;
  --dg-font-link-body-m-medium-weight:500;
  --dg-font-link-body-m-medium-style:normal;
  --dg-font-link-body-m-medium-letter-spacing:0.5px;
  --dg-font-link-body-m-medium-letter-spacing-rem:0.0313rem;
  --dg-font-link-body-m-medium-line-height:1.25rem;
  --dg-font-link-body-m-medium-line-height-rem:1.25rem;
  --dg-font-link-body-m-regular-family:"cupra-screen";
  --dg-font-link-body-m-regular-size:0.875rem;
  --dg-font-link-body-m-regular-size-rem:0.875rem;
  --dg-font-link-body-m-regular-weight:400;
  --dg-font-link-body-m-regular-style:normal;
  --dg-font-link-body-m-regular-letter-spacing:0.5px;
  --dg-font-link-body-m-regular-letter-spacing-rem:0.0313rem;
  --dg-font-link-body-m-regular-line-height:1.25rem;
  --dg-font-link-body-m-regular-line-height-rem:1.25rem;
  --dg-font-link-body-m-book-family:"cupra-screen";
  --dg-font-link-body-m-book-size:0.875rem;
  --dg-font-link-body-m-book-size-rem:0.875rem;
  --dg-font-link-body-m-book-weight:400;
  --dg-font-link-body-m-book-style:normal;
  --dg-font-link-body-m-book-letter-spacing:0.5px;
  --dg-font-link-body-m-book-letter-spacing-rem:0.0313rem;
  --dg-font-link-body-m-book-line-height:1.25rem;
  --dg-font-link-body-m-book-line-height-rem:1.25rem;
  --dg-global-color-blue-10:#f6fbfe;
  --dg-global-color-blue-100:#0e5e8b;
  --dg-global-color-blue-110:#0a4566;
  --dg-global-color-blue-120:#08324a;
  --dg-global-color-blue-130:#051f2e;
  --dg-global-color-blue-140:#03131c;
  --dg-global-color-blue-150:#020d13;
  --dg-global-color-blue-20:#ecf7fd;
  --dg-global-color-blue-30:#d1ebfa;
  --dg-global-color-blue-40:#b5dff7;
  --dg-global-color-blue-50:#99d4f5;
  --dg-global-color-blue-60:#74c4f1;
  --dg-global-color-blue-70:#4fb4ed;
  --dg-global-color-blue-80:#179de8;
  --dg-global-color-blue-90:#1277b0;
  --dg-global-color-copper-10:#fcfaf8;
  --dg-global-color-copper-100:#6c472f;
  --dg-global-color-copper-110:#4e3322;
  --dg-global-color-copper-120:#392619;
  --dg-global-color-copper-130:#24180f;
  --dg-global-color-copper-140:#140d09;
  --dg-global-color-copper-150:#0d0906;
  --dg-global-color-copper-20:#f9f4f1;
  --dg-global-color-copper-30:#f0e4db;
  --dg-global-color-copper-40:#e6d3c6;
  --dg-global-color-copper-50:#ddc3b1;
  --dg-global-color-copper-60:#c49678;
  --dg-global-color-copper-70:#c49678;
  --dg-global-color-copper-80:#b2764d;
  --dg-global-color-copper-90:#885a3b;
  --dg-global-color-electric-10:#f6fefe;
  --dg-global-color-electric-100:#0e8b89;
  --dg-global-color-electric-110:#0e6261;
  --dg-global-color-electric-120:#0a4847;
  --dg-global-color-electric-130:#003332;
  --dg-global-color-electric-140:#041a1b;
  --dg-global-color-electric-150:#031212;
  --dg-global-color-electric-20:#ecfdfd;
  --dg-global-color-electric-30:#cffcfb;
  --dg-global-color-electric-40:#b3faf8;
  --dg-global-color-electric-50:#95f9f7;
  --dg-global-color-electric-60:#70f5f3;
  --dg-global-color-electric-70:#49f3f1;
  --dg-global-color-electric-80:#10efeb;
  --dg-global-color-electric-90:#00c2bf;
  --dg-global-color-enceladus-10:#f9fafb;
  --dg-global-color-enceladus-100:#404f59;
  --dg-global-color-enceladus-110:#2f3a41;
  --dg-global-color-enceladus-120:#222a2f;
  --dg-global-color-enceladus-130:#151a1e;
  --dg-global-color-enceladus-140:#0d1011;
  --dg-global-color-enceladus-150:#090b0c;
  --dg-global-color-enceladus-20:#f3f5f6;
  --dg-global-color-enceladus-30:#e1e6ea;
  --dg-global-color-enceladus-40:#cfd8dd;
  --dg-global-color-enceladus-50:#bec9d0;
  --dg-global-color-enceladus-60:#a7b5be;
  --dg-global-color-enceladus-70:#8ea1ae;
  --dg-global-color-enceladus-80:#6b8494;
  --dg-global-color-enceladus-90:#516470;
  --dg-global-color-green-10:#f8fef6;
  --dg-global-color-green-100:#298b0e;
  --dg-global-color-green-110:#20620e;
  --dg-global-color-green-120:#17480a;
  --dg-global-color-green-130:#0b3300;
  --dg-global-color-green-140:#091b04;
  --dg-global-color-green-150:#061203;
  --dg-global-color-green-20:#f0fdec;
  --dg-global-color-green-30:#d9fccf;
  --dg-global-color-green-40:#c2fab3;
  --dg-global-color-green-50:#abf995;
  --dg-global-color-green-60:#8df570;
  --dg-global-color-green-70:#6ef349;
  --dg-global-color-green-80:#40ef10;
  --dg-global-color-green-90:#2ac200;
  --dg-global-color-moonslate-10:#f9fafb;
  --dg-global-color-moonslate-100:#404759;
  --dg-global-color-moonslate-110:#303540;
  --dg-global-color-moonslate-120:#22262f;
  --dg-global-color-moonslate-130:#15181e;
  --dg-global-color-moonslate-140:#0d0e11;
  --dg-global-color-moonslate-150:#090a0c;
  --dg-global-color-moonslate-20:#f3f4f6;
  --dg-global-color-moonslate-30:#e1e4ea;
  --dg-global-color-moonslate-40:#cfd3dd;
  --dg-global-color-moonslate-50:#bec3d0;
  --dg-global-color-moonslate-60:#a7adbe;
  --dg-global-color-moonslate-70:#8e97ae;
  --dg-global-color-moonslate-80:#6b7794;
  --dg-global-color-moonslate-90:#515a70;
  --dg-global-color-neutral-10:#fafafa;
  --dg-global-color-neutral-100:#474852;
  --dg-global-color-neutral-110:#34353c;
  --dg-global-color-neutral-120:#26262c;
  --dg-global-color-neutral-130:#18181b;
  --dg-global-color-neutral-140:#0e0e10;
  --dg-global-color-neutral-150:#09090b;
  --dg-global-color-neutral-20:#f3f3f7;
  --dg-global-color-neutral-30:#e4e4e7;
  --dg-global-color-neutral-40:#d3d6d9;
  --dg-global-color-neutral-50:#c3c3cb;
  --dg-global-color-neutral-60:#aeaeb7;
  --dg-global-color-neutral-70:#989aa4;
  --dg-global-color-neutral-80:#778;
  --dg-global-color-neutral-90:#5a5c67;
  --dg-global-color-red-10:#fff5f5;
  --dg-global-color-red-100:#990300;
  --dg-global-color-red-110:#700200;
  --dg-global-color-red-120:#520100;
  --dg-global-color-red-130:#330100;
  --dg-global-color-red-140:#1b0404;
  --dg-global-color-red-150:#130101;
  --dg-global-color-red-20:#ffebeb;
  --dg-global-color-red-30:#ffcdcc;
  --dg-global-color-red-40:#ffafad;
  --dg-global-color-red-50:#ff918f;
  --dg-global-color-red-60:#ff6966;
  --dg-global-color-red-70:#ff403d;
  --dg-global-color-red-80:#eb0400;
  --dg-global-color-red-90:#c20300;
  --dg-global-color-rio-green-10:#fafbf9;
  --dg-global-color-rio-green-100:#505643;
  --dg-global-color-rio-green-110:#3b3f31;
  --dg-global-color-rio-green-120:#2a2e24;
  --dg-global-color-rio-green-130:#1b1d16;
  --dg-global-color-rio-green-140:#10110d;
  --dg-global-color-rio-green-150:#0b0b09;
  --dg-global-color-rio-green-20:#f5f6f4;
  --dg-global-color-rio-green-30:#e7e8e3;
  --dg-global-color-rio-green-40:#d8dcd1;
  --dg-global-color-rio-green-50:#c9cec0;
  --dg-global-color-rio-green-60:#b5bca9;
  --dg-global-color-rio-green-70:#a3aa93;
  --dg-global-color-rio-green-80:#868f70;
  --dg-global-color-rio-green-90:#656d55;
  --dg-global-color-tobaco-10:#fbfaf9;
  --dg-global-color-tobaco-100:#604e39;
  --dg-global-color-tobaco-110:#46392a;
  --dg-global-color-tobaco-120:#33291e;
  --dg-global-color-tobaco-130:#201a13;
  --dg-global-color-tobaco-140:#13100b;
  --dg-global-color-tobaco-150:#0d0b08;
  --dg-global-color-tobaco-20:#f7f5f2;
  --dg-global-color-tobaco-30:#ece5df;
  --dg-global-color-tobaco-40:#e1d6cc;
  --dg-global-color-tobaco-50:#d5c8b9;
  --dg-global-color-tobaco-60:#c6b39f;
  --dg-global-color-tobaco-70:#b69f86;
  --dg-global-color-tobaco-80:#9f8260;
  --dg-global-color-tobaco-90:#796248;
  --dg-global-color-yellow-10:#fffcf5;
  --dg-global-color-yellow-100:#996e00;
  --dg-global-color-yellow-110:#705000;
  --dg-global-color-yellow-120:#523a00;
  --dg-global-color-yellow-130:#332500;
  --dg-global-color-yellow-140:#1f1600;
  --dg-global-color-yellow-150:#140e00;
  --dg-global-color-yellow-20:#fff9eb;
  --dg-global-color-yellow-30:#fff1cc;
  --dg-global-color-yellow-40:#ffe8ad;
  --dg-global-color-yellow-50:#ffdf8f;
  --dg-global-color-yellow-60:#ffd466;
  --dg-global-color-yellow-70:#ffc83d;
  --dg-global-color-yellow-80:#e5a400;
  --dg-global-color-yellow-90:#c28b00;
  --dg-global-opacity-black-00:#09090b00;
  --dg-global-opacity-black-05:#09090b0d;
  --dg-global-opacity-black-10:#09090b1a;
  --dg-global-opacity-black-15:#09090b26;
  --dg-global-opacity-black-20:#09090b33;
  --dg-global-opacity-black-30:#09090b4d;
  --dg-global-opacity-black-40:#09090b66;
  --dg-global-opacity-black-50:#09090b80;
  --dg-global-opacity-black-60:#09090b99;
  --dg-global-opacity-black-70:#09090bb2;
  --dg-global-opacity-black-80:#09090bcc;
  --dg-global-opacity-black-90:#09090be5;
  --dg-global-opacity-colors-moonslate-70:#15181eb2;
  --dg-global-opacity-grey-00:#c3c3cb00;
  --dg-global-opacity-grey-05:#c3c3cb0d;
  --dg-global-opacity-grey-10:#c3c3cb1a;
  --dg-global-opacity-grey-15:#c3c3cb26;
  --dg-global-opacity-grey-20:#c3c3cb33;
  --dg-global-opacity-grey-30:#c3c3cb4d;
  --dg-global-opacity-grey-40:#c3c3cb66;
  --dg-global-opacity-grey-50:#c3c3cb80;
  --dg-global-opacity-grey-60:#c3c3cb99;
  --dg-global-opacity-grey-70:#c3c3cbb2;
  --dg-global-opacity-grey-80:#c3c3cbcc;
  --dg-global-opacity-grey-90:#c3c3cbe5;
  --dg-global-opacity-white-00:#fafafa00;
  --dg-global-opacity-white-05:#fafafa0d;
  --dg-global-opacity-white-10:#fafafa1a;
  --dg-global-opacity-white-15:#fafafa26;
  --dg-global-opacity-white-20:#fafafa33;
  --dg-global-opacity-white-30:#fafafa4d;
  --dg-global-opacity-white-40:#fafafa66;
  --dg-global-opacity-white-50:#fafafa80;
  --dg-global-opacity-white-60:#fafafa99;
  --dg-global-opacity-white-70:#fafafab2;
  --dg-global-opacity-white-80:#fafafacc;
  --dg-global-opacity-white-90:#fafafae5;
  --dg-border-radius-00:0px;
  --dg-border-radius-04:4px;
  --dg-border-radius-06:6px;
  --dg-border-radius-08:8px;
  --dg-border-radius-12:12px;
  --dg-border-radius-18:18px;
  --dg-border-radius-20:20px;
  --dg-border-radius-24:24px;
  --dg-border-radius-100000:100000px;
  --dg-border-width-00:0px;
  --dg-border-width-01:1px;
  --dg-border-width-02:2px;
  --dg-size-00:0;
  --dg-size-02:0.125rem;
  --dg-size-04:0.25rem;
  --dg-size-06:0.375rem;
  --dg-size-08:0.5rem;
  --dg-size-12:0.75rem;
  --dg-size-16:1rem;
  --dg-size-20:1.25rem;
  --dg-size-24:1.5rem;
  --dg-size-32:2rem;
  --dg-size-36:2.25rem;
  --dg-size-40:2.5rem;
  --dg-size-48:3rem;
  --dg-size-56:3.5rem;
  --dg-size-64:4rem;
  --dg-size-72:4.5rem;
  --dg-size-80:5rem;
  --dg-size-88:5.5rem;
  --dg-size-96:6rem;
  --dg-size-104:6.5rem;
  --dg-size-128:8rem;
  --dg-size-192:12rem;
  --dg-space-00:0;
  --dg-space-02:0.125rem;
  --dg-space-04:0.25rem;
  --dg-space-06:0.375rem;
  --dg-space-08:0.5rem;
  --dg-space-12:0.75rem;
  --dg-space-16:1rem;
  --dg-space-20:1.25rem;
  --dg-space-24:1.5rem;
  --dg-space-32:2rem;
  --dg-space-40:2.5rem;
  --dg-space-44:2.75rem;
  --dg-space-48:3rem;
  --dg-space-52:3.25rem;
  --dg-space-56:3.5rem;
  --dg-space-64:4rem;
  --dg-space-72:4.5rem;
  --dg-space-80:5rem;
  --dg-space-88:5.5rem;
  --dg-space-96:6rem;
  --dg-space-128:8rem;
  --dg-space-192:12rem;
  --dg-space-256:16rem;
  --dg-space-320:20rem;
  --dg-typeface-font-size-10:0.625rem;
  --dg-typeface-font-size-12:0.75rem;
  --dg-typeface-font-size-14:0.875rem;
  --dg-typeface-font-size-16:1rem;
  --dg-typeface-font-size-18:1.125rem;
  --dg-typeface-font-size-24:1.5rem;
  --dg-typeface-font-size-32:2rem;
  --dg-typeface-font-size-40:2.5rem;
  --dg-typeface-font-size-48:3rem;
  --dg-typeface-font-size-56:3.5rem;
  --dg-typeface-font-size-64:4rem;
  --dg-typeface-font-size-72:4.5rem;
  --dg-typeface-font-size-80:5rem;
  --dg-typeface-font-size-112:7rem;
  --dg-typeface-letter-spacing-00:0px;
  --dg-typeface-letter-spacing-0-5:0.5px;
  --dg-typeface-letter-spacing-01:1px;
  --dg-typeface-line-height-14:0.875rem;
  --dg-typeface-line-height-16:1rem;
  --dg-typeface-line-height-20:1.25rem;
  --dg-typeface-line-height-24:1.5rem;
  --dg-typeface-line-height-26:1.625rem;
  --dg-typeface-line-height-32:2rem;
  --dg-typeface-line-height-40:2.5rem;
  --dg-typeface-line-height-48:3rem;
  --dg-typeface-line-height-56:3.5rem;
  --dg-typeface-line-height-68:4.25rem;
  --dg-typeface-line-height-80:5rem;
  --dg-typeface-line-height-88:5.5rem;
  --dg-typeface-line-height-96:6rem;
  --dg-typeface-line-height-134:8.375rem;
  --dg-typeface-font-family-cupra-screen:cupra-screen;
  --dg-typeface-font-weight-light:200;
  --dg-typeface-font-weight-book:350;
  --dg-typeface-font-weight-regular:400;
  --dg-typeface-font-weight-medium:500;
  --dg-gradient-bg-grey-stop-1-color:hsla(0,0%,98%,.2);
  --dg-gradient-bg-grey-stop-1-position:0%;
  --dg-gradient-bg-grey-stop-2-color:hsla(0,0%,98%,.05);
  --dg-gradient-bg-grey-stop-2-position:100%;
  --dg-gradient-bg-divider-stop-1-color:hsla(0,0%,98%,.3);
  --dg-gradient-bg-divider-stop-1-position:40%;
  --dg-gradient-bg-divider-stop-2-color:hsla(240,7%,78%,0);
  --dg-gradient-bg-divider-stop-2-position:100%;
  --dg-gradient-bg-black-horizontal-stop-1-color:rgba(9,9,11,.2);
  --dg-gradient-bg-black-horizontal-stop-1-position:0%;
  --dg-gradient-bg-black-horizontal-stop-2-color:rgba(9,9,11,.05);
  --dg-gradient-bg-black-horizontal-stop-2-position:100%;
  --dg-gradient-bg-black-vertical-stop-1-color:rgba(9,9,11,0);
  --dg-gradient-bg-black-vertical-stop-1-position:0%;
  --dg-gradient-bg-black-vertical-stop-2-color:rgba(9,9,11,.6);
  --dg-gradient-bg-black-vertical-stop-2-position:100%;
  --dg-gradient-bg-copper-default-stop-1-color:#b77f58;
  --dg-gradient-bg-copper-default-stop-1-position:0%;
  --dg-gradient-bg-copper-default-stop-2-color:#9b613b;
  --dg-gradient-bg-copper-default-stop-2-position:65%;
  --dg-gradient-bg-copper-default-stop-3-color:#804620;
  --dg-gradient-bg-copper-default-stop-3-position:100%;
  --dg-gradient-bg-copper-hover-stop-1-color:#996642;
  --dg-gradient-bg-copper-hover-stop-1-position:0%;
  --dg-gradient-bg-copper-hover-stop-2-color:#764a2d;
  --dg-gradient-bg-copper-hover-stop-2-position:55%;
  --dg-gradient-bg-copper-hover-stop-3-color:#562f15;
  --dg-gradient-bg-copper-hover-stop-3-position:100%;
  --dg-gradient-bg-copper-pressed-stop-1-color:#764e33;
  --dg-gradient-bg-copper-pressed-stop-1-position:0%;
  --dg-gradient-bg-copper-pressed-stop-2-color:#51331f;
  --dg-gradient-bg-copper-pressed-stop-2-position:45%;
  --dg-gradient-bg-copper-pressed-stop-3-color:#2d190b;
  --dg-gradient-bg-copper-pressed-stop-3-position:100%;
  --dg-gradient-bg-glass-default-stop-1-color:hsla(0,0%,98%,.15);
  --dg-gradient-bg-glass-default-stop-1-position:0%;
  --dg-gradient-bg-glass-default-stop-2-color:hsla(240,7%,78%,.05);
  --dg-gradient-bg-glass-default-stop-2-position:85%;
  --dg-gradient-bg-glass-default-stop-3-color:hsla(240,7%,78%,.1);
  --dg-gradient-bg-glass-default-stop-3-position:100%;
  --dg-gradient-bg-glass-hover-stop-1-color:hsla(0,0%,98%,.2);
  --dg-gradient-bg-glass-hover-stop-1-position:0%;
  --dg-gradient-bg-glass-hover-stop-2-color:hsla(240,7%,78%,.1);
  --dg-gradient-bg-glass-hover-stop-2-position:90%;
  --dg-gradient-bg-glass-hover-stop-3-color:hsla(240,7%,78%,.15);
  --dg-gradient-bg-glass-hover-stop-3-position:100%;
  --dg-gradient-bg-glass-pressed-stop-1-color:hsla(0,0%,98%,.3);
  --dg-gradient-bg-glass-pressed-stop-1-position:0%;
  --dg-gradient-bg-glass-pressed-stop-2-color:hsla(240,7%,78%,.15);
  --dg-gradient-bg-glass-pressed-stop-2-position:95%;
  --dg-gradient-bg-glass-pressed-stop-3-color:hsla(240,7%,78%,.2);
  --dg-gradient-bg-glass-pressed-stop-3-position:100%;
  --dg-gradient-bg-glass-focus-stop-1-color:hsla(0,0%,98%,.2);
  --dg-gradient-bg-glass-focus-stop-1-position:0%;
  --dg-gradient-bg-glass-focus-stop-2-color:hsla(240,7%,78%,.1);
  --dg-gradient-bg-glass-focus-stop-2-position:90%;
  --dg-gradient-bg-glass-focus-stop-3-color:hsla(240,7%,78%,.15);
  --dg-gradient-bg-glass-focus-stop-3-position:100%;
  --dg-gradient-bg-skeleton-base-stop-1-color:hsla(240,7%,78%,.3);
  --dg-gradient-bg-skeleton-base-stop-1-position:0%;
  --dg-gradient-bg-skeleton-base-stop-2-color:hsla(240,7%,78%,.1);
  --dg-gradient-bg-skeleton-base-stop-2-position:50%;
  --dg-gradient-bg-skeleton-base-stop-3-color:hsla(240,7%,78%,.3);
  --dg-gradient-bg-skeleton-base-stop-3-position:100%;
  --dg-elevation-shadow-medium:0 0.25rem 0.25rem 0 rgba(0,0,0,.25);
  --dg-elevation-blur-soft:blur(1.5rem);
  --dg-elevation-blur-medium:blur(5rem);
  --dg-elevation-blur-strong:blur(7.5rem);
  --scrollbar-border-width:var(--dg-spacing-s-4);
  --scrollbar-size-s:calc(var(--dg-spacing-s-4)*2 + 0.25rem);
  --scrollbar-size-m:calc(var(--dg-spacing-s-4)*2 + 0.5rem) ;
}

.ds-scroll-global ::-webkit-scrollbar,
.ds-scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  appearance: none;
  display: initial;
  height: var(--scrollbar-size-s);
  width: var(--scrollbar-size-s);
}

.ds-scroll-global ::-webkit-scrollbar-thumb,
.ds-scroll::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: var(--dg-global-opacity-white-70);
  border: var(--scrollbar-border-width) solid transparent;
  border-radius: var(--dg-border-radius-full);
}

@media (min-width: 764px) {
  .ds-scroll-global ::-webkit-scrollbar,
  .ds-scroll::-webkit-scrollbar {
    height: var(--scrollbar-size-m);
    width: var(--scrollbar-size-m);
  }
}
.ds-scroll-global.ds-scroll--size-s ::-webkit-scrollbar,
.ds-scroll.ds-scroll--size-s::-webkit-scrollbar {
  height: var(--scrollbar-size-s);
  width: var(--scrollbar-size-s);
}

.ds-scroll-global.ds-scroll--size-m ::-webkit-scrollbar,
.ds-scroll.ds-scroll--size-m::-webkit-scrollbar {
  height: var(--scrollbar-size-m);
  width: var(--scrollbar-size-m);
}

.ds-scroll-global ::-webkit-scrollbar-track,
.ds-scroll::-webkit-scrollbar-track {
  background-color: transparent;
}

@media (min-width: 0px) {
  :root {
    --dg-font-height-body-xs:var(--dg-typeface-line-height-14);
    --dg-font-height-body-s:var(--dg-typeface-line-height-16);
    --dg-font-height-body-m:var(--dg-typeface-line-height-20);
    --dg-font-height-body-l:var(--dg-typeface-line-height-24);
    --dg-font-height-headline-xs:var(--dg-typeface-line-height-26);
    --dg-font-height-headline-s:var(--dg-typeface-line-height-32);
    --dg-font-height-display-l:var(--dg-typeface-line-height-40);
    --dg-font-height-display-m:var(--dg-typeface-line-height-40);
    --dg-font-height-headline-l:var(--dg-typeface-line-height-40);
    --dg-font-height-headline-m:var(--dg-typeface-line-height-40);
    --dg-font-height-headline-xl:var(--dg-typeface-line-height-40);
    --dg-font-letter-spacing-m:var(--dg-typeface-letter-spacing-0-5);
    --dg-font-letter-spacing-s:var(--dg-typeface-letter-spacing-0-5);
    --dg-font-letter-spacing-l:var(--dg-typeface-letter-spacing-01);
    --dg-font-size-body-xs:var(--dg-typeface-font-size-10);
    --dg-font-size-body-s:var(--dg-typeface-font-size-12);
    --dg-font-size-body-m:var(--dg-typeface-font-size-14);
    --dg-font-size-body-l:var(--dg-typeface-font-size-16);
    --dg-font-size-headline-xs:var(--dg-typeface-font-size-18);
    --dg-font-size-headline-s:var(--dg-typeface-font-size-24);
    --dg-font-size-headline-m:var(--dg-typeface-font-size-32);
    --dg-font-size-display-l:var(--dg-typeface-font-size-40);
    --dg-font-size-display-m:var(--dg-typeface-font-size-40);
    --dg-font-size-headline-l:var(--dg-typeface-font-size-40);
    --dg-font-size-headline-xl:var(--dg-typeface-font-size-40);
    --dg-font-family-base:var(--dg-typeface-font-family-cupra-screen) ;
  }
}
@media (min-width: 480px) {
  :root {
    --dg-font-height-body-xs:var(--dg-typeface-line-height-14);
    --dg-font-height-body-s:var(--dg-typeface-line-height-16);
    --dg-font-height-body-m:var(--dg-typeface-line-height-20);
    --dg-font-height-body-l:var(--dg-typeface-line-height-24);
    --dg-font-height-headline-xs:var(--dg-typeface-line-height-26);
    --dg-font-height-headline-s:var(--dg-typeface-line-height-32);
    --dg-font-height-headline-m:var(--dg-typeface-line-height-40);
    --dg-font-height-headline-l:var(--dg-typeface-line-height-48);
    --dg-font-height-headline-xl:var(--dg-typeface-line-height-56);
    --dg-font-height-display-m:var(--dg-typeface-line-height-68);
    --dg-font-height-display-l:var(--dg-typeface-line-height-96);
    --dg-font-letter-spacing-m:var(--dg-typeface-letter-spacing-0-5);
    --dg-font-letter-spacing-s:var(--dg-typeface-letter-spacing-0-5);
    --dg-font-letter-spacing-l:var(--dg-typeface-letter-spacing-01);
    --dg-font-size-body-xs:var(--dg-typeface-font-size-10);
    --dg-font-size-body-s:var(--dg-typeface-font-size-12);
    --dg-font-size-body-m:var(--dg-typeface-font-size-14);
    --dg-font-size-body-l:var(--dg-typeface-font-size-16);
    --dg-font-size-headline-xs:var(--dg-typeface-font-size-18);
    --dg-font-size-headline-s:var(--dg-typeface-font-size-24);
    --dg-font-size-headline-m:var(--dg-typeface-font-size-32);
    --dg-font-size-headline-l:var(--dg-typeface-font-size-40);
    --dg-font-size-headline-xl:var(--dg-typeface-font-size-48);
    --dg-font-size-display-m:var(--dg-typeface-font-size-56);
    --dg-font-size-display-l:var(--dg-typeface-font-size-80);
    --dg-font-family-base:var(--dg-typeface-font-family-cupra-screen) ;
  }
}
@media (min-width: 768px) {
  :root {
    --dg-font-height-body-xs:var(--dg-typeface-line-height-14);
    --dg-font-height-body-s:var(--dg-typeface-line-height-16);
    --dg-font-height-body-m:var(--dg-typeface-line-height-20);
    --dg-font-height-body-l:var(--dg-typeface-line-height-24);
    --dg-font-height-headline-xs:var(--dg-typeface-line-height-26);
    --dg-font-height-headline-s:var(--dg-typeface-line-height-32);
    --dg-font-height-headline-m:var(--dg-typeface-line-height-40);
    --dg-font-height-headline-l:var(--dg-typeface-line-height-48);
    --dg-font-height-headline-xl:var(--dg-typeface-line-height-56);
    --dg-font-height-display-m:var(--dg-typeface-line-height-68);
    --dg-font-height-display-l:var(--dg-typeface-line-height-96);
    --dg-font-letter-spacing-m:var(--dg-typeface-letter-spacing-0-5);
    --dg-font-letter-spacing-s:var(--dg-typeface-letter-spacing-0-5);
    --dg-font-letter-spacing-l:var(--dg-typeface-letter-spacing-01);
    --dg-font-size-body-xs:var(--dg-typeface-font-size-10);
    --dg-font-size-body-s:var(--dg-typeface-font-size-12);
    --dg-font-size-body-m:var(--dg-typeface-font-size-14);
    --dg-font-size-body-l:var(--dg-typeface-font-size-16);
    --dg-font-size-headline-xs:var(--dg-typeface-font-size-18);
    --dg-font-size-headline-s:var(--dg-typeface-font-size-24);
    --dg-font-size-headline-m:var(--dg-typeface-font-size-32);
    --dg-font-size-headline-l:var(--dg-typeface-font-size-40);
    --dg-font-size-headline-xl:var(--dg-typeface-font-size-48);
    --dg-font-size-display-m:var(--dg-typeface-font-size-56);
    --dg-font-size-display-l:var(--dg-typeface-font-size-80) ;
  }
}
@media (min-width: 1024px) {
  :root {
    --dg-font-height-body-xs:var(--dg-typeface-line-height-14);
    --dg-font-height-body-s:var(--dg-typeface-line-height-16);
    --dg-font-height-body-m:var(--dg-typeface-line-height-20);
    --dg-font-height-body-l:var(--dg-typeface-line-height-24);
    --dg-font-height-headline-xs:var(--dg-typeface-line-height-26);
    --dg-font-height-headline-s:var(--dg-typeface-line-height-32);
    --dg-font-height-headline-m:var(--dg-typeface-line-height-40);
    --dg-font-height-headline-l:var(--dg-typeface-line-height-48);
    --dg-font-height-headline-xl:var(--dg-typeface-line-height-56);
    --dg-font-height-display-m:var(--dg-typeface-line-height-68);
    --dg-font-height-display-l:var(--dg-typeface-line-height-96);
    --dg-font-letter-spacing-m:var(--dg-typeface-letter-spacing-0-5);
    --dg-font-letter-spacing-s:var(--dg-typeface-letter-spacing-0-5);
    --dg-font-letter-spacing-l:var(--dg-typeface-letter-spacing-01);
    --dg-font-size-body-xs:var(--dg-typeface-font-size-10);
    --dg-font-size-body-s:var(--dg-typeface-font-size-12);
    --dg-font-size-body-m:var(--dg-typeface-font-size-14);
    --dg-font-size-body-l:var(--dg-typeface-font-size-16);
    --dg-font-size-headline-xs:var(--dg-typeface-font-size-18);
    --dg-font-size-headline-s:var(--dg-typeface-font-size-24);
    --dg-font-size-headline-m:var(--dg-typeface-font-size-32);
    --dg-font-size-headline-l:var(--dg-typeface-font-size-40);
    --dg-font-size-headline-xl:var(--dg-typeface-font-size-48);
    --dg-font-size-display-m:var(--dg-typeface-font-size-56);
    --dg-font-size-display-l:var(--dg-typeface-font-size-80);
    --dg-font-family-base:var(--dg-typeface-font-family-cupra-screen) ;
  }
}
@media (min-width: 1440px) {
  :root {
    --dg-font-height-body-xs:var(--dg-typeface-line-height-14);
    --dg-font-height-body-s:var(--dg-typeface-line-height-16);
    --dg-font-height-body-m:var(--dg-typeface-line-height-20);
    --dg-font-height-body-l:var(--dg-typeface-line-height-24);
    --dg-font-height-headline-xs:var(--dg-typeface-line-height-32);
    --dg-font-height-headline-s:var(--dg-typeface-line-height-40);
    --dg-font-height-headline-m:var(--dg-typeface-line-height-48);
    --dg-font-height-headline-l:var(--dg-typeface-line-height-56);
    --dg-font-height-headline-xl:var(--dg-typeface-line-height-80);
    --dg-font-height-display-m:var(--dg-typeface-line-height-88);
    --dg-font-height-display-l:var(--dg-typeface-line-height-134);
    --dg-font-letter-spacing-m:var(--dg-typeface-letter-spacing-0-5);
    --dg-font-letter-spacing-s:var(--dg-typeface-letter-spacing-0-5);
    --dg-font-letter-spacing-l:var(--dg-typeface-letter-spacing-01);
    --dg-font-size-body-xs:var(--dg-typeface-font-size-10);
    --dg-font-size-body-s:var(--dg-typeface-font-size-12);
    --dg-font-size-body-m:var(--dg-typeface-font-size-14);
    --dg-font-size-body-l:var(--dg-typeface-font-size-16);
    --dg-font-size-headline-xs:var(--dg-typeface-font-size-24);
    --dg-font-size-headline-s:var(--dg-typeface-font-size-32);
    --dg-font-size-headline-m:var(--dg-typeface-font-size-40);
    --dg-font-size-headline-l:var(--dg-typeface-font-size-48);
    --dg-font-size-headline-xl:var(--dg-typeface-font-size-64);
    --dg-font-size-display-m:var(--dg-typeface-font-size-72);
    --dg-font-size-display-l:var(--dg-typeface-font-size-112);
    --dg-font-family-base:var(--dg-typeface-font-family-cupra-screen) ;
  }
}
@media (min-width: 1920px) {
  :root {
    --dg-font-height-body-xs:var(--dg-typeface-line-height-14);
    --dg-font-height-body-s:var(--dg-typeface-line-height-16);
    --dg-font-height-body-m:var(--dg-typeface-line-height-20);
    --dg-font-height-body-l:var(--dg-typeface-line-height-24);
    --dg-font-height-headline-xs:var(--dg-typeface-line-height-32);
    --dg-font-height-headline-s:var(--dg-typeface-line-height-40);
    --dg-font-height-headline-m:var(--dg-typeface-line-height-48);
    --dg-font-height-headline-l:var(--dg-typeface-line-height-56);
    --dg-font-height-headline-xl:var(--dg-typeface-line-height-80);
    --dg-font-height-display-m:var(--dg-typeface-line-height-88);
    --dg-font-height-display-l:var(--dg-typeface-line-height-134);
    --dg-font-letter-spacing-m:var(--dg-typeface-letter-spacing-0-5);
    --dg-font-letter-spacing-s:var(--dg-typeface-letter-spacing-0-5);
    --dg-font-letter-spacing-l:var(--dg-typeface-letter-spacing-01);
    --dg-font-size-body-xs:var(--dg-typeface-font-size-10);
    --dg-font-size-body-s:var(--dg-typeface-font-size-12);
    --dg-font-size-body-m:var(--dg-typeface-font-size-14);
    --dg-font-size-body-l:var(--dg-typeface-font-size-16);
    --dg-font-size-headline-xs:var(--dg-typeface-font-size-24);
    --dg-font-size-headline-s:var(--dg-typeface-font-size-32);
    --dg-font-size-headline-m:var(--dg-typeface-font-size-40);
    --dg-font-size-headline-l:var(--dg-typeface-font-size-48);
    --dg-font-size-headline-xl:var(--dg-typeface-font-size-64);
    --dg-font-size-display-m:var(--dg-typeface-font-size-72);
    --dg-font-size-display-l:var(--dg-typeface-font-size-112);
    --dg-font-family-base:var(--dg-typeface-font-family-cupra-screen) ;
  }
}
:root {
  --dg-color-border-featured:var(--dg-global-color-copper-70);
  --dg-color-border-focus:var(--dg-global-color-enceladus-80);
  --dg-color-border-soft:var(--dg-global-opacity-white-10);
  --dg-color-border-strong:var(--dg-global-opacity-white-30);
  --dg-color-border-active:var(--dg-global-color-neutral-10);
  --dg-color-border-error:var(--dg-global-color-red-70);
  --dg-color-border-info:var(--dg-global-color-blue-80);
  --dg-color-border-success:var(--dg-global-color-green-100);
  --dg-color-border-warning:var(--dg-global-color-yellow-90);
  --dg-color-divider-01:var(--dg-global-opacity-white-10);
  --dg-color-divider-default:var(--dg-global-opacity-white-10);
  --dg-color-bg-base:var(--dg-global-color-moonslate-130);
  --dg-color-bg-disabled:var(--dg-global-color-neutral-90);
  --dg-color-bg-error:var(--dg-global-color-red-100);
  --dg-color-bg-info:var(--dg-global-color-blue-100);
  --dg-color-bg-inverted:var(--dg-global-color-moonslate-30);
  --dg-color-bg-overlay:var(--dg-global-opacity-black-70);
  --dg-color-bg-success:var(--dg-global-color-green-100);
  --dg-color-bg-warning:var(--dg-global-color-yellow-90);
  --dg-color-bg-opacity-generic-soft:var(--dg-global-opacity-white-05);
  --dg-color-bg-opacity-generic-strong:var(--dg-global-opacity-white-10);
  --dg-color-bg-opacity-specific-default:var(--dg-global-opacity-white-05);
  --dg-color-bg-opacity-specific-disabled:var(--dg-global-color-neutral-110);
  --dg-color-bg-opacity-specific-focus:var(--dg-global-opacity-white-10);
  --dg-color-bg-opacity-specific-hover:var(--dg-global-opacity-white-10);
  --dg-color-bg-opacity-specific-pressed:var(--dg-global-opacity-white-15);
  --dg-color-bg-opacity-specific-selected:var(--dg-global-opacity-white-15);
  --dg-color-bg-opacity-specific-skeleton:var(--dg-global-color-neutral-110);
  --dg-color-bg-stain-01:var(--dg-global-color-tobaco-120);
  --dg-color-bg-stain-02:var(--dg-global-color-enceladus-100);
  --dg-color-bg-modal:var(--dg-global-color-moonslate-130);
  --dg-color-icon-accent:var(--dg-global-color-electric-90);
  --dg-color-icon-disabled:var(--dg-global-color-neutral-90);
  --dg-color-icon-error:var(--dg-global-color-red-70);
  --dg-color-icon-information:var(--dg-global-color-blue-80);
  --dg-color-icon-inverted:#5c30a9;
  --dg-color-icon-link:#5c30a9;
  --dg-color-icon-link-active:#5c30a9;
  --dg-color-icon-medium:var(--dg-global-color-neutral-40);
  --dg-color-icon-selected:#5c30a9;
  --dg-color-icon-soft:var(--dg-global-color-neutral-60);
  --dg-color-icon-strong:var(--dg-global-color-neutral-10);
  --dg-color-icon-success:var(--dg-global-color-green-90);
  --dg-color-icon-warning:var(--dg-global-color-yellow-80);
  --dg-color-text-accent:var(--dg-global-color-electric-90);
  --dg-color-text-disabled:var(--dg-global-color-neutral-90);
  --dg-color-text-error:var(--dg-global-color-red-70);
  --dg-color-text-information:var(--dg-global-color-blue-80);
  --dg-color-text-inverted:var(--dg-global-color-neutral-150);
  --dg-color-text-link:#5c30a9;
  --dg-color-text-link-active:#5c30a9;
  --dg-color-text-medium:var(--dg-global-color-neutral-40);
  --dg-color-text-selected:#5c30a9;
  --dg-color-text-soft:var(--dg-global-color-neutral-60);
  --dg-color-text-strong:var(--dg-global-color-neutral-10);
  --dg-color-text-success:var(--dg-global-color-green-90);
  --dg-color-text-warning:var(--dg-global-color-yellow-80);
  --dg-color-field-bg-default:var(--dg-global-opacity-grey-05);
  --dg-color-field-bg-default-strong:var(--dg-global-opacity-black-50);
  --dg-color-field-bg-disabled:var(--dg-global-color-neutral-90);
  --dg-color-field-bg-error:var(--dg-global-color-red-70);
  --dg-color-field-bg-focus:var(--dg-global-opacity-grey-05);
  --dg-color-field-bg-hover:var(--dg-global-opacity-grey-05);
  --dg-color-field-bg-pressed:var(--dg-global-opacity-grey-10);
  --dg-color-field-bg-selected:var(--dg-global-color-copper-80);
  --dg-color-field-bg-selected-surface:var(--dg-global-opacity-grey-05);
  --dg-color-field-border-default:var(--dg-global-color-neutral-60);
  --dg-color-field-border-disabled:var(--dg-global-color-neutral-90);
  --dg-color-field-border-error:var(--dg-global-color-red-70);
  --dg-color-field-border-filled:var(--dg-global-color-neutral-10);
  --dg-color-field-border-focus:var(--dg-global-color-neutral-40);
  --dg-color-field-border-hover:var(--dg-global-color-neutral-40);
  --dg-color-field-border-selected-alt:var(--dg-global-color-copper-60);
  --dg-color-field-border-selected-default:var(--dg-global-color-copper-80);
  --dg-color-field-border-skeleton:var(--dg-global-color-neutral-90);
  --dg-color-field-icon-default:var(--dg-global-color-neutral-60);
  --dg-color-field-icon-disabled:var(--dg-global-color-neutral-90);
  --dg-color-field-icon-error:var(--dg-global-color-red-70);
  --dg-color-field-icon-filled:var(--dg-global-color-neutral-10);
  --dg-color-field-icon-focus:var(--dg-global-color-neutral-40);
  --dg-color-field-icon-hover:var(--dg-global-color-neutral-40);
  --dg-color-field-icon-inverted:var(--dg-global-color-enceladus-130);
  --dg-color-field-icon-selected:var(--dg-global-color-neutral-10);
  --dg-color-field-icon-skeleton:var(--dg-global-color-neutral-60);
  --dg-color-field-text-default:var(--dg-global-color-neutral-60);
  --dg-color-field-text-disabled:var(--dg-global-color-neutral-90);
  --dg-color-field-text-error:var(--dg-global-color-red-70);
  --dg-color-field-text-filled:var(--dg-global-color-neutral-10);
  --dg-color-field-text-focus:var(--dg-global-color-neutral-40);
  --dg-color-field-text-focus-specific:var(--dg-global-color-neutral-100);
  --dg-color-field-text-hover:var(--dg-global-color-neutral-40);
  --dg-color-field-text-selected:var(--dg-global-color-neutral-10);
  --dg-color-glass-bg-disabled:var(--dg-global-color-neutral-110);
  --dg-color-glass-bg-skeleton:var(--dg-global-color-neutral-110);
  --dg-color-glass-border-default:var(--dg-global-opacity-white-30);
  --dg-color-glass-border-disabled:var(--dg-global-color-neutral-90);
  --dg-color-glass-border-error:var(--dg-global-color-red-70);
  --dg-color-glass-border-filled:var(--dg-global-color-neutral-10);
  --dg-color-glass-border-focus:var(--dg-global-opacity-white-60);
  --dg-color-glass-border-hover:var(--dg-global-opacity-white-40);
  --dg-color-glass-border-pressed:var(--dg-global-opacity-white-60);
  --dg-color-glass-border-skeleton:var(--dg-global-color-neutral-90);
  --dg-color-glass-icon-default:var(--dg-global-color-neutral-10);
  --dg-color-glass-icon-disabled:var(--dg-global-color-neutral-90);
  --dg-color-glass-icon-error:var(--dg-global-color-red-70);
  --dg-color-glass-icon-filled:var(--dg-global-color-neutral-10);
  --dg-color-glass-icon-focus:var(--dg-global-color-neutral-10);
  --dg-color-glass-icon-hover:var(--dg-global-color-neutral-10);
  --dg-color-glass-icon-pressed:var(--dg-global-color-neutral-10);
  --dg-color-glass-icon-skeleton:var(--dg-global-color-neutral-60);
  --dg-color-glass-text-default:var(--dg-global-color-neutral-10);
  --dg-color-glass-text-disabled:var(--dg-global-color-neutral-90);
  --dg-color-glass-text-filled:var(--dg-global-color-neutral-10);
  --dg-color-glass-text-focus:var(--dg-global-color-neutral-10);
  --dg-color-glass-text-hover:var(--dg-global-color-neutral-10);
  --dg-color-glass-text-pressed:var(--dg-global-color-neutral-10);
  --dg-border-radius-none:var(--dg-border-radius-00);
  --dg-border-radius-xxs:var(--dg-border-radius-04);
  --dg-border-radius-xs:var(--dg-border-radius-06);
  --dg-border-radius-s:var(--dg-border-radius-08);
  --dg-border-radius-m:var(--dg-border-radius-12);
  --dg-border-radius-l:var(--dg-border-radius-20);
  --dg-border-radius-xl:var(--dg-border-radius-24);
  --dg-border-radius-full:var(--dg-border-radius-100000);
  --dg-border-width-s:var(--dg-border-width-00);
  --dg-border-width-m:var(--dg-border-width-01);
  --dg-border-width-l:var(--dg-border-width-02);
  --dg-spacing-s-1:var(--dg-space-00);
  --dg-spacing-s-2:var(--dg-space-02);
  --dg-spacing-s-3:var(--dg-space-04);
  --dg-spacing-s-4:var(--dg-space-06);
  --dg-spacing-s-5:var(--dg-space-08);
  --dg-spacing-m-1:var(--dg-space-12);
  --dg-spacing-m-2:var(--dg-space-16);
  --dg-spacing-m-3:var(--dg-space-20);
  --dg-spacing-m-4:var(--dg-space-24);
  --dg-spacing-l-1:var(--dg-space-32);
  --dg-spacing-l-2:var(--dg-space-40);
  --dg-spacing-l-3:var(--dg-space-48);
  --dg-spacing-l-4:var(--dg-space-56);
  --dg-spacing-l-5:var(--dg-space-64);
  --dg-spacing-l-6:var(--dg-space-72);
  --dg-spacing-l-7:var(--dg-space-80);
  --dg-spacing-l-8:var(--dg-space-88);
  --dg-spacing-l-9:var(--dg-space-96);
  --dg-gradient-bg-copper-default:linear-gradient(to right,var(--dg-gradient-bg-copper-default-stop-1-color) var(--dg-gradient-bg-copper-default-stop-1-position),var(--dg-gradient-bg-copper-default-stop-2-color) var(--dg-gradient-bg-copper-default-stop-2-position),var(--dg-gradient-bg-copper-default-stop-3-color) var(--dg-gradient-bg-copper-default-stop-3-position));
  --dg-gradient-bg-copper-hover:linear-gradient(to right,var(--dg-gradient-bg-copper-hover-stop-1-color) var(--dg-gradient-bg-copper-hover-stop-1-position),var(--dg-gradient-bg-copper-hover-stop-2-color) var(--dg-gradient-bg-copper-hover-stop-2-position),var(--dg-gradient-bg-copper-hover-stop-3-color) var(--dg-gradient-bg-copper-hover-stop-3-position));
  --dg-gradient-bg-copper-pressed:linear-gradient(to right,var(--dg-gradient-bg-copper-pressed-stop-1-color) var(--dg-gradient-bg-copper-pressed-stop-1-position),var(--dg-gradient-bg-copper-pressed-stop-2-color) var(--dg-gradient-bg-copper-pressed-stop-2-position),var(--dg-gradient-bg-copper-pressed-stop-3-color) var(--dg-gradient-bg-copper-pressed-stop-3-position));
  --dg-gradient-bg-glass-default:linear-gradient(179deg,var(--dg-gradient-bg-glass-default-stop-1-color) var(--dg-gradient-bg-glass-default-stop-1-position),var(--dg-gradient-bg-glass-default-stop-2-color) var(--dg-gradient-bg-glass-default-stop-2-position),var(--dg-gradient-bg-glass-default-stop-3-color) var(--dg-gradient-bg-glass-default-stop-3-position));
  --dg-gradient-bg-glass-hover:linear-gradient(179deg,var(--dg-gradient-bg-glass-hover-stop-1-color) var(--dg-gradient-bg-glass-hover-stop-1-position),var(--dg-gradient-bg-glass-hover-stop-2-color) var(--dg-gradient-bg-glass-hover-stop-2-position),var(--dg-gradient-bg-glass-hover-stop-3-color) var(--dg-gradient-bg-glass-hover-stop-3-position));
  --dg-gradient-bg-glass-pressed:linear-gradient(179deg,var(--dg-gradient-bg-glass-pressed-stop-1-color) var(--dg-gradient-bg-glass-pressed-stop-1-position),var(--dg-gradient-bg-glass-pressed-stop-2-color) var(--dg-gradient-bg-glass-pressed-stop-2-position),var(--dg-gradient-bg-glass-pressed-stop-3-color) var(--dg-gradient-bg-glass-pressed-stop-3-position));
  --dg-gradient-bg-glass-focus:linear-gradient(179deg,var(--dg-gradient-bg-glass-focus-stop-1-color) var(--dg-gradient-bg-glass-focus-stop-1-position),var(--dg-gradient-bg-glass-focus-stop-2-color) var(--dg-gradient-bg-glass-focus-stop-2-position),var(--dg-gradient-bg-glass-focus-stop-3-color) var(--dg-gradient-bg-glass-focus-stop-3-position));
  --dg-gradient-bg-skeleton-base:linear-gradient(to right,var(--dg-gradient-bg-skeleton-base-stop-1-color) var(--dg-gradient-bg-skeleton-base-stop-1-position),var(--dg-gradient-bg-skeleton-base-stop-2-color) var(--dg-gradient-bg-skeleton-base-stop-2-position),var(--dg-gradient-bg-skeleton-base-stop-3-color) var(--dg-gradient-bg-skeleton-base-stop-3-position));
  --dg-gradient-bg-divider:linear-gradient(90deg,var(--dg-global-opacity-white-30) 40%,var(--dg-global-opacity-grey-00) 100%) ;
}

@media (min-width: 0px) {
  :root {
    --dg-layout-columns:var(--dg-size-02);
    --dg-layout-gutter:var(--dg-space-16);
    --dg-layout-margin:var(--dg-space-16);
    --dg-spacing-layout-xxxs:var(--dg-space-04);
    --dg-spacing-layout-xxs:var(--dg-space-08);
    --dg-spacing-layout-xs:var(--dg-space-12);
    --dg-spacing-layout-s:var(--dg-space-16);
    --dg-spacing-layout-m:var(--dg-space-20);
    --dg-spacing-layout-l:var(--dg-space-24);
    --dg-spacing-layout-xl:var(--dg-space-32);
    --dg-spacing-layout-xxl:var(--dg-space-40);
    --dg-spacing-layout-xxxl:var(--dg-space-40);
    --dg-layout-min-width:20rem;
    --dg-layout-width:20rem;
    --dg-layout-max-width:29.9375rem;
    --dg-layout-base:var(--dg-typeface-font-family-cupra-screen) ;
  }
}
@media (min-width: 480px) {
  :root {
    --dg-layout-columns:var(--dg-size-04);
    --dg-layout-gutter:var(--dg-space-24);
    --dg-layout-margin:var(--dg-space-24);
    --dg-spacing-layout-xxxs:var(--dg-space-04);
    --dg-spacing-layout-xxs:var(--dg-space-08);
    --dg-spacing-layout-xs:var(--dg-space-12);
    --dg-spacing-layout-s:var(--dg-space-16);
    --dg-spacing-layout-m:var(--dg-space-20);
    --dg-spacing-layout-l:var(--dg-space-24);
    --dg-spacing-layout-xl:var(--dg-space-32);
    --dg-spacing-layout-xxl:var(--dg-space-40);
    --dg-spacing-layout-xxxl:var(--dg-space-40);
    --dg-layout-min-width:30rem;
    --dg-layout-width:30rem;
    --dg-layout-max-width:47.9375rem;
    --dg-layout-base:var(--dg-typeface-font-family-cupra-screen) ;
  }
}
@media (min-width: 768px) {
  :root {
    --dg-layout-columns:var(--dg-size-06);
    --dg-layout-gutter:var(--dg-space-32);
    --dg-layout-margin:var(--dg-space-32);
    --dg-spacing-layout-xxxs:var(--dg-space-04);
    --dg-spacing-layout-xxs:var(--dg-space-08);
    --dg-spacing-layout-xs:var(--dg-space-12);
    --dg-spacing-layout-s:var(--dg-space-16);
    --dg-spacing-layout-m:var(--dg-space-20);
    --dg-spacing-layout-l:var(--dg-space-32);
    --dg-spacing-layout-xl:var(--dg-space-40);
    --dg-spacing-layout-xxl:var(--dg-space-48);
    --dg-spacing-layout-xxxl:var(--dg-space-64);
    --dg-layout-min-width:48rem;
    --dg-layout-width:48rem;
    --dg-layout-max-width:63.9375rem;
    --dg-layout-base:var(--dg-typeface-font-family-cupra-screen) ;
  }
}
@media (min-width: 1024px) {
  :root {
    --dg-layout-columns:var(--dg-size-12);
    --dg-layout-gutter:var(--dg-space-32);
    --dg-layout-margin:var(--dg-space-32);
    --dg-spacing-layout-xxxs:var(--dg-space-04);
    --dg-spacing-layout-xxs:var(--dg-space-08);
    --dg-spacing-layout-xs:var(--dg-space-12);
    --dg-spacing-layout-s:var(--dg-space-16);
    --dg-spacing-layout-m:var(--dg-space-20);
    --dg-spacing-layout-l:var(--dg-space-32);
    --dg-spacing-layout-xl:var(--dg-space-40);
    --dg-spacing-layout-xxl:var(--dg-space-48);
    --dg-spacing-layout-xxxl:var(--dg-space-64);
    --dg-layout-min-width:64rem;
    --dg-layout-width:64rem;
    --dg-layout-max-width:89.9375rem;
    --dg-layout-base:var(--dg-typeface-font-family-cupra-screen) ;
  }
}
@media (min-width: 1440px) {
  :root {
    --dg-layout-columns:var(--dg-size-12);
    --dg-layout-gutter:var(--dg-space-32);
    --dg-layout-margin:var(--dg-space-40);
    --dg-spacing-layout-xxxs:var(--dg-space-04);
    --dg-spacing-layout-xxs:var(--dg-space-08);
    --dg-spacing-layout-xs:var(--dg-space-12);
    --dg-spacing-layout-s:var(--dg-space-16);
    --dg-spacing-layout-m:var(--dg-space-24);
    --dg-spacing-layout-l:var(--dg-space-40);
    --dg-spacing-layout-xl:var(--dg-space-56);
    --dg-spacing-layout-xxl:var(--dg-space-72);
    --dg-spacing-layout-xxxl:var(--dg-space-88);
    --dg-layout-min-width:90rem;
    --dg-layout-width:90rem;
    --dg-layout-max-width:119.9375rem;
    --dg-layout-base:var(--dg-typeface-font-family-cupra-screen) ;
  }
}
@media (min-width: 1920px) {
  :root {
    --dg-layout-columns:var(--dg-size-12);
    --dg-layout-gutter:var(--dg-space-48);
    --dg-layout-margin:var(--dg-space-48);
    --dg-spacing-layout-xxxs:var(--dg-space-04);
    --dg-spacing-layout-xxs:var(--dg-space-08);
    --dg-spacing-layout-xs:var(--dg-space-12);
    --dg-spacing-layout-s:var(--dg-space-16);
    --dg-spacing-layout-m:var(--dg-space-24);
    --dg-spacing-layout-l:var(--dg-space-40);
    --dg-spacing-layout-xl:var(--dg-space-56);
    --dg-spacing-layout-xxl:var(--dg-space-80);
    --dg-spacing-layout-xxxl:var(--dg-space-96);
    --dg-layout-min-width:120rem;
    --dg-layout-width:120rem;
    --dg-layout-max-width:6250rem;
    --dg-layout-base:var(--dg-typeface-font-family-cupra-screen) ;
  }
}
:root {
  --ds-z-index-negative:-1;
  --ds-z-index-base:0;
  --ds-z-index-default:1;
  --ds-z-index-app-footer:1000;
  --ds-z-index-app-header:1100;
  --ds-z-index-overlay:1200;
  --ds-z-index-tooltip:1300;
  --ds-z-index-modal:1400;
  --ds-z-index-context-menu:1500;
  --ds-z-index-popover:1600;
  --ds-z-index-toast:1700;
  --ds-z-index-loader:1800;
  --ds-z-index-alert-info:1900;
  --ds-z-index-alert-success:2000;
  --ds-z-index-alert-warning:2100;
  --ds-z-index-alert-error:2200;
  --ds-z-index-top:9999 ;
}

:not(:defined) {
  display: none;
}

.stickyManager {
  top: auto;
  position: relative !important;
}

.stickyManager__sticky {
  position: fixed !important;
  transition: top 0.3s linear, transform 0.3s linear !important;
  -webkit-transition: top 0.3s linear, transform 0.3s linear !important;
  -moz-transition: top 0.3s linear, transform 0.3s linear !important;
  -o-transition: top 0.3s linear, transform 0.3s linear !important;
  width: 100%;
  z-index: 1;
}

.stickyManager__sticky-hidden {
  background-color: var(--color-bg-01);
}

.stickyManager__parent-hidden {
  height: 0;
  overflow: hidden;
}

.global-header {
  position: absolute;
  width: 100%;
}

.cmp-global-header:before {
  /* contains backdrop-filter ;*/
  display: none;
}

.cmp-global-header:after {
  /* contains black background */
  /*display: none;*/
}

.stickyManager.init {
  transition: none !important;
}

.stickyManager__sticky {
  transform: translateY(-100%);
}

.stickyManager__sticky-visible {
  transform: translateY(0%);
}

.container-body {
  position: relative;
  margin-top: 0; /* Override the negative margin system used by the Cupra site (we partially rolled our own) */
}

.cmp-global-footer {
  background-color: #1b1b1b;
}

.cmp-global-footer {
  --ico-instagram: url(/images/ico-instagram.svg);
  --ico-facebook: url(/images/ico-facebook.svg);
  --ico-linkedin: url(/images/ico-linkedin.svg);
  --ico-youtube: url(/images/ico-youtube.svg);
}

body {
  /*--color_blueDark: #001e50;
  --color_blueLight: #00b0f0;*/
}

/* CUPRA font*/
@font-face {
  font-family: CupraLight;
  src: url(../../../fonts/Cupra-Light.woff) format("woff");
}
@font-face {
  font-family: CupraLightItalic;
  src: url(../../../fonts/Cupra-LightItalic.woff) format("woff");
}
@font-face {
  font-family: CupraRegular;
  src: url(../../../fonts/Cupra-Regular.woff) format("woff");
}
@font-face {
  font-family: CupraMedium;
  src: url(../../../fonts/Cupra-Medium.woff) format("woff");
}
@font-face {
  font-family: CupraBook;
  src: url(../../../fonts/Cupra-Book.woff) format("woff");
}
@font-face {
  font-family: CupraBold;
  src: url(../../../fonts/CupraScreen-Bold.woff) format("woff");
}
@font-face {
  font-family: cupra-screen;
  src: url(../../../fonts/Cupra-Regular.woff) format("woff");
}
/*	@font-face {
		font-family: SeatBcn-Bold;
		src: url(../../../fonts/SeatBcn-Bold.woff) format("woff")
	}
*/
@view-transition {
  navigation: auto;
}
body {
  line-height: normal;
  background-color: black;
  --gapSize: max(1.4vw, 24px);
}
@media (max-width: 800px) {
  body {
    --gapSize: 16px;
  }
}

div, span, h1, h2, h3, h4, h5, p {
  box-sizing: border-box;
}

::selection {
  color: white;
  background: #999;
}

body {
  color: white;
  background-color: #1b1b1b;
  --fontSize_base: 16px;
}
@media (min-width: 764px) {
  body {
    --fontSize_base: 20px;
  }
}
@media (min-width: 1436px) {
  body {
    --fontSize_base: 24px;
  }
}

body, p, input, label, button {
  font-size: var(--fontSize_base);
}

body, textarea {
  font-family: "CupraRegular", serif;
}

.grecaptcha-badge {
  z-index: 1100;
}

.messeSite .grecaptcha-badge {
  opacity: 0;
  display: none;
  visibility: hidden;
}

nobr {
  white-space: nowrap;
}

h1, h2, h3, h4, h5 {
  line-height: 1em;
  font-weight: normal;
}

h3, h4, h5 {
  line-height: normal;
}

h1, h2, h3, h4, h5 p {
  letter-spacing: -0.01em;
}

.section {
  /*padding: 0 var(--gapSize);*/
}

.sectionInner {
  max-width: 1728px;
  margin: 0 auto;
}

.mobileOnly {
  display: none;
}
@media (max-width: 520px) {
  .mobileOnly {
    display: revert;
  }
}

header.section {
  margin-top: var(--gapSize);
}
header.section .logoWrap {
  width: clamp(160px, 15vw, 263px);
}
header.section .logoWrap img {
  width: 100%;
  max-width: 100%;
}

footer.section .sectionInner {
  padding: var(--gapSize);
  margin-top: var(--gapSize);
  margin-bottom: var(--gapSize);
  /*@media (max-width: 800px)
  {
  	margin-bottom: 80px;*/ /* reCaptcha tab is 60 high, and must not cover the footer content*/
  /*}*/
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 20em;
}
footer.section .sectionInner .line {
  width: 100%;
  height: 1px;
  background-color: white;
}
footer.section .sectionInner .logoWrap {
  width: clamp(140px, 12vw, 193px);
  margin-bottom: 2px;
  flex-shrink: 0;
}
footer.section .sectionInner .logoWrap img {
  width: 100%;
  max-width: 100%;
}
footer.section .sectionInner .companyInfoAndLogo {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
footer.section .sectionInner .companyInfoAndLogo p {
  text-align: right;
  margin-right: 3em;
}
@media (max-width: 800px) {
  footer.section .sectionInner .companyInfoAndLogo {
    flex-direction: column-reverse;
  }
  footer.section .sectionInner .companyInfoAndLogo p {
    text-align: right;
    margin-right: 0;
    margin-top: 1em;
  }
}

/** Img appear effect ***/
.appearInViewDummyTarget {
  width: 100%;
  height: 100%;
}

.appearInView {
  opacity: 0;
  transform: translateY(70px); /* translateY(70px) scale(.8) */
  transition-delay: 0.3s;
  transition: opacity 1s ease, transform 1s ease;
}
@media (max-width: 768px) {
  .appearInView {
    transform: translateY(35px);
  }
}

.appearInView_1 {
  transition-delay: 0.3s;
}

.appearInView_2 {
  transition-delay: 0.4s;
}

.appearInView_3 {
  transition-delay: 0.5s;
}

.appearInView_4 {
  transition-delay: 0.6s;
}

/*** text appears ***/
.animatedText {
  opacity: 0;
}
.animatedText.isInView {
  opacity: 1;
}

.animatedText .word {
  opacity: 0;
  transition: opacity 0.2s;
}
.animatedText .word.visible {
  opacity: 1;
}

.isInView .appearInView {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/***** Font sizing *****/
.topSection h1 {
  font-size: 108px;
}

@media (max-width: 2000px) {
  .topSection h1 {
    font-size: max(108px, 5.63vw);
  }
}
@media (max-width: 1700px) {
  .topSection h1 {
    font-size: max(60px, 5.6470588235vw);
  }
}
@media (max-width: 520px) {
  /* Based on 375 width */
  .topSection h1 {
    font-size: max(45px, 11.5384615385vw);
  }
}
/* Remove input field auto-fill styling in Chrome */
/*
	This version only partially works (only when fields are focused). So we use the version with a fixed background color instead
https://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete
*/
/*
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
}
*/
/* Remove input field auto-fill styling in Chrome */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px black inset !important;
}

/*Change text in autofill textbox*/
input:-webkit-autofill {
  -webkit-text-fill-color: white !important;
}

body {
  --siteMaxWidth: 2560px; /* No background images etc. should exceed this */
  --moduleContentMaxWidth: 1700px; /* Inner content should never exceed this */
  --moduleContentMaxWidth_signup: 1000px; /* Signup form is not as wide*/
  --siteMaxGutterSides: max(calc((100vw - var(--siteMaxWidth)) / 2), 0px);
}

.mainWrapper {
  --ravalLogoAspect: calc(253 / 1200);
  --ravalLogoWidth: calc(50svh * var(--ravalLogoAspect));
  --competitionExpoWidth: 194px;
  --stickyMarginLeft: var(--dg-layout-margin);
  --stickyMarginRight: calc(var(--dg-layout-margin) / 1.5);
  --stickyWidthLeft: calc(var(--ravalLogoWidth) + var(--stickyMarginLeft));
  --stickyWidthRight: calc(var(--competitionExpoWidth) + var(--stickyMarginRight));
  --stickyWidthMaxBase: calc(max(var(--stickyWidthLeft), var(--stickyWidthRight)));
  --stickyWidthMax: var(--stickyWidthMaxBase);
  --moduleContentWidth: calc(100% - (var(--stickyWidthMax) * 2));
  --moduleContentActualWidth: min(var(--moduleContentWidth), var(--moduleContentMaxWidth));
  --moduleContentActualWidth_signup: min(var(--moduleContentWidth), var(--moduleContentMaxWidth_signup));
}
@media (min-width: 764px) {
  .mainWrapper {
    --stickyWidthMax: calc(var(--stickyWidthMaxBase) + 10px);
  }
}
@media (max-width: 1436px) {
  .mainWrapper {
    --competitionExpoWidth: 120px;
  }
}
@media (max-width: 764px) {
  .mainWrapper {
    --competitionExpoWidth: 90px;
  }
}
@media (max-width: 764px) {
  .mainWrapper {
    --moduleContentWidth: calc(100% - (var(--dg-layout-margin) * 2));
  }
}

.container-body {
  max-width: var(--siteMaxWidth);
  margin: 0 auto;
}

.ravalLogo {
  position: fixed;
  z-index: 10;
  left: calc(var(--stickyMarginLeft) + var(--siteMaxGutterSides));
  top: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ravalLogo img {
  width: var(--ravalLogoWidth);
  height: auto;
}

.ravalLogoMobile {
  display: none;
  width: 65%;
  margin: 0 auto;
  padding-right: 7%;
  padding-bottom: 7%;
}

@media (max-width: 764px) {
  .ravalLogo {
    display: none;
  }
  .ravalLogoMobile {
    display: block;
  }
}
.competitionSplash {
  position: fixed;
  z-index: 10;
  right: calc(var(--stickyMarginRight) + var(--siteMaxGutterSides));
  top: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.competitionSplash img {
  width: var(--competitionExpoWidth);
  height: auto;
}
@media (max-width: 764px) {
  .competitionSplash {
    position: absolute;
    top: 87px;
    align-items: flex-start;
    justify-content: flex-end;
  }
}

.messeSite .competitionSplash img {
  width: calc(var(--competitionExpoWidth) * 1.5);
}

/* Typography */
h1, h2 {
  font-size: 35px;
  font-family: "CupraLight", sans-serif;
  font-weight: 350;
  line-height: 1.2;
  text-transform: uppercase;
}
@media (min-width: 390px) {
  h1, h2 {
    font-size: 40px;
  }
}
@media (min-width: 764px) {
  h1, h2 {
    font-size: 48px;
  }
}
@media (min-width: 1436px) {
  h1, h2 {
    font-size: 60px;
  }
}

h2 .fat {
  font-family: CupraMedium, sans-serif;
}

.intro {
  text-align: center;
}
@media (max-width: 764px) {
  .intro {
    text-align: left;
  }
}
@media (min-width: 1436px) {
  .intro h1 {
    font-size: 76px;
  }
}
.intro h2 {
  margin-top: 0.6em;
  text-transform: unset;
  font-size: 16px;
  font-family: "CupraLight", sans-serif;
  font-weight: 350;
  line-height: 1.5;
  text-wrap: balance;
}
@media (min-width: 764px) {
  .intro h2 {
    font-size: 20px;
  }
}
@media (min-width: 1436px) {
  .intro h2 {
    font-size: 24px;
  }
}

p, textarea, input {
  font-family: "CupraBook", sans-serif;
  font-size: 16px;
  line-height: 1.5em;
}
@media (min-width: 764px) {
  p, textarea, input {
    font-size: 20px;
  }
}
@media (min-width: 1436px) {
  p, textarea, input {
    font-size: 24px;
  }
}

a.cmp-global-footer-secondary-links__link, a.cmp-global-footer-secondary-links__link:active, a.cmp-global-footer-secondary-links__link:visited, a.cmp-global-footer-secondary-links__link:hover {
  text-decoration: none;
}

.disclaimer {
  font-family: "CupraBook", sans-serif;
  font-size: 12px;
}
@media (min-width: 1436px) {
  .disclaimer {
    font-size: 14px;
  }
}

/*
h2 non-intro big (leon first module after intro "Ren magnetisme") {
	24px lineheight 28px
		764 -> 40px lineheight 44
		1436 -> 60px line 64
}

h2 Leon medium "DESIGN DIN CUPRA LEON" --> i Figma "LIDT VI KAN AFSLØRE" {
	font-weight: 300/normal;

	24px lineheight 1.2 (margin-bottom: 8px)
		764 -> 30px lineheight 1.2 (margin-bottom: 8px)
		1436 -> 40px lineheight 1.2 (margin-bottom: 16px)
}
p (most places {
	16px
764px 20px
1436px 24px
}

disclaimer (most places) {
	12
764 14px
}
*/
/* Top: module_1 */
.darken {
  position: absolute;
  width: 100%;
  z-index: 1;
}

.darkenTop {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  top: 0;
  height: 10svh;
}

.darkenBottom {
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  height: 10svh;
}

.module {
  position: relative;
  min-height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.module img.background {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.module h2.subHeadline {
  font-family: "CupraLight", sans-serif;
  font-weight: 350;
  line-height: 1.2;
  text-transform: uppercase;
  font-size: 23px;
}
@media (min-width: 764px) {
  .module h2.subHeadline {
    font-size: 32px;
    line-height: 1.3;
  }
}
@media (min-width: 1436px) {
  .module h2.subHeadline {
    font-size: 40px;
  }
}

.moduleContent {
  /* Stay clear of floating elements left/right */
  position: relative;
  z-index: 2;
  width: var(--moduleContentWidth);
  max-width: var(--moduleContentMaxWidth);
}

@media (min-width: 765px) {
  .moduleContent_signup {
    width: calc(var(--moduleContentWidth) + 80px);
    margin-left: calc(var(--stickyMarginLeft) + 70px); /* More clearence for side stickies signup pages */
  }
}

.module.padded {
  padding: 150px 0;
}
@media (max-width: 1436px) {
  .module.padded {
    padding: 100px 0;
  }
}
@media (max-width: 764px) {
  .module.padded {
    padding: 70px 0;
  }
}

.module_top {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.module_top .darkenBottom {
  background: linear-gradient(0deg, rgb(27, 27, 27) 0%, rgba(0, 0, 0, 0) 100%);
}
.module_top .intro {
  position: relative;
}
.module_top h2 {
  margin-bottom: 3em;
}

.module_join_videoloop {
  background-color: #1B1B1B;
}
.module_join_videoloop h2 {
  font-size: 40px;
  margin-bottom: 0.5em;
}
@media (max-width: 764px) {
  .module_join_videoloop h2 {
    line-height: 1em;
  }
}
.module_join_videoloop .moduleContent {
  display: flex;
  align-items: center;
  gap: 50px;
}
.module_join_videoloop .moduleContent .videoLoop {
  position: relative;
  width: 50%;
  flex-shrink: 0;
  overflow: hidden;
}
.module_join_videoloop .moduleContent .videoLoop img, .module_join_videoloop .moduleContent .videoLoop video {
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}
@media (max-width: 764px) {
  .module_join_videoloop .moduleContent .videoLoop img, .module_join_videoloop .moduleContent .videoLoop video {
    border-radius: 10px;
  }
}
@media (max-width: 1000px) {
  .module_join_videoloop .moduleContent {
    flex-direction: column-reverse;
  }
  .module_join_videoloop .moduleContent .videoLoop {
    width: 100%;
  }
}
.module_join_videoloop .moduleContent .text .button {
  min-width: 320px;
  margin-top: 2.5em;
}

.module_parallaxvideo {
  height: 100svh;
}

.module_featurecard {
  flex-direction: column;
}
.module_featurecard .darkenTop {
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  height: 30svh;
}
.module_featurecard .darkenBottom {
  background: linear-gradient(180deg, rgb(27, 27, 27) 0%, rgba(0, 0, 0, 0) 100%);
  height: 20svh;
}
.module_featurecard img.backgroundTop {
  display: none;
}
@media (max-width: 764px) {
  .module_featurecard .featureCard {
    align-self: center;
  }
  .module_featurecard .darkenTop {
    display: none;
  }
  .module_featurecard .darkenBottom {
    height: 20vw;
  }
  .module_featurecard img.backgroundPrimary {
    object-fit: unset;
    object-position: unset;
    bottom: 80px;
    width: 100%;
    height: auto;
    z-index: 1;
  }
  .module_featurecard img.backgroundTop {
    object-fit: unset;
    object-position: unset;
    display: block;
    top: 0;
    width: 100%;
    height: auto;
  }
}
@media (max-width: 400px) {
  .module_featurecard img.backgroundPrimary {
    bottom: 130px;
  }
}
.module_featurecard .moduleContent {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  flex-grow: 1;
}
.module_featurecard .featureCard {
  align-self: flex-end;
  background-color: rgba(0, 0, 0, 0.88);
  border-radius: 20px;
  width: 100%;
  max-width: 450px;
  padding: 60px 75px;
  margin-top: 120px;
  margin-bottom: 110px;
}
.module_featurecard .cardHeader {
  gap: 35px;
  display: flex;
  align-items: center;
}
.module_featurecard .cardHeader h3 {
  text-align: left;
  white-space: nowrap;
  font-size: 32px;
}
.module_featurecard .cardHeader h3 .small {
  font-size: 20px;
}
.module_featurecard .cardIcon {
  width: 128px;
}
.module_featurecard .featureGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 35px;
  row-gap: 5px;
  margin-top: 45px;
}
.module_featurecard .featureGrid .label {
  color: #BCBCBC;
  text-align: right;
  white-space: nowrap;
}
.module_featurecard .featureGrid .value {
  text-align: left;
  white-space: nowrap;
}
.module_featurecard .featureList {
  margin-top: 45px;
  padding-top: 35px;
  border-top: 1px dashed #959595;
  white-space: unset;
}
.module_featurecard .featureList .headline {
  font-family: CupraBold;
}
.module_featurecard h2.subHeadline .fat {
  margin-top: 0.8em;
}
@media (max-width: 1200px) {
  .module_featurecard h2.subHeadline {
    max-width: 22em;
    text-wrap: balance;
  }
}
.module_featurecard .button {
  margin-top: 1.5rem;
}
@media (max-width: 764px), (max-height: 600px) {
  .module_featurecard .featureCard {
    margin-top: 40px;
    margin-bottom: 77vw;
    padding: 45px 60px;
  }
  .module_featurecard .cardHeader h3 {
    font-size: 25px;
  }
  .module_featurecard .cardHeader h3 .small {
    font-size: 15px;
  }
  .module_featurecard .cardIcon {
    width: 100px;
  }
}
@media (max-width: 764px) {
  .module_featurecard .featureCard {
    align-self: center;
  }
}
@media (max-width: 520px) {
  .module_featurecard h2:not(.subHeadline) {
    align-self: flex-start;
    text-align: left;
  }
  .module_featurecard .featureCard {
    padding: 12% 17%;
  }
}

.module_quote {
  min-height: unset;
}
.module_quote .moduleContent {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.module_quote .quotationmark {
  /*display: inline-block;*/
  position: absolute;
}
.module_quote .quotationmark img {
  width: 1.5em;
}
.module_quote .quotationmark.quotationmarkStart {
  top: 0;
  left: 0;
  transform: translateY(-40%);
}
.module_quote .quotationmark.quotationmarkEnd {
  bottom: 0;
  right: 0;
  transform: translateY(60%) scale(-1);
}
.module_quote .quote {
  position: relative;
  font-family: "CupraLight", sans-serif;
  font-weight: 350;
  line-height: 1.2;
  text-transform: uppercase;
  font-size: 23px;
  text-align: center;
  padding: 0 1.8em;
  max-width: 21em;
  margin: 0 auto;
}
@media (min-width: 764px) {
  .module_quote .quote {
    font-size: 40px;
    line-height: 1.3em;
  }
}
@media (min-width: 1436px) {
  .module_quote .quote {
    font-size: 60px;
  }
}
.module_quote .quoteSource {
  font-family: CupraBold;
  margin-top: 0.8em;
  text-align: center;
  max-width: 80%;
}
.module_quote h2.subHeadline {
  font-family: CupraBold;
}

.signupBackground {
  position: fixed;
  z-index: 0;
  /*	.darkenTop {
  		height: 70%;
  		background: linear-gradient(0deg, rgba(27, 27, 27, 1) 0%, rgba(27, 27, 27, 0) 100%);
  		opacity: .9;
  	}
  	.darkenBottom {
  		height: 30%;
  		background: linear-gradient(0deg, rgba(27, 27, 27, 1) 0%, rgba(27, 27, 27, 0) 100%);
  	}
  */
}
.signupBackground .darkenTop {
  height: 70%;
  background: linear-gradient(0deg, rgb(27, 27, 27) 0%, rgba(27, 27, 27, 0) 100%);
  opacity: 1;
}
.signupBackground .darkenBottom {
  height: 30%;
  background: rgb(27, 27, 27);
}
.signupBackground .background {
  opacity: 0.2;
}
.signupBackground .darken, .signupBackground .background {
  position: fixed;
}

.scrollWrap {
  position: relative;
  z-index: 1;
}

.module_signup {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.module_signup h2:first-of-type {
  margin-top: max(22vh, 12vw, 4em);
  margin-bottom: 1em;
}
.module_signup .thankyouPanel h2:first-of-type {
  margin-top: max(16vh, 12vw, 4em);
}
.module_signup h2 {
  text-wrap: balance;
  font-size: 32px;
}
@media (min-width: 764px) {
  .module_signup h2 {
    font-size: 32px;
  }
}
@media (min-width: 1436px) {
  .module_signup h2 {
    font-size: 40px;
  }
}
.module_signup .consentText {
  margin-top: 2em;
}
.module_signup .consentText, .module_signup .consentText p {
  font-size: 12px;
  line-height: 1.5em;
}
@media (min-width: 764px) {
  .module_signup .consentText, .module_signup .consentText p {
    font-size: 14px;
  }
}
@media (min-width: 1436px) {
  .module_signup .consentText, .module_signup .consentText p {
    font-size: 16px;
  }
}
.module_signup .button {
  margin-top: 2em;
  font-size: 16px;
}
.module_signup .button.large {
  font-size: 16px;
  padding-right: 2.5em;
  padding-left: 2.5rem;
  gap: 0;
}
.module_signup input, .module_signup button, .module_signup label {
  font-size: 16px;
}
@media (min-width: 764px) {
  .module_signup input, .module_signup button, .module_signup label {
    font-size: 16px;
  }
}
@media (min-width: 1436px) {
  .module_signup input, .module_signup button, .module_signup label {
    font-size: 20px;
  }
}

.moduleContent_signup {
  max-width: var(--moduleContentMaxWidth_signup);
}

/*
	.panel {
		width: 85%;
		max-width: 1300px;
	}


	@media (max-width: 1920px)
	{
		.panel {
			max-width: 1000px;
		}
	}

	@media (max-width: 900px)
	{
		.panel {
			width: 80%;
		}
	}
	@media (max-width: 800px)
	{
		.panel {
			width: 90%;
		}
	}
	@media (max-width: 520px)
	{
		.panel {
			width: 100%;
		}
	}
*/
.customQuestionPanel {
  /* Very important for having a smooth transitions. */
}
.customQuestionPanel .swiper-free-mode > .swiper-wrapper {
  transition-timing-function: linear;
}
.customQuestionPanel .swiper {
  max-width: 100vw;
}
.customQuestionPanel .questionsWrapper {
  margin-top: 70px;
}
@media (max-width: 1436px) {
  .customQuestionPanel .questionsWrapper {
    margin-top: 50px;
  }
}
.customQuestionPanel .answerOption {
  position: relative;
  width: 208px;
  /*@media (min-width: 480px) { width: 352px; }*/
  /*
  min 1920: 326x585
  min 1440 307x550
  min 768: 271x485
  min: 480: 352x627
  Base 
  .cmp-image-title-cards-card__image .cmp-image__image 208x374
  */
  margin-right: 24px;
}
@media (min-width: 768px) {
  .customQuestionPanel .answerOption {
    width: 271px;
  }
}
@media (min-width: 1440px) {
  .customQuestionPanel .answerOption {
    width: 307px;
  }
}
@media (min-width: 1920px) {
  .customQuestionPanel .answerOption {
    width: 326px;
  }
}
@media (min-width: 768px) {
  .customQuestionPanel .answerOption {
    margin-right: 32px;
  }
}
@media (min-width: 1920px) {
  .customQuestionPanel .answerOption {
    margin-right: 48px;
  }
}
.customQuestionPanel input[type=checkbox] {
  opacity: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;
  -webkit-appearance: revert;
  pointer-events: none;
}
.customQuestionPanel .answerFakeCheckbox {
  width: 40px;
  aspect-ratio: 1;
  border-radius: 8px;
  background-color: white;
}
@media (max-width: 764px) {
  .customQuestionPanel .answerFakeCheckbox {
    width: 30px;
    border-radius: 6px;
  }
}
.customQuestionPanel .answerOption.selected .answerFakeCheckbox {
  background-image: url("/images/icon_checkmark.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70%;
}
.customQuestionPanel .answerImage {
  --borderWidth: 1px;
  aspect-ratio: 307/550;
  border-radius: 12px;
  overflow: hidden;
  background-color: black;
  background-clip: padding-box;
  border: solid var(--borderWidth) transparent;
}
.customQuestionPanel .answerImage img {
  width: 100%;
  max-width: 100%;
}
@media (hover: hover) {
  .customQuestionPanel .answerImage:hover:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: inherit;
    border: 1px solid rgba(179, 124, 85, 0.3);
    box-sizing: border-box;
    /*
    z-index: -1;
    background-color: red;
    margin: calc(var(--borderWidth) * -1);
    background: linear-gradient(to right, rgba(179, 124, 85, 1), rgba(132, 74, 36, 1));
    */
  }
  .customQuestionPanel .answerImage:hover img {
    opacity: 0.8;
  }
}
.customQuestionPanel .answerTitle {
  padding: 23px 16px;
  position: absolute;
  left: 0;
  bottom: 0px;
  font-size: 1.5rem;
  font-weight: 400;
  font-family: cupra-screen;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-end;
  box-sizing: border-box;
  column-gap: 0.5em;
}
@media (max-width: 768px) {
  .customQuestionPanel .answerTitle {
    font-size: 1.125rem;
    padding: 20px 16px;
  }
}
.customQuestionPanel .button {
  margin-top: 5em;
  min-width: 203px;
}

.thankyouPanel .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  /*Card in membercard.scss */
}
.thankyouPanel .content h2 {
  font-size: 20px;
  font-family: CupraMedium;
}
@media (min-width: 1436px) {
  .thankyouPanel .content h2 {
    font-size: 26px;
  }
}
.thankyouPanel .content .ravalLogoHeadline {
  width: 444px;
  max-width: 80vw;
  margin-bottom: 3em;
}
.thankyouPanel .content .ravalLogoHeadline img {
  width: 100%;
}
.thankyouPanel .content .button.backToFrontpage {
  margin-top: 5em;
}

.panel {
  display: none;
}

.subscribePanel {
  display: block;
}

.LeadQualificationThankyou {
  display: none;
}

.inputSection {
  position: relative;
  z-index: 10;
  padding-bottom: 4em;
}
.inputSection .panel {
  margin: 0 auto;
}
.inputSection .leadqualThankyouPanel .panelInner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 50vh;
}
.inputSection .leadqualThankyouPanel h4 {
  margin: 0;
}
.inputSection form::after {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  background-color: transparent;
  z-index: 5;
  pointer-events: none;
  transition: background-color 0.5s;
}
.inputSection button {
  position: relative;
}
.inputSection button[type=submit] .loadingBtn {
  display: block;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 11px;
  width: 22px;
  height: auto;
  transition: opacity 0.35s;
}
.inputSection form.isSubmitting::after {
  pointer-events: all;
  /*background-color: rgba(0, 0, 0, .5);*/
}
.inputSection form.isSubmitting button[type=submit] .loadingBtn {
  opacity: 1;
}
.inputSection .inputWrap_email {
  grid-column: span 2;
}
@media (max-width: 520px) {
  .inputSection .inputFields {
    grid-template-columns: 1fr;
  }
  .inputSection .inputWrap_email {
    grid-column: unset;
  }
}

.newsletterSubscribeSelection {
  display: flex;
  row-gap: var(--gapSize);
  column-gap: var(--gapSize);
  margin-bottom: 4em;
}

.newsletterSubscribe {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 30em;
}
.newsletterSubscribe .line {
  width: 100%;
  height: 1px;
  background-color: white;
}
.newsletterSubscribe p {
  font-family: vw-light;
  margin-top: 1em;
}
.newsletterSubscribe .checkboxWrapper {
  margin-top: 1em;
  align-items: flex-start;
}

@media (max-width: 750px) {
  .newsletterSubscribeSelection {
    flex-direction: column;
    margin-bottom: 0em;
  }
  .newsletterSubscribeSelection .newsletterSubscribe:first-of-type {
    margin-bottom: 0em;
  }
}
/* Input fields */
.inputFields {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: var(--gapSize);
}

/* Terms accept overlay */
.termsClickSurface {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  z-index: 1000;
  background-color: transparent;
}

.termsAcceptButtons {
  display: flex;
  flex-direction: column;
  padding-top: 0.5em;
}
.termsAcceptButtons .submitbtn, .termsAcceptButtons a.submitbtn:active, .termsAcceptButtons a.submitbtn:visited, .termsAcceptButtons a.submitbtn:hover {
  max-width: unset;
  transform: none;
  margin-left: unset;
}

@media (max-width: 520px) {
  .termsAcceptButtons .button, .termsAcceptButtons a.button:active, .termsAcceptButtons a.button:visited, .termsAcceptButtons a.button:hover {
    max-width: unset;
    width: 100%;
    white-space: normal;
    line-height: 1.55em;
  }
}
.termsAcceptButtons .button {
  margin: 0 auto;
}

.termsAcceptButtons .button .mobileBreak {
  display: none;
}

@media (max-width: 520px) {
  .termsAcceptButtons .button .mobileBreak {
    display: block;
  }
}
.termsAcceptButtons a.denyTerms {
  margin: 5px auto;
  padding: 5px;
}

.newsletterTerms {
  display: flex;
  flex-direction: column;
}

/***************************
* FORM ELEMENTS
****************************/
.buttonWrap {
  margin-top: 2em;
  display: flex;
  justify-content: center;
}

.checkboxWrapper {
  width: 100%;
  margin: 0px auto;
  display: flex;
  align-items: flex-start;
  align-content: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  flex-direction: column;
  margin-top: 2em;
}

@media (max-width: 1100px) {
  .checkboxWrapper label br {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .checkboxWrapper {
    flex-direction: column;
    align-items: center;
  }
}
.checkbox-container {
  justify-content: flex-start;
}

.checkbox {
  width: 100%;
}

/*@import "footer.scss";*/
.button {
  text-transform: uppercase;
  cursor: pointer;
  justify-content: center;
  outline-style: solid;
  display: inline-flex;
  text-decoration: none;
  align-items: center;
  box-sizing: border-box;
  border-radius: var(--dg-button-border-radius-base);
  outline-color: transparent;
  background-color: var(--dg-button-bg-color-text-default);
  color: var(--dg-button-text-color-text-default);
  letter-spacing: var(--dg-font-letter-spacing-m);
  border-width: var(--dg-button-border-width-base);
  border-style: solid;
  border-color: transparent;
}

.button.primary {
  background-color: var(--dg-button-bg-color-primary-default);
  color: var(--dg-button-text-color-primary-default);
}

.button.large {
  gap: var(--dg-spacing-s-5);
  height: 48px;
  padding: var(--dg-spacing-m-1) var(--dg-spacing-m-2);
  font: 500 var(--dg-font-size-body-l)/var(--dg-font-height-body-l) var(--dg-font-family-base);
  font-weight: 600; /* Only 500 on Cupra site - what is the difference?? */
}

.button:disabled, .button.disabled {
  background-color: rgba(250, 250, 250, 0.15);
  color: #09090B;
}

.hiddenDummySubmit {
  display: none;
}

/* Loading / progress */
/*.loadIndicator {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	background-color: rgba(255,255,255, .5);
	z-index: 100;
	align-items: center;
	justify-content: center;
	display: none;
	width: 110%;
	height: 110%;
	transform: translate(-5%, -5%);
}

.loadingBtn {
	position: absolute;
	height: 20px;
	width: auto;
	margin-left: .5em;
	display: none;
	opacity: 0;
}*/
/* Custom checkbox */
/*Custom checkbox */
.checkbox {
  position: relative;
  display: flex;
  gap: 1em;
  align-items: flex-start;
}
.checkbox[data-terms-id=Newsletter] label {
  align-self: center;
}
@media (max-width: 1010px) {
  .checkbox[data-terms-id=Newsletter] label {
    /* This break point is closely tied to the current text length (the width at which the text starts breaking - maybe theres a clever, more elegant, way of doing this */
    align-self: flex-start;
  }
}

.styledCheckbox {
  width: 36px;
  height: 36px;
  margin-top: 2px;
  background-size: cover;
  display: block;
  position: relative;
  flex-shrink: 0;
}

.checkbox label {
  line-height: 1.2em;
  display: block;
}
.checkbox label a, .checkbox label a:active, .checkbox label a:visited, .checkbox label a:hover {
  color: white;
}

a.subscriptionTermsLink, a.subscriptionTermsLink:visited, a.subscriptionTermsLink:active, a.subscriptionTermsLink:hover {
  text-decoration: underline;
}

.notInUse .checkbox-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  width: 100%;
}
.notInUse .checkbox-container .bold, .notInUse .checkbox-container b {
  font-family: vw-bold;
}
.notInUse .checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
  width: 0px;
  height: 0px;
  z-index: -1;
}
.notInUse .checkbox input[type=checkbox]:checked + label::after {
  content: "";
  /*width:30px;
  		height:30px;*/
  /*width:100%;
  	height:100%;*/
}
.notInUse .checkbox label {
  position: relative;
  display: inline-block;
  padding-left: 65px;
  cursor: pointer;
  color: #fff;
}
.notInUse .checkbox label a {
  color: #fff;
}
.notInUse .checkbox label::before, .notInUse .checkbox label::after {
  position: absolute;
  left: 0px;
  top: 5px;
}
.notInUse .checkbox label::before {
  content: "";
  display: inline-block;
  height: 36px;
  width: 36px;
  border: 3px solid #fff;
}
.notInUse .checkbox label::after {
  content: none;
  left: -5px;
  top: -1px;
  background-image: url(../images/checkbox_vw@2x_white.png);
  background-size: 60%;
  background-position: center;
  width: 53px;
  height: 53px;
  background-repeat: no-repeat;
}

/* Text input fields */
body {
  --inputTextAndBorderColor: white;
}

.inputWrap {
  width: 100%;
}

.form-group {
  width: 100%;
  /*margin-bottom: 1rem;
  margin-top: 1rem;*/
}

.input {
  position: relative;
  display: flex;
  flex-flow: column-reverse;
  width: 100%;
  margin-bottom: 0.75rem;
  /*border-bottom: 1px solid #dfe4e8;*/
}

.input input {
  height: 2.5rem;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none;
}

.input label, .input input {
  transition: transform 0.25s ease-in-out, border 0.25s ease-in-out;
  touch-action: manipulation;
  background: none;
  color: #fff;
}

input {
  padding: 0;
  margin: 0;
  outline: 0;
}

.input label {
  font-weight: 300;
  line-height: 1.625rem;
  color: #fff;
  transform-origin: left bottom;
  transform: translate(0, 1.6rem) scale(1);
  pointer-events: none;
}

.input input:focus, .input input:hover, .input input:not(:placeholder-shown):hover {
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.input.has-error input:not(:placeholder-shown) {
  border-bottom: 1px solid #FF7D7D;
}

.input input:focus + label, .input input:not(:placeholder-shown) + label {
  transform-origin: left bottom;
  transform: translate(0.1rem, 0.25rem) scale(0.8);
}

input::placeholder {
  color: transparent;
}

input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.overlay-box-title {
  font-size: 38px;
  font-family: CupraBold;
  line-height: 1.25em;
}

.overlay-box-title {
  padding-bottom: 30px;
}

.overlay-box-content {
  color: black;
}
.overlay-box-content a, .overlay-box-content a:visited, .overlay-box-content a:active, .overlay-box-content a:hover {
  color: black;
}

.jBox-Modal .jBox-container {
  border-radius: 0;
  color: black;
}

.jBox-Modal .jBox-content {
  padding: 15px 20px;
}
@media (max-width: 650px) {
  .jBox-Modal .jBox-content {
    padding: 0px 12px 12px 12px;
  }
}

#generic .closeBtn {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 28px;
  z-index: 100;
  cursor: pointer;
}
#generic .closeBtn img {
  width: 100%;
  height: auto;
}

.jBox-Modal .jBox-title {
  font-family: CupraBold;
  padding: 15px 20px 0 15px;
  background: none;
  border: none;
}

#uploadTerms.jBox-Modal .jBox-content, #newsletterTerms.jBox-Modal .jBox-content {
  padding-bottom: 0;
}

.jBox-closeButton {
  display: none;
}

.overlayBox {
  height: 100%;
}
.overlayBox ul {
  list-style-type: disc;
}
.overlayBox li {
  margin-left: 1em;
}
.overlayBox .content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.overlayBox .bodyWrap {
  flex-grow: 1;
  overflow: auto;
  position: relative;
  width: 85%;
  border: 1px solid var(--color_blueLight);
  padding: 1em;
  border-radius: 20px;
  align-self: center;
  margin-bottom: 3em;
}
.overlayBox .body {
  position: relative;
  overflow: auto;
  width: 100%;
  height: 100%;
}
.overlayBox .body a, .overlayBox .body a:visited, .overlayBox .body a:active, .overlayBox .body a:hover {
  color: black;
}
.overlayBox .closeBtn {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 28px;
  z-index: 100;
  cursor: pointer;
}
.overlayBox .closeBtn img {
  width: 100%;
  height: auto;
}
.overlayBox h3 {
  font-size: 35px;
  font-family: CupraBold;
  margin-top: 40px;
  margin-bottom: 1em;
  text-align: center;
}
.overlayBox h4 {
  font-size: inherit;
  font-family: CupraMedium;
  margin-top: 1.1em;
  margin-bottom: 0.3em;
}
@media (max-height: 600px) {
  .overlayBox h3 {
    margin-top: 14px;
    margin-bottom: 0.7em;
  }
  .overlayBox .bodyWrap {
    margin-bottom: 1.5em;
  }
}
.overlayBox.newsletterTerms .bodyWrap, .overlayBox.uploadTerms .bodyWrap {
  margin-bottom: 0;
}
.overlayBox .acceptButtons {
  display: flex;
  justify-content: center;
  gap: 1em;
  align-items: center;
  margin-top: 1.8em;
  margin-bottom: 1.8em;
}
.overlayBox .acceptButtons button {
  border-radius: 2em;
  padding: 0.5em 1.2em 0.7em 1.2em;
  display: flex;
  white-space: nowrap;
  cursor: pointer;
}
.overlayBox .acceptButtons button.reject {
  border: 0.5px solid var(--color_blueLight);
  color: var(--color_blueDark);
}
.overlayBox .acceptButtons button.accept {
  border: 0.5px solid var(--color_blueDark);
  background-color: var(--color_blueDark);
  color: white;
  transition-property: border background-color color;
  transition-duration: 0.35s, 0.35s, 0.35s;
  transition-timing-function: ease-out;
  /*transition-delay: 0s, 0s, 0s, 0.2s;*/
}
.overlayBox .acceptButtons button.accept.isDisabled {
  border: 0.5px solid #ccc;
  background-color: #ccc;
  color: #eee;
  pointer-events: none;
  cursor: default;
}
@media (max-width: 650px) {
  .overlayBox h3 {
    font-size: 26px;
    margin-bottom: 0.7em;
  }
  .overlayBox .bodyWrap {
    padding: 1em;
    border-radius: 14px;
    width: 96%;
    align-self: center;
    margin-bottom: 1.5em;
  }
  .overlayBox .acceptButtons {
    margin-top: 1em;
    margin-bottom: 1em;
  }
}

.scrollToBottomInfo {
  pointer-events: none;
  font-family: CupraBold;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-bottom: 1em;
  padding-top: 2em;
  background: linear-gradient(0deg, white, 80%, rgba(255, 255, 255, 0));
  z-index: 10;
  width: 100%;
  display: none;
}

.scrollDownIndicator {
  pointer-events: none;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  width: 60px;
  height: 60px;
  animation: arrow-pulse-down 1000ms linear infinite;
}
.scrollDownIndicator svg {
  width: 100%;
  height: 100%;
  display: none;
}
.scrollDownIndicator .st0 {
  fill: #2C2A29;
}

@keyframes arrow-pulse-down {
  0% {
    transform: translate(-50%, -40%);
    opacity: 0;
  }
  25% {
    opacity: 0.25;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 0.75;
  }
  100% {
    transform: translate(-50%, -10%);
    opacity: 1;
  }
}
/**** Prizes *****/
.prizes .body {
  display: flex;
  gap: 5%;
  align-items: center;
  padding-right: 5%;
}
.prizes .body .prizeIllu {
  width: 40%;
  flex-shrink: 0;
}
.prizes .body .prizeDesc {
  max-width: 35em;
}
@media (max-width: 1000px) {
  .prizes .body {
    flex-direction: column;
    justify-content: center;
    gap: 0;
    padding-right: 0;
  }
  .prizes .body .prizeDesc {
    max-width: 80%;
  }
}
@media (max-width: 700px) {
  .prizes .body .prizeIllu {
    width: 60%;
  }
  .prizes .body .prizeDesc {
    max-width: 80%;
  }
}
@media (max-width: 520px) {
  .prizes .body .prizeIllu {
    width: 80%;
    margin-right: 7%; /* whitespace left/right is uneven */
  }
  .prizes .body .prizeDesc {
    max-width: 90%;
  }
}

.LeadQualificationAnswers .btn {
  text-decoration: none;
  color: white;
  display: block;
  font-family: CupraRegular;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 3em;
  padding-right: 3em;
  min-width: 10em;
  border-radius: var(--dg-border-radius-m, 12px);
  background-color: var(--dg-color-bg-opacity-specific-selected, #fafafa 26);
  backdrop-filter: blur(12px);
}

.LeadQualificationQuestionBtns {
  max-width: 35em;
  font-size: 16px;
}
@media (min-width: 764px) {
  .LeadQualificationQuestionBtns {
    font-size: 20px;
  }
}
@media (min-width: 1436px) {
  .LeadQualificationQuestionBtns {
    font-size: 24px;
  }
}

#LeadQualificationQuestionText {
  text-wrap: balance;
  margin: 65px 0 33px 0;
  font-family: CupraMedium;
}

.LeadQualificationQuestionBtns a {
  min-width: 250px;
  text-transform: uppercase;
  text-decoration: none;
}

.submitbtn_lead {
  background: white; /*#001e50*/
  color: white;
  width: 100%;
}

.submitbtn_lead:hover {
  background: var(--dg-color-bg-opacity-specific-hover, #fafafa 1);
  color: #fff;
}

.submitbtn_lead span {
  color: white;
  font-family: CupraRegular;
  text-transform: uppercase;
}

.submitbtn_lead:hover > span {
  color: #FFF;
}

.loading .submitbtn_lead {
  opacity: 0.5;
}

.LeadQualificationQuestionBtns {
  width: 100%;
  max-width: 50em;
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  row-gap: 0.3em;
  column-gap: 2em;
}

.lead_answer_desc {
  margin-top: 2px;
  margin-bottom: 6px;
  font-family: CupraRegular;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
}

.QuestionTitle {
  display: none;
}

.loadIndicator {
  display: none;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: 1;
  background: #333;
}

.LeadQualificationQuestionBtns a {
  width: 100%;
}

.LeadQualificationAnswers .btn {
  width: 100%;
  padding-left: 1em;
  padding-right: 1em;
  min-width: unset;
}

.resetWarning {
  position: fixed;
  z-index: 2000;
  background-color: rgb(255, 255, 255);
  border-bottom: 1px solid black;
  color: black;
  padding: 1.5em 2em;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: transform 0.25s ease-out;
  transform: translateY(-100%);
}

.resetWarning.shown {
  transform: translateY(0);
}

/*https://reactbits.dev/components/profile-card*/
:root {
  --pointer-x: 50%;
  --pointer-y: 50%;
  --pointer-from-center: 0;
  --pointer-from-top: 0.5;
  --pointer-from-left: 0.5;
  --card-opacity: 0;
  --rotate-x: 0deg;
  --rotate-y: 0deg;
  --background-x: 50%;
  --background-y: 50%;
  --grain: none;
  --icon: none;
  --behind-gradient: none;
  --inner-gradient: none;
  --sunpillar-1: hsl(2, 100%, 73%);
  --sunpillar-2: hsl(53, 100%, 69%);
  --sunpillar-3: hsl(93, 100%, 69%);
  --sunpillar-4: hsl(176, 100%, 76%);
  --sunpillar-5: hsl(228, 100%, 74%);
  --sunpillar-6: hsl(283, 100%, 73%);
  --sunpillar-clr-1: var(--sunpillar-1);
  --sunpillar-clr-2: var(--sunpillar-2);
  --sunpillar-clr-3: var(--sunpillar-3);
  --sunpillar-clr-4: var(--sunpillar-4);
  --sunpillar-clr-5: var(--sunpillar-5);
  --sunpillar-clr-6: var(--sunpillar-6);
  --card-radius: 30px;
}

.pc-card-wrapper {
  perspective: 500px;
  transform: translate3d(0, 0, 0.1px);
  position: relative;
  touch-action: none;
}

.pc-card-wrapper::before {
  content: "";
  position: absolute;
  inset: -10px;
  background: inherit;
  background-position: inherit;
  border-radius: inherit;
  transition: all 0.5s ease;
  filter: contrast(2) saturate(2) blur(36px);
  transform: scale(0.8) translate3d(0, 0, 0.1px);
  background-size: 100% 100%;
  background-image: var(--behind-gradient);
}

.pc-card-wrapper:hover,
.pc-card-wrapper.active {
  --card-opacity: 1;
}

.pc-card-wrapper:hover::before,
.pc-card-wrapper.active::before {
  filter: contrast(1) saturate(2) blur(40px) opacity(1);
  transform: scale(0.9) translate3d(0, 0, 0.1px);
}

.pc-card {
  /*height: 80svh;
  max-height: 540px;
  display: grid;
  aspect-ratio: 0.718;*/
  border-radius: var(--card-radius);
  position: relative;
  background-blend-mode: color-dodge, normal, normal, normal;
  animation: glow-bg 12s linear infinite;
  box-shadow: rgba(0, 0, 0, 0.8) calc(var(--pointer-from-left) * 10px - 3px) calc(var(--pointer-from-top) * 20px - 6px) 20px -5px;
  transition: transform 1s ease;
  transform: translate3d(0, 0, 0.1px) rotateX(0deg) rotateY(0deg);
  background-size: 100% 100%;
  background-position: 0 0, 0 0, 50% 50%, 0 0;
  /*
     background-image:
      radial-gradient(
        farthest-side circle at var(--pointer-x) var(--pointer-y),
        hsla(266, 100%, 90%, var(--card-opacity)) 4%,
        hsla(266, 50%, 80%, calc(var(--card-opacity) * 0.75)) 10%,
        hsla(266, 25%, 70%, calc(var(--card-opacity) * 0.5)) 50%,
        hsla(266, 0%, 60%, 0) 100%
      ),
      radial-gradient(35% 52% at 55% 20%, #00ffaac4 0%, #073aff00 100%),
      radial-gradient(100% 100% at 50% 50%, #00c1ffff 1%, #073aff00 76%),
      conic-gradient(from 124deg at 50% 50%, #c137ffff 0%, #07c6ffff 40%, #07c6ffff 60%, #c137ffff 100%);
  */
  background-image: radial-gradient(35% 52% at 55% 20%, rgba(51, 51, 51, 0.768627451) 0%, rgba(102, 102, 102, 0) 100%), radial-gradient(100% 100% at 50% 50%, #bbbbbb 1%, rgba(187, 187, 187, 0) 76%), conic-gradient(from 124deg at 50% 50%, #555 0%, #333 40%, #333 60%, #555 100%);
  overflow: hidden;
}

.pc-card:hover,
.pc-card.active {
  transition: none;
  transform: translate3d(0, 0, 0.1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));
}

/*
.pc-card * {
  display: grid;
  grid-area: 1/-1;
  border-radius: var(--card-radius);
  transform: translate3d(0, 0, 0.1px);
  pointer-events: none;
}*/
.pc-inside {
  position: relative;
  margin: 1px;
  /*inset: 1px;*/
  background-image: var(--inner-gradient);
  background-color: rgba(0, 0, 0, 0.9);
  transform: translate3d(0, 0, 0.01px);
}

.pc-shine {
  mask-image: var(--icon);
  mask-mode: luminance;
  mask-repeat: repeat;
  mask-size: 150%;
  mask-position: top calc(200% - var(--background-y) * 5) left calc(100% - var(--background-x));
  transition: filter 0.6s ease;
  filter: brightness(0.66) contrast(1.33) saturate(0.33) opacity(0.5);
  animation: holo-bg 18s linear infinite;
  mix-blend-mode: color-dodge;
}

.pc-shine,
.pc-shine::after {
  --space: 5%;
  --angle: -45deg;
  transform: translate3d(0, 0, 1px);
  overflow: hidden;
  z-index: 3;
  background: transparent;
  background-size: cover;
  background-position: center;
  background-image: repeating-linear-gradient(0deg, var(--sunpillar-clr-1) calc(var(--space) * 1), var(--sunpillar-clr-2) calc(var(--space) * 2), var(--sunpillar-clr-3) calc(var(--space) * 3), var(--sunpillar-clr-4) calc(var(--space) * 4), var(--sunpillar-clr-5) calc(var(--space) * 5), var(--sunpillar-clr-6) calc(var(--space) * 6), var(--sunpillar-clr-1) calc(var(--space) * 7)), repeating-linear-gradient(var(--angle), #0e152e 0%, hsl(180, 10%, 60%) 3.8%, hsl(180, 29%, 66%) 4.5%, hsl(180, 10%, 60%) 5.2%, #0e152e 10%, #0e152e 12%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(0, 0%, 0%, 0.1) 12%, hsla(0, 0%, 0%, 0.15) 20%, hsla(0, 0%, 0%, 0.25) 120%);
  background-position: 0 var(--background-y), var(--background-x) var(--background-y), center;
  background-blend-mode: color, hard-light;
  background-size: 500% 500%, 300% 300%, 200% 200%;
  background-repeat: repeat;
}

.pc-shine::before,
.pc-shine::after {
  content: "";
  background-position: center;
  background-size: cover;
  grid-area: 1/1;
  opacity: 0;
}

.pc-card:hover .pc-shine,
.pc-card.active .pc-shine {
  filter: brightness(0.85) contrast(1.5) saturate(0.5);
  animation: none;
}

.pc-card:hover .pc-shine::before,
.pc-card.active .pc-shine::before,
.pc-card:hover .pc-shine::after,
.pc-card.active .pc-shine::after {
  opacity: 1;
}

.pc-shine::before {
  background-image: linear-gradient(45deg, var(--sunpillar-4), var(--sunpillar-5), var(--sunpillar-6), var(--sunpillar-1), var(--sunpillar-2), var(--sunpillar-3)), radial-gradient(circle at var(--pointer-x) var(--pointer-y), hsl(0, 0%, 70%) 0%, hsla(0, 0%, 30%, 0.2) 90%), var(--grain);
  background-size: 250% 250%, 100% 100%, 220px 220px;
  background-position: var(--pointer-x) var(--pointer-y), center, calc(var(--pointer-x) * 0.01) calc(var(--pointer-y) * 0.01);
  background-blend-mode: color-dodge;
  filter: brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(0.5 + var(--pointer-from-center)));
  mix-blend-mode: luminosity;
}

.pc-shine::after {
  background-position: 0 var(--background-y), calc(var(--background-x) * 0.4) calc(var(--background-y) * 0.5), center;
  background-size: 200% 300%, 700% 700%, 100% 100%;
  mix-blend-mode: difference;
  filter: brightness(0.8) contrast(1.5);
}

.pc-glare {
  transform: translate3d(0, 0, 1.1px);
  overflow: hidden;
  background-image: radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), hsl(248, 25%, 80%) 12%, hsla(207, 40%, 30%, 0.8) 90%);
  mix-blend-mode: overlay;
  filter: brightness(0.8) contrast(1.2);
  z-index: 4;
}

.pc-content {
  max-height: 100%;
  overflow: hidden;
  position: relative;
  transform: translate3d(calc(var(--pointer-from-left) * -6px + 3px), calc(var(--pointer-from-top) * -6px + 3px), 0.1px) !important;
  z-index: 5;
  /*mix-blend-mode: luminosity;*/
}

@keyframes glow-bg {
  0% {
    --bgrotate: 0deg;
  }
  100% {
    --bgrotate: 360deg;
  }
}
@keyframes holo-bg {
  0% {
    background-position: 0 var(--background-y), 0 0, center;
  }
  100% {
    background-position: 0 var(--background-y), 90% 90%, center;
  }
}
.pc-card-wrapper {
  margin-top: 4em;
}

.card {
  width: 90vw;
  border-radius: 30px;
  background-color: #1f2225;
  border: 1px solid rgba(255, 255, 255, 0.2);
  aspect-ratio: 460/634;
  display: flex;
  flex-direction: column;
  container-name: membercard;
  container-type: inline-size;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  max-width: 460px;
}
.card .cardLogoCupra {
  width: 13%;
  margin-top: 12cqw;
  margin-bottom: 17cqw;
}
.card .cardMemberOf {
  text-transform: uppercase;
  font-family: CupraBook;
  color: rgba(255, 255, 255, 0.5);
}
.card .cardLogoRaval {
  margin-top: 7.6cqw;
  margin-bottom: 5.2cqw;
  /*width: 125%;
  margin-right: 8%;*/
  width: 100%;
}
.card .cardName {
  color: white;
  font-family: CupraBook;
  text-transform: uppercase;
  min-height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 90%;
}
.card .cardName {
  font-size: 32px;
}
.card .cardMemberOf {
  font-size: 17px;
}
@media (max-width: 1400px), (max-height: 700px) {
  .card {
    max-width: 300px;
  }
  .card .cardName {
    font-size: 26px;
  }
  .card .cardMemberOf {
    font-size: 14px;
  }
}