@keyframes shine-skeleton-lines {
    0 {
        background-position: -100px
    }

    40%,100% {
        background-position: 600px
    }
}

.mod__max-w-xl {
    max-width: 1436px;
    margin: auto
}

.theme-default {
    --bg-color: var(--color-bg-02);
    --font-color: var(--color-font-03)
}

.theme-ibiza {
    --bg-color: #181632;
    --font-color: #fe1446
}

.theme-arona {
    --bg-color: #0c303e;
    --font-color: #93f8ff
}

.theme-ateca {
    --bg-color: #20124a;
    --font-color: #ca8eff
}

.theme-leon {
    --bg-color: #181632;
    --font-color: #7eff94
}

.theme-leon-sp {
    --bg-color: #0a2b2f;
    --font-color: #7eff94
}

.neutral-01 {
    --bg-color: #f5f5f5;
    --font-color: var(--color-bg-02)
}

.neutral-02 {
    --bg-color: #ebe9e8;
    --font-color: var(--color-bg-02)
}

.cmp-secondary-navigation {
    --secondary-navigation--background-info: var(--color-bg-03);
    --secondary-navigation--background-separator: var(--color-bg-03);
    --secondary-navigation--background: var(--bg-color);
    --secondary-navigation--background-wrapper: var(--bg-color);
    --secondary-navigation--background-after: var(--bg-color);
    --secondary-navigation--color-cta: var(--color-font-06);
    --secondary-navigation--color-cta-hover: var(--color-font-06);
    --secondary-navigation--color-cta-active: var(--color-font-06);
    --secondary-navigation--color-info-title: var(--color-font-03);
    --secondary-navigation--color-info-subtitle: var(--color-font-03);
    --secondary-navigation--font-cta: "SeatRegular",sans-serif;
    --secondary-navigation--font-cta-hover: "SeatBold",sans-serif;
    --secondary-navigation--font-cta-active: "SeatBold",sans-serif;
    --secondary-navigation--font-info-title: "SeatBold",sans-serif;
    --secondary-navigation--font-info-subtitle: "SeatRegular",sans-serif;
    --secondary-navigation--font-weight-cta-hover: 700
}

.cmp-secondary-navigation__wrapper {
    gap: 24px
}

@media(min-width:764px) {
    .cmp-secondary-navigation__info {
        padding: 20px 24px
    }
}

@media(min-width:1016px) {
    .cmp-secondary-navigation__info {
        padding: 20px 32px
    }

    .cmp-secondary-navigation__wrapper {
        gap: 32px
    }
}

@media(min-width:1436px) {
    .cmp-secondary-navigation__wrapper {
        gap: 36px
    }
}