@font-face {
    font-display: swap;
    font-family: "Pancetta W05 Black";
    src: url("/staticContent/pancetta/pancettapro-black-webfont.woff2") format("woff2"),
        url("/staticContent/pancetta/pancettapro-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "Pancetta W05 Black Italic";
    src: url("/staticContent/pancetta/pancettapro-blackitalic-webfont.woff2") format("woff2"),
        url("/staticContent/pancetta/pancettapro-blackitalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "Pancetta W05 Bold";
    src: url("/staticContent/pancetta/pancettapro-bold-webfont.woff2") format("woff2"),
        url("/staticContent/pancetta/pancettapro-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "Pancetta W05 Bold Italic";
    src: url("/staticContent/pancetta/pancettapro-bolditalic-webfont.woff2") format("woff2"),
        url("/staticContent/pancetta/pancettapro-bolditalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "Pancetta W05 ExtraLight";
    src: url("/staticContent/pancetta/pancettapro-extralight-webfont.woff2") format("woff2"),
        url("/staticContent/pancetta/pancettapro-extralight-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "Pancetta W05 ExtraLight Italic";
    src: url("/staticContent/pancetta/pancettapro-extralightitalic-webfont.woff2") format("woff2"),
        url("/staticContent/pancetta/pancettapro-extralightitalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "Pancetta W05 Italic";
    src: url("/staticContent/pancetta/pancettapro-italic-webfont.woff2") format("woff2"),
        url("/staticContent/pancetta/pancettapro-italic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "Pancetta W05 Light";
    src: url("/staticContent/pancetta/pancettapro-light-webfont.woff2") format("woff2"),
        url("/staticContent/pancetta/pancettapro-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "Pancetta W05 Light Italic";
    src: url("/staticContent/pancetta/pancettapro-lightitalic-webfont.woff2") format("woff2"),
        url("/staticContent/pancetta/pancettapro-lightitalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "Pancetta W05 Medium";
    src: url("/staticContent/pancetta/pancettapro-medium-webfont.woff2") format("woff2"),
        url("/staticContent/pancetta/pancettapro-medium-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "Pancetta W05 Medium Italic";
    src: url("/staticContent/pancetta/pancettapro-mediumitalic-webfont.woff2") format("woff2"),
        url("/staticContent/pancetta/pancettapro-mediumitalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "Pancetta W05 Regular";
    src: url("/staticContent/pancetta/pancettapro-regular-webfont.woff2") format("woff2"),
        url("/staticContent/pancetta/pancettapro-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "Pancetta W05 SemiBold";
    src: url("/staticContent/pancetta/pancettapro-semibold-webfont.woff2") format("woff2"),
        url("/staticContent/pancetta/pancettapro-semibold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "Pancetta W05 SemiBold Italic";
    src: url("/staticContent/pancetta/pancettapro-semibolditalic-webfont.woff2") format("woff2"),
        url("/staticContent/pancetta/pancettapro-semibolditalic-webfont.woff") format("woff");
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "Pancetta W05 Thin";
    src: url("/staticContent/pancetta/pancettapro-thin-webfont.woff2") format("woff2"),
        url("/staticContent/pancetta/pancettapro-thin-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "Pancetta W05 Thin Italic";
    src: url("/staticContent/pancetta/pancettapro-thinitalic-webfont.woff2") format("woff2"),
        url("/staticContent/pancetta/pancettapro-thinitalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    opacity: 1;
}

* {
    font-weight: normal;
}

.body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    hyphens: auto;
}

.body .main {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Pages */
input[type="password"] {
    font-size: 20px !important;
    font-family: Verdana !important;
}

#password,
#confirm-password {
    padding-right: 32px !important;
}

/* SVP */

/* MVP */
@media (min-width: 1024px) {
    .createaccount .column-left {
        display: block !important;
    }

    .signin .column-left {
        display: block !important;
    }
}

/* LVP */
@media (min-width: 1440px) {
    .createaccount .column-left {
        flex-basis: 57% !important;
        max-width: 57% !important;
    }

    .signin .column-left {
        flex-basis: 57% !important;
        max-width: 57% !important;
    }

    .createaccount .column-right {
        flex-basis: 43% !important;
        max-width: 43% !important;
    }

    .signin .column-right {
        flex-basis: 43% !important;
        max-width: 43% !important;
    }
}

/* Start cookiebot styles */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
    display: none;
}

#CybotCookiebotDialogBodyLevelButtonCustomize > div {
    display: none !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
    font-family: "Pancetta W05 Bold Italic", sans-serif !important;
    text-transform: uppercase !important;
    color: #000 !important;
    border-color: #bdbcbc !important;
    border-radius: 1.375rem !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw:hover {
    background-color: #ededed !important;
    border-color: #bdbcbc !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
    border-radius: 1.375rem !important;
    font-family: "Pancetta W05 Bold Italic", sans-serif !important;
    text-transform: uppercase !important;
    font-weight: normal !important;
    background-color: #e30613 !important;
    border-color: #e30613 !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change:hover {
    background-color: #af1616 !important;
    border-color: #af1616 !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize .CybotCookiebotDialogArrow {
    margin-left: 3px !important;
}

#CybotCookiebotDialog[data-template="bottom"] {
    box-shadow: 0 0 96px 0 rgba(0, 0, 0, 0.3) !important;
    border-radius: 0.75rem !important;
}

@media screen and (max-width: 1023px) {
    #CybotCookiebotDialog[data-template="bottom"] {
        bottom: 2.25rem !important;
        transform: translate(-50%, 0) !important;
        top: auto !important;
    }

    #CybotCookiebotDialog[data-template="bottom"] .CybotCookiebotScrollContainer {
        min-height: unset !important;
    }
}

@media screen and (max-width: 600px) {
    #CybotCookiebotDialog[data-template="bottom"] {
        height: 29.4375rem !important;
    }
}

@media screen and (min-width: 1024px) {
    #CybotCookiebotDialog[data-template="bottom"] {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        top: 100%;
        transform: translate(-50%, -100%);
        padding: 1.75rem 2.25rem !important;
    }
}

@media screen and (min-width: 1280px) {
    #CybotCookiebotDialog[data-template="bottom"] {
        padding: 1.75rem 4.75rem !important;
    }
}

#CybotCookiebotDialogHeader {
    display: none !important;
}

#CookiebotWidget ul,
#CybotCookiebotDialog ul {
    display: block;
}

.CybotCookiebotDialogContentWrapper {
    font-family: "Pancetta W05 Regular", sans-serif !important;
    align-items: center !important;
}

#CybotCookiebotDialogBodyContent {
    max-width: 53rem !important;
}

#CybotCookiebotDialogBodyContentTitle {
    font-family: "Pancetta W05 Bold" !important;
    font-weight: normal !important;
}

.CybotCookiebotDialogBodyLevelButtonDescription {
    font-family: "Pancetta W05 SemiBold" !important;
    font-weight: normal !important;
}

#CybotCookiebotDialogBodyContentTitle {
    font-size: 2rem !important;
    line-height: 1 !important;
    margin-bottom: 0.75rem !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton {
    min-height: 2.75rem;
    display: inline-flex;
    width: auto;
    align-items: center;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 1rem;
    border: 1px solid transparent;
    color: #000;
    flex-shrink: 1;
    cursor: pointer;
    transition: color 0.2s ease, background 0.2s 10ms ease-in-out, border-color 0.2s 10ms ease-in-out;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 0.875rem;
    border-radius: 1.5rem;
    padding: 0.75rem 1.375rem;
    justify-content: center;
    font-family: "Pancetta W05 Bold Italic" !important;
    background-color: #fff;
    color: #000;
    border: 1px solid #bdbcbc;
}

#CybotCookiebotDialogFooter
    #CybotCookiebotDialogBodyButtonsWrapper
    .CybotCookiebotDialogBodyButton#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #e30613;
    color: #fff;
    border: 1px solid #e30613;
}

@media (min-width: 992px) {
    #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton {
        font-size: 0.875rem;
    }
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton svg {
    color: #e30613;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton:active,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton:hover {
    background-color: #ededed;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton:last-of-type {
    color: #fff;
    background: #e30613;
    border: 1px solid #fff;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton:last-of-type:active,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton:last-of-type:hover {
    color: #fff;
    background-color: #af1616;
    border: 1px solid #bdbcbc;
}

#CybotCookiebotDialogFooter
    #CybotCookiebotDialogBodyButtonsWrapper
    .CybotCookiebotDialogBodyButton:last-of-type:active
    svg,
#CybotCookiebotDialogFooter
    #CybotCookiebotDialogBodyButtonsWrapper
    .CybotCookiebotDialogBodyButton:last-of-type:hover
    svg {
    fill: #fff;
}

#CybotCookiebotDialogFooter
    #CybotCookiebotDialogBodyButtonsWrapper
    .CybotCookiebotDialogBodyButton:last-of-type:active.with-border,
#CybotCookiebotDialogFooter
    #CybotCookiebotDialogBodyButtonsWrapper
    .CybotCookiebotDialogBodyButton:last-of-type:hover.with-border {
    border: 1px solid #bdbcbc;
}

#CybotCookiebotDialog .CybotCookiebotDialogHide {
    display: none !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyButtonDecline {
    font-family: "Pancetta W05 Regular" !important;
    font-size: 0.875rem !important;
    font-weight: initial !important;
    color: #e30613 !important;
    background: 0 0 !important;
    border: none !important;
    text-transform: initial !important;
}

#CybotCookiebotDialogBodyEdgeMoreDetailsLink {
    display: none !important;
}

#CybotCookiebotDialogBodyEdgeMoreDetailsLink::after {
    content: "" !important;
    display: none !important;
}

#CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogBodyContentText,
#CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogDetailBodyContentTextAbout,
#CybotCookiebotDialog[data-template="popup"] .CybotCookiebotDialogDetailBodyContentCookieTypeIntro {
    font-size: 1rem !important;
    line-height: 1.5 !important;
}

#CybotCookiebotDialog[data-template="popup"]
    .CybotCookiebotDialogDetailBodyContentCookieContainerHeader
    > button
    > label,
#CybotCookiebotDialog[data-template="popup"] .CybotCookiebotDialogNavItem > a {
    font-family: "Pancetta W05 Bold" !important;
    font-weight: normal !important;
    font-size: 1rem !important;
}

#CybotCookiebotDialog[data-template="popup"] .CybotCookiebotDialogNavItem > a:hover {
    color: #e30613;
}

#CybotCookiebotDialog[data-template="popup"] .CybotCookiebotDialogNavItem > a.CybotCookiebotDialogActive {
    color: #e30613;
    border-color: #e30613;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: #ededed !important;
}

#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: #e30613 !important;
}

#CybotCookiebotDialog form input[type="checkbox"][disabled]:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: #e30613 !important;
    opacity: 0.2 !important;
}

.CookiebotWidget-show-consent-details {
    color: #e30613 !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
    fill: #e30613 !important;
}

