@font-face {
    font-family: "SeatBlack";
    src: url("../../../../etc.clientlibs/seat-website/components/clientlibs/resources/fonts/SeatBcn-Black.eot");
    src: url("../../../../etc.clientlibs/seat-website/components/clientlibs/resources/fonts/SeatBcn-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "SeatBold";
    src: url("../../../../etc.clientlibs/seat-website/components/clientlibs/resources/fonts/SeatBcn-Bold.eot");
    src: url("../../../../etc.clientlibs/seat-website/components/clientlibs/resources/fonts/SeatBcn-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "SeatMedium";
    src: url("../../../../etc.clientlibs/seat-website/components/clientlibs/resources/fonts/SeatBcn-Medium.eot");
    src: url("../../../../etc.clientlibs/seat-website/components/clientlibs/resources/fonts/SeatBcn-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "SeatRegular";
    src: url("../../../../etc.clientlibs/seat-website/components/clientlibs/resources/fonts/SeatBcn-Regular.eot");
    src: url("../../../../etc.clientlibs/seat-website/components/clientlibs/resources/fonts/SeatBcn-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

.ws-loader {
    min-width: 10px;
    height: 1px;
    background-color: #e1d7cd;
    position: relative;
    overflow-x: hidden
}

    .ws-loader .ws-loader-thumb {
        position: absolute;
        animation: lateral-animation 2s infinite;
        background-color: #190f14;
        width: 30%;
        top: 0;
        height: 1px
    }

@keyframes lateral-animation {
    from {
        left: -30%
    }

    to {
        left: 100%
    }
}

:root {
    --black: #190f14;
    --grey: #747468;
    --grey-light: #d1cfd0;
    --grey-dark: #2e2a2b;
    --grey-80: #7f7f72;
    --grey-60: #e1d7cd;
    --grey-40: #ece9e1;
    --grey-20: #f9f8f6;
    --grey-10: #f5f5f5;
    --white-off: #98928f;
    --white: #ece9e1;
    --white-pure: #fff;
    --white-cream: #ebe9e8;
    --green: #009196;
    --orange: #f09623;
    --red-light-theme: #b0042c;
    --red-liminal: #ff0036;
    --color-font-01: var(--black);
    --color-font-02: var(--grey);
    --color-font-03: var(--white);
    --color-font-04: var(--white-off);
    --color-font-05: var(--grey-light);
    --color-font-06: var(--white-pure);
    --color-bg-01: var(--white-pure);
    --color-bg-02: var(--black);
    --color-bg-03: var(--grey-dark);
    --color-bg-04: var(--grey-80);
    --color-bg-05: var(--grey-60);
    --color-bg-06: var(--grey-40);
    --color-bg-07: var(--grey-20);
    --color-bg-08: var(--white-cream);
    --color-bg-09: var(--grey-10);
    --color-ui-02: var(--white-pure);
    --color-ui-03: var(--black);
    --color-ui-04: var(--grey);
    --color-ui-05: var(--grey-80);
    --color-ui-06: var(--grey-60);
    --color-ui-07: var(--grey-40);
    --color-ui-08: var(--grey-20);
    --color-success: var(--green);
    --color-warning: var(--orange);
    --color-danger: var(--red-light-theme);
    --color-brand-primary: var(--red-liminal)
}

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

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

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