@font-face{font-display:swap;font-family:'visa-font-latin-light';src:url('https://cdn.visa.com/v0/assets/fonts/types/dialect/latin/visa_font_light.woff2')}
@font-face{font-display:swap;font-family:'visa-font-latin-regular';src:url('https://cdn.visa.com/v0/assets/fonts/types/dialect/latin/visa_font_regular.woff2')}
@font-face{font-display:swap;font-family:'visa-font-latin-semi-bold';src:url('https://cdn.visa.com/v0/assets/fonts/types/dialect/latin/visa_font_semi_bold.woff2')}
@font-face{font-display:swap;font-family:'visa-font-greek-light';src:url('https://cdn.visa.com/v0/assets/fonts/types/dialect/greek/visa_font_light.woff2')}
@font-face{font-display:swap;font-family:'visa-font-greek-regular';src:url('https://cdn.visa.com/v0/assets/fonts/types/dialect/greek/visa_font_light.woff2')}
@font-face{font-display:swap;font-family:'visa-font-greek-semi-bold';src:url('https://cdn.visa.com/v0/assets/fonts/types/dialect/greek/visa_font_semi_bold.woff2')}
@font-face{font-display:swap;font-family:'visa-font-cyrillic-light';src:url('https://cdn.visa.com/v0/assets/fonts/types/dialect/cyrillic/visa_font_light.woff2')}
@font-face{font-display:swap;font-family:'visa-font-cyrillic-regular';src:url('https://cdn.visa.com/v0/assets/fonts/types/dialect/cyrillic/visa_font_light.woff2')}
@font-face{font-display:swap;font-family:'visa-font-cyrillic-semi-bold';src:url('https://cdn.visa.com/v0/assets/fonts/types/dialect/cyrillic/visa_font_semi_bold.woff2')}

body  {
    --visa-blue: #1434CB;
    --visa-dark-blue: #021E4C;
    --ocean-blue: #2B94F5;
    --light-blue: #C7EDFF;
    --green: #40996B;
    --tea-green: #D6F2C4;
    --sorbet-yellow: #FFEF99;
    --visa-yellow: #FCC015;
    --visa-light-bg: #f0f0f0;

    --bg-color: white;
    --main-color: var(--visa-dark-blue);
    --aux-color: var(--visa-blue);



    --font-light: "visa-font-latin-light", sans-serif;
    --font-semi-bold: "visa-font-latin-semi-bold", sans-serif;
    --badge-font-weight: 600;
    --button-font-family: var(--font-light);
    --display-font-family: var(--font-semi-bold);
    --dropcap-font-family: var(--font-semi-bold);
    --form-input-font-family: var(--font-light);
    --heading-font-family: var(--font-semi-bold);
    --heading-font-weight: 600;
    --tabs-font-family: var(--font-light);
    --text-font-family: var(--font-light);
    --text-strong-font-family: var(--font-semi-bold);
    --link-font-family: var(--font-light);
    --link-strong-font-family: var(--font-semi-bold);
}



.milano-cortina-2026-card {
  font-family: var(--text-font-family);
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}


.milano-cortina-2026-card h1, .milano-cortina-2026-card h2{
    width:100%;
}
.milano-cortina-2026-card .main > *{
    border-radius: 0;
}
.milano-cortina-2026-card .main .cardArtwork {
    background-image: url("/centres/milano-cortina-2026/card-front.png");
    box-shadow: 0 0 8px rgba(0, 0, 0, 55%);
    rotate: -3deg;
    transition: all 0.2s ease-out;
    transform: scale(105%);
    z-index: 1;
    margin-top: -1em;
    border-radius: 1.4em;
    display: none;
}

.milano-cortina-2026-card .main .cardArtwork.loading {
    rotate: 0deg;
}
.milano-cortina-2026-card .infoPanel.default{
    height: 8em;
}
.milano-cortina-2026-card .brandHeader{
    background-color: var(--bg-color);
}
.milano-cortina-2026-card .brandHeader>.logo{
    background-image: url("/centres/milano-cortina-2026/triposite-header.jpg");
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 12em;
}

.milano-cortina-2026-card .brandHeader.small>.logo{
    width: 100%;
    height: 10em;
}
.milano-cortina-2026-card.giftcards .buttonGo{
    translate: 0 0;
    width: 2em;
    max-width: 5em;
}
.milano-cortina-2026-card.giftcards input{
    width: 8em;
    text-align: center;
}
.milano-cortina-2026-card textarea, .milano-cortina-2026-card input, .milano-cortina-2026-card select {

    font-family: var(--form-input-font-family);
    color: black;
    background-color: var(--bg-color);
    border: 1px solid rgba(var(--main-color), 0.5);
    border-radius: 2em;
    font-size: 1rem;
}
.milano-cortina-2026-card  .button, .milano-cortina-2026-card  button {
    background-color: var(--aux-color);
    color: var(--bg-color);
    border-radius: 2em;
    border: 2px solid var(--main-color);
    font-family: var(--button-font-family);
}

.milano-cortina-2026-card .main .button, .milano-cortina-2026-card .main button {
    background-color: var(--main-color);
    color: var(--bg-color);
    border-radius: 2em;
    border: 2px solid var(--main-color);
}
.milano-cortina-2026-card .main .button:hover, .milano-cortina-2026-card .main button:hover{
    box-shadow: 0 0 8px rgba(0,0,0,80%);
}
.milano-cortina-2026-card .main .button:active, .milano-cortina-2026-card .main button:active{
    box-shadow: 0 0 4px rgba(0,0,0,80%);
}
.milano-cortina-2026-card .main .button.link{
   box-shadow: none;
}
.milano-cortina-2026-card .main .button.link:hover{
    text-decoration: underline;
}
.milano-cortina-2026-card .main .infoPanel span{
    color: var(--aux-color);
}

.milano-cortina-2026-card .inputTokenForm,
.milano-cortina-2026-card .infoPanel,
.milano-cortina-2026-card .privateVideoModule .messagePanel,
.milano-cortina-2026-card .registrationForm {
    background-color: var(--visa-light-bg);
    color: var(--main-color);
    font-family: var(--display-font-family);
    border:0;
    border-radius: 0;
}
.milano-cortina-2026-card .registrationForm {
    padding: 2em 1em;
}
.milano-cortina-2026-card .inputTokenForm{
    padding: 2em 1em;
}
.milano-cortina-2026-card .inputTokenForm label{
    width: max-content;
}
.milano-cortina-2026-card form .error {
    color: var(--warn-color)
}
.milano-cortina-2026-card:has(.inputTokenForm input:active, .inputTokenForm input:hover, .inputTokenForm input:focus ) .cardArtwork{
    background-image: url("/centres/milano-cortina-2026/card-back.png");
}
.milano-cortina-2026-card .cardFunctions{
    margin-top: 0;
}