#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover {
    color: #e30613 !important;
}

#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover::before {
    border-color: #e30613 !important;
}

.CybotCookiebotDialogDetailBodyContentCookieLink {
    color: #e30613 !important;
}

.CybotCookiebotDialogDetailBodyContentCookieProvider:hover {
    color: #e30613 !important;
}

.CybotCookiebotDialogDetailBodyContentCookieProvider:hover::after {
    color: #e30613 !important;
}

#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a {
    color: #e30613 !important;
}

#CybotCookiebotDialog a::after {
    color: #e30613 !important;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider::after {
    border-color: rgb(20, 20, 20) !important;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
    .CybotCookiebotDialogDetailBodyContentCookieProvider.CybotCookiebotDialogCollapsed:hover::after {
    border-color: #e30613 !important;
}

@media screen and (min-width: 600px) {
    #CybotCookiebotDialog[data-template="bottom"]
        .CybotCookiebotDialogContentWrapper
        #CybotCookiebotDialogFooter
        #CybotCookiebotDialogBodyButtonsWrapper {
        flex-shrink: 0 !important;
    }

    #CybotCookiebotDialog[data-template="bottom"]
        .CybotCookiebotDialogContentWrapper
        #CybotCookiebotDialogFooter
        #CybotCookiebotDialogBodyButtonsWrapper
        > :not(:first-child) {
        width: 16rem !important;
        max-width: 100% !important;
    }

    #CybotCookiebotDialog[data-template="bottom"]
        .CybotCookiebotDialogContentWrapper
        #CybotCookiebotDialogFooter
        #CybotCookiebotDialogBodyButtonsWrapper
        #CybotCookiebotDialogBodyButtonDecline {
        margin-right: auto !important;
    }
}

@media screen and (min-width: 1024px) {
    #CybotCookiebotDialog[data-template="bottom"]
        .CybotCookiebotDialogContentWrapper
        #CybotCookiebotDialogFooter
        #CybotCookiebotDialogBodyButtonsWrapper
        #CybotCookiebotDialogBodyButtonDecline {
        width: auto !important;
    }
}

@media screen and (min-width: 1280px) {
    #CybotCookiebotDialog[data-template="bottom"]
        .CybotCookiebotDialogContentWrapper
        #CybotCookiebotDialogFooter
        #CybotCookiebotDialogBodyButtonsWrapper
        #CybotCookiebotDialogBodyButtonDecline {
        margin-right: 0 !important;
    }
}

@media screen and (min-width: 600px) {
    #CybotCookiebotDialog[data-template="popup"]
        .CybotCookiebotDialogContentWrapper
        #CybotCookiebotDialogFooter
        #CybotCookiebotDialogBodyButtonsWrapper {
        flex-shrink: 0 !important;
    }

    #CybotCookiebotDialog[data-template="popup"]
        .CybotCookiebotDialogContentWrapper
        #CybotCookiebotDialogFooter
        #CybotCookiebotDialogBodyButtonsWrapper
        > :not(:first-child) {
        width: 16rem !important;
        max-width: 100% !important;
    }

    #CybotCookiebotDialog[data-template="popup"]
        .CybotCookiebotDialogContentWrapper
        #CybotCookiebotDialogFooter
        #CybotCookiebotDialogBodyButtonsWrapper
        #CybotCookiebotDialogBodyButtonDecline {
        margin-right: auto !important;
        width: auto !important;
    }
}
/* End cookiebot styles */

.v2,
aside[class*=drawer-module] {
    font-family: var(--font-family-sonic);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-synthesis: none;
    text-rendering: optimizelegibility;
    text-size-adjust: none;
}