@charset "UTF-8";

.btn-default {
    --btn-fontsize: var(--fontsize-bodytext);
    --btn-bgcolor: var(--color-brand-1);
    --btn-textcolor: var(--color-white);
    --btn-spacing: 1rem 2.5rem;
    --btn-bordercolor: var(--color-brand-1);
    --btn-borderradius: var(--theme-border-radius);
    --btn-tracking: 0;
    --btn-fontfamily: var(--fontfamily-title);
    --btn-fontweight: 500;
    --btn-iconsize: var(--icon-size-sm);
    --btn-iconcolor: var(--btn-textcolor);
    --btn-texttransform: uppercase;
    align-items: center;
    align-self: flex-start;
    border-radius: .125rem;
    border-radius: var(--btn-borderradius);
    border-style: solid;
    border-width: 1px;
    color: #fff;
    color: var(--btn-textcolor);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Europa Title,Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--btn-fontfamily);
    font-size: clamp(1rem,.227vw + .955rem,1.125rem);
    font-size: var(--btn-fontsize);
    font-weight: 500;
    font-weight: var(--btn-fontweight);
    gap: 10px;
    justify-content: center;
    letter-spacing: 0;
    letter-spacing: var(--btn-tracking);
    line-height: 1;
    padding: 1rem 2.5rem;
    padding: var(--btn-spacing);
    text-box: trim-both cap alphabetic;
    text-decoration: none;
    text-transform: uppercase;
    text-transform: var(--btn-texttransform);
    transition: all .2s ease-in-out;
    --btn-bgcolor: var(--color-brand-1);
    --btn-bordercolor: var(--color-brand-1);
    background-color: #0061ac;
    background-color: var(--btn-bgcolor);
    border-color: #0061ac;
    border-color: var(--btn-bordercolor);
    margin-top: 10px;
}

.menu--preset-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    text-transform: uppercase;
    padding-left: 0;
}

    .link--preset-breadcrumb, .menu--preset-3 .menu__item a {
        color: #e30613;
    }

    .menu--preset-3 .menu__item:not(.menu__item--selected):after {
        position: relative;
        display: inline-block;
        height: .75rem;
        width: .75rem;
        vertical-align: middle;
        margin-left: .25rem;
        margin-right: .25rem;
        background-position: 50%;
        background-size: contain;
        background-repeat: no-repeat;
        opacity: .5;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath d='M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z'/%3E%3C/svg%3E");
        content: "";
    }

.form-group label {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    padding: 10px 0px;
    color: var(--color-brand-1);
}

.label-required::after {
    content: '*';
    display: inline-block;
    color: #ed1c24;
    padding-left: 3px;
}

.alert-warning {
    color: black;
    background-color: #e1f3f1;
    border-color: #e1f3f1;
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -60px;
    right: -290px;
    color: inherit;
}


.button.button-white {
    background-color: white !important;
    color: black !important;
}

.debug *, .debug :after, .debug :before {
    outline: 1px solid #f0f
}

component > .band, component > .band > .band__content, component > .band > .band__content > .buttongroup, component > .holder {
    border: 2px dashed #bbbbe8;
    border-radius: 2px
}

    component > .band > .band__content > .buttongroup, component > .holder {
        background: #eef;
        padding: 10px
    }

        component > .band + .band, component > .band > .band__content > .buttongroup + .buttongroup, component > .holder + .holder {
            -webkit-margin-before: 1rem;
            margin-block-start: 1rem
        }

component code:has(+.band) {
    position: relative;
    -webkit-transform: translate(15px,50px);
    transform: translate(15px,50px);
    z-index: 1
}

.library code, [data-library-tag], component code {
    background: #eef;
    border-radius: 3px;
    color: #004;
    display: inline-block;
    font-family: Karla,Roboto,Arial,Helvetica,sans-serif;
    font-size: 16px;
    -webkit-margin-after: 6px;
    margin-block-end: 6px;
    opacity: 70%;
    padding: 2px 10px
}

.library :where(.band,div) + code, component :where(.band,div) + code {
    -webkit-margin-before: 30px;
    margin-block-start: 30px
}

[data-library-tag]:before {
    content: "(source: " attr(data-library-tag) ")";
    inset-block-start: .5rem;
    inset-inline-start: .5rem;
    position: absolute
}

[data-library-border] {
    border: 2px dashed #c8c8e6;
    border-radius: 2px
}

    [data-library-border] + [data-library-border] {
        -webkit-margin-before: 1rem;
        margin-block-start: 1rem
    }

[data-library-placeholder], component .placeholder {
    background: #eef;
    block-size: 6rem;
    border: 2px dashed #aaaad8;
    border-radius: 2px;
    color: #004;
    font-family: Karla,Roboto,Arial,Helvetica,sans-serif;
    line-height: 5rem;
    opacity: 80%;
    padding: .5rem;
    text-align: center
}

.library .icon-holder {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

    .library .icon-holder > * {
        flex: 0 0 50%;
        padding: 1rem
    }

    .library .icon-holder .icon-white {
        background-color: #fff;
        background-color: var(--color-white);
        color: #000;
        color: var(--color-black)
    }

    .library .icon-holder .icon-black {
        background-color: #424242;
        background-color: var(--color-grey-800);
        color: #fff;
        color: var(--color-white)
    }

    .library .icon-holder .icon {
        justify-content: center
    }

.library .layout.layout--columns-3, .library .layout.layout--columns-4 {
    --layout-gutter: var(--spacing)
}

#__bs_notify__ {
    border-radius: 5px !important;
    inset: auto 0 0 auto !important
}

.editor-card {
    border: 1px solid #ededed;
    border: 1px solid var(--color-grey-300);
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 1rem
}

.editor-card__label {
    -webkit-margin-before: auto;
    margin-block-start: auto;
    padding: .25rem;
    text-align: center
}

.editor-card__icon {
    block-size: 100px;
    inline-size: 100%
}

    .editor-card__icon img {
        text-align: center
    }

        .editor-card__icon img:before {
            color: #ee3135;
            color: var(--color-status-alert);
            content: "Sorry, this image is unavailable.";
            display: block;
            font-weight: 700;
            -webkit-margin-after: 2rem;
            margin-block-end: 2rem
        }

        .editor-card__icon img:after {
            content: "url: " attr(src) "";
            display: block
        }

.editor-card--image .editor-card__icon {
    block-size: 200px
}

    .editor-card--image .editor-card__icon img {
        margin: 0 auto;
        max-block-size: 200px
    }

.editor-card--default .editor-card__icon .icon {
    inline-size: 5rem;
    margin: 0 auto
}

.editor-card--no-icon .editor-card__icon {
    align-items: center;
    color: #ee3135;
    color: var(--color-status-alert);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .editor-card--no-icon .editor-card__icon .icon {
        inline-size: 3rem;
        margin: 0 auto
    }

.editor-card--icon-none .editor-card__icon {
    align-items: center;
    color: #ededed;
    color: var(--color-grey-300);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .editor-card--icon-none .editor-card__icon .icon {
        inline-size: 3rem;
        margin: 0 auto
    }

.library .band--editor {
    -webkit-border-before: 1px solid #ededed;
    border-block-start: 1px solid #ededed;
    -webkit-border-before: 1px solid var(--color-grey-300);
    border-block-start: 1px solid var(--color-grey-300)
}

    .library .band--editor .item > code {
        inset-block-start: 0;
        position: sticky
    }

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

blockquote, body, dd, dl, figure, h1, h2, h3, h4, h5, h6, ol, p, table, ul {
    margin: 0
}

    ol ::marker, ul ::marker {
        color: transparent;
        font-size: 0
    }

html {
    block-size: 100%
}

    html:focus-within {
        scroll-behavior: smooth
    }

body {
    block-size: 100%;
    line-height: 1.5;
    min-block-size: 100vb;
    text-rendering: optimizeSpeed
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

img, picture {
    display: block;
    max-inline-size: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

button, input, select, textarea {
    font: inherit
}

@media (prefers-reduced-motion:reduce) {
    html:focus-within {
        scroll-behavior: auto
    }
}

:root {
    --color-black: #000;
    --color-transparent: transparent;
    --color-white: #fff;
    --color-grey-50: #fafafa;
    --color-grey-100: #f5f5f5;
    --color-grey-200: #f6f6f6;
    --color-grey-300: #ededed;
    --color-grey-400: #bdbdbd;
    --color-grey-500: #e0e0e0;
    --color-grey-600: #757575;
    --color-grey-700: #616161;
    --color-grey-800: #424242;
    --color-grey-900: #212121;
    --color-status-ok: #228b22;
    --color-status-info: #fcd900;
    --color-status-alert: #ee3135;
    --color-brand-1: #0061ac;
    --color-brand-1-light: #0061accc;
    --color-brand-1-lighter: #0061ac33;
    --color-brand-1-lightest: #0061ac11
}

@supports (color:color-mix(in oklab,var(--color-brand-1 ) 20%,var(--color-white ))) {
    :root {
        --color-brand-1-light: color-mix(in oklab,var(--color-brand-1) 80%,var(--color-white));
        --color-brand-1-lighter: color-mix(in oklab,var(--color-brand-1) 40%,var(--color-white));
        --color-brand-1-lightest: color-mix(in oklab,var(--color-brand-1) 20%,var(--color-white))
    }
}

:root {
    --color-brand-2: #fff;
    --color-brand-2-light: #ffffffcc;
    --color-brand-2-lighter: #ffffff33;
    --color-brand-2-lightest: #ffffff11
}

@supports (color:color-mix(in oklab,var(--color-brand-2 ) 20%,var(--color-white ))) {
    :root {
        --color-brand-2-light: color-mix(in oklab,var(--color-brand-2) 80%,var(--color-white));
        --color-brand-2-lighter: color-mix(in oklab,var(--color-brand-2) 40%,var(--color-white));
        --color-brand-2-lightest: color-mix(in oklab,var(--color-brand-2) 20%,var(--color-white))
    }
}

:root {
    --spacing: 1rem;
    --spacing-2xs: calc(var(--spacing)*0.25);
    --spacing-xs: calc(var(--spacing)*0.5);
    --spacing-sm: calc(var(--spacing)*0.75);
    --spacing-lg: calc(var(--spacing)*1.25);
    --spacing-xl: calc(var(--spacing)*1.6);
    --spacing-2xl: calc(var(--spacing)*2);
    --spacing-3xl: calc(var(--spacing)*3);
    --spacing-4xl: calc(var(--spacing)*4);
    --theme-border-color: var(--color-grey-400);
    --theme-border-hover-color: var(--color-grey-800);
    --theme-border-radius: 0.125rem;
    --theme-box-shadow: 0 4px 6px -1px rgb(0 0 0/6%),0 2px 4px -1px rgb(0 0 0/3%);
    --fontfamily-default: MarkOT,Roboto,Helvetica,Arial,sans-serif;
    --fontfamily-title: "Europa Title",Roboto,Helvetica,Arial,sans-serif;
    --fontfamily-mono: ui-monospace,Menlo,Monaco,"Fira Mono","Droid Sans Mono","Courier New",monospace;
    --color-text: var(--color-black);
    --color-titles: var(--color-black);
    --color-link: var(--color-brand-1);
    --color-link-hover: var(--color-brand-1);
    --color-link-alt: var(--color-brand-1);
    --color-link-alt-hover: var(--color-brand-1);
    --color-title-link: var(--color-black);
    --color-title-link-hover: var(--color-black);
    --fontsize-default: 1rem;
    --fontsize-bodytext: clamp(1rem,0.227vw + 0.955rem,1.125rem);
    --fontsize-introtext: clamp(1.25rem,0.455vw + 1.159rem,1.5rem);
    --fontsize-smalltext: clamp(0.875rem,0.227vw + 0.83rem,1rem);
    --fontsize-minitext: clamp(0.625rem,0.227vw + 0.58rem,0.75rem);
    --fontsize-captiontext: var(--fontsize-bodytext);
    --fontsize-cardtext: var(--fontsize-bodytext);
    --fontsize-code: var(--fontsize-captiontext);
    --fontsize-title-preset-1: clamp(2.375rem,3.409vw + 1.693rem,4.25rem);
    --fontsize-title-preset-2: clamp(1.75rem,2.273vw + 1.295rem,3rem);
    --fontsize-title-preset-3: clamp(1.375rem,1.136vw + 1.148rem,2rem);
    --fontsize-title-preset-4: clamp(1.313rem,0.341vw + 1.244rem,1.5rem);
    --fontsize-title-preset-5: clamp(1.125rem,0.455vw + 1.034rem,1.375rem);
    --fontsize-title-preset-6: clamp(1.125rem,0.455vw + 1.034rem,1.375rem);
    --fontsize-title-hero: clamp(3rem,8.182vw + 1.364rem,7.5rem);
    --fontsize-title-matchday: clamp(5.625rem,6.818vw + 4.261rem,9.375rem);
    --font-max-amount-characters: 80ch;
    --lineheight-default: 1.6;
    --lineheight-title: 1;
    --fontweight-default: 400;
    --fontweight-default-strong: 700;
    --fontweight-title: 700;
    --letterspacing-default: 0;
    --letterspacing-title: 0;
    --list-type-width: 2.5rem;
    --list-icon-size: 1.75rem;
    --list-icon-spacing: 0.5rem;
    --list-accent: var(--color-brand-1);
    --table-bg-color: var(--color-white);
    --table-text-color: var(--color-text);
    --table-heading-bg: var(--color-black);
    --table-heading-color: var(--color-white);
    --table-border-color: var(--color-black);
    --table-font-size: var(--fontsize-smalltext);
    --table-cell-spacing: var(--spacing-xs) var(--spacing-sm);
    --quote-text-color: var(--color-brand-1);
    --quote-accent-color: var(--color-brand-1);
    --focus-outline-color: var(--color-text)
}

@view-transition {
    navigation: auto
}

.band, body {
    color: #000;
    color: var(--color-text);
    font-family: MarkOT,Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--fontfamily-default);
    font-size: clamp(1rem,.227vw + .955rem,1.125rem);
    font-size: var(--fontsize-bodytext);
    font-weight: 400;
    font-weight: var(--fontweight-default);
    letter-spacing: 0;
    letter-spacing: var(--letterspacing-default);
    line-height: 1.6;
    line-height: var(--lineheight-default)
}

.rte a, a {
    transition: all .12s ease-in-out
}

    .rte a:not([class]), a:not([class]) {
        color: #0061ac;
        color: var(--color-link)
    }

        .rte a:not([class]):hover, a:not([class]):hover {
            color: #0061ac;
            color: var(--color-link-hover)
        }

.bold, strong {
    font-weight: 700;
    font-weight: var(--fontweight-default-strong)
}

.italic, em {
    font-style: italic
}

sup {
    display: inline-block;
    font-size: .65em;
    -webkit-transform: translateY(-.65em);
    transform: translateY(-.65em);
    vertical-align: baseline;
    vertical-align: initial
}

code {
    font-family: ui-monospace,Menlo,Monaco,Fira Mono,Droid Sans Mono,Courier New,monospace;
    font-family: var(--fontfamily-mono);
    font-size: clamp(1rem,.227vw + .955rem,1.125rem);
    font-size: var(--fontsize-captiontext)
}

.rte {
    --flow-spacing: var(--spacing-lg)
}

    .rte + .agenda, .rte + .button, .rte + .buttongroup, .rte + .card, .rte + .figure, .rte + .input, .rte + .tabs, .rte + picture {
        --flow-spacing: var(--spacing-lg);
        -webkit-margin-before: 1.25rem;
        margin-block-start: 1.25rem;
        -webkit-margin-before: var(--flow-spacing);
        margin-block-start: var(--flow-spacing)
    }

    .rte p, .text {
        color: #000;
        color: var(--color-text);
        font-size: clamp(1rem,.227vw + .955rem,1.125rem);
        font-size: var(--fontsize-bodytext);
        text-wrap: pretty
    }

        .rte p.intro, .rte p.text--intro {
            font-size: clamp(1.25rem,.455vw + 1.159rem,1.5rem);
            font-size: var(--fontsize-introtext)
        }

        .rte p.text--small {
            font-size: clamp(.875rem,.227vw + .83rem,1rem);
            font-size: var(--fontsize-smalltext)
        }

        .rte p.text--caption {
            font-size: clamp(1rem,.227vw + .955rem,1.125rem);
            font-size: var(--fontsize-captiontext)
        }

        .rte p.text--card {
            font-size: clamp(1rem,.227vw + .955rem,1.125rem);
            font-size: var(--fontsize-cardtext)
        }

        .rte p.text--mini {
            font-size: clamp(.625rem,.227vw + .58rem,.75rem);
            font-size: var(--fontsize-minitext)
        }

.color--brand-1 {
    color: #0061ac;
    color: var(--color-brand-1)
}

.color--brand-2 {
    color: #fff;
    color: var(--color-brand-2)
}

.color--white {
    color: #fff;
    color: var(--color-white)
}

.color--black {
    color: #000;
    color: var(--color-black)
}

.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6, .title {
    --flow-spacing: var(--spacing);
    color: #000;
    color: var(--color-titles);
    display: block;
    font-family: Europa Title,Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--fontfamily-title);
    font-weight: 700;
    font-weight: var(--fontweight-title);
    -ms-hyphens: auto;
    hyphens: auto;
    letter-spacing: 0;
    letter-spacing: var(--letterspacing-title);
    line-height: 1;
    line-height: var(--lineheight-title);
    text-transform: uppercase;
    text-wrap: balance
}

    .rte h1:not(:last-child), .rte h2:not(:last-child), .rte h3:not(:last-child), .rte h4:not(:last-child), .rte h5:not(:last-child), .rte h6:not(:last-child), .title:not(:last-child) {
        -webkit-margin-after: .5rem;
        margin-block-end: .5rem;
        -webkit-margin-after: var(--flow-spacing);
        margin-block-end: var(--flow-spacing)
    }

    .rte h1.title--hero, .rte h2.title--hero, .rte h3.title--hero, .rte h4.title--hero, .rte h5.title--hero, .rte h6.title--hero, .title.title--hero {
        font-size: clamp(3rem,8.182vw + 1.364rem,7.5rem);
        font-size: var(--fontsize-title-hero);
        -webkit-margin-after: 4rem;
        margin-block-end: 4rem;
        -webkit-margin-after: var(--spacing-4xl);
        margin-block-end: var(--spacing-4xl)
    }

    .rte h1.title--matchday, .rte h2.title--matchday, .rte h3.title--matchday, .rte h4.title--matchday, .rte h5.title--matchday, .rte h6.title--matchday, .title.title--matchday {
        font-size: clamp(5.625rem,6.818vw + 4.261rem,9.375rem);
        font-size: var(--fontsize-title-matchday);
        -ms-hyphens: manual;
        hyphens: manual
    }

    .rte h1.title--nowrap, .rte h2.title--nowrap, .rte h3.title--nowrap, .rte h4.title--nowrap, .rte h5.title--nowrap, .rte h6.title--nowrap, .title.title--nowrap {
        text-wrap: nowrap;
        white-space: nowrap
    }

.rte .title--size-1, .rte h1, .title--size-1 {
    --flow-spacing: var(--spacing-2xl);
    font-size: clamp(2.375rem,3.409vw + 1.693rem,4.25rem);
    font-size: var(--fontsize-title-preset-1)
}

.rte .title--size-2, .rte h2, .title--size-2 {
    --flow-spacing: var(--spacing-xl);
    font-size: clamp(1.75rem,2.273vw + 1.295rem,3rem);
    font-size: var(--fontsize-title-preset-2)
}

.rte .title--size-3, .rte h3, .title--size-3 {
    --flow-spacing: var(--spacing-lg);
    font-size: clamp(1.375rem,1.136vw + 1.148rem,2rem);
    font-size: var(--fontsize-title-preset-3)
}

.rte .title--size-4, .rte h4, .title--size-4 {
    --flow-spacing: var(--spacing-lg);
    font-size: clamp(1.313rem,.341vw + 1.244rem,1.5rem);
    font-size: var(--fontsize-title-preset-4)
}

.rte .title--size-5, .rte h5, .title--size-5 {
    font-size: clamp(1.125rem,.455vw + 1.034rem,1.375rem);
    font-size: var(--fontsize-title-preset-5)
}

.rte .title--size-6, .rte h6, .title--size-6 {
    font-size: clamp(1.125rem,.455vw + 1.034rem,1.375rem);
    font-size: var(--fontsize-title-preset-6)
}

.card a:not(.button):not(.tag), .link--style-1, .list a, .rte li a, .rte p a {
    color: #0061ac;
    color: var(--color-link);
    text-decoration: none
}

    .card a:not(.button):not(.tag):focus, .card a:not(.button):not(.tag):hover, .link--style-1:focus, .link--style-1:hover, .list a:focus, .list a:hover, .rte li a:focus, .rte li a:hover, .rte p a:focus, .rte p a:hover {
        color: #0061ac;
        color: var(--color-link-hover)
    }

.link--style-2, .rte .link--style-2 {
    color: #0061ac;
    color: var(--color-link-alt);
    text-decoration: none
}

    .link--style-2:focus, .link--style-2:hover, .rte .link--style-2:focus, .rte .link--style-2:hover {
        color: #0061ac;
        color: var(--color-link-alt-hover);
        text-decoration: none
    }

.link--title, .rte h1 a, .rte h2 a, .rte h3 a, .rte h4 a, .rte h5 a, .rte h6 a {
    color: #000;
    color: var(--color-title-link);
    text-decoration: underline
}

    .link--title:focus, .link--title:hover, .rte h1 a:focus, .rte h1 a:hover, .rte h2 a:focus, .rte h2 a:hover, .rte h3 a:focus, .rte h3 a:hover, .rte h4 a:focus, .rte h4 a:hover, .rte h5 a:focus, .rte h5 a:hover, .rte h6 a:focus, .rte h6 a:hover {
        color: #000;
        color: var(--color-title-link-hover)
    }

.rte .quote {
    color: #0061ac;
    color: var(--quote-text-color);
    display: block;
    font-size: clamp(1.75rem,.909vw + 1.568rem,2.25rem);
    font-style: italic;
    font-weight: 400;
    line-height: 1.2
}

    .rte .quote:before {
        -webkit-margin-start: -1rem;
        margin-inline-start: -1rem
    }

    .rte .quote:after, .rte .quote:before {
        color: #0061ac;
        color: var(--quote-accent-color);
        content: '"';
        font-weight: 500
    }

    .rte .quote + .bold, .rte .quote + .italic, .rte .quote + :not([class]), .rte .quote + em, .rte .quote + strong {
        display: block;
        font-size: clamp(1.313rem,.341vw + 1.244rem,1.5rem);
        font-size: var(--fontsize-title-preset-4);
        font-style: normal;
        font-weight: 400
    }

.rte ol ::marker, .rte ul ::marker {
    color: inherit;
    font-size: inherit
}

.rte .list ::marker {
    color: transparent;
    font-size: 0
}

.list, .rte ul {
    color: #000;
    color: var(--color-text);
    font-size: clamp(1rem,.227vw + .955rem,1.125rem);
    font-size: var(--fontsize-bodytext);
    list-style: none;
    -webkit-padding-start: 2.5rem;
    padding-inline-start: 2.5rem;
    -webkit-padding-start: var(--list-type-width);
    padding-inline-start: var(--list-type-width)
}

    .list li, .rte ul li {
        --flow-spacing: var(--spacing-2xs);
        max-inline-size: 80ch;
        max-inline-size: var(--font-max-amount-characters)
    }

        .list li + li, .rte ul li + li {
            -webkit-margin-before: .5rem;
            margin-block-start: .5rem;
            -webkit-margin-before: var(--flow-spacing);
            margin-block-start: var(--flow-spacing)
        }

        .list li:before, .rte ul li:before {
            color: #0061ac;
            color: var(--list-accent);
            content: "•";
            display: inline-block;
            font-weight: 700;
            inline-size: 2.5rem;
            inline-size: var(--list-type-width);
            -webkit-margin-start: -2.5rem;
            margin-inline-start: -2.5rem;
            -webkit-margin-start: calc(0rem - var(--list-type-width));
            margin-inline-start: calc(0rem - var(--list-type-width));
            text-align: center
        }

.list--unordered li:before, .rte ul--unordered li:before {
    content: "•"
}

.list--ordered, .rte ul--ordered {
    counter-reset: list--numbers-counter
}

    .list--ordered li, .rte ul--ordered li {
        counter-increment: list--numbers-counter;
        max-inline-size: 80ch;
        max-inline-size: var(--font-max-amount-characters)
    }

        .list--ordered li:before, .rte ul--ordered li:before {
            content: counter(list--numbers-counter) ".";
            -webkit-padding-end: .75rem;
            padding-inline-end: .75rem;
            text-align: end
        }

.rte .list--ordered li:before, .rte .rte ul--ordered li:before {
    content: counter(list--numbers-counter) "."
}

.list--check, .rte ul--check {
    -webkit-padding-start: 2.25rem;
    padding-inline-start: 2.25rem;
    -webkit-padding-start: calc(var(--list-icon-size) + var(--list-icon-spacing));
    padding-inline-start: calc(var(--list-icon-size) + var(--list-icon-spacing))
}

    .list--check li, .rte ul--check li {
        max-inline-size: 80ch;
        max-inline-size: var(--font-max-amount-characters)
    }

        .list--check li:before, .rte ul--check li:before {
            background-color: #0061ac;
            background-color: var(--list-accent);
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M438.6 105.4c12.5 12.5 12.5 32.7 0 45.2l-256 256c-12.5 12.5-32.7 12.5-45.2 0L9.372 278.6c-12.496-12.5-12.496-32.7 0-45.2 12.498-12.5 32.758-12.5 45.258 0L159.1 338.7l234.3-233.3c12.5-12.52 32.7-12.52 45.2 0'/%3E%3C/svg%3E");
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 50% 50%;
            block-size: 1.75rem;
            block-size: var(--list-icon-size);
            border-radius: 50%;
            content: "";
            display: inline-block;
            -webkit-margin-end: .5rem;
            margin-inline-end: .5rem;
            -webkit-margin-end: var(--list-icon-spacing);
            margin-inline-end: var(--list-icon-spacing);
            -webkit-margin-start: -2.25rem;
            margin-inline-start: -2.25rem;
            -webkit-margin-start: calc(0rem - var(--list-icon-size) - var(--list-icon-spacing));
            margin-inline-start: calc(0rem - var(--list-icon-size) - var(--list-icon-spacing));
            max-inline-size: 1.75rem;
            max-inline-size: var(--list-icon-size);
            padding: 0;
            -webkit-transform: translateY(.45em);
            transform: translateY(.45em)
        }

.rte .list--check li:before, .rte .rte ul--check li:before {
    content: ""
}

.list--clean, .list.list--clean, .rte ul--clean, .rte ul.list--clean {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

    .list--clean li, .list.list--clean li, .rte ul--clean li, .rte ul.list--clean li {
        max-inline-size: 80ch;
        max-inline-size: var(--font-max-amount-characters)
    }

        .list--clean li:before, .list.list--clean li:before, .rte ul--clean li:before, .rte ul.list--clean li:before {
            content: normal
        }

.list--horizontal, .rte ul--horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: .75rem;
    gap: var(--spacing-sm);
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    white-space: nowrap
}

.sso_form__content__row__field-eye {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16" part="svg" ><path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" ></path ><path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" ></path ></svg >');
    background-repeat: no-repeat;
    background-position-x: calc(100% - 15px);
    background-position-y: center;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50px;
    left: calc(100% - 100px);
    cursor: pointer;
    border: 1px solid;
}

    .list--horizontal li, .rte ul--horizontal li {
        display: block;
        max-inline-size: 80ch;
        max-inline-size: var(--font-max-amount-characters)
    }

        .list--horizontal li + li, .rte ul--horizontal li + li {
            -webkit-margin-before: 0;
            margin-block-start: 0
        }

        .list--horizontal li:before, .rte ul--horizontal li:before {
            content: ""
        }

.rte .table, .table {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    inline-size: 100%;
    max-inline-size: 100%;
    overflow-inline: auto;
    white-space: nowrap
}

    .rte .table td, .rte .table th, .table td, .table th {
        background: #fff;
        background: var(--table-bg-color);
        border: 1px solid #000;
        border: 1px solid var(--table-border-color);
        color: #000;
        color: var(--table-text-color);
        font-size: clamp(.875rem,.227vw + .83rem,1rem);
        font-size: var(--table-font-size);
        padding: .5rem .75rem;
        padding: var(--table-cell-spacing)
    }

    .rte .table th, .table th {
        background: #000;
        background: var(--table-heading-bg);
        color: #fff;
        color: var(--table-heading-color);
        text-align: start
    }

.rte .table--flip, .table--flip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

    .rte .table--flip thead, .table--flip thead {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-shrink: 0;
        min-inline-size: -webkit-min-content;
        min-inline-size: -moz-min-content;
        min-inline-size: min-content
    }

    .rte .table--flip tbody, .table--flip tbody {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-block: hidden;
        overflow-inline: auto;
        position: relative
    }

    .rte .table--flip tr, .table--flip tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        min-inline-size: -webkit-min-content;
        min-inline-size: -moz-min-content;
        min-inline-size: min-content
    }

    .rte .table--flip td, .table--flip td {
        -webkit-border-start: 0;
        border-inline-start: 0
    }

        .rte .table--flip td:not(:last-child), .rte .table--flip th:not(:last-child), .table--flip td:not(:last-child), .table--flip th:not(:last-child) {
            -webkit-border-after: 0;
            border-block-end: 0
        }

.agenda {
    inline-size: 100%
}

.agenda__item {
    align-items: flex-start;
    -webkit-border-after: 1px solid #e0e0e0;
    border-block-end: 1px solid #e0e0e0;
    -webkit-border-after: 1px solid var(--color-grey-500);
    border-block-end: 1px solid var(--color-grey-500);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 0;
    padding: var(--spacing) 0
}

    .agenda__item:first-child {
        -webkit-border-before: 1px solid #e0e0e0;
        border-block-start: 1px solid #e0e0e0;
        -webkit-border-before: 1px solid var(--color-grey-500);
        border-block-start: 1px solid var(--color-grey-500)
    }

.agenda__date {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    font-family: Europa Title,Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--fontfamily-title);
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
    -webkit-margin-end: var(--spacing);
    margin-inline-end: var(--spacing);
    min-inline-size: 3.5rem
}

.agenda__day {
    font-size: 2.125rem;
    line-height: 1
}

.agenda__day, .agenda__month {
    color: #0061ac;
    color: var(--color-brand-1);
    font-weight: 700;
    font-weight: var(--fontweight-default-strong)
}

.agenda__month {
    font-size: 1.125rem
}

.agenda__content {
    flex: 1
}

.agenda__title {
    font-family: Europa Title,Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--fontfamily-title);
    font-size: 1.375rem;
    font-weight: 700;
    font-weight: var(--fontweight-default-strong);
    margin: 0;
    text-transform: uppercase
}

.agenda__description {
    font-size: 1rem
}

.agenda__more {
    -webkit-padding-before: 1rem;
    padding-block-start: 1rem;
    -webkit-padding-before: var(--spacing);
    padding-block-start: var(--spacing);
    text-align: center
}

.agenda__extra-items .agenda__item:first-child {
    -webkit-border-before: 1px solid #eee;
    border-block-start: 1px solid #eee
}

.alert {
    --alert-spacing: var(--spacing-sm);
    --alert-border-color: var(--theme-border-color);
    --alert-border-radius: var(--theme-border-radius);
    --alert-box-shadow: var(--theme-box-shadow);
    --alert-bgcolor: var(--color-transparent);
    --alert-title-size: var(--fontsize-introtext);
    --flow-spacing: var(--spacing-xl);
    background-color: transparent;
    background-color: var(--alert-bgcolor);
    border: 2px solid #bdbdbd;
    border: 2px solid var(--alert-border-color);
    border-radius: .125rem;
    border-radius: var(--alert-border-radius);
    box-shadow: 0 4px 6px -1px rgb(0 0 0/6%),0 2px 4px -1px rgb(0 0 0/3%);
    box-shadow: var(--alert-box-shadow);
    padding: .75rem;
    padding: var(--alert-spacing);
    text-align: start
}

    .alert .title {
        font-size: var(--alert-title-size)
    }

.alert--success {
    --alert-border-color: var(--color-status-ok)
}

    .alert--success .title {
        color: #228b22;
        color: var(--color-status-ok)
    }

.alert--info {
    --alert-border-color: var(--color-status-info)
}

.alert--error {
    --alert-border-color: var(--color-status-alert)
}

    .alert--error .title {
        color: #ee3135;
        color: var(--color-status-alert)
    }

.team-info {
    -webkit-margin-after: 1.6rem;
    margin-block-end: 1.6rem;
    -webkit-margin-after: var(--spacing-xl);
    margin-block-end: var(--spacing-xl);
    min-block-size: 3rem;
    position: relative
}

.team-info__content {
    inline-size: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .4s ease,visibility .4s ease;
    transition: opacity .4s var(--_fade-ease,ease),visibility .4s var(--_fade-ease,ease);
    visibility: hidden;
    z-index: 1
}

    .team-info__content.is-active {
        opacity: 100%;
        pointer-events: auto;
        position: relative;
        visibility: visible;
        z-index: 2
    }

.breadcrumbs {
    font-size: clamp(.625rem,.227vw + .58rem,.75rem);
    font-size: var(--fontsize-minitext)
}

.breadcrumbs__list {
    align-items: left;
    flex-wrap: wrap;
    justify-content: left;
    list-style: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    text-align: center
}

.breadcrumbs__item, .breadcrumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .breadcrumbs__item:after {
        color: inherit;
        content: ">";
        display: block;
        padding: 0 .5rem;
        padding: 0 var(--spacing-xs)
    }

.breadcrumbs__item--selected:after {
    display: none
}

.breadcrumbs__link {
    color: #0061ac;
    color: var(--color-link);
    display: block;
    transition: all 90ms ease-in-out
}

    .breadcrumbs__link:hover {
        color: #0061ac;
        color: var(--color-link-hover)
    }

.breadcrumbs__link--selected {
    color: inherit;
    text-decoration: none
}

.button[disabled], [disabled].f-toggle--is-expanded, [disabled].f-toggle__text, [disabled].filtertoggle__more-button, button[disabled] {
    cursor: not-allowed;
    -webkit-filter: saturate(0);
    filter: saturate(0);
    pointer-events: none
}

.button, .f-toggle--is-expanded, .f-toggle__text, .filtertoggle__more-button {
    --btn-fontsize: var(--fontsize-bodytext);
    --btn-bgcolor: var(--color-brand-1);
    --btn-textcolor: var(--color-white);
    --btn-spacing: 1rem 2.5rem;
    --btn-bordercolor: var(--color-brand-1);
    --btn-borderradius: var(--theme-border-radius);
    --btn-tracking: 0;
    --btn-fontfamily: var(--fontfamily-title);
    --btn-fontweight: 500;
    --btn-iconsize: var(--icon-size-sm);
    --btn-iconcolor: var(--btn-textcolor);
    --btn-texttransform: uppercase;
    align-items: center;
    align-self: flex-start;
    border-radius: .125rem;
    border-radius: var(--btn-borderradius);
    border-style: solid;
    border-width: 1px;
    color: #fff;
    color: var(--btn-textcolor);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Europa Title,Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--btn-fontfamily);
    font-size: clamp(1rem,.227vw + .955rem,1.125rem);
    font-size: var(--btn-fontsize);
    font-weight: 500;
    font-weight: var(--btn-fontweight);
    gap: 10px;
    justify-content: center;
    letter-spacing: 0;
    letter-spacing: var(--btn-tracking);
    line-height: 1;
    padding: 1rem 2.5rem;
    padding: var(--btn-spacing);
    text-box: trim-both cap alphabetic;
    text-decoration: none;
    text-transform: uppercase;
    text-transform: var(--btn-texttransform);
    transition: all .2s ease-in-out
}

    .button span:not(.icon), .f-toggle--is-expanded span:not(.icon), .f-toggle__text span:not(.icon), .filtertoggle__more-button span:not(.icon) {
        text-box: trim-both cap alphabetic;
        white-space: nowrap
    }

    .button .icon, .f-toggle--is-expanded .icon, .f-toggle__text .icon, .filtertoggle__more-button .icon {
        align-items: center;
        block-size: var(--btn-iconsize);
        color: var(--btn-iconcolor);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        inline-size: var(--btn-iconsize);
        justify-content: center
    }

.button--full {
    inline-size: 100%
}

.button--ghost {
    --btn-bgcolor: transparent;
    --btn-textcolor: var(--color-brand-1);
    --btn-bordercolor: var(--color-brand-1)
}

.profile-menu {
    list-style: none;
    padding-left: 0;
    display: flex;
    gap: 1rem;
}

    .profile-menu li a {
        text-decoration: none;
    }

    .profile-menu li.active > a {
        font-weight: 600;
    }

    .profile-menu li.active {
        border-bottom: 2px solid;
        color: red;
    }

    .button--ghost:hover {
        --btn-bgcolor: var(--color-white)
    }

    .button--ghost.button--color-1 {
        --btn-textcolor: var(--color-brand-1)
    }

    .button--ghost.button--color-2 {
        --btn-textcolor: var(--color-brand-2)
    }

    .button--ghost.button--color-black {
        --btn-bordercolor: var(--color-black);
        --btn-textcolor: var(--color-white)
    }

    .button--ghost.button--color-white {
        --btn-bordercolor: var(--color-white);
        --btn-textcolor: var(--color-black)
    }

.button--rounded {
    --btn-borderradius: 9999px;
    --btn-spacing: var(--spacing-sm) var(--spacing)
}

.button--square {
    --btn-borderradius: 0
}

.button--color-1 {
    --btn-bgcolor: var(--color-brand-1);
    --btn-bordercolor: var(--color-brand-1);
    background-color: #0061ac;
    background-color: var(--btn-bgcolor);
    border-color: #0061ac;
    border-color: var(--btn-bordercolor)
}

    .button--color-1.button--ghost {
        --btn-bgcolor: transparent;
        --btn-textcolor: var(--color-brand-1)
    }

.button--color-2 {
    --btn-bgcolor: var(--color-brand-2);
    --btn-bordercolor: var(--color-brand-2);
    background-color: #fff;
    background-color: var(--btn-bgcolor);
    border-color: #fff;
    border-color: var(--btn-bordercolor)
}

    .button--color-2.button--ghost {
        --btn-bgcolor: transparent;
        --btn-textcolor: var(--color-brand-2)
    }

.button:hover, .f-toggle--is-expanded:hover, .f-toggle__text:hover, .filtertoggle__more-button:hover {
    background-color: color-mix(in sRGB,var(--btn-bgcolor) 70%,#000 30%)
}

@supports (color:color-mix(in lch,red,blue)) {
    .button:hover, .f-toggle--is-expanded:hover, .f-toggle__text:hover, .filtertoggle__more-button:hover {
        background-color: color-mix(in sRGB,var(--btn-bgcolor) 70%,var(--color-black) 30%)
    }
}

.button--color-2 {
    --btn-textcolor: var(--color-brand-1);
    --btn-bordercolor: var(--color-brand-1)
}

    .button--color-2:focus, .button--color-2:hover {
        --btn-bgcolor: var(--color-brand-1);
        --btn-textcolor: var(--color-white)
    }

.button--color-white {
    --btn-bgcolor: var(--color-white);
    --btn-textcolor: var(--color-black);
    --btn-bordercolor: var(--color-white);
    background-color: #fff;
    background-color: var(--btn-bgcolor);
    border-color: #fff;
    border-color: var(--btn-bordercolor)
}

    .button--color-white.button--ghost {
        --btn-bgcolor: transparent;
        --btn-textcolor: var(--color-white)
    }

.button--color-black {
    --btn-bgcolor: rgba(0,0,0,.3);
    --btn-textcolor: var(--color-white);
    --btn-bordercolor: var(--color-white);
    background-color: rgba(0,0,0,.3);
    background-color: var(--btn-bgcolor);
    border-color: #fff;
    border-color: var(--btn-bordercolor)
}

    .button--color-black.button--ghost {
        --btn-bgcolor: transparent;
        --btn-textcolor: var(--color-black)
    }

.button--size-sm {
    --btn-fontsize: var(--fontsize-smalltext);
    --btn-spacing: var(--spacing-2xs) var(--spacing-sm);
    min-block-size: 2.375rem
}

.button--size-lg {
    --btn-fontsize: var(--fontsize-introtext);
    --btn-spacing: var(--spacing)
}

.button--align-left {
    align-self: flex-start
}

.button--align-center {
    align-self: center
}

.button--align-right {
    align-self: flex-end
}

.button--load-more, .button--more {
    background: none;
    border: none;
    border-radius: .125rem;
    border-radius: var(--theme-border-radius);
    color: #0061ac;
    color: var(--color-brand-1);
    font-family: MarkOT,Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--fontfamily-default);
    font-size: clamp(.875rem,.227vw + .83rem,1rem);
    font-size: var(--fontsize-smalltext);
    font-weight: 700;
    font-weight: var(--fontweight-default-strong);
    letter-spacing: 0;
    text-align: center;
    text-decoration: underline;
    text-transform: uppercase;
    transition: background-color .3s ease
}

    .button--load-more:focus, .button--load-more:hover, .button--more:focus, .button--more:hover {
        background-color: #0061ac;
        background-color: var(--color-brand-1);
        color: #fff;
        color: var(--color-white);
        outline: none
    }

.button--load-more {
    --button-icon-size: 19px;
    margin: 1.6rem auto;
    margin: var(--spacing-xl) auto;
    -webkit-padding-start: calc(19px + 1.6rem);
    padding-inline-start: calc(19px + 1.6rem);
    -webkit-padding-start: calc(var(--button-icon-size) + var(--spacing-xl));
    padding-inline-start: calc(var(--button-icon-size) + var(--spacing-xl));
    position: relative
}

    .button--load-more:after, .button--load-more:before {
        background-color: currentColor;
        block-size: var(--button-icon-size);
        content: "";
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        inline-size: var(--button-icon-size);
        inset-block-start: 50%;
        inset-inline-start: calc(1.6rem - var(--button-icon-size)/2);
        inset-inline-start: calc(var(--spacing-xl) - var(--button-icon-size)/2);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        position: absolute;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: opacity .3s ease
    }

    .button--load-more:before {
        -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' fill='none' viewBox='0 0 19 18'%3E%3Cpath fill='currentColor' d='M10.531 3.938v4.218h4.219q.41 0 .674.264t.264.674a.91.91 0 0 1-.264.674.91.91 0 0 1-.674.263h-4.219v4.219a.91.91 0 0 1-.263.674.91.91 0 0 1-.674.264.91.91 0 0 1-.674-.264.91.91 0 0 1-.264-.674v-4.219H4.437a.91.91 0 0 1-.673-.263.91.91 0 0 1-.264-.674q0-.41.264-.674a.91.91 0 0 1 .674-.264h4.218V3.937q0-.41.264-.673A.91.91 0 0 1 9.594 3q.41 0 .674.264.263.263.263.674'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' fill='none' viewBox='0 0 19 18'%3E%3Cpath fill='currentColor' d='M10.531 3.938v4.218h4.219q.41 0 .674.264t.264.674a.91.91 0 0 1-.264.674.91.91 0 0 1-.674.263h-4.219v4.219a.91.91 0 0 1-.263.674.91.91 0 0 1-.674.264.91.91 0 0 1-.674-.264.91.91 0 0 1-.264-.674v-4.219H4.437a.91.91 0 0 1-.673-.263.91.91 0 0 1-.264-.674q0-.41.264-.674a.91.91 0 0 1 .674-.264h4.218V3.937q0-.41.264-.673A.91.91 0 0 1 9.594 3q.41 0 .674.264.263.263.263.674'/%3E%3C/svg%3E");
        opacity: 100%
    }

    .button--load-more:after {
        -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' fill='none' viewBox='0 0 19 18'%3E%3Cpath fill='currentColor' d='M4.438 8.156H14.75q.41 0 .674.264t.264.674a.91.91 0 0 1-.264.674.91.91 0 0 1-.674.263H4.438a.91.91 0 0 1-.674-.263.91.91 0 0 1-.264-.674q0-.41.264-.674a.91.91 0 0 1 .674-.264'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' fill='none' viewBox='0 0 19 18'%3E%3Cpath fill='currentColor' d='M4.438 8.156H14.75q.41 0 .674.264t.264.674a.91.91 0 0 1-.264.674.91.91 0 0 1-.674.263H4.438a.91.91 0 0 1-.674-.263.91.91 0 0 1-.264-.674q0-.41.264-.674a.91.91 0 0 1 .674-.264'/%3E%3C/svg%3E");
        opacity: 0
    }

    .button--load-more.is-expanded:before {
        opacity: 0
    }

    .button--load-more.is-expanded:after {
        opacity: 100%
    }

.button--back {
    background: none;
    border: 0;
    padding: 0
}

    .button--back span:not(.icon) {
        text-decoration: underline
    }

    .button--back:hover {
        background: none !important
    }

.button--delivery-info {
    background-color: transparent;
    background-color: var(--color-transparent);
    border-color: transparent;
    border-color: var(--color-transparent);
    color: #fff;
    color: var(--color-white);
    margin: auto
}

    .button--delivery-info:hover {
        background-color: transparent !important;
        background-color: var(--color-transparent) !important;
        border-color: transparent !important;
        border-color: var(--color-transparent) !important;
        color: #fff;
        color: var(--color-white)
    }

.button--icon-only {
    border: none;
    padding: 1rem;
    padding: var(--spacing)
}

    .button--icon-only, .button--icon-only:hover {
        background: transparent;
        background: var(--color-transparent)
    }

        .button--icon-only:hover .icon {
            color: color-mix(in sRGB,var(--btn-bgcolor) 70%,#000 30%)
        }

@supports (color:color-mix(in lch,red,blue)) {
    .button--icon-only:hover .icon {
        color: color-mix(in sRGB,var(--btn-bgcolor) 70%,var(--color-black) 30%)
    }
}

.button--icon-only .icon {
    color: var(--btn-bgcolor);
    margin: 0;
    transition: color .3s ease-in-out
}

.buttongroup {
    --btngroup-spacing: var(--spacing-2xs);
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    gap: var(--spacing)
}

.layout + .buttongroup, .layout > .item .rte + .buttongroup {
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem;
    -webkit-margin-before: calc(var(--flow-spacing)*3);
    margin-block-start: calc(var(--flow-spacing)*3)
}

.holder--justify-center .buttongroup {
    justify-content: center
}

.holder--justify-right .buttongroup {
    justify-content: flex-end
}

.buttongroup--vertical {
    align-items: stretch;
    flex-direction: column
}

:root {
    --formfield-bgcolor: var(--color-grey-200);
    --formfield-bordercolor: var(--theme-border-color);
    --formfield-borderradius: var(--theme-border-radius);
    --formfield-padding: var(--spacing-sm);
    --formfield-iconsize: calc(var(--fontsize-bodytext)*1.5);
    --formfield-placeholder: var(--color-grey-600);
    --formfield-hover-bordercolor: var(--theme-border-hover-color);
    --formfield-hover-shadow: none;
    --checkbox-radio-size: 1.3125rem;
    --formfield-fontsize: var(--fontsize-bodytext);
    --label-fontsize: var(--fontsize-smalltext);
    --label-tracking: 0.025em
}

.input {
    inline-size: 100%;
    -webkit-margin-after: 1.6rem;
    margin-block-end: 1.6rem;
    -webkit-margin-after: var(--spacing-xl);
    margin-block-end: var(--spacing-xl);
    max-inline-size: 28.125rem
}

.input__label {
    --flow-spacing: var(--spacing-2xs);
    color: #0061ac;
    color: var(--color-brand-1);
    font-size: clamp(.875rem,.227vw + .83rem,1rem);
    font-size: var(--label-fontsize);
    letter-spacing: .025em;
    letter-spacing: var(--label-tracking);
    text-transform: none
}

[class*=band--bgcolor-] .input__label {
    color: #fff;
    color: var(--color-white)
}

.input__field {
    --flow-spacing: var(--spacing-2xs)
}

.input label {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700
}

.input label, input, input.text, select, textarea {
    font-size: clamp(1rem,.227vw + .955rem,1.125rem);
    font-size: var(--formfield-fontsize)
}

    input, input.text, select, textarea {
        accent-color: #0061ac;
        -webkit-appearance: none;
        appearance: none;
        background-color: #f6f6f6;
        background-color: var(--formfield-bgcolor);
        background-position: right .75rem center;
        background-position: right var(--formfield-padding) center;
        background-repeat: no-repeat;
        background-size: calc(clamp(1rem, .227vw + .955rem, 1.125rem)*1.5) calc(clamp(1rem, .227vw + .955rem, 1.125rem)*1.5);
        background-size: var(--formfield-iconsize) var(--formfield-iconsize);
        border: 1px solid #bdbdbd;
        border: 1px solid var(--formfield-bordercolor);
        border-radius: .125rem;
        border-radius: var(--formfield-borderradius);
        caret-color: #0061ac;
        padding: .75rem;
        padding: var(--formfield-padding);
        transition: all .12s ease-in-out
    }

        input.text::-webkit-input-placeholder, input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
            color: #757575;
            color: var(--formfield-placeholder);
            font-style: normal
        }

        input.text:-ms-input-placeholder, input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
            color: #757575;
            color: var(--formfield-placeholder);
            font-style: normal
        }

        input.text::-ms-input-placeholder, input::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
            color: #757575;
            color: var(--formfield-placeholder);
            font-style: normal
        }

        input.text::placeholder, input::placeholder, select::placeholder, textarea::placeholder {
            color: #757575;
            color: var(--formfield-placeholder);
            font-style: normal
        }

        input.text:focus, input.text:hover, input:focus, input:hover, select:focus, select:hover, textarea:focus, textarea:hover {
            border-color: #424242;
            border-color: var(--formfield-hover-bordercolor);
            box-shadow: none;
            box-shadow: var(--formfield-hover-shadow)
        }

            input.text:focus:not(.focus-visible), input.text:hover:not(.focus-visible), input:focus:not(.focus-visible), input:hover:not(.focus-visible), select:focus:not(.focus-visible), select:hover:not(.focus-visible), textarea:focus:not(.focus-visible), textarea:hover:not(.focus-visible) {
                outline: none
            }

        input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], textarea {
            inline-size: 100%
        }

            input[type=email].interacted:required, input[type=number].interacted:required, input[type=password].interacted:required, input[type=tel].interacted:required, input[type=text].interacted:required, textarea.interacted:required {
                -webkit-padding-end: calc(clamp(1rem, .227vw + .955rem, 1.125rem)*1.5 + clamp(1rem, .227vw + .955rem, 1.125rem)*1.5*2);
                padding-inline-end: calc(clamp(1rem, .227vw + .955rem, 1.125rem)*1.5 + clamp(1rem, .227vw + .955rem, 1.125rem)*1.5*2);
                -webkit-padding-end: calc(var(--formfield-iconsize) + var(--formfield-iconsize)*2);
                padding-inline-end: calc(var(--formfield-iconsize) + var(--formfield-iconsize)*2)
            }

                input[type=email].interacted:required:valid, input[type=number].interacted:required:valid, input[type=password].interacted:required:valid, input[type=tel].interacted:required:valid, input[type=text].interacted:required:valid, textarea.interacted:required:valid {
                    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23228b22' d='M440.1 103c10.2 9.4 10.2 24.6 0 33.1l-264 264c-8.5 10.2-23.7 10.2-33.1 0L7.029 264.1c-9.372-8.5-9.372-23.7 0-33.1 9.371-9.3 24.571-9.3 33.941 0L160 350.1 407 103c9.4-9.34 24.6-9.34 33.1 0'/%3E%3C/svg%3E");
                    border-color: #228b22
                }

                input[type=email].interacted:required:invalid, input[type=number].interacted:required:invalid, input[type=password].interacted:required:invalid, input[type=tel].interacted:required:invalid, input[type=text].interacted:required:invalid, textarea.interacted:required:invalid {
                    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23ee3135' d='M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256 7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256z'/%3E%3C/svg%3E");
                    border-color: #ee3135
                }

textarea {
    background-position: right .75rem top .75rem;
    background-position: right var(--formfield-padding) top var(--formfield-padding);
    block-size: auto;
    max-block-size: 600px;
    min-block-size: 200px;
    resize: block
}

select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23424242' d='M151.5 347.8 3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0'/%3E%3C/svg%3E");
    cursor: pointer;
    inline-size: 100%
}

    select.interacted:valid {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23424242' d='M151.5 347.8 3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0'/%3E%3C/svg%3E")
    }

    select.interacted:invalid {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23ee3135' d='M151.5 347.8 3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0'/%3E%3C/svg%3E");
        border-color: #ee3135
    }

input[type=checkbox], input[type=radio] {
    accent-color: #0061ac;
    align-self: flex-start;
    -webkit-appearance: none;
    appearance: none;
    block-size: 1.3125rem;
    block-size: var(--checkbox-radio-size);
    border-radius: .0625rem;
    border-radius: calc(var(--formfield-borderradius)/2);
    cursor: pointer;
    flex: 0 0 1.3125rem;
    flex: 0 0 var(--checkbox-radio-size);
    flex-shrink: 0;
    inline-size: 1.3125rem;
    inline-size: var(--checkbox-radio-size);
    margin: 0 .75rem 0 0;
    margin: 0 var(--formfield-padding) 0 0;
    margin-block: calc(clamp(1rem, .227vw + .955rem, 1.125rem)*1.6/2 - .65625rem);
    margin-block: calc((var(--formfield-fontsize)*var(--lineheight-default) - var(--checkbox-radio-size))/2);
    padding: 0
}

    input[type=checkbox]:checked, input[type=radio]:checked {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%230061AC' d='M438.6 105.4c12.5 12.5 12.5 32.7 0 45.2l-256 256c-12.5 12.5-32.7 12.5-45.2 0L9.372 278.6c-12.496-12.5-12.496-32.7 0-45.2 12.498-12.5 32.758-12.5 45.258 0L159.1 338.7l234.3-233.3c12.5-12.52 32.7-12.52 45.2 0'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 75% 75%
    }

input[type=radio] {
    border-radius: 50%
}

    input[type=radio]:checked {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%230061AC' d='M512 256c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256'/%3E%3C/svg%3E");
        background-size: 60% 60%
    }

input[type=color] {
    block-size: 40px;
    cursor: pointer;
    inline-size: 40px;
    padding: 0
}

    input[type=color]::-webkit-color-swatch-wrapper {
        padding: 0
    }

    input[type=color]::-webkit-color-swatch {
        border: none
    }

.field-validation-error, .invalid-feedback {
    color: #ee3135;
    color: var(--color-status-alert);
    display: inline-block;
    font-size: clamp(.625rem,.227vw + .58rem,.75rem);
    font-size: var(--fontsize-minitext);
    font-weight: 700;
    font-weight: var(--fontweight-default-strong);
    padding: .75rem;
    padding: var(--formfield-padding);
    -webkit-padding-before: .25rem;
    padding-block-start: .25rem;
    -webkit-padding-before: var(--spacing-2xs);
    padding-block-start: var(--spacing-2xs)
}

.umbraco-forms-hidden {
    display: none
}

.umbraco-forms-page .row-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-margin-end: -.5rem;
    margin-inline-end: -.5rem;
    -webkit-margin-end: calc(var(--spacing)*-.5);
    margin-inline-end: calc(var(--spacing)*-.5);
    -webkit-margin-start: -.5rem;
    margin-inline-start: -.5rem;
    -webkit-margin-start: calc(var(--spacing)*-.5);
    margin-inline-start: calc(var(--spacing)*-.5)
}

.umbraco-forms-page .col-md-2 {
    flex: 0 0 100%;
    max-inline-size: 100%;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem;
    -webkit-padding-end: var(--spacing);
    padding-inline-end: var(--spacing);
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-padding-start: var(--spacing);
    padding-inline-start: var(--spacing)
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-2 {
        flex: 0 0 100%;
        max-inline-size: 100%
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-2 {
        flex: 0 0 50%
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-2 {
        flex: 0 0 auto;
        inline-size: 16.6666666667%;
        max-inline-size: unset
    }
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-2.col-sm-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-2.col-md-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-2.col-lg-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1280px) {
    .umbraco-forms-page .col-md-2.col-xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1400px) {
    .umbraco-forms-page .col-md-2.col-2xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

.umbraco-forms-page .col-md-3 {
    flex: 0 0 100%;
    max-inline-size: 100%;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem;
    -webkit-padding-end: var(--spacing);
    padding-inline-end: var(--spacing);
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-padding-start: var(--spacing);
    padding-inline-start: var(--spacing)
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-3 {
        flex: 0 0 100%;
        max-inline-size: 100%
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-3 {
        flex: 0 0 50%
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-3 {
        flex: 0 0 auto;
        inline-size: 25%;
        max-inline-size: unset
    }
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-3.col-sm-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-3.col-md-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-3.col-lg-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1280px) {
    .umbraco-forms-page .col-md-3.col-xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1400px) {
    .umbraco-forms-page .col-md-3.col-2xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

.umbraco-forms-page .col-md-4 {
    flex: 0 0 100%;
    max-inline-size: 100%;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem;
    -webkit-padding-end: var(--spacing);
    padding-inline-end: var(--spacing);
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-padding-start: var(--spacing);
    padding-inline-start: var(--spacing)
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-4 {
        flex: 0 0 100%;
        max-inline-size: 100%
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-4 {
        flex: 0 0 50%
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-4 {
        flex: 0 0 auto;
        inline-size: 33.3333333333%;
        max-inline-size: unset
    }
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-4.col-sm-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-4.col-md-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-4.col-lg-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1280px) {
    .umbraco-forms-page .col-md-4.col-xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1400px) {
    .umbraco-forms-page .col-md-4.col-2xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

.umbraco-forms-page .col-md-5 {
    flex: 0 0 100%;
    max-inline-size: 100%;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem;
    -webkit-padding-end: var(--spacing);
    padding-inline-end: var(--spacing);
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-padding-start: var(--spacing);
    padding-inline-start: var(--spacing)
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-5 {
        flex: 0 0 100%;
        max-inline-size: 100%
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-5 {
        flex: 0 0 50%
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-5 {
        flex: 0 0 auto;
        inline-size: 41.6666666667%;
        max-inline-size: unset
    }
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-5.col-sm-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-5.col-md-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-5.col-lg-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1280px) {
    .umbraco-forms-page .col-md-5.col-xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1400px) {
    .umbraco-forms-page .col-md-5.col-2xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

.umbraco-forms-page .col-md-6 {
    flex: 0 0 100%;
    max-inline-size: 100%;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem;
    -webkit-padding-end: var(--spacing);
    padding-inline-end: var(--spacing);
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-padding-start: var(--spacing);
    padding-inline-start: var(--spacing)
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-6 {
        flex: 0 0 100%;
        max-inline-size: 100%
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-6 {
        flex: 0 0 50%
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-6 {
        flex: 0 0 auto;
        inline-size: 50%;
        max-inline-size: unset
    }
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-6.col-sm-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-6.col-md-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-6.col-lg-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1280px) {
    .umbraco-forms-page .col-md-6.col-xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1400px) {
    .umbraco-forms-page .col-md-6.col-2xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

.umbraco-forms-page .col-md-7 {
    flex: 0 0 100%;
    max-inline-size: 100%;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem;
    -webkit-padding-end: var(--spacing);
    padding-inline-end: var(--spacing);
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-padding-start: var(--spacing);
    padding-inline-start: var(--spacing)
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-7 {
        flex: 0 0 100%;
        max-inline-size: 100%
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-7 {
        flex: 0 0 50%
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-7 {
        flex: 0 0 auto;
        inline-size: 58.3333333333%;
        max-inline-size: unset
    }
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-7.col-sm-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-7.col-md-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-7.col-lg-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1280px) {
    .umbraco-forms-page .col-md-7.col-xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1400px) {
    .umbraco-forms-page .col-md-7.col-2xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

.umbraco-forms-page .col-md-8 {
    flex: 0 0 100%;
    max-inline-size: 100%;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem;
    -webkit-padding-end: var(--spacing);
    padding-inline-end: var(--spacing);
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-padding-start: var(--spacing);
    padding-inline-start: var(--spacing)
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-8 {
        flex: 0 0 100%;
        max-inline-size: 100%
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-8 {
        flex: 0 0 50%
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-8 {
        flex: 0 0 auto;
        inline-size: 66.6666666667%;
        max-inline-size: unset
    }
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-8.col-sm-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-8.col-md-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-8.col-lg-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1280px) {
    .umbraco-forms-page .col-md-8.col-xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1400px) {
    .umbraco-forms-page .col-md-8.col-2xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

.umbraco-forms-page .col-md-9 {
    flex: 0 0 100%;
    max-inline-size: 100%;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem;
    -webkit-padding-end: var(--spacing);
    padding-inline-end: var(--spacing);
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-padding-start: var(--spacing);
    padding-inline-start: var(--spacing)
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-9 {
        flex: 0 0 100%;
        max-inline-size: 100%
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-9 {
        flex: 0 0 50%
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-9 {
        flex: 0 0 auto;
        inline-size: 75%;
        max-inline-size: unset
    }
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-9.col-sm-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-9.col-md-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-9.col-lg-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1280px) {
    .umbraco-forms-page .col-md-9.col-xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1400px) {
    .umbraco-forms-page .col-md-9.col-2xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

.umbraco-forms-page .col-md-10 {
    flex: 0 0 100%;
    max-inline-size: 100%;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem;
    -webkit-padding-end: var(--spacing);
    padding-inline-end: var(--spacing);
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-padding-start: var(--spacing);
    padding-inline-start: var(--spacing)
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-10 {
        flex: 0 0 100%;
        max-inline-size: 100%
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-10 {
        flex: 0 0 50%
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-10 {
        flex: 0 0 auto;
        inline-size: 83.3333333333%;
        max-inline-size: unset
    }
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-10.col-sm-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-10.col-md-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-10.col-lg-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1280px) {
    .umbraco-forms-page .col-md-10.col-xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1400px) {
    .umbraco-forms-page .col-md-10.col-2xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

.umbraco-forms-page .col-md-11 {
    flex: 0 0 100%;
    max-inline-size: 100%;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem;
    -webkit-padding-end: var(--spacing);
    padding-inline-end: var(--spacing);
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-padding-start: var(--spacing);
    padding-inline-start: var(--spacing)
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-11 {
        flex: 0 0 100%;
        max-inline-size: 100%
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-11 {
        flex: 0 0 50%
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-11 {
        flex: 0 0 auto;
        inline-size: 91.6666666667%;
        max-inline-size: unset
    }
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-11.col-sm-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-11.col-md-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-11.col-lg-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1280px) {
    .umbraco-forms-page .col-md-11.col-xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1400px) {
    .umbraco-forms-page .col-md-11.col-2xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

.umbraco-forms-page .col-md-12 {
    flex: 0 0 100%;
    max-inline-size: 100%;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem;
    -webkit-padding-end: var(--spacing);
    padding-inline-end: var(--spacing);
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-padding-start: var(--spacing);
    padding-inline-start: var(--spacing)
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-12 {
        flex: 0 0 100%;
        max-inline-size: 100%
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-12 {
        flex: 0 0 50%
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:640px) {
    .umbraco-forms-page .col-md-12.col-sm-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:768px) {
    .umbraco-forms-page .col-md-12.col-md-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1024px) {
    .umbraco-forms-page .col-md-12.col-lg-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1280px) {
    .umbraco-forms-page .col-md-12.col-xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

@media (min-width:1400px) {
    .umbraco-forms-page .col-md-12.col-2xl-12 {
        flex: 0 0 auto;
        inline-size: 100%;
        max-inline-size: unset
    }
}

.highcontrast {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    color: #0061ac;
    color: var(--color-brand-1);
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative
}

    .highcontrast:before {
        background-color: #fff;
        background-color: var(--color-brand-2);
        content: "";
        inset: -.3125rem
    }

    .highcontrast:before, body .highcontrast:after {
        border-radius: 3px;
        opacity: 0;
        position: absolute;
        transition: opacity .12s ease-in-out
    }

body .highcontrast:after {
    background: #333;
    color: #fff;
    content: attr(aria-label);
    display: block !important;
    font-size: clamp(.625rem,.227vw + .58rem,.75rem);
    font-size: var(--fontsize-minitext);
    inline-size: auto;
    inset: calc(100% + .9375rem) auto auto 50%;
    min-inline-size: 100px;
    padding: 4px 8px;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.highcontrast__icon {
    block-size: 1.25rem;
    display: block;
    inline-size: 1.25rem;
    transition: color .12s ease-in-out
}

.highcontrast:hover:after, .highcontrast:hover:before, .highcontrast[aria-pressed=true]:before {
    opacity: 100%
}

.highcontrast:hover .highcontrast__icon, .highcontrast[aria-pressed=true] .highcontrast__icon {
    color: #fff
}

[data-language-switch-dropdown] {
    inline-size: 100%;
    opacity: 100%;
    overflow: hidden;
    pointer-events: auto;
    z-index: 1
}

    [data-language-switch-dropdown][aria-hidden=true] {
        block-size: 0;
        display: block;
        min-inline-size: 0;
        opacity: 0;
        padding: 0;
        pointer-events: none;
        visibility: hidden
    }

    [data-language-switch-dropdown][data-language-switch-overflow-x] {
        inset-inline-end: 0
    }

    [data-language-switch-dropdown][data-language-switch-overflow-y] {
        inset-block-end: 100%;
        inset-block-start: auto
    }

[data-language-switch-button] {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: block
}

    [data-language-switch-button][aria-hidden=true] {
        opacity: 0;
        pointer-events: none;
        visibility: hidden
    }

.languageswitch {
    display: inline-block;
    position: relative
}

.languageswitch__button {
    align-content: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-padding-end: 1.875rem;
    padding-inline-end: 1.875rem;
    position: relative
}

    .languageswitch__button:hover {
        text-decoration: underline
    }

[data-languageswitch-showtext=false] .languageswitch__button-text span {
    block-size: 0;
    display: block;
    inline-size: 0;
    opacity: 0;
    overflow: hidden
}

.languageswitch__icon {
    block-size: 1.25rem;
    display: inline-block;
    fill: currentColor;
    inline-size: 1.25rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    -webkit-margin-end: var(--spacing-sm);
    margin-inline-end: var(--spacing-sm)
}

.languageswitch__dropdown {
    background-color: #fff;
    background-color: var(--color-white);
    border-color: #bdbdbd;
    border-color: var(--theme-border-color);
    border-radius: .125rem;
    border-radius: var(--theme-border-radius);
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0/6%),0 2px 4px -1px rgb(0 0 0/3%);
    box-shadow: var(--theme-box-shadow);
    display: block;
    inline-size: auto;
    inset-block-start: 100%;
    max-inline-size: 20rem;
    min-inline-size: 15rem;
    position: absolute;
    -webkit-transform: translateY(.5rem);
    transform: translateY(.5rem);
    -webkit-transform: translateY(var(--spacing-xs));
    transform: translateY(var(--spacing-xs));
    transition: opacity .12s ease-in-out,-webkit-transform .12s ease-in-out;
    transition: opacity .12s ease-in-out,transform .12s ease-in-out;
    transition: opacity .12s ease-in-out,transform .12s ease-in-out,-webkit-transform .12s ease-in-out;
    z-index: 11
}

    .languageswitch__dropdown[aria-hidden=true] {
        -webkit-transform: translateY(.75rem);
        transform: translateY(.75rem);
        -webkit-transform: translateY(var(--spacing-sm));
        transform: translateY(var(--spacing-sm))
    }

    .languageswitch__dropdown[aria-hidden=false] {
        -webkit-margin-start: -.75rem;
        margin-inline-start: -.75rem;
        -webkit-margin-start: calc(0 - var(--spacing-sm));
        margin-inline-start: calc(0 - var(--spacing-sm))
    }

[data-languageswitch-showtext=false] .languageswitch__dropdown {
    min-inline-size: auto
}

.languageswitch__list {
    inline-size: 100%;
    list-style: none;
    margin: 0;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.languageswitch__link {
    color: #000;
    color: var(--color-text);
    display: block;
    padding: .25rem .75rem;
    padding: var(--spacing-2xs) var(--spacing-sm);
    text-decoration: none;
    transition: color .1s ease-in-out
}

    .languageswitch__link:focus:not([aria-selected=true]), .languageswitch__link:hover {
        background-color: #f6f6f6;
        background-color: var(--color-grey-200);
        color: #000;
        color: var(--color-text);
        text-decoration: none
    }

    .languageswitch__link[aria-selected=true] {
        background-color: #0061ac;
        background-color: var(--color-brand-1);
        color: #fff;
        color: var(--color-white)
    }

[data-languageswitch-showtext=false] .languageswitch__link[lang] span {
    block-size: 0;
    display: block;
    inline-size: 0;
    opacity: 0;
    overflow: hidden
}

[data-languageswitch-showtext=false] .languageswitch__link[lang]:before {
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

.languageswitch [aria-expanded]:before {
    block-size: .5rem;
    border-color: #000;
    border-radius: 0 1px 0 0;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: block;
    inline-size: .5rem;
    inset-block-start: 50%;
    inset-inline-end: 10px;
    position: absolute;
    -webkit-transform: rotate(135deg) translateY(50%);
    transform: rotate(135deg) translateY(50%);
    -webkit-transform-origin: 66.66% 33.33%;
    transform-origin: 66.66% 33.33%;
    transition: all .1s ease-in-out
}

.languageswitch [aria-expanded=true]:before {
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%)
}

.languageswitch__button--use-flags .languageswitch__icon {
    display: none
}

.languageswitch__button--use-flags .languageswitch__button-text:before {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    block-size: 1rem;
    content: "";
    display: inline-block;
    inline-size: 1.5rem;
    inset-block-start: .1rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem;
    -webkit-margin-end: var(--spacing-xs);
    margin-inline-end: var(--spacing-xs);
    position: relative
}

[data-languageswitch-showtext=false] .languageswitch__button--use-flags .languageswitch__button-text:before {
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

.languageswitch [lang=fr] .languageswitch__button-text:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill='%23002395' d='M0 0h213.333v480H0z'/%3E%3Cpath fill='%23FFF' d='M213.333 0h213.333v480H213.333z'/%3E%3Cpath fill='%23ED2939' d='M426.666 0H640v480H426.667z'/%3E%3C/g%3E%3C/svg%3E")
}

.languageswitch [lang=nl] .languageswitch__button-text:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cg fill-rule='evenodd' stroke-width='1pt' transform='scale(1.25 .9375)'%3E%3Crect width='512' height='509.8' fill='%23fff' rx='0' ry='0'/%3E%3Crect width='512' height='169.9' y='342.1' fill='%2321468b' rx='0' ry='0'/%3E%3Cpath fill='%23ae1c28' d='M0 0h512v170H0z'/%3E%3C/g%3E%3C/svg%3E")
}

.languageswitch [lang=de] .languageswitch__button-text:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cpath fill='%23ffce00' d='M0 320h640v160H0z'/%3E%3Cpath fill='%23000001' d='M0 0h640v160H0z'/%3E%3Cpath fill='%23d00' d='M0 160h640v160H0z'/%3E%3C/svg%3E")
}

.languageswitch [lang=nl-rBE] .languageswitch__button-text:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill='%23ED2939' d='M0 0h640v480H0z'/%3E%3Cpath fill='%23FAE042' d='M0 0h426.667v480H0z'/%3E%3Cpath d='M0 0h213.333v480H0z'/%3E%3C/g%3E%3C/svg%3E")
}

.languageswitch [lang=en] .languageswitch__button-text:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill-opacity='.7' d='M-85.3 0h682.6v512H-85.3z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(80)scale(.94)'%3E%3Cg stroke-width='1pt'%3E%3Cpath fill='%23012169' d='M-256 0H768v512H-256z'/%3E%3Cpath fill='%23fff' d='M-256 0v57.2L653.5 512H768v-57.2L-141.5 0zM768 0v57.2L-141.5 512H-256v-57.2L653.5 0z'/%3E%3Cpath fill='%23fff' d='M170.7 0v512h170.6V0zM-256 170.7v170.6H768V170.7z'/%3E%3Cpath fill='%23c8102e' d='M-256 204.8v102.4H768V204.8zM204.8 0v512h102.4V0zM-256 512 85.3 341.3h76.4L-179.7 512zm0-512L85.3 170.7H9L-256 38.2zm606.4 170.7L691.7 0H768L426.7 170.7zM768 512 426.7 341.3H503l265 132.5z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.languageswitch [lang=es] .languageswitch__button-text:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill='%23C60B1E' d='M0 0h640v480H0z'/%3E%3Cpath fill='%23FFC400' d='M0 120h640v240H0z'/%3E%3C/g%3E%3C/svg%3E")
}

.languageswitch [lang=it] .languageswitch__button-text:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill='%23009246' d='M0 0h213.333v480H0z'/%3E%3Cpath fill='%23FFF' d='M213.333 0h213.333v480H213.333z'/%3E%3Cpath fill='%23CE2B37' d='M426.667 0H640v480H426.667z'/%3E%3C/g%3E%3C/svg%3E")
}

.languageswitch [lang=fry] .languageswitch__button-text:before, .languageswitch [lang=fy] .languageswitch__button-text:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill='%230155A5' d='M0 0h640v480H0z'/%3E%3Cpath fill='%23FFF' d='M0 205.714v137.143L182.857 480h182.857zM91.429 0H0v68.571L548.571 480H640v-68.571zm182.857 0h182.857L640 137.143v137.143z'/%3E%3Cpath fill='%23EE3E34' d='M297.782 274.767c-19.45-19.188-22.79-51.006-7.818-74.437 5.992-9.376 15.955-14.407 25.244-12.747s16.072 9.683 17.19 20.328q.585 5.58-5.815 15.597c-1.023 1.6-.654 3.795.823 4.903s3.503.709 4.526-.891q6.4-10.017 11.43-11.387c9.59-2.614 18.91 1.442 23.614 10.277 4.703 8.834 3.863 20.707-2.129 30.082-14.973 23.43-43.64 31.242-67.065 18.275m-256 82.286c-19.45-19.188-22.79-51.006-7.818-74.437 5.992-9.376 15.955-14.407 25.244-12.747s16.072 9.682 17.19 20.328q.585 5.58-5.815 15.597c-1.023 1.6-.654 3.795.823 4.903s3.503.708 4.526-.892q6.4-10.015 11.43-11.386c9.59-2.614 18.91 1.442 23.614 10.276 4.703 8.835 3.863 20.708-2.129 30.083-14.973 23.43-43.64 31.242-67.065 18.275m512-164.572c-19.45-19.188-22.79-51.006-7.818-74.437 5.992-9.376 15.955-14.407 25.244-12.747s16.072 9.683 17.19 20.328q.585 5.582-5.815 15.597c-1.023 1.6-.654 3.796.823 4.903 1.477 1.108 3.503.709 4.526-.891q6.4-10.016 11.43-11.387c9.59-2.614 18.91 1.442 23.614 10.277 4.703 8.834 3.863 20.707-2.129 30.082-14.973 23.43-43.64 31.243-67.065 18.276zm-426.667-45.714c-19.45-19.188-22.79-51.006-7.817-74.437 5.992-9.376 15.954-14.407 25.243-12.747s16.073 9.683 17.19 20.328q.585 5.58-5.815 15.597c-1.022 1.6-.654 3.795.823 4.903s3.503.709 4.526-.891q6.4-10.016 11.43-11.387c9.591-2.614 18.911 1.442 23.614 10.277s3.863 20.707-2.129 30.082c-14.973 23.43-43.64 31.242-67.064 18.275zm341.334 256c-19.45-19.188-22.79-51.006-7.818-74.437 5.992-9.376 15.955-14.407 25.243-12.747 9.289 1.66 16.073 9.683 17.19 20.328q.587 5.58-5.814 15.597c-1.023 1.6-.654 3.795.823 4.903s3.503.709 4.526-.891q6.4-10.017 11.43-11.387c9.59-2.614 18.91 1.442 23.614 10.277 4.703 8.834 3.863 20.707-2.129 30.082-14.973 23.43-43.64 31.242-67.065 18.275m-25.566-293.46c-19.45-19.188-22.791-51.006-7.818-74.437 5.992-9.376 15.955-14.407 25.243-12.747 9.289 1.66 16.073 9.683 17.19 20.328q.586 5.581-5.814 15.597c-1.023 1.6-.654 3.795.823 4.903s3.503.709 4.525-.891q6.402-10.016 11.43-11.387c9.592-2.614 18.912 1.442 23.615 10.277s3.863 20.707-2.129 30.082c-14.973 23.43-43.64 31.243-67.065 18.276zM152.68 440.227c-19.449-19.188-22.79-51.006-7.817-74.437 5.992-9.376 15.954-14.407 25.243-12.747s16.073 9.683 17.19 20.328q.585 5.58-5.815 15.597c-1.022 1.6-.654 3.795.823 4.903s3.504.709 4.526-.892q6.4-10.015 11.43-11.386c9.591-2.614 18.911 1.442 23.614 10.277s3.863 20.707-2.128 30.082c-14.974 23.43-43.64 31.242-67.065 18.275z'/%3E%3C/g%3E%3C/svg%3E")
}

.languageswitch__link--use-flags[lang]:before {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    block-size: 1rem;
    content: "";
    display: inline-block;
    inline-size: 1.5rem;
    inset-block-start: .1rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem;
    -webkit-margin-end: var(--spacing-xs);
    margin-inline-end: var(--spacing-xs);
    position: relative
}

.languageswitch__link--use-flags[lang=fr]:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill='%23002395' d='M0 0h213.333v480H0z'/%3E%3Cpath fill='%23FFF' d='M213.333 0h213.333v480H213.333z'/%3E%3Cpath fill='%23ED2939' d='M426.666 0H640v480H426.667z'/%3E%3C/g%3E%3C/svg%3E")
}

.languageswitch__link--use-flags[lang=nl]:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cg fill-rule='evenodd' stroke-width='1pt' transform='scale(1.25 .9375)'%3E%3Crect width='512' height='509.8' fill='%23fff' rx='0' ry='0'/%3E%3Crect width='512' height='169.9' y='342.1' fill='%2321468b' rx='0' ry='0'/%3E%3Cpath fill='%23ae1c28' d='M0 0h512v170H0z'/%3E%3C/g%3E%3C/svg%3E")
}

.languageswitch__link--use-flags[lang=nl-rBE]:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill='%23ED2939' d='M0 0h640v480H0z'/%3E%3Cpath fill='%23FAE042' d='M0 0h426.667v480H0z'/%3E%3Cpath d='M0 0h213.333v480H0z'/%3E%3C/g%3E%3C/svg%3E")
}

.languageswitch__link--use-flags[lang=de]:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cpath fill='%23ffce00' d='M0 320h640v160H0z'/%3E%3Cpath fill='%23000001' d='M0 0h640v160H0z'/%3E%3Cpath fill='%23d00' d='M0 160h640v160H0z'/%3E%3C/svg%3E")
}

.languageswitch__link--use-flags[lang=en]:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill-opacity='.7' d='M-85.3 0h682.6v512H-85.3z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(80)scale(.94)'%3E%3Cg stroke-width='1pt'%3E%3Cpath fill='%23012169' d='M-256 0H768v512H-256z'/%3E%3Cpath fill='%23fff' d='M-256 0v57.2L653.5 512H768v-57.2L-141.5 0zM768 0v57.2L-141.5 512H-256v-57.2L653.5 0z'/%3E%3Cpath fill='%23fff' d='M170.7 0v512h170.6V0zM-256 170.7v170.6H768V170.7z'/%3E%3Cpath fill='%23c8102e' d='M-256 204.8v102.4H768V204.8zM204.8 0v512h102.4V0zM-256 512 85.3 341.3h76.4L-179.7 512zm0-512L85.3 170.7H9L-256 38.2zm606.4 170.7L691.7 0H768L426.7 170.7zM768 512 426.7 341.3H503l265 132.5z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.languageswitch__link--use-flags[lang=es]:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill='%23C60B1E' d='M0 0h640v480H0z'/%3E%3Cpath fill='%23FFC400' d='M0 120h640v240H0z'/%3E%3C/g%3E%3C/svg%3E")
}

.languageswitch__link--use-flags[lang=it]:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill='%23009246' d='M0 0h213.333v480H0z'/%3E%3Cpath fill='%23FFF' d='M213.333 0h213.333v480H213.333z'/%3E%3Cpath fill='%23CE2B37' d='M426.667 0H640v480H426.667z'/%3E%3C/g%3E%3C/svg%3E")
}

.languageswitch__link--use-flags[lang=fry]:before, .languageswitch__link--use-flags[lang=fy]:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill='%230155A5' d='M0 0h640v480H0z'/%3E%3Cpath fill='%23FFF' d='M0 205.714v137.143L182.857 480h182.857zM91.429 0H0v68.571L548.571 480H640v-68.571zm182.857 0h182.857L640 137.143v137.143z'/%3E%3Cpath fill='%23EE3E34' d='M297.782 274.767c-19.45-19.188-22.79-51.006-7.818-74.437 5.992-9.376 15.955-14.407 25.244-12.747s16.072 9.683 17.19 20.328q.585 5.58-5.815 15.597c-1.023 1.6-.654 3.795.823 4.903s3.503.709 4.526-.891q6.4-10.017 11.43-11.387c9.59-2.614 18.91 1.442 23.614 10.277 4.703 8.834 3.863 20.707-2.129 30.082-14.973 23.43-43.64 31.242-67.065 18.275m-256 82.286c-19.45-19.188-22.79-51.006-7.818-74.437 5.992-9.376 15.955-14.407 25.244-12.747s16.072 9.682 17.19 20.328q.585 5.58-5.815 15.597c-1.023 1.6-.654 3.795.823 4.903s3.503.708 4.526-.892q6.4-10.015 11.43-11.386c9.59-2.614 18.91 1.442 23.614 10.276 4.703 8.835 3.863 20.708-2.129 30.083-14.973 23.43-43.64 31.242-67.065 18.275m512-164.572c-19.45-19.188-22.79-51.006-7.818-74.437 5.992-9.376 15.955-14.407 25.244-12.747s16.072 9.683 17.19 20.328q.585 5.582-5.815 15.597c-1.023 1.6-.654 3.796.823 4.903 1.477 1.108 3.503.709 4.526-.891q6.4-10.016 11.43-11.387c9.59-2.614 18.91 1.442 23.614 10.277 4.703 8.834 3.863 20.707-2.129 30.082-14.973 23.43-43.64 31.243-67.065 18.276zm-426.667-45.714c-19.45-19.188-22.79-51.006-7.817-74.437 5.992-9.376 15.954-14.407 25.243-12.747s16.073 9.683 17.19 20.328q.585 5.58-5.815 15.597c-1.022 1.6-.654 3.795.823 4.903s3.503.709 4.526-.891q6.4-10.016 11.43-11.387c9.591-2.614 18.911 1.442 23.614 10.277s3.863 20.707-2.129 30.082c-14.973 23.43-43.64 31.242-67.064 18.275zm341.334 256c-19.45-19.188-22.79-51.006-7.818-74.437 5.992-9.376 15.955-14.407 25.243-12.747 9.289 1.66 16.073 9.683 17.19 20.328q.587 5.58-5.814 15.597c-1.023 1.6-.654 3.795.823 4.903s3.503.709 4.526-.891q6.4-10.017 11.43-11.387c9.59-2.614 18.91 1.442 23.614 10.277 4.703 8.834 3.863 20.707-2.129 30.082-14.973 23.43-43.64 31.242-67.065 18.275m-25.566-293.46c-19.45-19.188-22.791-51.006-7.818-74.437 5.992-9.376 15.955-14.407 25.243-12.747 9.289 1.66 16.073 9.683 17.19 20.328q.586 5.581-5.814 15.597c-1.023 1.6-.654 3.795.823 4.903s3.503.709 4.525-.891q6.402-10.016 11.43-11.387c9.592-2.614 18.912 1.442 23.615 10.277s3.863 20.707-2.129 30.082c-14.973 23.43-43.64 31.243-67.065 18.276zM152.68 440.227c-19.449-19.188-22.79-51.006-7.817-74.437 5.992-9.376 15.954-14.407 25.243-12.747s16.073 9.683 17.19 20.328q.585 5.58-5.815 15.597c-1.022 1.6-.654 3.795.823 4.903s3.504.709 4.526-.892q6.4-10.015 11.43-11.386c9.591-2.614 18.911 1.442 23.614 10.277s3.863 20.707-2.128 30.082c-14.974 23.43-43.64 31.242-67.065 18.275z'/%3E%3C/g%3E%3C/svg%3E")
}

.logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-inline-size: -webkit-fit-content;
    max-inline-size: -moz-fit-content;
    max-inline-size: fit-content;
    pointer-events: all;
    z-index: 2
}

.logo__image {
    block-size: 5rem;
    display: block;
    inline-size: 5rem;
    inset-block-end: .5rem;
    inset-block-end: var(--spacing-xs);
    inset-inline-start: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width:62em) {
    .logo__image {
        inset-block-end: 0;
        inset-inline-start: 0;
        position: static;
        -webkit-transform: none;
        transform: none
    }
}

:root {
    --media-border-radius: var(--theme-border-radius);
    --video-icon-size: clamp(4.375rem,2.273vw + 3.92rem,5.625rem)
}

.figure {
    block-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    isolation: isolate;
    position: relative
}

    .figure figcaption {
        --flow-spacing: var(--spacing-2xs);
        background-color: #fff;
        background-color: var(--color-white);
        border-radius: .125rem;
        border-radius: var(--theme-border-radius);
        flex: 0 0 100%;
        inset-block-end: 2rem;
        inset-block-end: var(--spacing-2xl);
        inset-inline-start: 2rem;
        inset-inline-start: var(--spacing-2xl);
        max-inline-size: calc(100% - 4rem);
        max-inline-size: calc(100% - var(--spacing-2xl)*2);
        padding: .75rem 1rem;
        padding: var(--spacing-sm) var(--spacing);
        position: absolute;
        text-align: center
    }

@media (max-width:47.9375em) {
    .figure figcaption {
        font-size: px-to-rem(14px);
        inset-block-end: .5rem;
        inset-block-end: var(--spacing-xs);
        inset-inline-start: .5rem;
        inset-inline-start: var(--spacing-xs);
        padding: .25rem .5rem;
        padding: var(--spacing-2xs) var(--spacing-xs);
        text-align: start
    }
}

.figure figcaption:empty {
    display: none
}

.layout--justify-center .picture {
    align-items: center
}

.picture--overlay {
    -webkit-mask-image: -webkit-gradient(linear,left top,left bottom,color-stop(70%,#000),to(transparent));
    -webkit-mask-image: linear-gradient(180deg,#000 70%,transparent);
    mask-image: -webkit-gradient(linear,left top,left bottom,color-stop(70%,#000),to(transparent));
    mask-image: linear-gradient(180deg,#000 70%,transparent);
    position: relative
}

    .picture--overlay img {
        max-inline-size: 300px
    }

.picture img {
    display: block;
    margin: 0 auto;
    overflow: hidden
}

.picture img, .video--embed {
    border-radius: .125rem;
    border-radius: var(--media-border-radius)
}

.video--embed {
    isolation: isolate
}

.rte + .video--embed {
    -webkit-margin-before: 3rem;
    margin-block-start: 3rem;
    -webkit-margin-before: var(--spacing-3xl);
    margin-block-start: var(--spacing-3xl)
}

.video--embed .figure {
    display: block
}

    .video--embed .figure .video__playbutton {
        display: block;
        position: relative
    }

        .video--embed .figure .video__playbutton:after {
            background-color: rgba(0,0,0,.1);
            border-radius: .125rem;
            border-radius: var(--media-border-radius);
            content: "";
            display: block;
            inset: 0;
            position: absolute;
            transition: opacity .2s ease-in-out;
            z-index: 0
        }

        .video--embed .figure .video__playbutton:before {
            background-color: #fff;
            background-color: var(--color-brand-2);
            background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="29" height="33" fill="none"><path fill="%230061AC" d="M27.363 13.886c2.036 1.148 2.036 4.08 0 5.227l-22.39 12.62C2.973 32.86.5 31.415.5 29.119V3.881C.5 1.585 2.973.14 4.973 1.267z"/></svg>');
            background-position: 55%;
            background-repeat: no-repeat;
            background-size: clamp(1.25rem,1.023vw + 1.045rem,1.813rem) clamp(1.5rem,1.023vw + 1.295rem,2.063rem);
            block-size: clamp(4.375rem,2.273vw + 3.92rem,5.625rem);
            block-size: var(--video-icon-size);
            border-radius: 99999px;
            content: "";
            display: block;
            inline-size: clamp(4.375rem,2.273vw + 3.92rem,5.625rem);
            inline-size: var(--video-icon-size);
            inset-block-start: 50%;
            inset-inline-start: 50%;
            margin: 0 auto;
            position: absolute;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            transition: all .12s ease-in-out;
            z-index: 10
        }

        .video--embed .figure .video__playbutton:hover:after {
            opacity: 50%
        }

    .video--embed .figure img {
        background-color: #fef;
        inline-size: 100%;
        min-block-size: .625rem;
        position: relative;
        z-index: 0
    }

.video--embed:not([data-state=active]) .video-player, .video--embed[data-state=active] .figure {
    display: none
}

.video-player {
    block-size: 0;
    inline-size: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 56.25%;
    position: relative
}

    .video-player embed, .video-player iframe, .video-player object, .video-player video {
        block-size: 100% !important;
        border-radius: .125rem;
        border-radius: var(--media-border-radius);
        inline-size: 100% !important;
        inset-block-start: 0;
        inset-inline-start: 0;
        position: absolute
    }

[data-nav-menu] {
    isolation: isolate
}

    [data-nav-menu]:not([data-nav-initialized]) [data-nav-list] [data-nav-submenu] {
        opacity: 0;
        pointer-events: none
    }

[data-nav-mobile-menu] [data-nav-menu] {
    display: block
}

[data-nav-menu] [data-nav-item], [data-nav-menu] [data-nav-list] {
    position: relative
}

[data-nav-item-name][aria-hidden=true] {
    visibility: visible
}

[data-nav-submenu-toggle] {
    position: relative
}

    [data-nav-submenu-toggle]:before {
        block-size: 44px;
        content: "";
        display: block;
        inline-size: 44px;
        inset-block-start: 50%;
        inset-inline-start: 50%;
        position: absolute;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

[data-nav-submenu] {
    isolation: isolate
}

    [data-nav-submenu] [data-nav-submenu] {
        inset-block-start: 1rem;
        inset-block-start: var(--spacing,0);
        inset-inline-start: calc(100% + 8px)
    }

    [data-nav-submenu][aria-hidden=true] {
        display: none
    }

    [data-nav-submenu][aria-hidden=false] {
        display: block;
        z-index: 10
    }

[data-nav-toggle] {
    cursor: pointer;
    position: relative
}

    [data-nav-toggle]:before {
        block-size: 46px;
        content: "";
        display: block;
        inline-size: 46px;
        inset-block-start: 50%;
        inset-inline-start: 50%;
        position: absolute;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

[data-nav-toggle-target][aria-hidden=true] {
    display: none
}

[data-nav-toggle-target][aria-hidden=false] {
    display: block
}

:root {
    --toggle-button-height: 49px
}

.menu {
    padding-block: 1rem;
    padding-block: var(--spacing);
    padding-inline: 1.6rem;
    padding-inline: var(--spacing-xl)
}

.menu__mobile {
    --_toplevel-text-color: var(--color-brand-1);
    --_toplevel-text-color-hover: var(--color-black);
    --_toplevel-text-color-active: var(--color-brand-1);
    --_toplevel-foldout-icon-color: var(--_toplevel-text-color);
    --_toplevel-foldout-icon-color-hover: var(--_toplevel-text-color-hover);
    --_toplevel-arrow-size: 0.75rem;
    --_flyout-text-color: var(--color-black);
    --_flyout-text-color-hover: var(--color-brand-1);
    --_flyout-foldout-icon-color: var(--_flyout-text-color);
    --_flyout-foldout-icon-color-hover: var(--_flyout-text-color-hover);
    --_flyout-arrow-size: var(--_toplevel-arrow-size);
    --_flyout-border-radius: var(--theme-border-radius);
    --_flyout-border-color: var(--theme-border-color);
    --_flyout-vertical-offset: 0.625rem;
    --_flyout-item-background-hover: var(--color-brand-1-lightest);
    --_flyout-divider-color: var(--theme-border-color);
    --_flyout-divider-size: 1px;
    --_container-background-color: var(--color-grey-200);
    --_container-top-offset: 0;
    --_menu-item-padding: var(--spacing-xs);
    --_menu-item-lineheight: var(--lineheight-default);
    --_toggle-button-height: var(--toggle-button-height);
    --_toggle-button-padding: 15px;
    --_toggle-button-bar-line-height: 3px;
    --_toggle-button-background-color: var(--color-brand-1);
    --_toggle-button-stripe-color: var(--color-white);
    --_toggle-button-border-radius: var(--theme-border-radius)
}

.menu__header {
    align-items: center;
    background-color: #fff;
    background-color: var(--color-white);
    grid-column-gap: 2rem;
    grid-column-gap: var(--spacing-2xl);
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    -webkit-column-gap: var(--spacing-2xl);
    -moz-column-gap: var(--spacing-2xl);
    column-gap: var(--spacing-2xl);
    display: grid;
    grid-template-columns: 2fr 1fr;
    max-inline-size: 100%;
    padding: 1.6rem;
    padding: var(--spacing-xl)
}

.b-grid.b-grid--preset-1 {
    padding: 0 25px;
}

@media (min-width:48em) {
    .menu__header {
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem;
        -webkit-column-gap: var(--spacing);
        -moz-column-gap: var(--spacing);
        column-gap: var(--spacing);
        grid-template-columns: 1fr 1fr
    }
}

.menu__header .form--searchbar input {
    background-color: #ededed;
    background-color: var(--color-grey-300);
    border: none;
    border-radius: 2.5rem;
    color: #000;
    color: var(--color-black);
    max-inline-size: 100%;
    padding-block: .5rem;
    padding-block: var(--spacing-xs);
    padding-inline: 1.6rem 2rem;
    padding-inline: var(--spacing-xl) var(--spacing-2xl)
}

    .menu__header .form--searchbar input::-webkit-input-placeholder {
        color: #000;
        color: var(--color-black)
    }

    .menu__header .form--searchbar input:-ms-input-placeholder {
        color: #000;
        color: var(--color-black)
    }

    .menu__header .form--searchbar input::-ms-input-placeholder {
        color: #000;
        color: var(--color-black)
    }

    .menu__header .form--searchbar input::placeholder {
        color: #000;
        color: var(--color-black)
    }

.menu__header .form--searchbar .form__actions .button {
    --btn-spacing: var(--spacing-sm);
    background: none;
    border: 0;
    border-radius: 2.5rem;
    inset-block-start: 1px;
    inset-inline-end: .25rem;
    inset-inline-end: var(--spacing-2xs);
    margin: 0;
    min-block-size: unset;
    padding: 0;
    position: absolute
}

    .menu__header .form--searchbar .form__actions .button:after {
        background-color: #0061ac;
        background-color: var(--color-brand-1);
        block-size: 2.1875rem;
        content: "";
        display: inline-block;
        inline-size: 2.1875rem;
        -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none' viewBox='0 0 25 25'%3E%3Cpath fill='currentColor' d='M19.01 10.547q-.041 2.848-1.627 5.005l5.167 5.127q.367.407.367.936 0 .528-.367.936a1.36 1.36 0 0 1-.935.366q-.53 0-.936-.367l-5.127-5.167q-2.157 1.587-5.005 1.627-3.58-.08-5.982-2.482-2.4-2.4-2.482-5.981.082-3.58 2.482-5.982 2.4-2.4 5.982-2.482 3.58.082 5.981 2.482t2.482 5.982m-8.463 5.86a5.77 5.77 0 0 0 2.93-.774 5.9 5.9 0 0 0 2.156-2.156 5.9 5.9 0 0 0 .773-2.93q0-1.545-.773-2.93a5.9 5.9 0 0 0-2.156-2.156 5.77 5.77 0 0 0-2.93-.773 5.77 5.77 0 0 0-2.93.773 5.9 5.9 0 0 0-2.156 2.156 5.9 5.9 0 0 0-.774 2.93q0 1.545.774 2.93a5.9 5.9 0 0 0 2.156 2.156 5.77 5.77 0 0 0 2.93.773'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none' viewBox='0 0 25 25'%3E%3Cpath fill='currentColor' d='M19.01 10.547q-.041 2.848-1.627 5.005l5.167 5.127q.367.407.367.936 0 .528-.367.936a1.36 1.36 0 0 1-.935.366q-.53 0-.936-.367l-5.127-5.167q-2.157 1.587-5.005 1.627-3.58-.08-5.982-2.482-2.4-2.4-2.482-5.981.082-3.58 2.482-5.982 2.4-2.4 5.982-2.482 3.58.082 5.981 2.482t2.482 5.982m-8.463 5.86a5.77 5.77 0 0 0 2.93-.774 5.9 5.9 0 0 0 2.156-2.156 5.9 5.9 0 0 0 .773-2.93q0-1.545-.773-2.93a5.9 5.9 0 0 0-2.156-2.156 5.77 5.77 0 0 0-2.93-.773 5.77 5.77 0 0 0-2.93.773 5.9 5.9 0 0 0-2.156 2.156 5.9 5.9 0 0 0-.774 2.93q0 1.545.774 2.93a5.9 5.9 0 0 0 2.156 2.156 5.77 5.77 0 0 0 2.93.773'/%3E%3C/svg%3E")
    }

.menu__header-myclub {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
    gap: var(--spacing-2xl);
    inline-size: 100%;
    justify-content: flex-end
}

@media (max-width:61.9375em) {
    .menu__header-myclub .menu__close {
        display: none
    }
}

.menu__header-myclub-link {
    align-items: center;
    color: #000;
    color: var(--color-black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    font-weight: var(--fontweight-title);
    gap: .5rem;
    gap: var(--spacing-xs);
    text-decoration: none
}

    .menu__header-myclub-link:before {
        background-color: #0061ac;
        background-color: var(--color-brand-1);
        block-size: 1.5rem;
        content: "";
        display: block;
        inline-size: 1.5rem;
        -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25"><path fill="currentColor" d="M12.24 12.5q-1.425 0-2.605-.692a5.4 5.4 0 0 1-1.912-1.912 5.2 5.2 0 0 1-.692-2.604q0-1.384.692-2.604a5.4 5.4 0 0 1 1.912-1.913 5.06 5.06 0 0 1 2.605-.692q1.423 0 2.604.692a5.4 5.4 0 0 1 1.912 1.913 5.2 5.2 0 0 1 .692 2.604 5.2 5.2 0 0 1-.692 2.604 5.4 5.4 0 0 1-1.912 1.912 5.06 5.06 0 0 1-2.604.692m-1.872 1.953h3.743q3.053.082 5.127 2.116 2.035 2.076 2.116 5.127 0 .529-.366.854-.326.367-.854.367H4.346q-.53 0-.855-.367-.366-.324-.366-.854.081-3.052 2.116-5.127 2.075-2.034 5.127-2.116"/></svg>');
        mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25"><path fill="currentColor" d="M12.24 12.5q-1.425 0-2.605-.692a5.4 5.4 0 0 1-1.912-1.912 5.2 5.2 0 0 1-.692-2.604q0-1.384.692-2.604a5.4 5.4 0 0 1 1.912-1.913 5.06 5.06 0 0 1 2.605-.692q1.423 0 2.604.692a5.4 5.4 0 0 1 1.912 1.913 5.2 5.2 0 0 1 .692 2.604 5.2 5.2 0 0 1-.692 2.604 5.4 5.4 0 0 1-1.912 1.912 5.06 5.06 0 0 1-2.604.692m-1.872 1.953h3.743q3.053.082 5.127 2.116 2.035 2.076 2.116 5.127 0 .529-.366.854-.326.367-.854.367H4.346q-.53 0-.855-.367-.366-.324-.366-.854.081-3.052 2.116-5.127 2.075-2.034 5.127-2.116"/></svg>');
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain
    }

.menu__container-toggle {
    align-items: center;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--_toggle-button-background-color);
    block-size: var(--_toggle-button-height);
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    inline-size: var(--_toggle-button-height);
    justify-content: center;
    position: relative
}

@media (max-width:47.9375em) {
    .menu__container-toggle {
        z-index: 2
    }
}

.menu__container-toggle:hover {
    background-color: color-mix(in sRGB,#0061ac 70%,#000 30%)
}

@supports (color:color-mix(in lch,red,blue)) {
    .menu__container-toggle:hover {
        background-color: color-mix(in sRGB,var(--color-brand-1) 70%,var(--color-black) 30%)
    }
}

.menu__container-toggle span {
    background-color: var(--_toggle-button-stripe-color);
    block-size: var(--_toggle-button-bar-line-height);
    border-radius: var(--_toggle-button-border-radius);
    display: block;
    inline-size: 1.5rem;
    position: absolute;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: all .1s cubic-bezier(.895,.03,.685,.22)
}

    .menu__container-toggle span:first-child {
        inset-block-start: var(--_toggle-button-padding)
    }

    .menu__container-toggle span:nth-child(2) {
        inset-block-start: calc(50% - var(--_toggle-button-bar-line-height)/2)
    }

    .menu__container-toggle span:nth-child(3) {
        inset-block-start: calc(var(--_toggle-button-height) - var(--_toggle-button-padding) - var(--_toggle-button-bar-line-height))
    }

.menu__container-toggle[aria-expanded=true] span:first-child {
    -webkit-transform: translateY(calc((var(--_toggle-button-height) - var(--_toggle-button-padding)*2 - var(--_toggle-button-bar-line-height))/2)) rotate(45deg);
    transform: translateY(calc((var(--_toggle-button-height) - var(--_toggle-button-padding)*2 - var(--_toggle-button-bar-line-height))/2)) rotate(45deg)
}

.menu__container-toggle[aria-expanded=true] span:nth-child(2) {
    opacity: 0
}

.menu__container-toggle[aria-expanded=true] span:nth-child(3) {
    -webkit-transform: translateY(calc(0px - (var(--_toggle-button-height) - var(--_toggle-button-padding)*2 - var(--_toggle-button-bar-line-height))/2)) rotate(-45deg);
    transform: translateY(calc(0px - (var(--_toggle-button-height) - var(--_toggle-button-padding)*2 - var(--_toggle-button-bar-line-height))/2)) rotate(-45deg)
}

.menu__container {
    background-color: var(--_container-background-color);
    block-size: 100%;
    inset: calc(var(--_container-top-offset) - 1px) 0 0 0;
    inset-block-start: 0;
    inset-inline-end: 0;
    line-height: var(--_menu-item-lineheight);
    opacity: 0;
    padding-inline: 0;
    position: fixed;
    -webkit-transform: translate(100%);
    transform: translate(100%);
    transition: all .3s ease-in-out
}

@media (max-width:61.9375em) {
    .menu__container {
        z-index: -1
    }
}

@media (min-width:62em) {
    .menu__container {
        inline-size: 500px
    }
}

.menu__container--is-open {
    opacity: 100%;
    overflow: auto;
    overflow-x: hidden;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.menu__container .menu {
    background-color: #fff;
    background-color: var(--color-white);
    -webkit-border-before: 1px solid #f6f6f6;
    border-block-start: 1px solid #f6f6f6;
    -webkit-border-before: 1px solid var(--color-grey-200);
    border-block-start: 1px solid var(--color-grey-200)
}

.menu__secondary {
    -webkit-margin-after: 1.25rem;
    margin-block-end: 1.25rem;
    -webkit-margin-after: var(--spacing-lg);
    margin-block-end: var(--spacing-lg);
    padding: 1.6rem;
    padding: var(--spacing-xl)
}

    .menu__secondary .menu__name {
        --_menu-item-padding: 0.25rem;
        font-size: clamp(1.125rem,.455vw + 1.034rem,1.375rem);
        font-size: var(--fontsize-title-preset-5)
    }

.menu__language {
    align-items: center;
    -webkit-margin-after: 1.25rem;
    margin-block-end: 1.25rem;
    -webkit-margin-after: var(--spacing-lg);
    margin-block-end: var(--spacing-lg);
    padding: 0 1.6rem;
    padding: 0 var(--spacing-xl)
}

    .menu__language, .menu__language .menu__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .menu__language .menu__list {
            color: #0061ac;
            color: var(--color-brand-1);
            -webkit-column-gap: 1rem;
            -moz-column-gap: 1rem;
            column-gap: 1rem;
            -webkit-column-gap: var(--spacing);
            -moz-column-gap: var(--spacing);
            column-gap: var(--spacing);
            flex-direction: row
        }

        .menu__language .menu__name {
            font-family: MarkOT,Roboto,Helvetica,Arial,sans-serif;
            font-family: var(--fontfamily-default);
            font-size: clamp(1rem,.227vw + .955rem,1.125rem);
            line-height: 1.25;
            padding: 0;
            text-box: trim-both cap alphabetic
        }

        .menu__language .icon svg {
            block-size: 1.5rem;
            inline-size: 1.5rem
        }

        .menu__language .menu__item {
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            justify-content: center;
            position: relative
        }

            .menu__language .menu__item:not(:first-child):not(:last-child):after, .menu__language .menu__item:nth-last-child(2):after {
                content: "|";
                inset-block-start: 0;
                inset-inline-end: -10px;
                position: absolute
            }

.menu__actions {
    background-color: #fff;
    background-color: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    gap: var(--spacing-xs);
    padding: 0 1.6rem 1.6rem;
    padding: 0 var(--spacing-xl) var(--spacing-xl)
}

    .menu__actions .button {
        inline-size: 100%
    }

    .menu__actions .button--ghost:hover {
        background-color: #fff;
        background-color: var(--color-white)
    }

.menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: left;
    margin: 0;
    padding: 0
}

    .menu__list + .menu__list .menu__name {
        font-size: clamp(1.125rem,.455vw + 1.034rem,1.375rem);
        font-size: var(--fontsize-title-preset-5)
    }

.menu__item--selected > .menu__name {
    color: var(--_toplevel-text-color-active);
    font-weight: 700
}

.menu__item--has-flyout > .menu__item-toggle {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    block-size: calc(.75em*var(--_menu-item-lineheight));
    border: 2px solid var(--_toplevel-foldout-icon-color);
    cursor: pointer;
    display: block;
    inline-size: calc(.75em*var(--_menu-item-lineheight));
    inset-block-start: 1.1rem;
    inset-inline-end: 0;
    position: absolute;
    transition: all .12s ease-in-out
}

    .menu__item--has-flyout > .menu__item-toggle:after {
        background-color: var(--_toplevel-foldout-icon-color);
        block-size: 100%;
        border: 1px solid var(--_toplevel-foldout-icon-color);
        border-radius: 2px;
        content: "";
        display: block;
        inline-size: 100%;
        inset: 0;
        -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"/></svg>');
        mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"/></svg>');
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 15px;
        mask-size: 15px;
        position: absolute;
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        transition: all .12s ease-in-out;
        will-change: transform
    }

.menu__item--has-flyout > .menu__item-toggle--active:after {
    background-color: var(--_toplevel-foldout-icon-color-hover);
    border-color: var(--_toplevel-foldout-icon-color-hover);
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 11h14v2H5z"/></svg>');
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 11h14v2H5z"/></svg>')
}

.menu__item--has-flyout > .menu__name {
    -webkit-padding-end: calc(1em*var(--_menu-item-lineheight));
    padding-inline-end: calc(1em*var(--_menu-item-lineheight))
}

.menu__name {
    align-items: center;
    color: #0061ac;
    color: var(--color-brand-1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    font-family: Europa Title,Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--fontfamily-title);
    font-size: 1.5rem;
    gap: 1rem;
    gap: var(--spacing);
    inline-size: 100%;
    padding-block: var(--_menu-item-padding);
    text-decoration: none;
    text-transform: uppercase
}

@media (hover:hover) {
    .menu__name[href]:hover {
        color: color-mix(in sRGB,#0061ac 70%,#000 30%)
    }

    @supports (color:color-mix(in lch,red,blue)) {
        .menu__name[href]:hover {
            color: color-mix(in sRGB,var(--color-brand-1) 70%,var(--color-black) 30%)
        }
    }
}

.menu__flyout .menu__list {
    align-items: flex-start;
    -webkit-border-before: var(--_flyout-divider-size) solid var(--_flyout-divider-color);
    border-block-start: var(--_flyout-divider-size) solid var(--_flyout-divider-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    inline-size: auto;
    justify-content: flex-start;
    margin-block: 0;
    -webkit-margin-start: 1rem;
    margin-inline-start: 1rem;
    -webkit-margin-start: var(--spacing);
    margin-inline-start: var(--spacing);
    max-inline-size: 100%;
    white-space: nowrap
}

.menu__flyout .menu__item {
    inline-size: 100%
}

    .menu__flyout .menu__item:last-child {
        -webkit-border-after: var(--_flyout-divider-size) solid var(--_flyout-divider-color);
        border-block-end: var(--_flyout-divider-size) solid var(--_flyout-divider-color)
    }

    .menu__flyout .menu__item .menu__item:last-child {
        -webkit-border-after: none;
        border-block-end: none
    }

    .menu__flyout .menu__item + .menu__item {
        -webkit-border-before: var(--_flyout-divider-size) solid var(--_flyout-divider-color);
        border-block-start: var(--_flyout-divider-size) solid var(--_flyout-divider-color)
    }

.menu__flyout--mega {
    inset-inline-start: -50vi;
    -webkit-margin-start: calc(var(--_menu-item-padding)*-1);
    margin-inline-start: calc(var(--_menu-item-padding)*-1);
    min-inline-size: 100vi
}

[data-menu-overlay] {
    background-color: rgba(0,0,0,.5);
    block-size: 100%;
    display: none;
    inline-size: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    position: fixed;
    z-index: 1
}

.band .notification {
    align-items: center;
    color: #000;
    color: var(--color-text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

    .band .notification .rte {
        --color-text: var(--notification-text-color);
        --color-titles: var(--notification-text-color);
        --color-link: var(--notification-link-color);
        --color-link-hover: var(--notification-link-color-hover)
    }

.band.band--notification {
    --notification-text-color: var(--color-text);
    --notification-background-color: var(--color-white);
    --notification-link-color: var(--color-link);
    --notification-link-color-hover: var(--color-link-hover);
    --notification-button-bgcolor: var(--color-brand-1);
    --notification-button-text-color: var(--color-white);
    --notification-button-border-color: transparent;
    background-color: #fff;
    background-color: var(--notification-background-color);
    -webkit-border-after: 1px solid #bdbdbd;
    border-block-end: 1px solid #bdbdbd;
    -webkit-border-after: 1px solid var(--theme-border-color);
    border-block-end: 1px solid var(--theme-border-color);
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    padding-block: 0;
    position: fixed;
    z-index: 3
}

@media (max-width:47.9375em) {
    .band.band--notification {
        position: fixed
    }
}

.band.band--notification .button, .band.band--notification .rte p {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

.band.band--notification .button {
    --btn-textcolor: var(--notification-button-text-color);
    align-self: center;
    background: var(--notification-button-bgcolor);
    border: 1px solid var(--notification-button-border-color);
    -webkit-margin-start: 1rem;
    margin-inline-start: 1rem;
    -webkit-margin-start: var(--spacing);
    margin-inline-start: var(--spacing);
    padding: .25rem;
    padding: var(--spacing-2xs)
}

.band.band--notification.band--bgcolor-1 {
    background-color: #0061ac;
    background-color: var(--band-bgcolor-1)
}

.band.band--notification.band--bgcolor-2 {
    background-color: #fff;
    background-color: var(--band-bgcolor-2)
}

.band.band--notification.band--bgcolor-1 {
    --notification-button-bgcolor: var(--color-white);
    --notification-button-text-color: var(--color-brand-1)
}

.band.band--notification.band--bgcolor-2 {
    --notification-text-color: var(--color-black);
    --notification-button-bgcolor: var(--color-brand-1);
    --notification-button-text-color: var(--color-white)
}

.band.band--notification.band--bgcolor-black {
    --notification-button-bgcolor: var(--color-white);
    --notification-button-text-color: var(--color-black);
    --notification-background-color: var(--color-black);
    --color-link: var(--color-white);
    --color-link-hover: var(--color-brand-1-lighter)
}

@-webkit-keyframes animation-slideClose {
    0% {
        max-block-size: 240px;
        opacity: 100%
    }

    to {
        max-block-size: 0;
        opacity: 0
    }
}

@keyframes animation-slideClose {
    0% {
        max-block-size: 240px;
        opacity: 100%
    }

    to {
        max-block-size: 0;
        opacity: 0
    }
}

.notification-close {
    -webkit-animation-duration: .48s;
    animation-duration: .48s;
    -webkit-animation-name: animation-slideClose;
    animation-name: animation-slideClose
}

.paging {
    --paging-color: #000;
    --paging-color-selected: var(--color-brand-2);
    --paging-border-radius: var(--theme-border-radius);
    --paging-gap: var(--spacing-2xs);
    --paging-button-padding: calc(var(--spacing-2xs)/2) var(--spacing-2xs)
}

.layout + .paging {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem;
    -webkit-margin-before: var(--spacing-2xl);
    margin-block-start: var(--spacing-2xl)
}

.paging__list {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    text-align: center
}

.paging__item {
    -webkit-margin-end: var(--paging-gap);
    margin-inline-end: var(--paging-gap);
    -webkit-margin-start: var(--paging-gap);
    margin-inline-start: var(--paging-gap)
}

.paging__item--next, .paging__item--prev {
    display: none
}

@media (min-width:48em) {
    .paging__item--next, .paging__item--prev {
        display: block
    }
}

.paging__link {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 2px solid #f6f6f6;
    border: 2px solid var(--color-grey-200);
    border-radius: var(--paging-border-radius);
    color: inherit;
    cursor: pointer;
    display: block;
    padding: .25rem .5rem;
    text-decoration: none;
    transition: all 90ms ease-in-out
}

@media (min-width:36em) {
    .paging__link {
        -webkit-padding-end: .75rem;
        padding-inline-end: .75rem;
        -webkit-padding-start: .75rem;
        padding-inline-start: .75rem
    }
}

.paging__link:hover {
    background-color: #f5f5f5;
    background-color: var(--color-grey-100);
    border-color: #f6f6f6;
    border-color: var(--color-grey-200)
}

.paging__link--selected {
    border: 2px solid var(--paging-color-selected);
    cursor: default;
    font-weight: 700;
    pointer-events: none
}

@media (max-width:47.9375em) {
    .paging__item--redundant {
        display: none
    }
}

.paging__text {
    background-color: #f5f5f5;
    background-color: var(--color-grey-100);
    border: 2px solid #f5f5f5;
    border: 2px solid var(--color-grey-100);
    border-radius: var(--paging-border-radius);
    color: #e0e0e0;
    color: var(--color-grey-500);
    cursor: default;
    display: block;
    padding: .25rem .75rem
}

.paging__item--divider .paging__text {
    background-color: transparent;
    border-color: transparent;
    -webkit-padding-end: .25rem;
    padding-inline-end: .25rem;
    -webkit-padding-start: .25rem;
    padding-inline-start: .25rem
}

@media (min-width:48em) {
    .paging__item--divider .paging__text {
        -webkit-padding-end: .5rem;
        padding-inline-end: .5rem;
        -webkit-padding-start: .5rem;
        padding-inline-start: .5rem
    }
}

.skiplinks {
    background-color: #fff;
    background-color: var(--color-white);
    border-radius: .125rem;
    border-radius: var(--theme-border-radius);
    box-shadow: 0 4px 6px -1px rgb(0 0 0/6%),0 2px 4px -1px rgb(0 0 0/3%);
    box-shadow: var(--theme-box-shadow);
    color: #000;
    color: var(--color-text);
    font-size: clamp(.875rem,.227vw + .83rem,1rem);
    font-size: var(--fontsize-smalltext);
    inset-block-start: 1rem;
    inset-block-start: var(--spacing);
    inset-inline-start: 1rem;
    inset-inline-start: var(--spacing);
    margin: 0;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: fixed;
    -webkit-transform: translateX(-10em);
    transform: translateX(-10em);
    transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out,opacity .2s ease-in-out;
    transition: transform .2s ease-in-out,opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    z-index: 10
}

.skiplinks--element {
    inset-inline-start: 0;
    position: absolute
}

.skiplinks__item {
    list-style-type: none;
    transition: background-color .2s ease-in-out
}

    .skiplinks__item:first-of-type {
        border-start-end-radius: .125rem;
        border-start-end-radius: var(--theme-border-radius);
        border-start-start-radius: .125rem;
        border-start-start-radius: var(--theme-border-radius);
        overflow: hidden
    }

    .skiplinks__item:last-of-type {
        border-end-end-radius: .125rem;
        border-end-end-radius: var(--theme-border-radius);
        border-end-start-radius: .125rem;
        border-end-start-radius: var(--theme-border-radius);
        overflow: hidden
    }

@media (max-width:61.9375em) {
    .skiplinks__item--desktop {
        display: none
    }

    .skiplinks__item--mobile {
        display: block
    }
}

@media (min-width:62em) {
    .skiplinks__item--desktop {
        display: block
    }

    .skiplinks__item--mobile {
        display: none
    }
}

.skiplinks__link {
    color: inherit;
    display: block;
    font-size: clamp(1.25rem,.455vw + 1.159rem,1.5rem);
    font-size: var(--fontsize-introtext);
    padding: 1rem 1.25rem;
    padding: var(--spacing) var(--spacing-lg);
    text-decoration: none
}

    .skiplinks__link:focus {
        color: #fff;
        color: var(--color-white);
        text-decoration: underline
    }

        .skiplinks__link:focus, .skiplinks__link:focus + .skiplinks__link {
            background-color: #0061ac;
            background-color: var(--color-brand-1)
        }

.skiplinks:focus-within {
    opacity: 100%;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

[data-tabs] {
    --_tabs-tablist-gap: var(--spacing);
    container-type: inline-size
}

    [data-tabs] [data-tabs-container-head] {
        align-items: center;
        max-inline-size: 100%;
        overflow-x: auto;
        white-space: nowrap
    }

    [data-tabs] [data-tabs-container-head], [data-tabs] [role=tablist] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: var(--_tabs-tablist-gap)
    }

    [data-tabs] [role=tablist] {
        align-items: flex-end;
        flex: 1 1 auto;
        list-style: none;
        margin: 0;
        margin-inline: auto;
        max-inline-size: 80rem;
        max-inline-size: var(--content-max-width);
        padding: 0
    }

    [data-tabs] [role=tabpanel] {
        -webkit-margin-before: 0;
        margin-block-start: 0
    }

.tabs {
    --_tabs-tablist-gap: var(--spacing);
    --_tabs-tab-border-color: var(--color-grey-500);
    --_tabs-tab-border-radius: var(--spacing);
    --_tabs-tab-border-width: 1px;
    --_tabs-tab-fontsize: var(--fontsize-bodytext);
    --_tabs-tab-background-color: var(--color-white);
    --_tabs-tab-background-color-selected: var(--color-black);
    --_tabs-tab-color: var(--color-black);
    --_tabs-tab-color-selected: var(--color-white)
}

.tabs__panels {
    inline-size: 100%;
    -webkit-margin-before: 3rem;
    margin-block-start: 3rem;
    -webkit-margin-before: var(--spacing-3xl);
    margin-block-start: var(--spacing-3xl)
}

.tabs ul li:before {
    content: normal
}

.tabs__title {
    color: #000;
    color: var(--color-titles);
    display: block;
    font-family: Europa Title,Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--fontfamily-title);
    font-size: clamp(1.375rem,1.136vw + 1.148rem,2rem);
    font-size: var(--fontsize-title-preset-3);
    font-weight: 700;
    font-weight: var(--fontweight-title);
    -webkit-margin-after: .5rem;
    margin-block-end: .5rem;
    -webkit-margin-after: var(--spacing-xs);
    margin-block-end: var(--spacing-xs);
    text-box: trim-both cap alphabetic
}

.band--product .tabs__container {
    background-color: #0061ac11;
    background-color: var(--color-brand-1-lightest);
    margin-block: 2rem !important;
    margin-block: var(--spacing-2xl) !important;
    padding: 2rem;
    padding: var(--spacing-2xl)
}

.tabs:not(.tabs--buttons,.tabs--buttons-inline) .tabs-container__head {
    -webkit-border-after: var(--_tabs-tab-border-width) solid var(--_tabs-tab-border-color);
    border-block-end: var(--_tabs-tab-border-width) solid var(--_tabs-tab-border-color)
}

.tabs:not(.tabs--buttons,.tabs--buttons-inline) ul[role=tablist] [role=tab] {
    background-color: var(--_tabs-tab-background-color);
    border: var(--_tabs-tab-border-width) solid var(--_tabs-tab-border-color);
    -webkit-border-after: 0;
    border-block-end: 0;
    border-start-end-radius: var(--_tabs-tab-border-radius);
    border-start-start-radius: var(--_tabs-tab-border-radius);
    color: var(--_tabs-tab-color);
    display: block;
    font-size: var(--_tabs-tab-fontsize);
    font-weight: 700;
    padding-block: .5rem;
    padding-block: var(--spacing-xs);
    padding-inline: 1.6rem;
    padding-inline: var(--spacing-xl);
    text-decoration: none;
    transition: color .16s ease-in-out,border .16s ease-in-out,background-color .16s ease-in-out,-webkit-transform .16s ease-in-out;
    transition: color .16s ease-in-out,border .16s ease-in-out,background-color .16s ease-in-out,transform .16s ease-in-out;
    transition: color .16s ease-in-out,border .16s ease-in-out,background-color .16s ease-in-out,transform .16s ease-in-out,-webkit-transform .16s ease-in-out
}

    .tabs:not(.tabs--buttons,.tabs--buttons-inline) ul[role=tablist] [role=tab][aria-selected=false] {
        border-color: var(--_tabs-tab-border-color)
    }

    .tabs:not(.tabs--buttons,.tabs--buttons-inline) ul[role=tablist] [role=tab]:hover, .tabs:not(.tabs--buttons,.tabs--buttons-inline) ul[role=tablist] [role=tab][aria-selected=true] {
        background-color: var(--_tabs-tab-background-color-selected);
        border-color: var(--_tabs-tab-background-color-selected);
        color: var(--_tabs-tab-color-selected)
    }

.tabs--buttons {
    --_tabs-tab-background-color: var(--color-black);
    --_tabs-tab-background-color-selected: var(--color-white);
    --_tabs-tablist-gap: 0;
    --_tabs-tab-color: var(--color-white);
    --_tabs-tab-color-selected: var(--color-black);
    --_tabs-tab-border-width: 0
}

    .tabs--buttons ul[role=tablist] {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(0,1fr));
        inline-size: 100%
    }

@media (max-width:35.9375em) {
    .tabs--buttons ul[role=tablist] {
        inline-size: 100vi
    }
}

.tabs--buttons ul[role=tablist] .button:not(.button--inline) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-inline: 0;
    --btn-bordercolor: var(--_tabs-tab-background-color);
    --btn-bgcolor: var(--_tabs-tab-background-color);
    --btn-textcolor: var(--_tabs-tab-color);
    --btn-spacing: var(--spacing-lg) var(--spacing-4xl);
    background-color: var(--_tabs-tab-background-color);
    border: 0;
    border-radius: 0;
}

.tabs--buttons ul[role=tablist] [role=tab] {
    --btn-bordercolor: var(--_tabs-tab-background-color);
    --btn-bgcolor: var(--_tabs-tab-background-color);
    --btn-textcolor: var(--_tabs-tab-color);
    --btn-spacing: var(--spacing-lg) var(--spacing-4xl);
    background-color: var(--_tabs-tab-background-color);
    border: 0;
    border-radius: 0
}

    .tabs--buttons ul[role=tablist] [role=tab]:hover, .tabs--buttons ul[role=tablist] [role=tab][aria-selected=true] {
        --btn-bordercolor: var(--_tabs-tab-background-color-selected);
        --btn-bgcolor: var(--_tabs-tab-background-color-selected);
        --btn-textcolor: var(--_tabs-tab-color-selected);
        background-color: var(--_tabs-tab-background-color-selected)
    }

.tabs--buttons .tabs__panels ul[role=tablist] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tabs--buttons-inline {
    --_tabs-tablist-gap: var(--spacing-xl);
    --_tabs-tab-border-width: 0;
    --_tabs-tab-color: var(--color-black);
    --_tabs-tab-color-selected: var(--color-black);
    --_tabs-tab-fontsize: var(--fontsize-smalltext);
    --_tabs-tab-underline-border-width: 2px
}

.band--bgcolor-black .tabs--buttons-inline {
    --_tabs-tab-color: var(--color-white);
    --_tabs-tab-color-selected: var(--color-white)
}

.tabs--buttons-inline [role=tablist] .button--inline, .tabs--buttons-inline [role=tablist] [role=tab] {
    background-color: transparent;
    border: 0;
    -webkit-border-after: var(--_tabs-tab-underline-border-width) solid transparent;
    border-block-end: var(--_tabs-tab-underline-border-width) solid transparent;
    border-radius: 0;
    color: var(--_tabs-tab-color);
    font-size: var(--_tabs-tab-fontsize);
    font-weight: 400;
    padding: 0;
    -webkit-padding-after: .25rem;
    padding-block-end: .25rem;
    -webkit-padding-after: var(--spacing-2xs);
    padding-block-end: var(--spacing-2xs);
    text-decoration: none;
    transition: none
}

    .tabs--buttons-inline [role=tablist] .button--inline .button--inline:hover, .tabs--buttons-inline [role=tablist] .button--inline .button--inline[aria-selected=true], .tabs--buttons-inline [role=tablist] .button--inline:hover, .tabs--buttons-inline [role=tablist] .button--inline[aria-selected=true], .tabs--buttons-inline [role=tablist] [role=tab] .button--inline:hover, .tabs--buttons-inline [role=tablist] [role=tab] .button--inline[aria-selected=true], .tabs--buttons-inline [role=tablist] [role=tab]:hover, .tabs--buttons-inline [role=tablist] [role=tab][aria-selected=true] {
        background-color: transparent !important;
        -webkit-border-after: var(--_tabs-tab-underline-border-width) solid var(--_tabs-tab-color-selected);
        border-block-end: var(--_tabs-tab-underline-border-width) solid var(--_tabs-tab-color-selected);
        color: var(--_tabs-tab-color-selected)
    }

.group-heading {
    display: block;
    color: #003e7d;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid #003e7d;
    margin: 20px 5px 5px 5px;
    font-family: 'sans-caption', Calibri !important;
}

.item-wrapper {
    margin: 5px 5px 5px 10px;
    display: flex;
}

    .item-wrapper span:first-child {
        display: block;
        min-width: 150px;
        max-width: 40%;
        width: 100%;
        float: left;
        font-size: 14px;
    }

    .item-wrapper span:last-child {
        display: block;
        min-width: 150px;
        max-width: 60%;
        width: 100%;
        float: right;
        text-align: right;
        font-size: 18px;
    }

        .item-wrapper span:last-child a {
            padding-left: 5px;
        }

.checkbox-wrapper {
    display: block;
    padding: 5px;
    margin-top: 15px;
}

    .checkbox-wrapper label {
        margin: 0px;
    }

    .checkbox-wrapper input[type="checkbox"] {
        vertical-align: middle;
        margin: 0px;
        margin-left: 10px;
    }


@media (max-width: 768px) {
    .container {
        /*background: red;*/
        min-height: calc(100vh - 123px);
    }
}

@media (max-width: 500px) {
    .item-wrapper {
        margin: 0px 5px 0px 10px;
        display: inline-block;
        width: 100%;
    }

        .item-wrapper span:first-child {
            min-width: initial;
            max-width: initial;
            width: 100%;
        }

        .item-wrapper span:last-child {
            min-width: initial;
            max-width: initial;
            width: 100%;
            float: left;
            text-align: left;
        }
}


.tabs--buttons-inline .tabs__panels {
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem;
    -webkit-margin-before: var(--spacing);
    margin-block-start: var(--spacing)
}

.tabs-container .tabs-container {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    inline-size: 100%
}

.toggle__item {
    -webkit-padding-after: .875rem;
    padding-block-end: .875rem
}

.toggle__title {
    position: relative
}

    .toggle__title:hover {
        text-decoration: underline
    }

.toggle__content {
    -webkit-padding-before: .25rem;
    padding-block-start: .25rem;
    -webkit-padding-start: 2.1875rem;
    padding-inline-start: 2.1875rem
}

.toggle__more-button {
    display: block;
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem;
    -webkit-margin-before: var(--spacing);
    margin-block-start: var(--spacing)
}

    .toggle__more-button [data-toggle-badge] {
        background-color: var(--btn-textcolor);
        border-radius: 999px;
        color: var(--btn-bgcolor);
        font-weight: 400;
        -webkit-margin-start: .5rem;
        margin-inline-start: .5rem;
        -webkit-padding-end: .5rem;
        padding-inline-end: .5rem;
        -webkit-padding-start: .5rem;
        padding-inline-start: .5rem
    }

.toggle [aria-expanded] .toggle__title {
    font-size: clamp(1rem,.227vw + .955rem,1.125rem);
    font-size: var(--fontsize-bodytext);
    font-weight: 400;
    -webkit-padding-start: 2.1875rem;
    padding-inline-start: 2.1875rem;
    text-decoration: none
}

    .toggle [aria-expanded] .toggle__title:after, .toggle [aria-expanded] .toggle__title:before {
        background: #0061ac;
        background: var(--color-brand-1);
        block-size: 3px;
        content: "";
        inline-size: 1.125rem;
        inset-block-start: .75rem;
        inset-inline-start: 0;
        position: absolute;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        transition: -webkit-transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease,-webkit-transform .5s ease;
        z-index: 2
    }

    .toggle [aria-expanded] .toggle__title:after {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: center;
        transform-origin: center
    }

.toggle [aria-expanded=true] .toggle__title {
    font-weight: 700
}

    .toggle [aria-expanded=true] .toggle__title:after, .toggle [aria-expanded=true] .toggle__title:before {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

.filtertoggle {
    -webkit-border-after: 1px solid #eee;
    border-block-end: 1px solid #eee
}

.filtertoggle__item {
    -webkit-border-before: 1px solid #eee;
    border-block-start: 1px solid #eee;
    -webkit-padding-after: .4375rem;
    padding-block-end: .4375rem;
    -webkit-padding-before: .625rem;
    padding-block-start: .625rem
}

    .filtertoggle__item .input__field {
        display: inline-block
    }

.filtertoggle__title {
    position: relative
}

    .filtertoggle__title:hover {
        text-decoration: underline
    }

    .filtertoggle__title .input {
        inline-size: calc(100% - 1.875rem)
    }

.filtertoggle__content {
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-padding-start: var(--spacing);
    padding-inline-start: var(--spacing)
}

.filtertoggle__more-button {
    display: block;
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem;
    -webkit-margin-before: var(--spacing);
    margin-block-start: var(--spacing)
}

    .filtertoggle__more-button [data-toggle-badge] {
        background-color: #fff;
        border-radius: 999px;
        color: #0061ac;
        color: var(--color-brand-1);
        font-weight: 400;
        -webkit-margin-start: .5rem;
        margin-inline-start: .5rem;
        -webkit-padding-end: .5rem;
        padding-inline-end: .5rem;
        -webkit-padding-start: .5rem;
        padding-inline-start: .5rem
    }

.filtertoggle [aria-expanded] .filtertoggle__title {
    font-size: clamp(1rem,.227vw + .955rem,1.125rem);
    font-size: var(--fontsize-bodytext);
    font-weight: 700;
    text-decoration: none
}

    .filtertoggle [aria-expanded] .filtertoggle__title:after {
        block-size: .75rem;
        border-color: #0061ac;
        border-color: var(--color-brand-1);
        border-radius: 0 2px 0 0;
        border-style: solid;
        border-width: 3px 3px 0 0;
        content: "";
        display: block;
        inline-size: .75rem;
        inset-block-start: 50%;
        inset-inline-end: 5px;
        position: absolute;
        -webkit-transform: rotate(135deg) translateY(50%);
        transform: rotate(135deg) translateY(50%);
        -webkit-transform-origin: 66.66% 33.33%;
        transform-origin: 66.66% 33.33%;
        transition: all .12s ease-in-out
    }

.filtertoggle [aria-expanded=true] .filtertoggle__title {
    font-weight: 700
}

    .filtertoggle [aria-expanded=true] .filtertoggle__title:after {
        border-color: #0061ac;
        border-color: var(--color-brand-1);
        -webkit-transform: rotate(-45deg) translateY(-50%);
        transform: rotate(-45deg) translateY(-50%)
    }

[data-toggle-group] {
    max-inline-size: 65rem
}

.item > * + [data-toggle-group] {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem;
    -webkit-margin-before: var(--spacing-2xl);
    margin-block-start: var(--spacing-2xl)
}

[data-toggle-item] {
    isolation: isolate;
    text-align: start
}

[data-toggle-title] + [data-toggle-content] {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-duration: .28s;
    animation-duration: .28s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: animation-fade-in-toggle-content;
    animation-name: animation-fade-in-toggle-content;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    max-block-size: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    transition: all .2s ease-in-out;
    transition-timing-function: cubic-bezier(.45,.25,.6,.95)
}

[data-toggle-button] {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #000;
    color: var(--color-text);
    display: block;
    inline-size: 100%;
    margin: 0;
    padding: 0;
    text-align: inherit
}

    [data-toggle-button]:hover {
        cursor: pointer
    }

[data-toggle-content] {
    block-size: auto;
    display: block
}

    [data-toggle-content][aria-hidden=true] {
        display: none;
        pointer-events: none
    }

    [data-toggle-content] input {
        visibility: visible !important
    }

[data-toggle-badge] {
    display: inline-block
}

[data-toggle-more-group] {
    display: block
}

    [data-toggle-more-group][aria-hidden=true] {
        display: none;
        pointer-events: none
    }

[data-toggle-content], [data-toggle-more-group] {
    display: block;
    overflow: hidden;
    transition-property: all;
    transition-timing-function: ease-in-out
}

    [data-toggle-content][aria-hidden=true], [data-toggle-more-group][aria-hidden=true] {
        display: block;
        max-block-size: 0;
        opacity: 0;
        pointer-events: none
    }

@-webkit-keyframes animation-fade-in-toggle-content {
    0% {
        max-block-size: 0;
        opacity: 0
    }

    to {
        max-block-size: 99999999px;
        opacity: 100%;
        -webkit-padding-after: 1rem;
        padding-block-end: 1rem;
        -webkit-padding-after: var(--spacing);
        padding-block-end: var(--spacing)
    }
}

@keyframes animation-fade-in-toggle-content {
    0% {
        max-block-size: 0;
        opacity: 0
    }

    to {
        max-block-size: 99999999px;
        opacity: 100%;
        -webkit-padding-after: 1rem;
        padding-block-end: 1rem;
        -webkit-padding-after: var(--spacing);
        padding-block-end: var(--spacing)
    }
}

[data-timeline] {
    --_timeline-border-color: var(--color-brand-1);
    --_timeline-border-width: 2px;
    --_timeline-border-gap: 1.5rem;
    margin-block: 1rem;
    margin-block: var(--spacing);
    position: relative
}

    [data-timeline]:before {
        background-color: var(--_timeline-border-color);
        content: "";
        inline-size: var(--_timeline-border-width);
        inset-block: -.075rem;
        inset-inline-start: var(--_timeline-border-gap);
        position: absolute;
        z-index: -1
    }

[data-event] {
    --_text-shadow: 0px 4px 15px 0px rgba(0,0,0,.2);
    --_event-border-radius: var(--theme-border-radius);
    --_event-font-size: var(--fontsize-title-preset-6);
    --_event-margin: var(--spacing-2xl) 0;
    --_event-padding: var(--spacing-sm);
    --_event-icon-size: 24px;
    --_event-icon-margin: var(--spacing-xs);
    --_event-font-family: var(--fontfamily-title);
    --_event-border-color: var(--color-white);
    align-items: center;
    border-block: 5px solid #fff;
    border-block: 5px solid var(--_event-border-color);
    border-radius: .125rem;
    border-radius: var(--_event-border-radius);
    box-shadow: 0 4px 15px 0 rgba(0,0,0,.2);
    box-shadow: var(--_text-shadow);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Europa Title,Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--_event-font-family);
    font-size: clamp(1.125rem,.455vw + 1.034rem,1.375rem);
    font-size: var(--_event-font-size);
    gap: .5rem;
    gap: var(--_event-icon-margin);
    margin: 2rem 0;
    margin: var(--_event-margin);
    padding: .75rem;
    padding: var(--_event-padding)
}

    [data-event]:before {
        order: 2
    }

    [data-event] .minute {
        font-weight: 700;
        order: 1;
        -webkit-padding-end: var(--_event-icon-margin);
        padding-inline-end: var(--_event-icon-margin)
    }

    [data-event] .icon {
        order: 3
    }

    [data-event] .player {
        order: 4
    }

    [data-event] .text {
        order: 5
    }

    [data-event][data-type=sub], [data-event][data-type=text] {
        --_text-bg-color: #fff;
        background: #fff;
        background: var(--_text-bg-color);
        font-weight: 700;
        font-weight: var(--fontweight-default-strong)
    }

    [data-event][data-type=goal], [data-event][data-type=own-goal], [data-event][data-type=red], [data-event][data-type=yellow] {
        --_event-dark-bg: #000;
        --_event-dark-color: #fff;
        --_event-border-color: #000;
        align-items: center;
        background: #000;
        background: var(--_event-dark-bg);
        color: #fff;
        color: var(--_event-dark-color);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        font-weight: 700;
        font-weight: var(--fontweight-default-strong);
        gap: 8px
    }

        [data-event][data-type=goal] .player, [data-event][data-type=own-goal] .player, [data-event][data-type=red] .player, [data-event][data-type=yellow] .player {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex: 1 1 auto;
            flex-direction: column;
            order: 4
        }

        [data-event][data-type=red]:before {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23E30613' d='M20 3.5V21q-.039 1.055-.742 1.758-.704.703-1.758.742h-10q-1.055-.039-1.758-.742Q5.04 22.054 5 21V3.5q.039-1.055.742-1.758T7.5 1h10q1.055.039 1.758.742T20 3.5'/%3E%3C/svg%3E")
        }

        [data-event][data-type=red]:before, [data-event][data-type=yellow]:before {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            block-size: var(--_event-icon-size);
            content: "";
            display: inline-block;
            inline-size: var(--_event-icon-size);
            -webkit-margin-end: var(--_event-icon-margin);
            margin-inline-end: var(--_event-icon-margin)
        }

        [data-event][data-type=yellow]:before {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23FB0' d='M20 3.5V21q-.039 1.055-.742 1.758-.704.703-1.758.742h-10q-1.055-.039-1.758-.742Q5.04 22.054 5 21V3.5q.039-1.055.742-1.758T7.5 1h10q1.055.039 1.758.742T20 3.5'/%3E%3C/svg%3E")
        }

        [data-event][data-type=goal]:before {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18.29 16.063q1.054-1.603 1.21-3.633l-2.383-1.524a.72.72 0 0 1-.351-.469.76.76 0 0 1 0-.585l1.054-2.579a7.6 7.6 0 0 0-3.125-2.265l-2.148 1.797A.83.83 0 0 1 12 7a.83.83 0 0 1-.547-.195L9.305 5.008A7.6 7.6 0 0 0 6.18 7.273l1.054 2.579a.76.76 0 0 1 0 .585.72.72 0 0 1-.351.47L4.5 12.39q.157 2.07 1.21 3.672l2.774-.196a1 1 0 0 1 .586.195q.235.156.313.47l.703 2.734A7.6 7.6 0 0 0 12 19.5q1.015 0 1.914-.234l.703-2.735a.76.76 0 0 1 .313-.468 1 1 0 0 1 .586-.196zl-2.773-.195zM12 22q-2.735-.04-5-1.328Q4.735 19.343 3.328 17 2 14.618 2 12t1.328-5Q4.735 4.657 7 3.328 9.265 2.038 12 2q2.735.04 5 1.328Q19.265 4.657 20.672 7 22 9.383 22 12t-1.328 5Q19.265 19.344 17 20.672q-2.265 1.29-5 1.328m.547-12.734 1.875 1.367q.508.43.351 1.055l-.742 2.187q-.234.625-.86.664h-2.343q-.624-.039-.86-.664l-.741-2.187q-.157-.626.351-1.055l1.875-1.367q.548-.352 1.094 0'/%3E%3C/svg%3E")
        }

        [data-event][data-type=goal]:before, [data-event][data-type=own-goal]:before {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            block-size: var(--_event-icon-size);
            content: "";
            display: inline-block;
            inline-size: var(--_event-icon-size);
            -webkit-margin-end: var(--_event-icon-margin);
            margin-inline-end: var(--_event-icon-margin)
        }

        [data-event][data-type=own-goal]:before {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='red' d='M18.29 16.063q1.054-1.603 1.21-3.633l-2.383-1.524a.72.72 0 0 1-.351-.469.76.76 0 0 1 0-.585l1.054-2.579a7.6 7.6 0 0 0-3.125-2.265l-2.148 1.797A.83.83 0 0 1 12 7a.83.83 0 0 1-.547-.195L9.305 5.008A7.6 7.6 0 0 0 6.18 7.273l1.054 2.579a.76.76 0 0 1 0 .585.72.72 0 0 1-.351.47L4.5 12.39q.157 2.07 1.21 3.672l2.774-.196a1 1 0 0 1 .586.195q.235.156.313.47l.703 2.734A7.6 7.6 0 0 0 12 19.5q1.015 0 1.914-.234l.703-2.735a.76.76 0 0 1 .313-.468 1 1 0 0 1 .586-.196zl-2.773-.195zM12 22q-2.735-.04-5-1.328Q4.735 19.343 3.328 17 2 14.618 2 12t1.328-5Q4.735 4.657 7 3.328 9.265 2.038 12 2q2.735.04 5 1.328Q19.265 4.657 20.672 7 22 9.383 22 12t-1.328 5Q19.265 19.344 17 20.672q-2.265 1.29-5 1.328m.547-12.734 1.875 1.367q.508.43.351 1.055l-.742 2.187q-.234.625-.86.664h-2.343q-.624-.039-.86-.664l-.741-2.187q-.157-.626.351-1.055l1.875-1.367q.548-.352 1.094 0'/%3E%3C/svg%3E")
        }

        [data-event][data-type=own-goal] .player {
            display: inline;
            display: initial
        }

        [data-event][data-type=own-goal] .sub {
            color: red;
            font-family: MarkOT,Roboto,Helvetica,Arial,sans-serif;
            font-family: var(--fontfamily-default);
            font-size: clamp(1rem,.227vw + .955rem,1.125rem);
            font-size: var(--fontsize-bodytext);
            font-weight: 400
        }

    [data-event][data-type=sub]:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2 10.747q.078-2.657 1.836-4.415Q5.594 4.576 8.25 4.496h6.25v-1.25q.04-.82.781-1.132.742-.313 1.367.234l2.5 2.5q.352.39.352.898t-.352.899l-2.5 2.5q-.624.547-1.367.273-.742-.351-.781-1.172v-1.25H8.25q-1.602.04-2.656 1.094T4.5 10.746q0 .548-.352.899-.35.351-.898.351-.547 0-.898-.351Q2 11.294 2 10.746m20 2.5q-.078 2.656-1.836 4.413t-4.414 1.837H9.5v1.25q-.039.82-.781 1.132-.742.313-1.367-.234l-2.5-2.5a1.3 1.3 0 0 1-.352-.898q0-.51.352-.899l2.5-2.5q.624-.548 1.367-.273.742.351.781 1.172v1.25h6.25q1.602-.04 2.656-1.094t1.094-2.657q0-.546.352-.898.35-.352.898-.352.547 0 .898.352.352.351.352.898'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        block-size: var(--_event-icon-size);
        content: "";
        display: inline-block;
        inline-size: var(--_event-icon-size);
        -webkit-margin-end: var(--_event-icon-margin);
        margin-inline-end: var(--_event-icon-margin)
    }

    [data-event][data-type=sub] .sub {
        font-family: MarkOT,Roboto,Helvetica,Arial,sans-serif;
        font-family: var(--fontfamily-default);
        font-size: clamp(1rem,.227vw + .955rem,1.125rem);
        font-size: var(--fontsize-bodytext);
        font-weight: 400
    }

:root {
    --band-default-spacing-y: var(--spacing-sm);
    --band-default-spacing-x: var(--spacing-xs);
    --band-preset-spacing: var(--spacing);
    --band-bgcolor-default: var(--color-transparent);
    --band-media-min-height: 320px;
    --band-video-min-height: clamp(320px,56.25vi,720px);
    --content-max-width: 80rem;
    --site-max-width: 160em;
    --notification-padding: 0px;
    --gradient-overlay: rgba(0,0,0,.4);
    --band-bgcolor-1: var(--color-brand-1);
    --band-bgcolor-2: var(--color-brand-2)
}

@media (min-width:36em) {
    :root {
        --band-preset-spacing: var(--spacing-xl)
    }
}

@media (min-width:48em) {
    :root {
        --band-preset-spacing: var(--spacing-2xl)
    }
}

@media (min-width:62em) {
    :root {
        --band-preset-spacing: var(--spacing-3xl);
        --band-default-spacing-x: var(--spacing-sm)
    }
}

.site {
    transition: padding .24s ease-in-out
}

@media (min-width:48em) {
    .site {
        display: grid;
        grid-template-rows: auto 1fr auto;
        min-block-size: 100%
    }
}

header {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-before: var(--notification-padding);
    margin-block-start: var(--notification-padding);
    transition: margin .24s ease-in-out;
    z-index: 10
}

main {
    block-size: 100vb;
    container-name: main-content;
    container-type: size;
    overflow-y: auto;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

@media (max-width:61.9375em) {
    main {
        -webkit-padding-after: 4rem;
        padding-block-end: 4rem;
        -webkit-padding-before: 0;
        padding-block-start: 0;
        -webkit-padding-before: var(--notification-padding);
        padding-block-start: var(--notification-padding)
    }
}

.band {
    background-color: #fff;
    inline-size: 100%;
    margin: 0 auto;
    padding: .5rem .75rem;
    padding: var(--band-default-spacing-x) var(--band-default-spacing-y);
    position: relative
}

    .band:has([data-swiper-overflow=true]) {
        overflow: hidden
    }

.band__content {
    margin: 0 auto;
    max-inline-size: 80rem;
    max-inline-size: var(--content-max-width);
    padding: .5rem .75rem;
    padding: var(--band-default-spacing-x) var(--band-default-spacing-y);
    position: relative
}

.band:has(.layout--align-bottom) {
    align-items: end
}

.band__media {
    block-size: 100%;
    inline-size: 100%;
    inset: 0;
    position: absolute;
    z-index: 0
}

    .band__media:before {
        background-color: #000;
        content: "";
        display: block;
        inset-block-end: 0;
        inset-block-start: 0;
        inset-inline-end: 0;
        inset-inline-start: 0;
        opacity: 25%;
        position: absolute;
        z-index: 20
    }

    .band__media picture {
        block-size: 100%
    }

    .band__media img, .band__media video {
        block-size: 100%;
        inline-size: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.band--spacing {
    -webkit-padding-after: 1rem;
    padding-block-end: 1rem;
    -webkit-padding-after: var(--band-preset-spacing);
    padding-block-end: var(--band-preset-spacing)
}

.band--spacing, .band--spacing-top {
    -webkit-padding-before: 1rem;
    padding-block-start: 1rem;
    -webkit-padding-before: var(--band-preset-spacing);
    padding-block-start: var(--band-preset-spacing)
}

.band--spacing-bottom {
    -webkit-padding-after: 1rem;
    padding-block-end: 1rem;
    -webkit-padding-after: var(--band-preset-spacing);
    padding-block-end: var(--band-preset-spacing)
}

.band--spacing-none {
    padding: 0
}

    .band--spacing-none .band__content {
        padding-block: 0
    }

.band--scroll-snap {
    min-block-size: 100vb;
    scroll-snap-align: start
}

@media (max-width:61.9375em) {
    .band--scroll-snap {
        min-block-size: calc(100vb - 4rem)
    }
}

.band--scroll-snap:last-child {
    min-block-size: auto
}

.band--content-width-50 .band__content .layout {
    margin: 0 auto;
    max-inline-size: 50%
}

    .band--content-width-50 .band__content .layout .rte p {
        max-inline-size: 100%
    }

@media (max-width:47.9375em) {
    .band--content-width-50 .band__content .layout {
        max-inline-size: 100%
    }
}

.band--content-width-65 .band__content .layout {
    margin: 0 auto;
    max-inline-size: 65%
}

    .band--content-width-65 .band__content .layout .rte p {
        max-inline-size: 100%
    }

@media (max-width:47.9375em) {
    .band--content-width-65 .band__content .layout {
        max-inline-size: 100%
    }
}

.band--content-width-80 .band__content .layout {
    margin: 0 auto;
    max-inline-size: 80%
}

    .band--content-width-80 .band__content .layout .rte p {
        max-inline-size: 100%
    }

@media (max-width:47.9375em) {
    .band--content-width-80 .band__content .layout {
        max-inline-size: 100%
    }
}

.band--full-width .band__content {
    max-inline-size: 100%;
    padding-inline: 0
}

.band--full-height {
    --band-default-spacing-x: var(--spacing-2xl);
    block-size: calc(100vb - 5rem);
    block-size: calc(100vb - var(--navigation-mobile-height))
}

@media (min-width:62em) {
    .band--full-height {
        block-size: 100vb
    }
}

.band--full-height .flow > * + * {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

.band--half-height, .band--half-height.band--has-media {
    min-block-size: auto
}

@container main-content (min-width: 0px) {
    .band--half-height, .band--half-height.band--has-media {
        block-size: 50cqb
    }
}

.band--half-height *, .band--half-height.band--has-media * {
    max-block-size: 50vb
}

.band--half-height .band__content .layout, .band--half-height.band--has-media .band__content .layout {
    block-size: 100%
}

.band--half-height .flow > * + *, .band--half-height.band--has-media .flow > * + * {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

.band--header {
    --gradient-overlay: linear-gradient(0deg,rgba(0,0,0,.7) 25%,transparent 60%);
    --band-media-min-height: 17.8125rem;
    max-block-size: 17.8125rem
}

    .band--header .band__content {
        -webkit-padding-before: 2rem;
        padding-block-start: 2rem;
        -webkit-padding-before: var(--spacing-2xl);
        padding-block-start: var(--spacing-2xl)
    }

@media (min-width:36em) {
    .band--header-news {
        padding-block: 2rem;
        padding-block: calc(var(--band-preset-spacing)*2)
    }
}

.band--header-news .band__content {
    block-size: 100%
}

    .band--header-news .band__content .item {
        block-size: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        gap: 1.6rem;
        gap: var(--spacing-xl)
    }

    .band--header-news .band__content .rte {
        -webkit-margin-before: auto;
        margin-block-start: auto
    }

        .band--header-news .band__content .rte h1 {
            font-size: clamp(1.75rem,2.273vw + 1.295rem,3rem);
            font-size: var(--fontsize-title-preset-2)
        }

    .band--header-news .band__content .text--meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-margin-after: 1.6rem;
        margin-block-end: 1.6rem;
        -webkit-margin-after: var(--spacing-xl);
        margin-block-end: var(--spacing-xl)
    }

.band--news-content .band__content {
    max-inline-size: 80rch
}

.band--matches > .band__content {
    max-inline-size: 100%;
    padding-inline: 0
}

.band--matches .tabs--buttons-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.band--matches .tabs--buttons ul[role=tablist] {
    padding: 0 .75rem;
    padding: 0 var(--band-default-spacing-y);
    margin-bottom: 15px;
}

.band--program .program__extra-cards, .band--program .program__match-cards {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    inline-size: 100%
}

    .band--program .program__extra-cards > .card--match-program {
        -webkit-border-before: 0;
        border-block-start: 0
    }

@media (max-width:35.9375em) {
    .band--agenda .rte {
        align-self: start;
        text-align: start
    }
}

.band--matchday .icon--eredivisie {
    -webkit-margin-after: 1.6rem;
    margin-block-end: 1.6rem;
    -webkit-margin-after: var(--spacing-xl);
    margin-block-end: var(--spacing-xl)
}

    .band--matchday .icon--eredivisie svg {
        max-inline-size: clamp(6.875rem,21.591vw + 2.557rem,18.75rem)
    }

.band--businesspartners .layout, .band--businesspartners .layout .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

    .band--businesspartners .layout .item {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1rem;
        gap: var(--spacing);
        inline-size: 100%
    }

        .band--businesspartners .layout .item .rte {
            flex: 0 0 100%;
            text-align: center
        }

        .band--businesspartners .layout .item picture {
            flex: 0 0 calc(25% - 0.75rem);
            flex: 0 0 calc(25% - var(--spacing)*3/4);
            margin-inline: 0;
            max-inline-size: calc(25% - .75rem);
            max-inline-size: calc(25% - var(--spacing)*3/4);
            text-align: center
        }

@media (min-width:36em) {
    .band--businesspartners .layout .item picture {
        flex: 0 0 calc(20% - 0.8rem);
        flex: 0 0 calc(20% - var(--spacing)*4/5);
        max-inline-size: calc(20% - .8rem);
        max-inline-size: calc(20% - var(--spacing)*4/5)
    }
}

.band--partners .layout, .band--partners .layout .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

    .band--partners .layout .item {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1rem;
        gap: var(--spacing);
        inline-size: 100%;
        max-inline-size: 56.25rem
    }

        .band--partners .layout .item .rte {
            flex: 0 0 100%;
            text-align: center
        }

        .band--partners .layout .item picture {
            flex: 0 0 calc(25% - 0.75rem);
            flex: 0 0 calc(25% - var(--spacing)*3/4);
            max-inline-size: calc(25% - .75rem);
            max-inline-size: calc(25% - var(--spacing)*3/4);
            text-align: center
        }

.band--digital-partners .layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
    gap: var(--spacing-xl);
    justify-content: center
}

    .band--digital-partners .layout .item {
        align-self: start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 1rem;
        gap: var(--spacing)
    }

        .band--digital-partners .layout .item picture {
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            justify-content: center
        }

            .band--digital-partners .layout .item picture img {
                block-size: auto;
                max-inline-size: 100%
            }

@media (max-width:47.9375em) {
    .band--digital-partners .layout {
        --_layout-columns: 2;
        --_layout-gap: var(--spacing-xl)
    }

        .band--digital-partners .layout .item {
            flex: 0 0 calc((100% - var(--_layout-gap))/var(--_layout-columns))
        }

            .band--digital-partners .layout .item:last-child {
                flex: 0 0 100%;
                -webkit-margin-before: 1.6rem;
                margin-block-start: 1.6rem;
                -webkit-margin-before: var(--spacing-xl);
                margin-block-start: var(--spacing-xl)
            }
}

@media (min-width:48em) {
    .band--digital-partners .layout {
        --_layout-columns: 3;
        --_layout-gap: var(--spacing-xl)
    }

        .band--digital-partners .layout .item {
            flex: 0 0 calc((100% - (var(--_layout-columns) - 1)*var(--_layout-gap))/var(--_layout-columns))
        }
}

.band--players .tabs.tabs--buttons-inline .tabs-container {
    align-items: flex-start
}

.band--players .tabs.tabs--buttons-inline ul[role=tablist] {
    padding-inline: 0
}

.band--navigation, .band--players .tabs.tabs--buttons-inline .button[role=tab] {
    background-color: transparent
}

.band--navigation {
    overflow: visible;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    z-index: 2
}

@media (max-width:61.9375em) {
    .band--navigation {
        inset-block-start: 0;
        inset-block-start: var(--notification-padding);
        inset-inline-end: 0;
        inset-inline-start: 0;
        padding: 0;
        position: fixed;
        transition: inset-block-start .24s ease-in-out
    }

        .band--navigation .band__content {
            padding: 0
        }
}

.band--navigation .band__content {
    -webkit-padding-after: 0;
    padding-block-end: 0;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    z-index: auto
}

@media (min-width:62em) {
    .band--navigation .band__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        max-inline-size: 100%
    }

        .band--navigation .band__content .layout--navigation {
            order: 1
        }

        .band--navigation .band__content .layout--topmenu {
            order: 0
        }
}

@media (max-width:61.9375em) {
    .band--cart .layout.layout--columns-2.layout--proportion-60 {
        --layout-columns: 1;
        gap: 1.6rem;
        gap: var(--spacing-xl)
    }
}

.band--bgcolor-1 {
    background-color: #0061ac;
    background-color: var(--band-bgcolor-1)
}

.band--bgcolor-2 {
    background-color: #fff;
    background-color: var(--band-bgcolor-2)
}

.band--bgcolor-1 {
    --theme-border-color: hsla(0,0%,100%,.25);
    --theme-border-hover-color: var(--color-grey-400);
    --color-text: var(--color-grey-100);
    --color-titles: var(--color-white);
    --color-link: var(--color-brand-1);
    --color-link-hover: var(--color-brand-1-light);
    --color-title-link: var(--color-brand-1);
    --color-title-link-hover: var(--color-brand-1-light);
    --list-accent: var(--color-brand-1);
    --table-bg-color: var(--color-brand-1);
    --table-text-color: var(--color-white);
    --table-heading-bg: var(--color-brand-2);
    --table-heading-color: var(--color-white);
    --table-border-color: var(--theme-border-color)
}

    .band--bgcolor-1 .button:not([class*=button--]) {
        --btn-bgcolor: var(--color-transparent);
        --btn-textcolor: var(--color-white)
    }

        .band--bgcolor-1 .button:not([class*=button--]).button--ghost {
            --btn-bgcolor: transparent;
            --btn-textcolor: var(--color-white);
            --btn-bordercolor: var(--color-white)
        }

.band--bgcolor-2 {
    --theme-border-color: hsla(0,0%,100%,.25);
    --theme-border-hover-color: var(--color-grey-400);
    --color-text: var(--color-grey-100);
    --color-titles: var(--color-white);
    --color-link: var(--color-brand-1);
    --color-link-hover: var(--color-brand-1-light);
    --color-title-link: var(--color-brand-1);
    --color-title-link-hover: var(--color-brand-1-light);
    --list-accent: var(--color-brand-1);
    --table-bg-color: var(--color-brand-1);
    --table-text-color: var(--color-white);
    --table-heading-bg: var(--color-brand-2);
    --table-heading-color: var(--color-white);
    --table-border-color: var(--theme-border-color)
}

    .band--bgcolor-2 .button:not([class*=button--]) {
        --btn-bgcolor: var(--color-white);
        --btn-textcolor: var(--color-brand-1)
    }

        .band--bgcolor-2 .button:not([class*=button--]).button--ghost {
            --btn-bgcolor: transparent;
            --btn-textcolor: var(--color-white);
            --btn-bordercolor: var(--color-white)
        }

.band--bgcolor-black {
    --color-text: var(--color-grey-100);
    --color-titles: var(--color-white);
    --color-link: var(--color-brand-1);
    --color-link-hover: var(--color-brand-1-light);
    --color-title-link: var(--color-brand-1);
    --color-title-link-hover: var(--color-brand-1-light);
    background-color: #000;
    background-color: var(--color-black)
}

.band--bgcolor-white {
    background-color: #fff;
    background-color: var(--color-white)
}

.band--has-overlay {
    position: relative
}

    .band--has-overlay:before {
        background: rgba(0,0,0,.4);
        background: var(--gradient-overlay);
        content: "";
        inset: 0;
        pointer-events: none;
        position: absolute;
        z-index: 1
    }

    .band--has-overlay .band__content {
        z-index: 2
    }

.band--has-media {
    --color-titles: var(--color-white);
    --color-text: var(--color-white);
    align-items: center;
    block-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.band--has-media--video:not(.band--scroll-snap) {
    min-block-size: clamp(320px,56.25vi,720px);
    min-block-size: var(--band-video-min-height)
}

.band--has-media .band__content {
    block-size: 100%;
    flex-basis: 100%;
    position: relative;
    z-index: 1
}

.band--has-media .band__media {
    block-size: 100%;
    inline-size: 100%;
    inset: 0;
    position: absolute;
    z-index: 0
}

    .band--has-media .band__media picture {
        block-size: 100%
    }

    .band--has-media .band__media img, .band--has-media .band__media video {
        block-size: 100%;
        inline-size: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.band--has-media.band--align-bottom {
    align-items: flex-end
}

    .band--has-media.band--align-bottom .band__content {
        -webkit-padding-after: 2rem;
        padding-block-end: 2rem;
        -webkit-padding-after: var(--spacing-2xl);
        padding-block-end: var(--spacing-2xl)
    }

.band--has-media--image {
    min-block-size: 320px;
    min-block-size: var(--band-media-min-height)
}

.band--game-header.band--has-media {
    block-size: unset;
    min-block-size: 540px
}

.holder {
    inline-size: 100%
}

.holder, .holder--justify-left {
    text-align: start
}

.holder--justify-center .content, .holder--justify-center .rte {
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    -webkit-margin-start: auto;
    margin-inline-start: auto
}

.holder--justify-right {
    text-align: end
}

    .holder--justify-right .content, .holder--justify-right .rte {
        -webkit-margin-start: auto;
        margin-inline-start: auto
    }

:root {
    --layout-gutter: var(--spacing);
    --layout-columns: 1
}

@media (min-width:80em) {
    :root {
        --layout-gutter: var(--spacing-xl)
    }
}

.layout {
    align-items: start;
    display: grid;
    grid-gap: 1rem;
    grid-gap: var(--layout-gutter);
    gap: 1rem;
    gap: var(--layout-gutter);
    grid-template-columns: repeat(1,minmax(0,1fr));
    grid-template-columns: repeat(var(--layout-columns),minmax(0,1fr))
}

.rte + .layout {
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem;
    -webkit-margin-before: calc(var(--flow-spacing)*3);
    margin-block-start: calc(var(--flow-spacing)*3)
}

.layout > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

    .layout > .item:has(.card--background-image), .layout > .item:has(.card--highlight), .layout > .item:has(.card--rankings) {
        block-size: 100%
    }

.layout > .item--media {
    order: -1
}

@media (min-width:48em) {
    .layout > .item--media {
        order: 0
    }
}

.layout > .item * + .card, .layout > .item * + .layout {
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem;
    -webkit-margin-before: calc(var(--flow-spacing)*3);
    margin-block-start: calc(var(--flow-spacing)*3)
}

.layout--align-top {
    align-content: start;
    align-items: start;
    block-size: 100%
}

    .layout--align-top > .item {
        justify-content: flex-start
    }

.layout--align-center {
    align-content: center;
    align-items: center;
}

    .layout--align-center > .item {
        justify-content: center
    }

.layout--align-bottom {
    align-content: end;
    align-items: end;
    block-size: 100%
}

    .layout--align-bottom > .item {
        justify-content: flex-end
    }

.layout--justify-right {
    justify-items: end
}

    .layout--justify-right .holder, .layout--justify-right .list, .layout--justify-right .rte {
        align-items: right;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column
    }

    .layout--justify-right .rte {
        margin-inline: unset;
        text-align: end
    }

    .layout--justify-right .list {
        inline-size: -webkit-fit-content;
        inline-size: -moz-fit-content;
        inline-size: fit-content;
        margin-inline: unset
    }

    .layout--justify-right .holder {
        text-align: end
    }

    .layout--justify-right .button {
        align-self: right
    }

.layout--justify-center {
    justify-content: center;
    justify-items: center
}

    .layout--justify-center:has(.slider), .layout--justify-center:has(.swiper) {
        justify-items: legacy
    }

    .layout--justify-center > .item {
        align-items: center;
        align-self: center;
        inline-size: 100%
    }

    .layout--justify-center .figure, .layout--justify-center .slider, .layout--justify-center .swiper {
        margin-inline: auto
    }

    .layout--justify-center .holder, .layout--justify-center .list, .layout--justify-center .rte {
        align-items: right;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column
    }

    .layout--justify-center .rte {
        text-align: center
    }

    .layout--justify-center .list {
        inline-size: -webkit-fit-content;
        inline-size: -moz-fit-content;
        inline-size: fit-content;
        margin-inline: auto
    }

    .layout--justify-center .holder {
        text-align: center
    }

    .layout--justify-center .button, .layout--justify-center .buttongroup {
        align-self: center;
        justify-content: center
    }

.layout--columns-1 {
    --layout-columns: 1
}

@media (min-width:48em) {
    .layout--columns-2 {
        --layout-columns: 2
    }
}

@media (min-width:48em) and (min-width:48em) {
    .layout--columns-2:has(>.item>.figure:last-child:first-child) .item:nth-child(odd) > .buttongroup, .layout--columns-2:has(>.item>.figure:last-child:first-child) .item:nth-child(odd) > .holder, .layout--columns-2:has(>.item>.figure:last-child:first-child) .item:nth-child(odd) > .rte, .layout--columns-2:has(>.item>.figure:last-child:first-child) .item:nth-child(odd) > .title {
        -webkit-padding-end: 5.625%;
        padding-inline-end: 5.625%
    }

    .layout--columns-2:has(>.item>.figure:last-child:first-child) .item:nth-child(odd) > .button {
        -webkit-margin-end: 5.625%;
        margin-inline-end: 5.625%
    }

    .layout--columns-2:has(>.item>.figure:last-child:first-child) .item:nth-child(2n) > .buttongroup, .layout--columns-2:has(>.item>.figure:last-child:first-child) .item:nth-child(2n) > .holder, .layout--columns-2:has(>.item>.figure:last-child:first-child) .item:nth-child(2n) > .rte, .layout--columns-2:has(>.item>.figure:last-child:first-child) .item:nth-child(2n) > .title {
        -webkit-padding-start: 8.75%;
        padding-inline-start: 8.75%
    }

    .layout--columns-2:has(>.item>.figure:last-child:first-child) .item:nth-child(2n) > .button {
        -webkit-margin-start: 8.75%;
        margin-inline-start: 8.75%
    }
}

@media (min-width:48em) {
    .layout--columns-3 {
        --layout-columns: 3
    }
}

@media (min-width:36em) {
    .layout--columns-4 {
        --layout-columns: 2
    }
}

@media (min-width:48em) {
    .layout--columns-4 {
        --layout-columns: 3
    }
}

@media (min-width:62em) {
    .layout--columns-4 {
        --layout-columns: 4
    }
}

@media (min-width:36em) {
    .layout--proportion-25 {
        --layout-columns: 2
    }
}

@media (min-width:48em) {
    .layout--proportion-25 {
        grid-template-columns: 25% auto
    }

        .layout--proportion-25 > .item:nth-child(2n) > .buttongroup, .layout--proportion-25 > .item:nth-child(2n) > .holder, .layout--proportion-25 > .item:nth-child(2n) > .rte, .layout--proportion-25 > .item:nth-child(2n) > .title {
            -webkit-padding-start: 13.75%;
            padding-inline-start: 13.75%
        }

        .layout--proportion-25 > .item:nth-child(2n) > .button {
            -webkit-margin-start: 13.75%;
            margin-inline-start: 13.75%
        }
}

@media (min-width:36em) {
    .layout--proportion-33 {
        --layout-columns: 2
    }
}

@media (min-width:48em) {
    .layout--proportion-33 {
        grid-template-columns: 33.3% auto
    }

        .layout--proportion-33 > .item:nth-child(2n) > .buttongroup, .layout--proportion-33 > .item:nth-child(2n) > .holder, .layout--proportion-33 > .item:nth-child(2n) > .rte, .layout--proportion-33 > .item:nth-child(2n) > .title {
            -webkit-padding-start: 13.75%;
            padding-inline-start: 13.75%
        }

        .layout--proportion-33 > .item:nth-child(2n) > .button {
            -webkit-margin-start: 13.75%;
            margin-inline-start: 13.75%
        }
}

@media (min-width:36em) {
    .layout--proportion-40 {
        --layout-columns: 2
    }
}

@media (min-width:48em) {
    .layout--proportion-40 {
        grid-template-columns: 40% auto
    }

        .layout--proportion-40 > .item:nth-child(2n) > .buttongroup, .layout--proportion-40 > .item:nth-child(2n) > .holder, .layout--proportion-40 > .item:nth-child(2n) > .rte, .layout--proportion-40 > .item:nth-child(2n) > .title {
            -webkit-padding-start: 13.75%;
            padding-inline-start: 13.75%
        }

        .layout--proportion-40 > .item:nth-child(2n) > .button {
            -webkit-margin-start: 13.75%;
            margin-inline-start: 13.75%
        }
}

@media (min-width:36em) {
    .layout--proportion-50 {
        --layout-columns: 2
    }

        .layout--proportion-50 > .item:nth-child(odd) > .buttongroup, .layout--proportion-50 > .item:nth-child(odd) > .holder, .layout--proportion-50 > .item:nth-child(odd) > .rte, .layout--proportion-50 > .item:nth-child(odd) > .title {
            -webkit-padding-end: 6.875%;
            padding-inline-end: 6.875%
        }

        .layout--proportion-50 > .item:nth-child(odd) > .button {
            -webkit-margin-end: 6.875%;
            margin-inline-end: 6.875%
        }

        .layout--proportion-50 > .item:nth-child(2n) > .buttongroup, .layout--proportion-50 > .item:nth-child(2n) > .holder, .layout--proportion-50 > .item:nth-child(2n) > .rte, .layout--proportion-50 > .item:nth-child(2n) > .title {
            -webkit-padding-start: 6.875%;
            padding-inline-start: 6.875%
        }

        .layout--proportion-50 > .item:nth-child(2n) > .button {
            -webkit-margin-start: 6.875%;
            margin-inline-start: 6.875%
        }

    .layout--proportion-60 {
        --layout-columns: 2
    }
}

@media (min-width:48em) {
    .layout--proportion-60 {
        grid-template-columns: 60% auto
    }

        .layout--proportion-60 > .item:nth-child(odd) > .buttongroup, .layout--proportion-60 > .item:nth-child(odd) > .holder, .layout--proportion-60 > .item:nth-child(odd) > .rte, .layout--proportion-60 > .item:nth-child(odd) > .title {
            -webkit-padding-end: 13.75%;
            padding-inline-end: 13.75%
        }

        .layout--proportion-60 > .item:nth-child(odd) > .button {
            -webkit-margin-end: 13.75%;
            margin-inline-end: 13.75%
        }
}

@media (min-width:36em) {
    .layout--proportion-66 {
        --layout-columns: 2
    }
}

@media (min-width:48em) {
    .layout--proportion-66 {
        grid-template-columns: 66.7% auto
    }

        .layout--proportion-66 > .item:nth-child(odd) > .buttongroup, .layout--proportion-66 > .item:nth-child(odd) > .holder, .layout--proportion-66 > .item:nth-child(odd) > .rte, .layout--proportion-66 > .item:nth-child(odd) > .title {
            -webkit-padding-end: 13.75%;
            padding-inline-end: 13.75%
        }

        .layout--proportion-66 > .item:nth-child(odd) > .button {
            -webkit-margin-end: 13.75%;
            margin-inline-end: 13.75%
        }
}

.layout--has-media, .layout--has-media--full {
    align-items: center
}

@media (min-width:62em) {
    .layout--has-media--full .item--media > * {
        inline-size: calc(50vi - 2rem);
        inline-size: calc(50vi - var(--layout-gutter)*2);
        max-inline-size: 960px
    }

    .layout--has-media--full .item--media:first-child > * {
        float: inline-end
    }
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    transition-timing-function: ease;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: height,-webkit-transform;
        transition-property: transform,height;
        transition-property: transform,height,-webkit-transform
    }

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

    .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
    }

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

    .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: none
    }

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-lazy-preloader {
    border: 4px solid #007aff;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    align-items: center;
    color: #007aff;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: -22px;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: 50%;
    top: var(--swiper-navigation-top-offset,50%);
    width: 27px;
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        cursor: auto;
        opacity: .35;
        pointer-events: none
    }

    .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
        cursor: auto;
        opacity: 0;
        pointer-events: none
    }

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg, .swiper-button-prev svg {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 100%
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 44px;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px;
    right: var(--swiper-navigation-sides-offset,10px)
}

    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: "next"
    }

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

    .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
        display: none !important
    }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 8px;
    bottom: var(--swiper-pagination-bottom,8px);
    left: 0;
    top: auto;
    top: var(--swiper-pagination-top,auto);
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        position: relative;
        -webkit-transform: scale(.33);
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        -webkit-transform: scale(.66);
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        -webkit-transform: scale(.33);
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        -webkit-transform: scale(.66);
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        -webkit-transform: scale(.33);
        transform: scale(.33)
    }

.swiper-pagination-bullet {
    background: #000;
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    border-radius: 50%;
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    display: inline-block;
    height: 8px;
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    opacity: .2;
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
    width: 8px;
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: #007aff;
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    opacity: 1;
    opacity: var(--swiper-pagination-bullet-opacity,1)
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    left: auto;
    left: var(--swiper-pagination-left,auto);
    right: 8px;
    right: var(--swiper-pagination-right,8px);
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        display: block;
        margin: 6px 0;
        margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0
    }

    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: top .2s,-webkit-transform .2s;
            transition: transform .2s,top .2s;
            transition: transform .2s,top .2s,-webkit-transform .2s
        }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

    .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: left .2s,-webkit-transform .2s;
        transition: transform .2s,left .2s;
        transition: transform .2s,left .2s,-webkit-transform .2s
    }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: right .2s,-webkit-transform .2s;
    transition: transform .2s,right .2s;
    transition: transform .2s,right .2s,-webkit-transform .2s
}

.swiper-pagination-fraction {
    color: inherit;
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #007aff;
        background: var(--swiper-pagination-color,var(--swiper-theme-color));
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        transform-origin: left top;
        width: 100%
    }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 0;
    top: 0;
    width: 100%
}

    .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
        height: 100%;
        left: 0;
        top: 0;
        width: 4px;
        width: var(--swiper-pagination-progressbar-size,4px)
    }

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: rgba(0,0,0,.1);
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));
    border-radius: 10px;
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    position: relative;
    touch-action: none
}

    .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
        display: none !important
    }

    .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
        bottom: 4px;
        bottom: var(--swiper-scrollbar-bottom,4px);
        height: 4px;
        height: var(--swiper-scrollbar-size,4px);
        left: 1%;
        left: var(--swiper-scrollbar-sides-offset,1%);
        position: absolute;
        top: auto;
        top: var(--swiper-scrollbar-top,auto);
        width: 98%;
        width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
        z-index: 50
    }

    .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
        height: 98%;
        height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
        left: auto;
        left: var(--swiper-scrollbar-left,auto);
        position: absolute;
        right: 4px;
        right: var(--swiper-scrollbar-right,4px);
        top: 1%;
        top: var(--swiper-scrollbar-sides-offset,1%);
        width: 4px;
        width: var(--swiper-scrollbar-size,4px);
        z-index: 50
    }

.swiper-scrollbar-drag {
    background: rgba(0,0,0,.5);
    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
    border-radius: 10px;
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-height: 100%;
        max-width: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

    .swiper-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

    .swiper-cube .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

    .swiper-cube .swiper-cube-shadow:before {
        background: #000;
        bottom: 0;
        content: "";
        -webkit-filter: blur(50px);
        filter: blur(50px);
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

.swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

    .swiper-flip .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: opacity,height,-webkit-transform;
    transition-property: transform,opacity,height;
    transition-property: transform,opacity,height,-webkit-transform
}

.swiper.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.swiper {
    --swiper-theme-color: var(--color-brand-1);
    --swiper-paging-height: 30px;
    --swiper-navigation-button-size: 30px;
    --swiper-pagination-bullet-height: 12px;
    --swiper-pagination-bullet-width: 12px;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-inactive-color: var(--color-white);
    --swiper-pagination-bullet-horizontal-gap: 7px;
    --swiper-pagination-bullet-active-color: var(--color-brand-1);
    --swiper-pagination-bullet-active-opacity: 1;
    --swiper-pagination-bullet-border-size: 2px;
    --swiper-pagination-bullet-border-color: var(--color-brand-1);
    --swiper-pagination-color: var(--color-brand-1);
    inline-size: 100%
}

.band--bgcolor-1 .swiper {
    --swiper-pagination-bullet-inactive-color: var(--color-brand-1);
    --swiper-pagination-bullet-active-color: var(--color-white);
    --swiper-pagination-bullet-border-color: var(--color-white);
    --swiper-pagination-color: var(--color-white)
}

.rte:has(h2:first-child:last-child) + .swiper, .rte:has(h3:first-child:last-child) + .swiper {
    -webkit-margin-before: calc(0px - var(--swiper-navigation-button-size) - 1rem);
    margin-block-start: calc(0px - var(--swiper-navigation-button-size) - 1rem);
    -webkit-margin-before: calc(0px - var(--swiper-navigation-button-size) - var(--spacing));
    margin-block-start: calc(0px - var(--swiper-navigation-button-size) - var(--spacing))
}

.swiper .swiper-slide {
    block-size: auto
}

@media (min-width:48em) {
    .swiper {
        --swiper-navigation-button-size: 40px
    }
}

.swiper[data-swiper-overflow=true] {
    overflow: visible
}

.swiper[data-swiper-bullets=true] {
    -webkit-padding-after: calc(var(--swiper-paging-height) + .5rem);
    padding-block-end: calc(var(--swiper-paging-height) + .5rem);
    -webkit-padding-after: calc(var(--swiper-paging-height) + var(--spacing-xs));
    padding-block-end: calc(var(--swiper-paging-height) + var(--spacing-xs))
}

.swiper[data-swiper-center=true] .swiper-head {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center
}

    .swiper[data-swiper-center=true] .swiper-head > * + * {
        -webkit-margin-before: 1rem;
        margin-block-start: 1rem;
        -webkit-margin-before: var(--spacing);
        margin-block-start: var(--spacing);
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }

    .swiper[data-swiper-center=true] .swiper-head .flow {
        flex: 1 1 100%
    }

.swiper-wrapper {
    margin: 0 !important
}

.swiper-head {
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem;
    -webkit-margin-after: var(--spacing);
    margin-block-end: var(--spacing);
    min-block-size: var(--swiper-navigation-button-size)
}

    .swiper-head > * + * {
        -webkit-margin-start: 1rem;
        margin-inline-start: 1rem;
        -webkit-margin-start: var(--spacing);
        margin-inline-start: var(--spacing)
    }

    .swiper-head .flow {
        flex: 1 1 auto
    }

.swiper--highlight .swiper-head {
    inset-block-start: clamp(1.875rem,7.955vw + .284rem,6.25rem)
}

.swiper-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

    .swiper-navigation > * + * {
        -webkit-margin-start: .5rem;
        margin-inline-start: .5rem;
        -webkit-margin-start: var(--spacing-xs);
        margin-inline-start: var(--spacing-xs)
    }

    .swiper-navigation .button {
        --btn-bgcolor: var(--color-transparent);
        --btn-textcolor: var(--color-brand-1);
        --btn-bordercolor: var(--color-transparent);
        background-color: #0061ac;
        background-color: var(--btn-textcolor);
        block-size: var(--swiper-navigation-button-size);
        inline-size: var(--swiper-navigation-button-size);
        -webkit-margin-before: 0;
        margin-block-start: 0;
        -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath fill='%23fff' d='m1.18 9.738 6.875 6.875a1.325 1.325 0 0 0 1.933 0 1.325 1.325 0 0 0 0-1.933l-4.511-4.555h13.148c.773 0 1.375-.602 1.375-1.375 0-.73-.602-1.375-1.375-1.375H5.477l4.511-4.512a1.325 1.325 0 0 0 0-1.933 1.325 1.325 0 0 0-1.933 0L1.18 7.805a1.325 1.325 0 0 0 0 1.933'/%3E%3C/svg%3E") no-repeat center/60% 60%;
        mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath fill='%23fff' d='m1.18 9.738 6.875 6.875a1.325 1.325 0 0 0 1.933 0 1.325 1.325 0 0 0 0-1.933l-4.511-4.555h13.148c.773 0 1.375-.602 1.375-1.375 0-.73-.602-1.375-1.375-1.375H5.477l4.511-4.512a1.325 1.325 0 0 0 0-1.933 1.325 1.325 0 0 0-1.933 0L1.18 7.805a1.325 1.325 0 0 0 0 1.933'/%3E%3C/svg%3E") no-repeat center/60% 60%;
        padding: 0;
        position: static
    }

.band--bgcolor-1 .swiper-navigation .button {
    background-color: #fff;
    background-color: var(--color-white)
}

.swiper-navigation .button[disabled] {
    -webkit-filter: none;
    filter: none;
    opacity: 50%
}

.swiper-navigation .button.swiper-button-next {
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath fill='%23fff' d='m18.82 9.738-6.875 6.875a1.325 1.325 0 0 1-1.933 0 1.325 1.325 0 0 1 0-1.933l4.511-4.555H1.375A1.357 1.357 0 0 1 0 8.75c0-.73.602-1.375 1.375-1.375h13.148l-4.511-4.512a1.325 1.325 0 0 1 0-1.933 1.325 1.325 0 0 1 1.933 0l6.875 6.875a1.325 1.325 0 0 1 0 1.933'/%3E%3C/svg%3E") no-repeat center/60% 60%;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath fill='%23fff' d='m18.82 9.738-6.875 6.875a1.325 1.325 0 0 1-1.933 0 1.325 1.325 0 0 1 0-1.933l4.511-4.555H1.375A1.357 1.357 0 0 1 0 8.75c0-.73.602-1.375 1.375-1.375h13.148l-4.511-4.512a1.325 1.325 0 0 1 0-1.933 1.325 1.325 0 0 1 1.933 0l6.875 6.875a1.325 1.325 0 0 1 0 1.933'/%3E%3C/svg%3E") no-repeat center/60% 60%
}

.band--bgcolor-1 .swiper-navigation .button.swiper-button-next {
    background-color: #fff;
    background-color: var(--color-white)
}

.swiper-navigation .button:after {
    display: none
}

.swiper-pagination {
    inset-block-end: 0 !important
}

@media (min-width:48em) {
    .swiper-pagination {
        display: none
    }
}

.swiper-pagination .swiper-pagination-bullet {
    outline: var(--swiper-pagination-bullet-border-size) solid var(--swiper-pagination-bullet-border-color)
}

.swiper-pagination.swiper-pagination-bullets-dynamic {
    -webkit-margin-after: 6px;
    margin-block-end: 6px
}

.swiper[data-swiper-progressbar=true] .swiper-head {
    inline-size: 100%;
    inset-inline-start: 50%;
    margin: 0 auto;
    max-inline-size: 80rem;
    max-inline-size: var(--content-max-width);
    padding-inline: 2rem;
    padding-inline: var(--spacing-2xl);
    pointer-events: none;
    position: absolute;
    text-align: start;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10
}

    .swiper[data-swiper-progressbar=true] .swiper-head .rte {
        --color-titles: var(--color-white)
    }

.swiper[data-swiper-progressbar=true] .swiper-progress-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .75rem;
    gap: var(--spacing-sm);
    inset-block-end: 1.5rem;
    margin: 0 auto;
    max-inline-size: 80rem;
    max-inline-size: var(--content-max-width);
    padding-inline: 2rem;
    padding-inline: var(--spacing-2xl);
    position: relative;
    z-index: 10
}

@media (min-width:36em) {
    .swiper[data-swiper-progressbar=true] .swiper-progress-container {
        inset-block-end: 4.5rem
    }
}

.swiper[data-swiper-progressbar=true] .swiper-progress-container .swiper-progress-bar {
    background-color: hsla(0,0%,100%,.6);
    block-size: 6px;
    flex: 1;
    max-inline-size: 7rem;
    overflow: hidden;
    position: relative
}

    .swiper[data-swiper-progressbar=true] .swiper-progress-container .swiper-progress-bar .swiper-progress-bar-fill {
        background-color: #fff;
        block-size: 100%;
        inline-size: 0
    }

.swiper--highlight {
    block-size: 100%
}

.swiper--shop {
    --swiper-pagination-color: var(--color-white);
    --swiper-pagination-bullet-inactive-color: var(--color-brand-1);
    --swiper-pagination-bullet-border-color: var(--color-white)
}

.swiper--players {
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem;
    -webkit-margin-before: var(--spacing);
    margin-block-start: var(--spacing)
}

@media (min-width:48em) {
    .swiper--players {
        -webkit-margin-before: 3rem;
        margin-block-start: 3rem;
        -webkit-margin-before: var(--spacing-3xl);
        margin-block-start: var(--spacing-3xl)
    }
}

.swiper--players .swiper-head {
    inline-size: 100%;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    max-inline-size: 31.25rem;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10
}

    .swiper--players .swiper-head .swiper-navigation {
        inline-size: 100%;
        justify-content: space-between
    }

    .swiper--players .swiper-head .button {
        background-color: #fff;
        background-color: var(--color-white);
        pointer-events: auto
    }

.swiper--matches {
    --swiper-pagination-color: var(--color-brand-1);
    --swiper-pagination-bullet-inactive-color: var(--color-white);
    --swiper-pagination-bullet-border-color: var(--color-brand-1);
    --swiper-pagination-bullet-horizontal-gap: var(--spacing-xs);
    -webkit-margin-after: 2rem;
    margin-block-end: 2rem;
    -webkit-margin-after: var(--spacing-2xl);
    margin-block-end: var(--spacing-2xl)
}

    .swiper--matches .card--match {
        --card-match-background: var(--color-black);
        --card-match-color: var(--color-white);
        --card-match-logo-size: clamp(3.438rem,2.273vw + 2.983rem,4.688rem);
        --card-match-readmore-color: var(--color-white);
        --fontsize-title-hero: clamp(2.188rem,0vw + 2.188rem,2.188rem);
        -webkit-margin-after: .5rem;
        margin-block-end: .5rem;
        -webkit-margin-after: var(--spacing-xs);
        margin-block-end: var(--spacing-xs)
    }

.swiper--news {
    --swiper-pagination-color: var(--color-brand-1);
    --swiper-pagination-bullet-inactive-color: var(--color-white);
    --swiper-pagination-bullet-border-color: var(--color-brand-1)
}

    .swiper--news .swiper-head {
        justify-content: space-between
    }

        .swiper--news .swiper-head .flow {
            flex: initial
        }

        .swiper--news .swiper-head .rte {
            inline-size: 100%
        }

        .swiper--news .swiper-head .layout--columns-2 {
            --layout-columns: 2
        }

.f-badge {
    background-color: #fff;
    background-color: var(--color-brand-2);
    border-radius: 999999px;
    color: #fff;
    display: inline-block;
    float: inline-end;
    font-size: clamp(.625rem,.227vw + .58rem,.75rem);
    font-size: var(--fontsize-minitext);
    font-weight: 500;
    -webkit-margin-start: .25rem;
    margin-inline-start: .25rem;
    -webkit-margin-start: var(--spacing-2xs);
    margin-inline-start: var(--spacing-2xs);
    -webkit-padding-end: .5rem;
    padding-inline-end: .5rem;
    -webkit-padding-end: var(--spacing-xs);
    padding-inline-end: var(--spacing-xs);
    -webkit-padding-start: .5rem;
    padding-inline-start: .5rem;
    -webkit-padding-start: var(--spacing-xs);
    padding-inline-start: var(--spacing-xs);
    text-transform: none;
    -webkit-transform: translateY(.125rem);
    transform: translateY(.125rem)
}

.f-badge--toggle {
    background-color: #fff;
    color: #fff;
    color: var(--color-brand-2);
    float: none;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-transform: translateY(-.125rem);
    transform: translateY(-.125rem)
}

.f-badge--disabled {
    background-color: #bdbdbd;
    background-color: var(--color-grey-400);
    color: #000
}

.f-breadcrumbs {
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem;
    -webkit-margin-after: var(--spacing);
    margin-block-end: var(--spacing)
}

.f-clear-filters {
    margin: 0 auto 1rem;
    margin: 0 auto var(--spacing) auto
}

@media (max-width:47.9375em) {
    .f-clear-filters {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }
}

.f-input-container {
    position: relative
}

.f-input-container--range {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-wrap: nowrap;
    inline-size: calc(100% + 6px);
    margin: 0 -3px
}

.f-type-container {
    margin: 0 3px;
    position: relative
}

.f-type {
    block-size: 100%;
    border-color: #ededed;
    border-color: var(--color-grey-300);
    border-inline-end-width: 2px;
    color: #bdbdbd;
    color: var(--color-grey-400);
    font-size: clamp(.875rem,.227vw + .83rem,1rem);
    font-size: var(--fontsize-smalltext);
    inline-size: 2rem;
    inset-block-end: 0;
    inset-block-start: 0;
    inset-inline-start: 0;
    line-height: 3rem;
    position: absolute;
    text-align: center;
    z-index: 10
}

.f-checkbox, .f-radio {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.f-textfield--has-type {
    -webkit-padding-start: 2.5rem !important;
    padding-inline-start: 2.5rem !important
}

.f-label {
    display: block
}

.f-label--disabled {
    opacity: 50%;
    pointer-events: none
}

.f-label--checkbox .f-label-inner {
    cursor: pointer;
    display: block;
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem;
    position: relative;
    transition: opacity .15s ease-in-out;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: bottom
}

    .f-label--checkbox .f-label-inner:focus .f-badge, .f-label--checkbox .f-label-inner:focus .f-label__text, .f-label--checkbox .f-label-inner:focus:after, .f-label--checkbox .f-label-inner:hover .f-badge, .f-label--checkbox .f-label-inner:hover .f-label__text, .f-label--checkbox .f-label-inner:hover:after {
        opacity: 75%
    }

    .f-label--checkbox .f-label-inner:after, .f-label--checkbox .f-label-inner:before {
        background-color: #fff;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        block-size: 18px;
        border: 1px solid #bdbdbd;
        border: 1px solid var(--color-grey-400);
        content: "";
        display: block;
        inline-size: 18px;
        inset-block-start: 0;
        inset-inline-start: 0;
        line-height: 18px;
        -webkit-margin-before: 1px;
        margin-block-start: 1px;
        overflow: hidden;
        position: absolute;
        text-align: center;
        z-index: 0
    }

    .f-label--checkbox .f-label-inner:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='var(--brand-color-2)' d='M435.848 83.466 172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0'/%3E%3C/svg%3E");
        block-size: 12px;
        border: none;
        inline-size: 12px;
        line-height: 12px;
        -webkit-margin-before: 4px;
        margin-block-start: 4px;
        -webkit-margin-start: 3px;
        margin-inline-start: 3px;
        opacity: 0;
        z-index: 10
    }

.f-label--checkbox input:checked + .f-label-inner:after {
    border-color: #757575;
    border-color: var(--color-grey-600)
}

.f-label--checkbox input:checked + .f-label-inner:before {
    opacity: 100%
}

.f-label--checkbox input:focus + .f-label-inner:after {
    outline: 2px solid #000
}

.f-label--radio .f-label-inner {
    cursor: pointer;
    display: block;
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem;
    position: relative;
    transition: opacity 1.5s ease-in-out;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: bottom
}

    .f-label--radio .f-label-inner:focus .f-badge, .f-label--radio .f-label-inner:focus .f-label__text, .f-label--radio .f-label-inner:focus:after, .f-label--radio .f-label-inner:hover .f-badge, .f-label--radio .f-label-inner:hover .f-label__text, .f-label--radio .f-label-inner:hover:after {
        opacity: 75%
    }

    .f-label--radio .f-label-inner:after, .f-label--radio .f-label-inner:before {
        background-color: #fff;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        block-size: 18px;
        border: 1px solid #bdbdbd;
        border: 1px solid var(--color-grey-400);
        border-radius: 9999px;
        content: "";
        display: block;
        inline-size: 18px;
        inset-block-start: 0;
        inset-inline-start: 0;
        line-height: 18px;
        -webkit-margin-before: 1px;
        margin-block-start: 1px;
        overflow: hidden;
        position: absolute;
        text-align: center;
        z-index: 0
    }

    .f-label--radio .f-label-inner:before {
        background-color: #fff;
        background-color: var(--color-brand-2);
        block-size: 12px;
        border: none;
        border-radius: 99999px;
        inline-size: 12px;
        line-height: 12px;
        -webkit-margin-before: 4px;
        margin-block-start: 4px;
        -webkit-margin-start: 3px;
        margin-inline-start: 3px;
        opacity: 0;
        z-index: 10
    }

.f-label--radio input:checked + .f-label-inner:after {
    border-color: #e0e0e0;
    border-color: var(--color-grey-500)
}

.f-label--radio input:checked + .f-label-inner:before {
    opacity: 100%
}

.f-label--radio input:focus + .f-label-inner:after {
    outline: 2px solid #000
}

.band--overview {
    overflow: auto;
    z-index: 10
}

.f-overview {
    -webkit-margin-after: 2.5rem;
    margin-block-end: 2.5rem
}

@media (min-width:48em) {
    .f-overview {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: nowrap
    }

    .f-overview__filter {
        inline-size: 25%;
        min-inline-size: 12.5rem
    }

    .f-overview__content {
        inline-size: 75%;
        -webkit-padding-start: 5rem;
        padding-inline-start: 5rem
    }
}

.f-tag-sort-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    inline-size: 100%
}

@media (min-width:48em) {
    .f-tag-sort-container {
        flex-wrap: nowrap;
        justify-content: flex-end
    }
}

.f-sort-container, .f-tags {
    inline-size: 100%
}

@media (min-width:48em) {
    .f-sort-container {
        inline-size: 50%;
        -webkit-padding-start: 1rem;
        padding-inline-start: 1rem;
        -webkit-padding-start: var(--spacing);
        padding-inline-start: var(--spacing)
    }
}

@media (min-width:62em) {
    .f-sort-container {
        inline-size: 33%
    }
}

.f-popover {
    block-size: 1rem;
    display: inline-block;
    inline-size: 1rem;
    position: relative;
    z-index: 30
}

.f-popover__trigger {
    align-items: center;
    color: #0061ac;
    color: var(--color-brand-1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-margin-start: .125rem;
    margin-inline-start: .125rem;
    position: relative
}

    .f-popover__trigger:after {
        background-color: transparent;
        content: "";
        display: block;
        inset: -.3125rem;
        position: absolute;
        z-index: -1
    }

.f-popover__icon {
    display: inline-block;
    inline-size: 100%
}

.f-popover svg {
    fill: currentColor;
    inset-block-start: auto;
    -webkit-transform: none;
    transform: none
}

.f-popover__tooltip {
    display: block !important;
    font-size: clamp(.625rem,.227vw + .58rem,.75rem);
    font-size: var(--fontsize-minitext);
    max-inline-size: 300px;
    z-index: 10000
}

    .f-popover__tooltip .tooltip-inner {
        background: #000;
        border-radius: 4px;
        color: #fff;
        padding: 5px 10px 4px
    }

    .f-popover__tooltip .tooltip-arrow {
        block-size: 0;
        border: solid;
        border-color: #000;
        inline-size: 0;
        margin-block: .5rem;
        position: absolute;
        z-index: 1
    }

    .f-popover__tooltip[x-placement^=top] {
        -webkit-margin-after: .5rem;
        margin-block-end: .5rem
    }

        .f-popover__tooltip[x-placement^=top] .tooltip-arrow {
            border-block-end-color: transparent !important;
            border-inline-end-color: transparent !important;
            border-inline-start-color: transparent !important;
            border-width: 5px 5px 0;
            inset-block-end: -5px;
            inset-inline-start: calc(50% - 5px);
            margin-block: 0;
            margin-inline: 0
        }

    .f-popover__tooltip[x-placement^=bottom] {
        -webkit-margin-before: .5rem;
        margin-block-start: .5rem
    }

        .f-popover__tooltip[x-placement^=bottom] .tooltip-arrow {
            border-block-start-color: transparent !important;
            border-inline-end-color: transparent !important;
            border-inline-start-color: transparent !important;
            border-width: 0 5px 5px;
            inset-block-start: -5px;
            inset-inline-start: calc(50% - 5px);
            -webkit-margin-after: 0;
            margin-block-end: 0;
            -webkit-margin-before: 0;
            margin-block-start: 0
        }

    .f-popover__tooltip[x-placement^=right] {
        -webkit-margin-start: .5rem;
        margin-inline-start: .5rem
    }

        .f-popover__tooltip[x-placement^=right] .tooltip-arrow {
            border-block-end-color: transparent !important;
            border-block-start-color: transparent !important;
            border-inline-start-color: transparent !important;
            border-width: 5px 5px 5px 0;
            inset-block-start: calc(50% - 5px);
            inset-inline: -5px;
            -webkit-margin-end: 0;
            margin-inline-end: 0;
            -webkit-margin-start: 0;
            margin-inline-start: 0
        }

    .f-popover__tooltip[x-placement^=left] {
        -webkit-margin-end: .5rem;
        margin-inline-end: .5rem
    }

        .f-popover__tooltip[x-placement^=left] .tooltip-arrow {
            border-block-end-color: transparent !important;
            border-block-start-color: transparent !important;
            border-inline-end-color: transparent !important;
            border-width: 5px 0 5px 5px;
            inset-block-start: calc(50% - 5px);
            inset-inline-end: -5px;
            -webkit-margin-end: 0;
            margin-inline-end: 0;
            -webkit-margin-start: 0;
            margin-inline-start: 0
        }

    .f-popover__tooltip.popover-inner {
        background: #f9f9f9;
        border-radius: 5px;
        box-shadow: 0 5px 30px rgba(0,0,0,.1);
        color: #000;
        padding: 24px
    }

    .f-popover__tooltip.popover-arrow {
        border-color: #f9f9f9
    }

    .f-popover__tooltip[aria-hidden=true] {
        opacity: 0;
        transition: opacity .15s,visibility .15s;
        visibility: hidden
    }

    .f-popover__tooltip[aria-hidden=false] {
        opacity: 0;
        transition: opacity .15s;
        visibility: visible
    }

.f-query {
    -webkit-margin-after: 2.5rem;
    margin-block-end: 2.5rem;
    position: relative
}

.f-query__input[type=text] {
    -webkit-padding-end: 2.5rem;
    padding-inline-end: 2.5rem
}

.f-query__input:focus + .f-query__icon, .f-query__input:hover + .f-query__icon {
    opacity: 100%
}

.f-query__icon {
    block-size: 1.5rem;
    inline-size: 1.5rem;
    inset-block-start: 50%;
    inset-inline-end: 0;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem;
    opacity: 50%;
    pointer-events: none;
    position: absolute
}

    .f-query__icon svg {
        fill: currentColor;
        inline-size: 100%;
        inset-block-start: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.vue-slider {
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem;
    -webkit-margin-after: var(--spacing);
    margin-block-end: var(--spacing);
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem;
    -webkit-margin-before: var(--spacing);
    margin-block-start: var(--spacing)
}

@media screen and (max-width:47.9375rem) {
    .vue-slider {
        inline-size: calc(100% - 10px) !important
    }
}

.vue-slider-disabled {
    cursor: not-allowed;
    opacity: 50%
}

.vue-slider-rail {
    background-color: #ededed;
    background-color: var(--color-grey-300);
    border-radius: .25rem
}

.vue-slider-process {
    background-color: #fff;
    background-color: var(--color-brand-2);
    border-radius: .25rem
}

.vue-slider-mark {
    display: none;
    z-index: 4
}

    .vue-slider-mark:first-child .vue-slider-mark-mark-step, .vue-slider-mark:last-child .vue-slider-mark-mark-step {
        display: none
    }

.vue-slider-mark-step {
    background-color: rgba(0,0,0,.16);
    block-size: 100%;
    border-radius: 50%;
    inline-size: 100%
}

.vue-slider-mark-label {
    font-size: 14px;
    -webkit-margin-before: 4px;
    margin-block-start: 4px;
    white-space: nowrap
}

.vue-slider-dot-handle {
    background-color: #fff;
    block-size: 100%;
    border-radius: 9999px;
    box-shadow: .5px .5px 2px 1px rgba(0,0,0,.32);
    cursor: -webkit-grab;
    cursor: grab;
    inline-size: 100%
}

.vue-slider-dot-handle-focus {
    box-shadow: 0 0 1px 2px rgba(52,152,219,.36)
}

.vue-slider-dot-handle-disabled {
    background-color: #ccc;
    cursor: not-allowed
}

.vue-slider-dot-tooltip-inner {
    background-color: #fff;
    background-color: var(--color-brand-2);
    border-color: #fff;
    border-color: var(--color-brand-2);
    border-radius: 5px;
    box-sizing: content-box;
    color: #fff;
    font-size: 14px;
    min-inline-size: 20px;
    padding: 2px 5px;
    text-align: center;
    white-space: nowrap
}

    .vue-slider-dot-tooltip-inner:after {
        content: "";
        position: absolute
    }

.vue-slider-dot-tooltip-inner-top:after {
    border-block-start-color: inherit;
    border: 5px solid transparent;
    inset-block-start: 100%
}

.vue-slider-dot-tooltip-inner-bottom:after, .vue-slider-dot-tooltip-inner-top:after {
    block-size: 0;
    inline-size: 0;
    inset-inline-start: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.vue-slider-dot-tooltip-inner-bottom:after {
    border-block-end-color: inherit;
    border: 5px solid transparent;
    inset-block-end: 100%
}

.vue-slider-dot-tooltip-inner-left:after {
    border-inline-start-color: inherit;
    border: 5px solid transparent;
    inset-inline-start: 100%
}

.vue-slider-dot-tooltip-inner-left:after, .vue-slider-dot-tooltip-inner-right:after {
    block-size: 0;
    inline-size: 0;
    inset-block-start: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.vue-slider-dot-tooltip-inner-right:after {
    border-inline-end-color: inherit;
    border: 5px solid transparent;
    inset-inline-end: 100%
}

.vue-slider-dot-tooltip-wrapper {
    opacity: 0;
    transition: all .3s
}

.vue-slider-dot-tooltip-wrapper-show {
    opacity: 100%
}

.f-tags {
    align-items: flex-start;
    background-color: #f4f4f4;
    border-radius: 6px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: clamp(.625rem,.227vw + .58rem,.75rem);
    font-size: var(--fontsize-minitext);
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem;
    -webkit-margin-after: var(--spacing);
    margin-block-end: var(--spacing);
    padding: .625rem .1875rem .125rem .625rem
}

@media (max-width:47.9375em) {
    .f-tags {
        flex-wrap: wrap;
        inline-size: 100%;
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }
}

.f-tags__list {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.f-tags__title {
    flex-shrink: 0;
    font-weight: 700;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem;
    -webkit-padding-before: .25rem;
    padding-block-start: .25rem
}

@media (max-width:47.9375em) {
    .f-tags__title {
        inline-size: 100%;
        -webkit-padding-before: 0;
        padding-block-start: 0
    }
}

.f-tags__tag {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-color: var(--color-brand-2);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'%3E%3Cpath fill='%23fff' d='m242.72 256 100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48z'/%3E%3C/svg%3E");
    background-position: calc(100% - 7px) 50%;
    background-repeat: no-repeat;
    background-size: .5rem;
    border: none;
    border-radius: .25rem;
    color: #fff;
    cursor: pointer;
    font-size: clamp(.625rem,.227vw + .58rem,.75rem);
    font-size: var(--fontsize-minitext);
    -webkit-margin-after: .5rem;
    margin-block-end: .5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem;
    padding: .25rem 1.25rem .25rem .75rem;
    transition: all 60ms ease-in-out
}

    .f-tags__tag:hover {
        background-color: #ffffffcc;
        background-color: var(--color-brand-2-light)
    }

.f-toggle-group {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: block;
    inline-size: 100%;
    inset: 0;
    -webkit-padding-end: 24px;
    padding-inline-end: 24px;
    position: absolute;
    z-index: 20
}

    .f-toggle-group[aria-expanded]:after {
        block-size: .75rem;
        border-color: #fff;
        border-color: var(--color-brand-2);
        border-radius: 0 2px 0 0;
        border-style: solid;
        border-width: 3px 3px 0 0;
        content: "";
        display: block;
        inline-size: .75rem;
        inset-block-start: 50%;
        inset-inline-end: 5px;
        position: absolute;
        -webkit-transform: rotate(135deg) translateY(50%);
        transform: rotate(135deg) translateY(50%);
        -webkit-transform-origin: 66.66% 33.33%;
        transform-origin: 66.66% 33.33%;
        transition: all .1s ease-in-out
    }

    .f-toggle-group[aria-expanded=true]:after {
        border-color: #fff;
        border-color: var(--color-brand-2);
        -webkit-transform: rotate(-45deg) translateY(-50%);
        transform: rotate(-45deg) translateY(-50%)
    }

.f-toggle-options {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    color: #fff;
    color: var(--color-brand-2);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-margin-before: .75rem;
    margin-block-start: .75rem;
    -webkit-margin-before: var(--spacing-sm);
    margin-block-start: var(--spacing-sm);
    padding: 0;
    text-decoration: underline
}

    .f-toggle-options:hover {
        color: #0061ac;
        color: var(--color-brand-1)
    }

.f-toggle {
    display: none
}

@media (max-width:47.9375em) {
    .f-toggle {
        background: #fff;
        box-shadow: 0 0 15px rgba(50,50,50,.2);
        display: block;
        inline-size: 100%;
        inset-block-end: 0;
        inset-inline-end: 0;
        inset-inline-start: 0;
        padding: 1rem;
        padding: var(--spacing);
        position: fixed;
        z-index: 30
    }
}

.f-toggle__text {
    display: block;
    inline-size: 100%
}

.card--is-clickable {
    cursor: pointer
}

@media (max-width:47.9375em) {
    .f-filters {
        background-color: #fff;
        display: block;
        inset: 0;
        overflow: scroll;
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
        padding: 1rem;
        padding: var(--spacing);
        -webkit-padding-after: 4rem;
        padding-block-end: 4rem;
        -webkit-padding-after: var(--spacing-4xl);
        padding-block-end: var(--spacing-4xl);
        -webkit-padding-before: 4rem;
        padding-block-start: 4rem;
        -webkit-padding-before: var(--spacing-4xl);
        padding-block-start: var(--spacing-4xl);
        pointer-events: auto;
        position: fixed;
        -webkit-transform: translateY(2rem);
        transform: translateY(2rem);
        -webkit-transform: translateY(var(--spacing-2xl));
        transform: translateY(var(--spacing-2xl));
        transition: all .2s ease-in-out;
        z-index: 20
    }

        .f-filters[hidden] {
            display: block !important;
            opacity: 0;
            pointer-events: none;
            visibility: hidden
        }

        .f-filters:not([hidden]) {
            opacity: 100%;
            -webkit-padding-after: 6.25rem;
            padding-block-end: 6.25rem;
            -webkit-transform: translateY(0);
            transform: translateY(0);
            visibility: visible
        }
}

.f-results {
    font-weight: 700;
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem;
    -webkit-margin-after: var(--spacing);
    margin-block-end: var(--spacing)
}

.f-description, .f-results {
    font-size: clamp(.875rem,.227vw + .83rem,1rem);
    font-size: var(--fontsize-smalltext)
}

.f-description {
    color: #616161;
    color: var(--color-grey-700);
    -webkit-margin-after: .75rem;
    margin-block-end: .75rem;
    -webkit-margin-after: var(--spacing-sm);
    margin-block-end: var(--spacing-sm)
}

.f-description--option {
    font-size: clamp(.625rem,.227vw + .58rem,.75rem);
    font-size: var(--fontsize-minitext);
    -webkit-padding-start: 1.6rem;
    padding-inline-start: 1.6rem;
    -webkit-padding-start: var(--spacing-xl);
    padding-inline-start: var(--spacing-xl)
}

.f-group {
    display: block;
    -webkit-margin-after: 2rem;
    margin-block-end: 2rem;
    -webkit-margin-after: var(--spacing-2xl);
    margin-block-end: var(--spacing-2xl)
}

    .f-group .f-group--subgroup {
        border-style: none;
        -webkit-margin-after: 1rem;
        margin-block-end: 1rem;
        -webkit-margin-after: var(--spacing);
        margin-block-end: var(--spacing);
        -webkit-margin-before: 1rem;
        margin-block-start: 1rem;
        -webkit-margin-before: var(--spacing);
        margin-block-start: var(--spacing);
        -webkit-margin-start: 1.6rem;
        margin-inline-start: 1.6rem;
        -webkit-margin-start: var(--spacing-xl);
        margin-inline-start: var(--spacing-xl);
        -webkit-padding-after: 0;
        padding-block-end: 0
    }

.f-group__title {
    font-size: clamp(.875rem,.227vw + .83rem,1rem);
    font-size: var(--fontsize-smalltext);
    font-weight: 700;
    -webkit-margin-after: .5rem;
    margin-block-end: .5rem;
    -webkit-margin-after: var(--spacing-xs);
    margin-block-end: var(--spacing-xs);
    position: relative
}

@media (min-width:48em) {
    .f-group__title {
        font-size: 1rem;
        font-size: var(--fontsize-default)
    }
}

:root {
    --icon-size-default: 2rem;
    --icon-size-sm: 1.5rem;
    --icon-size-xs: 1.125rem
}

.icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .icon svg {
        fill: currentColor;
        inline-size: 100%;
        max-block-size: 100%;
        max-inline-size: 100%;
        position: relative
    }

:root {
    --flow-spacing: var(--spacing-xs)
}

.flow > * + * {
    -webkit-margin-before: .5rem;
    margin-block-start: .5rem;
    -webkit-margin-before: var(--flow-spacing,1em);
    margin-block-start: var(--flow-spacing,1em)
}

.divider {
    block-size: 0;
    border: 0;
    -webkit-border-before: 2px solid rgba(0,0,0,.1);
    border-block-start: 2px solid rgba(0,0,0,.1);
    display: block;
    inline-size: 100%
}

.opacity-10 {
    opacity: 10%
}

.opacity-20 {
    opacity: 20%
}

.opacity-30 {
    opacity: 30%
}

.opacity-40 {
    opacity: 40%
}

.opacity-50 {
    opacity: 50%
}

.opacity-60 {
    opacity: 60%
}

.opacity-70 {
    opacity: 70%
}

.opacity-80 {
    opacity: 80%
}

.opacity-90 {
    opacity: 90%
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.card--default {
    --_card--default-bgcolor: transparent;
    --_card--default-spacing: var(--spacing-lg);
    --_card--default-flow-spacing: var(--_card--default-spacing);
    --_card--default-btn-bgcolor: transparent;
    --_card--default-btn-bordercolor: transparent;
    --_card--default-btn-textcolor: var(--color-brand-2);
    --_card--default-date-color: var(--color-grey-800);
    --_card--default-link-hover: var(--color-brand-1);
    background-color: transparent;
    background-color: var(--_card--default-bgcolor);
    gap: 1rem !important;
    gap: var(--spacing) !important;
    grid-template: "image" 250px "date" 10px "content" auto;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

    .card--default .card__image {
        grid-area: image/image;
        max-block-size: 250px;
        overflow: hidden
    }

        .card--default .card__image img {
            block-size: 100%;
            max-block-size: 250px;
            transition: all .3s ease-in-out;
            will-change: tranform
        }

    .card--default:hover {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

        .card--default:hover .card__content .rte h3, .card--default:hover .card__content .rte h3 a {
            color: var(--_card--default-link-hover) !important
        }

        .card--default:hover a {
            height: 100%
        }

    .card--default .card__tags {
        align-self: end;
        grid-area: image/image;
        padding: 1.6rem;
        padding: var(--spacing-xl);
        z-index: 1
    }

    .card--default .card__content {
        block-size: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        inline-size: 100%
    }

        .card--default .card__content .rte {
            --flow-spacing: var(--_card--default-spacing);
            flex-grow: 1
        }

            .card--default .card__content .rte h2, .card--default .card__content .rte h3, .card--default .card__content .rte h4 {
                font-size: clamp(1.25rem,.455vw + 1.159rem,1.5rem);
                font-size: var(--fontsize-introtext)
            }

            .card--default .card__content .rte a {
                --color-link: var(--color-text)
            }

    .card--default .button:not([class*=button--]) {
        background-color: var(--_card--default-btn-bgcolor);
        border-color: var(--_card--default-btn-bordercolor);
        color: var(--_card--default-btn-textcolor);
        font-weight: 700;
        justify-content: flex-start;
        text-align: start;
        text-decoration: underline;
        text-underline-offset: .75rem
    }

    .card--default .card__date {
        color: var(--_card--default-date-color);
        display: block;
        font-size: clamp(.875rem,.227vw + .83rem,1rem);
        font-size: var(--fontsize-smalltext)
    }

.band--bgcolor-1 .card--default .card__date {
    --_card--default-date-color: var(--color-white)
}

.card--background-image {
    --_card--background-image-overlay: linear-gradient(180deg,transparent 0%,rgba(0,0,0,.7));
    --_card--background-image-spacing: var(--spacing-xl);
    --_card--background-image-title-color: var(--color-white);
    --_card--background-image-text-color: var(--color-white);
    display: grid;
    grid-template-areas: "overlap";
    overflow: hidden;
    position: relative
}

    .card--background-image:hover .card__image {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .card--background-image .card__image {
        block-size: 100%;
        grid-area: overlap;
        inline-size: 100%;
        position: relative;
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
    }

        .card--background-image .card__image:before {
            background: var(--_card--background-image-overlay);
            content: "";
            inset: 0;
            position: absolute;
            z-index: 1
        }

        .card--background-image .card__image img {
            block-size: 100%;
            inline-size: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

    .card--background-image .card__content {
        align-content: center;
        align-self: end;
        block-size: 100%;
        grid-area: overlap;
        inline-size: 100%;
        padding: var(--_card--background-image-spacing);
        position: relative;
        z-index: 2
    }

        .card--background-image .card__content .rte h3 {
            --color-titles: var(--_card--background-image-title-color);
            font-size: clamp(1.375rem,1.136vw + 1.148rem,2rem);
            font-size: var(--fontsize-title-preset-3);
            line-height: 1.2;
            -webkit-margin-after: .75rem;
            margin-block-end: .75rem;
            -webkit-margin-after: var(--spacing-sm);
            margin-block-end: var(--spacing-sm)
        }

            .card--background-image .card__content .rte h3 a {
                color: var(--_card--background-image-title-color);
                text-decoration: none
            }

                .card--background-image .card__content .rte h3 a:hover {
                    text-decoration: underline
                }

        .card--background-image .card__content .rte p {
            color: var(--_card--background-image-text-color);
            font-size: clamp(1rem,.227vw + .955rem,1.125rem);
            font-size: var(--fontsize-bodytext);
            line-height: 1.4
        }

    .card--background-image .card__buttons {
        align-self: end;
        grid-area: overlap;
        -webkit-margin-before: .75rem;
        margin-block-start: .75rem;
        -webkit-margin-before: var(--spacing-sm);
        margin-block-start: var(--spacing-sm);
        padding: var(--_card--background-image-spacing);
        position: relative;
        z-index: 2
    }

.card--content {
    --card-bgcolor: var(--color-white);
    --card-spacing: clamp(1.875rem,1.648rem + 1.14vi,2.5rem);
    --color-titles: var(--color-bodytext);
    background-color: #fff;
    background-color: var(--card-bgcolor);
    border-radius: .125rem;
    border-radius: var(--theme-border-radius);
    grid-template-areas: "content" "buttons";
    padding: clamp(1.875rem,1.648rem + 1.14vi,2.5rem);
    padding: var(--card-spacing)
}

    .card--content .card__content {
        -webkit-padding-before: 0;
        padding-block-start: 0
    }

    .card--content.card--has-shadow {
        box-shadow: 0 34px 44px rgba(0,0,0,.14)
    }

    .card--content .buttongroup {
        -webkit-margin-before: 1.6rem;
        margin-block-start: 1.6rem;
        -webkit-margin-before: var(--spacing-xl);
        margin-block-start: var(--spacing-xl)
    }

    .card--content .rte {
        --color-link: var(--color-text);
        --color-link-hover: var(--color-link)
    }

        .card--content .rte h3 + h2, .card--content .rte h4 + h2, .card--content .rte h5 + h2 {
            -webkit-margin-before: 0;
            margin-block-start: 0
        }

    .card--content .button:not([class*=button--color]) {
        --btn-bgcolor: var(--color-brand-2);
        --btn-bordercolor: var(--btn-bgcolor);
        --btn-textcolor: var(--color-white)
    }

    .card--content.card--bgcolor-1 {
        --card-bgcolor: var(--color-brand-1);
        --color-titles: var(--color-white);
        --color-title-emphasis: var(--color-white);
        --list-accent: var(--color-white)
    }

        .card--content.card--bgcolor-1 .rte {
            --color-text: var(--color-white)
        }

    .card--content.card--bgcolor-2 {
        --card-bgcolor: var(--color-brand-2);
        --color-titles: var(--color-white);
        --color-title-emphasis: var(--color-white);
        --list-accent: var(--color-white)
    }

        .card--content.card--bgcolor-2 .rte {
            --color-text: var(--color-white)
        }

    .card--content.card--bgcolor-black {
        --card-bgcolor: var(--color-black);
        --color-titles: var(--color-white);
        --color-title-emphasis: var(--color-white);
        --list-accent: var(--color-white)
    }

        .card--content.card--bgcolor-black .rte {
            --color-text: var(--color-white)
        }

    .card--content.card--bgcolor-2, .card--content.card--bgcolor-white {
        --card-bgcolor: var(--color-white);
        --color-titles: var(--color-black);
        --color-title-emphasis: var(--color-black);
        --list-accent: var(--color-black)
    }

        .card--content.card--bgcolor-2 .rte, .card--content.card--bgcolor-white .rte {
            --color-text: var(--color-black)
        }

.card--shop-item {
    grid-template: "image" clamp(12.813rem,10.227vw + 10.767rem,18.438rem) "content" -webkit-min-content;
    grid-template: "image" clamp(12.813rem,10.227vw + 10.767rem,18.438rem) "content" min-content
}

    .card--shop-item:hover .card__image img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .card--shop-item .card__image {
        background-color: #f6f6f6;
        background-color: var(--color-grey-200);
        block-size: 100%;
        grid-area: image/image;
        margin: auto;
        max-block-size: clamp(12.813rem,10.227vw + 10.767rem,18.438rem);
        overflow: hidden
    }

[class*=band--bgcolor-] .card--shop-item .card__image {
    background-color: #fff;
    background-color: var(--color-white)
}

.band--bgcolor-white .card--shop-item .card__image {
    background-color: #f6f6f6;
    background-color: var(--color-grey-200)
}

.card--shop-item .card__image picture {
    align-items: center;
    block-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.card--shop-item .card__image img {
    block-size: unset;
    inline-size: unset;
    max-block-size: 100%;
    max-inline-size: 100%;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.card--shop-item .card__content {
    justify-items: center
}

    .card--shop-item .card__content h4 {
        font-family: MarkOT,Roboto,Helvetica,Arial,sans-serif;
        font-family: var(--fontfamily-default);
        font-size: clamp(1rem,.227vw + .955rem,1.125rem);
        font-size: var(--fontsize-bodytext);
        text-align: center;
        text-transform: none;
        text-wrap-style: pretty
    }

.card--shop-category {
    grid-template: "image" clamp(12.813rem,10.227vw + 10.767rem,18.438rem) "content" -webkit-min-content;
    grid-template: "image" clamp(12.813rem,10.227vw + 10.767rem,18.438rem) "content" min-content
}

    .card--shop-category .card__image {
        block-size: 100%;
        grid-area: image/image;
        margin: auto;
        max-block-size: clamp(12.813rem,10.227vw + 10.767rem,18.438rem)
    }

[class*=band--bgcolor-] .card--shop-category .card__image {
    background-color: #fff;
    background-color: var(--color-white)
}

.band--bgcolor-white .card--shop-category .card__image {
    background-color: #f6f6f6;
    background-color: var(--color-grey-200)
}

.card--shop-category .card__image picture {
    align-items: center;
    block-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    inline-size: 100%;
    justify-content: center
}

.card--shop-category .card__image img {
    max-block-size: 100%;
    max-inline-size: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card--shop-category .card__content {
    justify-items: center
}

    .card--shop-category .card__content h3 {
        font-family: MarkOT,Roboto,Helvetica,Arial,sans-serif;
        font-family: var(--fontfamily-default);
        font-size: clamp(1rem,.227vw + .955rem,1.125rem);
        font-size: var(--fontsize-bodytext);
        text-align: center;
        text-transform: none;
        text-wrap-style: pretty
    }

.card.card--player {
    --_card-max-inline-size: 37.5rem;
    --_card-gap: 0;
    grid-template: "image" auto "content" auto "buttons" auto;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.swiper-slide-active .card.card--player {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.card.card--player .card__player-number {
    align-items: center;
    block-size: clamp(3.125rem,2.841vw + 2.557rem,4.688rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Europa Title,Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--fontfamily-title);
    font-size: clamp(1.375rem,1.136vw + 1.148rem,2rem);
    font-size: var(--fontsize-title-preset-3);
    font-weight: 700;
    font-weight: var(--fontweight-default-strong);
    grid-area: image/image;
    inline-size: clamp(3.125rem,2.841vw + 2.557rem,4.688rem);
    justify-content: center;
    margin: 2rem;
    margin: var(--spacing-2xl);
    mix-blend-mode: difference;
    opacity: 0;
    position: relative;
    transition: opacity .9s ease-in-out;
    transition-delay: .3s;
    z-index: 1
}

.swiper-slide-active .card.card--player .card__player-number {
    opacity: 100%
}

.card.card--player .card__player-number:after {
    background-color: currentColor;
    block-size: clamp(3.125rem,2.841vw + 2.557rem,4.688rem);
    content: "";
    inline-size: clamp(3.125rem,2.841vw + 2.557rem,4.688rem);
    inset-block-start: 50%;
    inset-inline-start: 50%;
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 367 384'%3E%3Cpath d='M336.354 211.862c1.613 10.682 3.378 20.504 4.923 29.189 2.782 15.673 4.923 28.062 4.923 36.471 0 15.8-5.384 28.055-13.636 37.677q-.076.095-.153.187l-.077.09-.129.15-.45.532-.062.043c-18.05 20.02-49.454 27.62-67.598 31.729l-4.428 1.017-10.2 2.055-.044.008c-16.157 3.061-40.758 7.276-56.223 22.571l-9.862 9.752-9.865-9.751c-15.472-15.295-40.067-19.513-56.273-22.58l-10.199-2.054-4.437-1.018c-17.614-3.993-47.747-11.306-65.923-29.963h-.174l-2.341-2.724c-8.269-9.624-13.665-21.901-13.665-37.721 0-8.409 2.139-20.8 4.928-36.476 1.686-9.46 3.616-20.305 5.344-32.105l-1.323 9.032.013-.023 1.316-9.006c2.704-18.504 4.93-39.481 4.93-61.492 0-22.896-13.707-54.395-25.614-66.166L0 71.334 64.622 7.375 72.076.002l9.177 5.059C110.58 21.214 146.832 30.07 183.337 30.07c36.493 0 72.751-8.856 102.073-25.009L294.584 0l72.083 71.335-10.056 9.949c-11.907 11.777-25.617 43.273-25.617 66.168 0 22.007 2.228 42.993 4.934 61.496zm-291.158 6.111c-1.469 9.386-3.016 18.082-4.401 25.854-2.578 14.489-4.683 25.923-4.683 33.695 0 11.483 3.848 20.42 9.85 27.405l-5.899 12.998v.042l5.914-13.044c15.512 18.027 43.96 23.987 60.045 27.633l4.252.975 9.908 1.996c18.202 3.445 45.346 9.001 63.154 25.743 17.802-16.741 44.95-22.295 63.148-25.743l9.907-1.995 4.245-.976.012-.003c15.86-3.591 43.724-9.424 59.467-26.96l.51-.592c6.042-7 9.923-15.952 9.923-27.479 0-7.773-2.107-19.208-4.678-33.694-1.384-7.781-2.94-16.462-4.413-25.85h-.029l-.002-.013.021-.05q-.29-1.845-.573-3.726l-.431-2.944c-2.806-19.194-5.1-40.964-5.1-63.793 0-26.009 15.369-61.385 29.019-76.09l-52.458-51.915C260.6 36.441 222.102 45.833 183.337 45.833c-38.778 0-77.27-9.392-108.58-26.387L22.302 71.362c13.651 14.701 29.019 50.08 29.019 76.09 0 22.832-2.292 44.593-5.097 63.787l-.984 6.734zm286.544 98.106a8 8 0 0 0 .247-.234l.05-.055.065-.064.089-.094-.02.009.267-.299-5.88 2.7v.012l5.613-2.413-.134.149zm-10.832-11.363.006.015.39-.399q-.2.18-.382.369zm.02.047.011.025 1.077-1.012zm.498-86.798-.006.013-.984-6.734q.216 1.483.438 2.945z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat center/contain;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 367 384'%3E%3Cpath d='M336.354 211.862c1.613 10.682 3.378 20.504 4.923 29.189 2.782 15.673 4.923 28.062 4.923 36.471 0 15.8-5.384 28.055-13.636 37.677q-.076.095-.153.187l-.077.09-.129.15-.45.532-.062.043c-18.05 20.02-49.454 27.62-67.598 31.729l-4.428 1.017-10.2 2.055-.044.008c-16.157 3.061-40.758 7.276-56.223 22.571l-9.862 9.752-9.865-9.751c-15.472-15.295-40.067-19.513-56.273-22.58l-10.199-2.054-4.437-1.018c-17.614-3.993-47.747-11.306-65.923-29.963h-.174l-2.341-2.724c-8.269-9.624-13.665-21.901-13.665-37.721 0-8.409 2.139-20.8 4.928-36.476 1.686-9.46 3.616-20.305 5.344-32.105l-1.323 9.032.013-.023 1.316-9.006c2.704-18.504 4.93-39.481 4.93-61.492 0-22.896-13.707-54.395-25.614-66.166L0 71.334 64.622 7.375 72.076.002l9.177 5.059C110.58 21.214 146.832 30.07 183.337 30.07c36.493 0 72.751-8.856 102.073-25.009L294.584 0l72.083 71.335-10.056 9.949c-11.907 11.777-25.617 43.273-25.617 66.168 0 22.007 2.228 42.993 4.934 61.496zm-291.158 6.111c-1.469 9.386-3.016 18.082-4.401 25.854-2.578 14.489-4.683 25.923-4.683 33.695 0 11.483 3.848 20.42 9.85 27.405l-5.899 12.998v.042l5.914-13.044c15.512 18.027 43.96 23.987 60.045 27.633l4.252.975 9.908 1.996c18.202 3.445 45.346 9.001 63.154 25.743 17.802-16.741 44.95-22.295 63.148-25.743l9.907-1.995 4.245-.976.012-.003c15.86-3.591 43.724-9.424 59.467-26.96l.51-.592c6.042-7 9.923-15.952 9.923-27.479 0-7.773-2.107-19.208-4.678-33.694-1.384-7.781-2.94-16.462-4.413-25.85h-.029l-.002-.013.021-.05q-.29-1.845-.573-3.726l-.431-2.944c-2.806-19.194-5.1-40.964-5.1-63.793 0-26.009 15.369-61.385 29.019-76.09l-52.458-51.915C260.6 36.441 222.102 45.833 183.337 45.833c-38.778 0-77.27-9.392-108.58-26.387L22.302 71.362c13.651 14.701 29.019 50.08 29.019 76.09 0 22.832-2.292 44.593-5.097 63.787l-.984 6.734zm286.544 98.106a8 8 0 0 0 .247-.234l.05-.055.065-.064.089-.094-.02.009.267-.299-5.88 2.7v.012l5.613-2.413-.134.149zm-10.832-11.363.006.015.39-.399q-.2.18-.382.369zm.02.047.011.025 1.077-1.012zm.498-86.798-.006.013-.984-6.734q.216 1.483.438 2.945z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat center/contain;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1
}

.card.card--player .card__image {
    block-size: 100%;
    grid-area: image/image;
    margin: auto;
    -webkit-mask-image: -webkit-gradient(linear,left top,left bottom,color-stop(70%,#000),to(transparent));
    -webkit-mask-image: linear-gradient(180deg,#000 70%,transparent);
    mask-image: -webkit-gradient(linear,left top,left bottom,color-stop(70%,#000),to(transparent));
    mask-image: linear-gradient(180deg,#000 70%,transparent)
}

    .card.card--player .card__image img {
        max-block-size: 53.125rem;
        -o-object-fit: contain;
        object-fit: contain
    }

.card.card--player .card__content {
    justify-items: center;
    opacity: 0;
    text-align: center;
    transition: opacity .3s ease-in-out;
    transition-delay: .3s
}

.swiper-slide-active .card.card--player .card__content {
    opacity: 100%
}

.card.card--player .card__content h4 {
    font-family: MarkOT,Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--fontfamily-default);
    font-size: clamp(1rem,.227vw + .955rem,1.125rem);
    font-size: var(--fontsize-bodytext);
    text-transform: none
}

.card.card--player .card__buttons {
    justify-items: center;
    -webkit-margin-before: 1.6rem;
    margin-block-start: 1.6rem;
    -webkit-margin-before: var(--spacing-xl);
    margin-block-start: var(--spacing-xl);
    opacity: 0;
    transition: opacity .3s ease-in-out;
    transition-delay: .6s
}

.swiper-slide-active .card.card--player .card__buttons {
    opacity: 100%
}

.card.card--player.card--player-extended {
    --_player-animation-duration: 1s;
    --_player-animation-easing: ease-in-out;
    --_player-info-delay: 0.3s;
    --_player-buttons-delay: 0.5s;
    --_player-statistics-delay: 0.7s;
    --_player-news-delay: 0.9s
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }

    to {
        opacity: 100%;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        visibility: visible
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }

    to {
        opacity: 100%;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        visibility: visible
    }
}

.card.card--player.card--player-extended .card__player-info {
    display: grid;
    grid-gap: .5rem;
    grid-gap: var(--spacing-xs);
    gap: .5rem;
    gap: var(--spacing-xs);
    grid-template-columns: 1fr 1fr;
    -webkit-margin-after: 2rem;
    margin-block-end: 2rem;
    -webkit-margin-after: var(--spacing-2xl);
    margin-block-end: var(--spacing-2xl);
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    visibility: hidden
}

.swiper-slide-active .card.card--player.card--player-extended .card__player-info {
    -webkit-animation: slideInLeft var(--_player-animation-duration) var(--_player-animation-easing) var(--_player-info-delay) forwards;
    animation: slideInLeft var(--_player-animation-duration) var(--_player-animation-easing) var(--_player-info-delay) forwards
}

.card.card--player.card--player-extended .card__info-item {
    display: grid;
    grid-gap: 0;
    gap: 0;
    justify-items: center
}

.card.card--player.card--player-extended .card__info-label {
    font-size: var(--fontsize-small)
}

.card.card--player.card--player-extended .card__info-value {
    font-size: clamp(1rem,.227vw + .955rem,1.125rem);
    font-size: var(--fontsize-bodytext);
    font-weight: 700;
    font-weight: var(--fontweight-default-strong)
}

.card.card--player.card--player-extended .card__statistics {
    display: grid;
    grid-gap: var(--spacing-md);
    gap: var(--spacing-md);
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    visibility: hidden
}

.swiper-slide-active .card.card--player.card--player-extended .card__statistics {
    -webkit-animation: slideInLeft var(--_player-animation-duration) var(--_player-animation-easing) var(--_player-statistics-delay) forwards;
    animation: slideInLeft var(--_player-animation-duration) var(--_player-animation-easing) var(--_player-statistics-delay) forwards
}

.card.card--player.card--player-extended .card__stat-heading {
    align-items: center;
    -webkit-margin-after: .75rem;
    margin-block-end: .75rem;
    -webkit-margin-after: var(--spacing-sm);
    margin-block-end: var(--spacing-sm)
}

.card.card--player.card--player-extended .card__stat-grid, .card.card--player.card--player-extended .card__stat-heading {
    grid-column-gap: .5rem;
    grid-column-gap: var(--spacing-xs);
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    -webkit-column-gap: var(--spacing-xs);
    -moz-column-gap: var(--spacing-xs);
    column-gap: var(--spacing-xs);
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr 1fr
}

.card.card--player.card--player-extended .card__stat-label {
    color: var(--color-text-muted);
    font-size: var(--fontsize-small);
    font-weight: 700;
    font-weight: var(--fontweight-default-strong)
}

.card.card--player.card--player-extended .card__stat-item {
    text-align: center
}

.card.card--player.card--player-extended .card__stat-value {
    font-size: clamp(.875rem,.227vw + .83rem,1rem);
    font-size: var(--fontsize-smalltext);
    font-weight: 700;
    font-weight: var(--fontweight-default-strong)
}

.card.card--player.card--player-extended .card__stat-heading .card__stat-label:first-child, .card.card--player.card--player-extended .card__stat-item:first-child {
    text-align: start
}

.card.card--player.card--player-extended .card__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-block: 2rem;
    margin-block: var(--spacing-2xl);
    opacity: 100%;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    visibility: hidden
}

.swiper-slide-active .card.card--player.card--player-extended .card__buttons {
    -webkit-animation: slideInLeft var(--_player-animation-duration) var(--_player-animation-easing) var(--_player-buttons-delay) forwards;
    animation: slideInLeft var(--_player-animation-duration) var(--_player-animation-easing) var(--_player-buttons-delay) forwards
}

@media (min-width:36em) {
    .card.card--player.card--player-extended .card__buttons .button {
        inline-size: 100%
    }
}

.card.card--player.card--player-extended .card__news {
    display: grid;
    grid-gap: 1rem;
    grid-gap: var(--spacing);
    gap: 1rem;
    gap: var(--spacing);
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem;
    -webkit-margin-before: var(--spacing-2xl);
    margin-block-start: var(--spacing-2xl);
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    visibility: hidden
}

.swiper-slide-active .card.card--player.card--player-extended .card__news {
    -webkit-animation: slideInLeft var(--_player-animation-duration) var(--_player-animation-easing) var(--_player-news-delay) forwards;
    animation: slideInLeft var(--_player-animation-duration) var(--_player-animation-easing) var(--_player-news-delay) forwards
}

.card.card--player.card--player-extended .card__news-item {
    display: grid;
    grid-gap: 1rem;
    grid-gap: var(--spacing);
    gap: 1rem;
    gap: var(--spacing);
    grid-template-columns: auto 1fr
}

    .card.card--player.card--player-extended .card__news-item:hover .card__news-thumbnail img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

.card.card--player.card--player-extended .card__news-thumbnail {
    aspect-ratio: 1/1;
    inline-size: 6.25rem;
    overflow: hidden
}

    .card.card--player.card--player-extended .card__news-thumbnail img, .card.card--player.card--player-extended .card__news-thumbnail picture {
        block-size: 100%;
        inline-size: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
    }

.card.card--player.card--player-extended .card__news-content {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card.card--player.card--player-extended .card__news-title {
    font-weight: 400;
    font-weight: var(--fontweight-default);
    line-height: 160%;
    text-align: start
}

    .card.card--player.card--player-extended .card__news-title a:after {
        display: none
    }

.card.card--highlight {
    block-size: 100%;
    display: grid;
    grid-template-areas: "overlap";
    overflow: hidden;
    position: relative
}

    .card.card--highlight img, .card.card--highlight picture {
        block-size: 100%
    }

    .card.card--highlight .card__image {
        block-size: 100%;
        grid-area: overlap;
        inline-size: 100%;
        position: relative;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        transition: -webkit-transform 10s ease-out;
        transition: transform 10s ease-out;
        transition: transform 10s ease-out,-webkit-transform 10s ease-out
    }

        .card.card--highlight .card__image:before {
            background: rgba(0,0,0,.4);
            background: var(--gradient-overlay);
            content: "";
            inset: 0;
            position: absolute;
            z-index: 1
        }

    .card.card--highlight .card__content {
        align-self: end;
        grid-area: overlap;
        inline-size: 100%;
        inset-block-end: 0;
        margin: 0 auto;
        max-inline-size: 80rem;
        max-inline-size: var(--content-max-width);
        padding: 2rem;
        padding: var(--spacing-2xl);
        position: relative;
        z-index: 2
    }

@media (min-width:36em) {
    .card.card--highlight .card__content {
        margin-block: 3rem
    }
}

.card.card--highlight .card__content a {
    --color-link: var(--color-white);
    text-decoration: none
}

    .card.card--highlight .card__content a:focus, .card.card--highlight .card__content a:hover {
        color: #fff;
        color: var(--color-white)
    }

.card.card--highlight .card__content h3 {
    --color-titles: var(--color-white);
    font-size: clamp(1.375rem,1.136vw + 1.148rem,2rem);
    font-size: var(--fontsize-title-preset-3);
    line-height: 1.2
}

.swiper-slide.swiper-slide-active .card--highlight .card__image {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.tags {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 1rem;
    gap: var(--spacing);
    inline-size: 100%;
    list-style: none;
    padding: 0
}

    .tags .tag {
        --tag-fontsize: var(--fontsize-smalltext);
        --tag-bgcolor: var(--color-white);
        --tag-textcolor: var(--color-black);
        --tag-borderradius: var(--theme-border-radius);
        --tag-padding: var(--spacing-2xs) var(--spacing-sm);
        background-color: #fff;
        background-color: var(--tag-bgcolor);
        border-radius: .125rem;
        border-radius: var(--tag-borderradius);
        color: #000;
        color: var(--tag-textcolor);
        display: inline-block;
        font-size: clamp(.875rem,.227vw + .83rem,1rem);
        font-size: var(--tag-fontsize);
        font-weight: 700;
        font-weight: var(--fontweight-default-strong);
        padding: .25rem .75rem;
        padding: var(--tag-padding);
        text-decoration: none;
        text-transform: uppercase;
        transition: all .2s ease-in-out
    }

        .tags .tag:focus, .tags .tag:hover {
            --tag-bgcolor: var(--color-brand-1);
            --tag-textcolor: var(--color-white)
        }

    .tags .tag--color-1 {
        --tag-bgcolor: var(--color-brand-1)
    }

    .tags .tag--color-2 {
        --tag-bgcolor: var(--color-brand-2)
    }

.card--search {
    --_card-gap: 0;
    --_card--default-bgcolor: var(--color-grey-100);
    --_card--default-spacing: var(--spacing-lg);
    --_card--default-flow-spacing: var(--spacing);
    --_card--default-btn-bgcolor: transparent;
    --_card--default-btn-bordercolor: transparent;
    --_card--default-btn-textcolor: var(--color-brand-2);
    background-color: #f5f5f5;
    background-color: var(--_card--default-bgcolor)
}

    .card--search[data-clickable--enabled]:hover, .layout > .item:first-child > .card--search {
        --_card--default-bgcolor: var(--color-grey-200)
    }

        .card--search[data-clickable--enabled]:hover a:not([class]):hover, .layout > .item:first-child > .card--search a:not([class]):hover {
            text-decoration: none
        }

    .card--search .card__highlight {
        background-color: #0061ac;
        background-color: var(--color-brand-1);
        border-radius: 3px;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        color: #fff;
        color: var(--color-white);
        display: inline;
        font-weight: 600;
        padding-inline: .1875rem;
        position: relative
    }

        .card--search .card__highlight:after, .card--search .card__highlight:before {
            content: "";
            display: inline-block;
            inline-size: .25rem
        }

    .card--search .card__buttons {
        -webkit-padding-after: var(--_card--default-spacing);
        padding-block-end: var(--_card--default-spacing);
        padding-inline: var(--_card--default-spacing)
    }

    .card--search .card__content {
        block-size: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        inline-size: 100%;
        padding: var(--_card--default-spacing)
    }

        .card--search .card__content .rte {
            --flow-spacing: var(--_card--default-flow-spacing);
            flex-grow: 1
        }

            .card--search .card__content .rte h2, .card--search .card__content .rte h3, .card--search .card__content .rte h4 {
                --flow-spacing: var(--_card--default-flow-spacing);
                font-size: clamp(1.25rem,.455vw + 1.159rem,1.5rem);
                font-size: var(--fontsize-introtext)
            }

                .card--search .card__content .rte h2 a, .card--search .card__content .rte h3 a, .card--search .card__content .rte h4 a {
                    --color-link: var(--color-black);
                    text-decoration: none
                }

                    .card--search .card__content .rte h2 a:hover, .card--search .card__content .rte h3 a:hover, .card--search .card__content .rte h4 a:hover {
                        text-decoration: underline
                    }

    .card--search .button:not([class*=button--color]) {
        background-color: var(--_card--default-btn-bgcolor);
        border-color: var(--_card--default-btn-bordercolor);
        color: var(--_card--default-btn-textcolor);
        font-weight: 700;
        justify-content: flex-start;
        padding: 0;
        text-align: start;
        text-decoration: underline
    }

.card .card--bgcolor-1 {
    --_card-bgcolor: var(--color-brand-1);
    --_color-titles: var(--color-white);
    color: #fff
}

    .card .card--bgcolor-1, .card .card--bgcolor-1 a:not([class]) {
        color: var(--_color-titles)
    }

        .card .card--bgcolor-1 .rte {
            --_color-text: var(--color-white)
        }

        .card .card--bgcolor-1 .card__content {
            padding-block: 1rem;
            padding-block: var(--spacing);
            padding-inline: 1rem;
            padding-inline: var(--spacing)
        }

.card .card--bgcolor-2 {
    --_card-bgcolor: var(--color-brand-2);
    --_color-titles: var(--color-white);
    color: #fff
}

    .card .card--bgcolor-2, .card .card--bgcolor-2 a:not([class]) {
        color: var(--_color-titles)
    }

        .card .card--bgcolor-2 .rte {
            --_color-text: var(--color-white)
        }

        .card .card--bgcolor-2 .card__content {
            padding-block: 1rem;
            padding-block: var(--spacing);
            padding-inline: 1rem;
            padding-inline: var(--spacing)
        }

.card--rankings {
    background-color: #fff;
    background-color: var(--color-white);
    block-size: 100%;
    inline-size: 100%;
    -webkit-margin-after: 2rem;
    margin-block-end: 2rem;
    -webkit-margin-after: var(--spacing-2xl);
    margin-block-end: var(--spacing-2xl);
    padding: 1rem;
    padding: var(--spacing)
}

.card--rankings__table {
    display: grid;
    grid-auto-rows: auto
}

.card--rankings__table--all .card--rankings__row:nth-child(odd):not(.card--rankings__row--highlight) {
    background-color: #f6f6f6
}

.card--rankings__row {
    align-items: center;
    color: #000;
    color: var(--color-black);
    grid-column-gap: 1rem;
    grid-column-gap: var(--spacing);
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-column-gap: var(--spacing);
    -moz-column-gap: var(--spacing);
    column-gap: var(--spacing);
    display: grid;
    font-size: .9rem;
    grid-template-columns: 1rem 2rem 1fr repeat(3,1.5rem);
    padding: .5rem;
    padding: var(--spacing-xs)
}

@media (min-width:62em) {
    .card--rankings__row {
        font-size: 1rem;
        grid-template-columns: 2rem 3rem 1fr repeat(3,3rem)
    }
}

.card--rankings__row--highlight {
    background-color: #0061ac;
    background-color: var(--color-brand-1);
    color: #fff;
    color: var(--color-white)
}

.card--rankings__logo .icon svg {
    fill: inherit;
    max-block-size: 1.875rem;
    max-inline-size: 1.875rem
}

.card--rankings__points {
    font-weight: 700;
    font-weight: var(--fontweight-default-strong)
}

.card.card--related-news {
    display: grid;
    grid-gap: 1.25rem;
    grid-gap: var(--spacing-lg);
    gap: 1.25rem;
    gap: var(--spacing-lg);
    grid-template-areas: "image content";
    grid-template-columns: auto 1fr;
    margin-inline: 0
}

    .card.card--related-news:hover .card__image img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    .card.card--related-news .card__image {
        aspect-ratio: 1/1;
        inline-size: 6.25rem;
        overflow: hidden
    }

        .card.card--related-news .card__image img, .card.card--related-news .card__image picture {
            block-size: 100%;
            inline-size: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            transition: -webkit-transform .3s ease-in-out;
            transition: transform .3s ease-in-out;
            transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
        }

    .card.card--related-news .card__content {
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .card.card--related-news .card__content .rte h3 {
            font-family: var(--font-family-default);
            font-size: clamp(1rem,.227vw + .955rem,1.125rem);
            font-size: var(--fontsize-bodytext);
            font-weight: 400;
            font-weight: var(--fontweight-default);
            line-height: 1.2;
            text-transform: none
        }

.card--match {
    --card-match-gap: 1rem;
    --card-match-logo-size: clamp(5rem,11.364vw + 2.727rem,11.25rem);
    --card-match-color: var(--color-white);
    --card-match-background: var(--color-transparent);
    --card-match-readmore-color: var(--color-brand-1);
    --card-match-size: 46.875rem;
    align-items: center;
    background-color: transparent;
    background-color: var(--card-match-background);
    border-radius: 2px;
    color: #fff;
    color: var(--card-match-color);
    display: grid;
    grid-gap: 1rem;
    grid-gap: var(--card-match-gap);
    gap: 1rem;
    gap: var(--card-match-gap);
    grid-template-columns: auto 1fr auto;
    inline-size: 100%;
    -webkit-margin-after: 2rem;
    margin-block-end: 2rem;
    -webkit-margin-after: var(--spacing-2xl);
    margin-block-end: var(--spacing-2xl);
    margin-inline: auto;
    max-inline-size: 46.875rem;
    max-inline-size: var(--card-match-size)
}

.card--match__logo-container--home {
    text-align: start
}

.card--match__logo-container--away {
    text-align: end
}

    .card--match__logo-container--away img {
        -webkit-margin-start: auto;
        margin-inline-start: auto
    }

.card--match__logo svg {
    block-size: var(--card-match-logo-size);
    inline-size: var(--card-match-logo-size)
}

.card--match__logo--league.icon svg {
    inline-size: 5.3125rem
}

.card--match__league {
    text-align: center
}

.card--match__league-name {
    font-size: clamp(.875rem,.227vw + .83rem,1rem);
    font-size: var(--fontsize-smalltext)
}

.card--match__info {
    display: grid;
    grid-gap: 1rem;
    grid-gap: var(--spacing);
    gap: 1rem;
    gap: var(--spacing);
    grid-template-rows: auto auto;
    justify-items: center
}

.card--match__match-details {
    display: grid;
    grid-gap: 1rem;
    gap: 1rem;
    grid-auto-flow: row;
    justify-items: center
}

.card--match__score, .card--match__time {
    font-family: Europa Title,Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--fontfamily-title);
    font-size: clamp(3rem,8.182vw + 1.364rem,7.5rem);
    font-size: var(--fontsize-title-hero);
    text-box: trim-both cap alphabetic;
    white-space: nowrap
}

.card--match__date, .card--match__score, .card--match__time {
    font-weight: 700;
    font-weight: var(--fontweight-default-strong);
    text-align: center
}

.card--match__date {
    font-size: clamp(.875rem,.227vw + .83rem,1rem);
    font-size: var(--fontsize-smalltext)
}

.card--match__readmore, .card--match__tickets {
    grid-column: span 3;
    justify-self: center
}

.card--match__readmore {
    font-size: clamp(.875rem,.227vw + .83rem,1rem);
    font-size: var(--fontsize-smalltext);
    font-weight: 700;
    font-weight: var(--fontweight-default-strong);
    text-transform: uppercase
}

.card--match__readmore-link {
    color: var(--card-match-readmore-color)
}

.card--match-latest, .card--match-program {
    --card-match-color: var(--color-black);
    --card-match-background: var(--color-white);
    --card-match-logo-size: clamp(3.125rem,5.114vw + 2.102rem,5.938rem);
    padding: 1rem;
    padding: var(--spacing);
    row-gap: .5rem;
    row-gap: var(--spacing-xs)
}

    .card--match-latest .card--match__info, .card--match-program .card--match__info {
        gap: .5rem;
        gap: var(--spacing-xs)
    }

.card--match-program {
    --card-match-logo-size: clamp(3.125rem,2.841vw + 2.557rem,4.688rem);
    -webkit-border-after: 1px solid #e0e0e0;
    border-block-end: 1px solid #e0e0e0;
    -webkit-border-after: 1px solid var(--color-grey-500);
    border-block-end: 1px solid var(--color-grey-500);
    inline-size: 100%;
    margin: 0;
    padding-block: 1.6rem;
    padding-block: var(--spacing-xl);
    transition: opacity .5s ease,-webkit-transform .5s ease;
    transition: opacity .5s ease,transform .5s ease;
    transition: opacity .5s ease,transform .5s ease,-webkit-transform .5s ease
}

.card--match-program--hidden {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.card--match-program:first-child {
    -webkit-border-before: 1px solid #e0e0e0;
    border-block-start: 1px solid #e0e0e0;
    -webkit-border-before: 1px solid var(--color-grey-500);
    border-block-start: 1px solid var(--color-grey-500)
}

.card--match-program .card--match__match-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem;
    justify-items: center
}

.card--match-program .card--match__played {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center
}

.card--match-program .card--match__played__date, .card--match-program .card--match__played__score {
    font-size: clamp(1.125rem,.455vw + 1.034rem,1.375rem);
    font-size: var(--fontsize-title-preset-5);
    font-weight: 700;
    font-weight: var(--fontweight-default-strong);
    margin: auto
}

.card--match-program .card--match__played__score {
    font-size: 3rem;
    line-height: 3rem
}

.card--match-program .card--match__date, .card--match-program .card--match__time {
    font-family: Europa Title,Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--fontfamily-title);
    font-size: clamp(1.125rem,.455vw + 1.034rem,1.375rem);
    font-size: var(--fontsize-title-preset-5);
    font-weight: 700;
    font-weight: var(--fontweight-default-strong);
    text-box: trim-both cap alphabetic;
    white-space: nowrap
}

.card--match--matchday .card--match__date {
    font-family: Europa Title,Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--fontfamily-title);
    font-size: clamp(1.125rem,.455vw + 1.034rem,1.375rem);
    font-size: var(--fontsize-title-preset-6);
    grid-column: span 3;
    order: -1;
    text-transform: uppercase
}

.card--match--matchday .card--match__time {
    font-size: clamp(1.125rem,9.318vw + -.739rem,6.25rem)
}

.card--match--matchday .card--match__timer {
    display: grid;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    grid-column: span 3;
    grid-gap: 20px;
    grid-template-columns: repeat(4,1fr);
    justify-content: center;
    justify-items: center;
    margin: auto;
    -webkit-margin-before: 1.25rem;
    margin-block-start: 1.25rem;
    -webkit-margin-before: var(--spacing-lg);
    margin-block-start: var(--spacing-lg)
}

.card--match--matchday .card--match__timer-item {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

    .card--match--matchday .card--match__timer-item time {
        font-family: Europa Title,Roboto,Helvetica,Arial,sans-serif;
        font-family: var(--fontfamily-title);
        font-size: clamp(3rem,1.364vw + 2.727rem,3.75rem);
        letter-spacing: -2px;
        -webkit-padding-after: .5rem;
        padding-block-end: .5rem;
        -webkit-padding-after: var(--spacing-xs);
        padding-block-end: var(--spacing-xs);
        text-box: trim-both cap alphabetic
    }

    .card--match--matchday .card--match__timer-item .card--match__timer-label {
        font-size: clamp(.625rem,.227vw + .58rem,.75rem);
        font-size: var(--fontsize-minitext);
        font-weight: 700;
        font-weight: var(--fontweight-default-strong);
        text-transform: uppercase
    }

.card--match--live {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.card--match--live__score {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    grid-column: 1/4;
    inline-size: 100%
}

.card--match--live__home {
    text-align: start
}

.card--match--live__away {
    text-align: end
}

.card--match--live__away, .card--match--live__home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    inline-size: 50%;
    word-break: break-all
}

.card {
    --_card-gap: var(--flow-spacing);
    --_card-max-inline-size: px-to-rem(960px);
    display: grid;
    grid-gap: .5rem;
    grid-gap: var(--_card-gap);
    gap: .5rem;
    gap: var(--_card-gap);
    margin-inline: auto;
    max-inline-size: px-to-rem(960px);
    max-inline-size: var(--_card-max-inline-size)
}

.card__image {
    grid-area: image;
    inline-size: 100%
}

    .card__image img, .card__image picture {
        block-size: 100%
    }

    .card__image img {
        inline-size: 100%;
        max-inline-size: none
    }

.card__tags {
    grid-area: tags
}

.card__date {
    grid-area: date
}

.card__content {
    grid-area: content
}

.card__buttons {
    grid-area: buttons
}

.card .rte h3 a, .card .rte h4 a, .card .rte h5 a {
    color: #000 !important;
    color: var(--color-titles) !important
}

footer {
    background-color: #000;
    background-color: var(--color-black)
}

@media (max-width:47.9375em) {
    footer > .band:last-child {
        -webkit-padding-after: 4rem;
        padding-block-end: 4rem;
        -webkit-padding-after: calc(var(--spacing-4xl));
        padding-block-end: calc(var(--spacing-4xl))
    }

    footer img {
        inline-size: 100%;
        max-inline-size: 14.0625rem
    }
}

footer .band {
    --color-link: var(--color-white);
    --color-link-hover: var(--color-white);
    --color-title-link: var(--color-white);
    --color-title-link-hover: var(--color-white)
}

@media (max-width:47.9375em) {
    footer .band {
        --band-preset-spacing: var(--spacing-3xl)
    }
}

footer .band.band--scroll-snap {
    min-block-size: unset
}

footer .layout > .item:has(picture~picture) {
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-column-gap: var(--spacing);
    -moz-column-gap: var(--spacing);
    column-gap: var(--spacing);
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

    footer .layout > .item:has(picture~picture) .rte {
        flex: 0 0 100%;
        text-align: center
    }

    footer .layout > .item:has(picture~picture) picture {
        margin: 0
    }

footer .list.list--horizontal {
    display: inline-block;
    font-size: clamp(.875rem,.227vw + .83rem,1rem);
    font-size: var(--fontsize-smalltext);
    text-align: center;
    white-space: wrap
}

    footer .list.list--horizontal li {
        -webkit-margin-after: 1rem;
        margin-block-end: 1rem;
        -webkit-margin-after: var(--spacing);
        margin-block-end: var(--spacing)
    }

@media (min-width:48em) {
    footer .list.list--horizontal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        footer .list.list--horizontal li {
            -webkit-margin-after: 0;
            margin-block-end: 0
        }

            footer .list.list--horizontal li:not(:last-child):after {
                content: " |";
                -webkit-margin-start: .5rem;
                margin-inline-start: .5rem
            }

            footer .list.list--horizontal li:first-child a:first-of-type {
                -webkit-margin-start: .5rem;
                margin-inline-start: .5rem;
                -webkit-margin-start: var(--spacing-xs);
                margin-inline-start: var(--spacing-xs)
            }
}

.form {
    --flow-spacing: var(--spacing-xl)
}

    .form + .button, .form + .buttongroup, .form + .rte {
        -webkit-margin-before: 1.6rem;
        margin-block-start: 1.6rem;
        -webkit-margin-before: var(--spacing-xl);
        margin-block-start: var(--spacing-xl)
    }

.form--bordered {
    border-color: #bdbdbd;
    border-color: var(--theme-border-color);
    border-radius: .125rem;
    border-radius: var(--theme-border-radius);
    border-style: solid;
    border-width: 1px;
    padding: 1.6rem;
    padding: var(--spacing-xl)
}

.form .form__actions {
    --flow-spacing: var(--spacing-xl)
}

.form :not(label) > .help-block {
    background-color: #f6f6f6;
    background-color: var(--color-grey-200);
    border: 1px solid #f5f5f5;
    border: 1px solid var(--color-grey-100);
    border-radius: .375rem;
    color: #616161;
    color: var(--color-grey-700);
    display: inline-block;
    -webkit-margin-before: .5rem;
    margin-block-start: .5rem;
    -webkit-margin-before: var(--flow-spacing);
    margin-block-start: var(--flow-spacing);
    padding: .25rem .5rem
}

.form legend {
    display: block;
    font-weight: 700;
    letter-spacing: .025em;
    letter-spacing: var(--label-tracking);
    -webkit-margin-after: .25rem;
    margin-block-end: .25rem;
    -webkit-margin-after: calc(var(--flow-spacing)*.5);
    margin-block-end: calc(var(--flow-spacing)*.5);
    -webkit-padding-before: .5rem;
    padding-block-start: .5rem;
    -webkit-padding-before: var(--flow-spacing);
    padding-block-start: var(--flow-spacing);
    text-transform: uppercase
}

.form--custom-product .form__fields {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-column-gap: var(--spacing);
    -moz-column-gap: var(--spacing);
    column-gap: var(--spacing);
    padding-block: 1rem;
    padding-block: var(--spacing)
}

.form--custom-product .form__actions .button {
    inline-size: 100%
}

:root {
    --navigation-mobile-height: 5rem;
    --navigation-desktop-height: auto
}

.band--navigation {
    display: none;
    z-index: 11
}

@media (min-width:62em) {
    .band--navigation {
        block-size: unset;
        display: block;
        pointer-events: none;
        position: fixed
    }
}

.band--navigation-mobile {
    display: block;
    inset-block-end: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    padding: 0;
    position: fixed;
    z-index: 9999
}

    .band--navigation-mobile > .band__content {
        padding: 0
    }

@media (min-width:62em) {
    .band--navigation-mobile {
        display: none
    }
}

.layout--navigation {
    --_navigation-background-color: var(--color-brand-1);
    --_logo-width: 5rem;
    --_navigation-height: var(--navigation-mobile-height);
    --_navigation-gap: 0.625rem;
    align-content: center;
    align-items: center;
    background: #0061ac;
    background: var(--_navigation-background-color);
    -webkit-column-gap: .625rem;
    -moz-column-gap: .625rem;
    column-gap: .625rem;
    -webkit-column-gap: var(--_navigation-gap);
    -moz-column-gap: var(--_navigation-gap);
    column-gap: var(--_navigation-gap);
    grid-template-areas: "buttons logo navigation";
    grid-template-columns: fit-content(0) 1fr fit-content(0);
    max-block-size: 4rem;
    padding-block: .5rem;
    padding-block: var(--spacing-xs);
    padding-inline: 1.6rem;
    padding-inline: var(--spacing-xl);
    row-gap: 0
}

@media (min-width:62em) {
    .layout--navigation {
        max-block-size: unset
    }
}

.layout--navigation .item {
    align-content: center;
    display: grid
}

.layout--navigation .item--logo {
    grid-area: logo;
    justify-content: center
}

    .layout--navigation .item--logo img {
        max-block-size: var(--_navigation-height)
    }

.layout--navigation .item--navigation {
    grid-area: navigation;
    pointer-events: all
}

    .layout--navigation .item--navigation .menu {
        pointer-events: all
    }

.layout--navigation .item--buttons {
    grid-area: buttons
}

    .layout--navigation .item--buttons .buttongroup {
        flex-wrap: nowrap;
        gap: 0;
        pointer-events: all
    }

        .layout--navigation .item--buttons .buttongroup > .button {
            --btn-iconsize: 1.75rem;
            border: 0;
            border-radius: 0;
            min-block-size: 49px;
            min-block-size: var(--toggle-button-height);
            padding: .5rem;
            padding: var(--spacing-xs);
            padding-inline: .75rem;
            padding-inline: var(--spacing-sm)
        }

@media (max-width:61.9375em) {
    .layout--navigation .menu__mobile {
        --_container-top-offset: var(--_navigation-height)
    }
}

@media (min-width:62em) {
    .layout--navigation {
        --_logo-width: 11.25rem;
        --_navigation-height: var(--navigation-desktop-height);
        --_navigation-gap: clamp(1.25rem,5.854vw + -2.372rem,2.75rem);
        --_navigation-background-color: transparent;
        grid-template-areas: "logo navigation buttons";
        grid-template-columns: fit-content(11.25rem) 1fr fit-content(0);
        grid-template-columns: fit-content(var(--_logo-width)) 1fr fit-content(0)
    }
}

.form--searchbar {
    display: grid;
    grid-template-columns: [field-start] 1fr [button-start] auto [field-end button-end];
    grid-template-rows: [field-start button-start] auto [field-end button-end]
}

    .form--searchbar.form {
        position: relative
    }

        .form--searchbar.form .form__fields {
            grid-area: field
        }

        .form--searchbar.form .input {
            -webkit-margin-after: 0;
            margin-block-end: 0
        }

        .form--searchbar.form .input__label {
            block-size: 0;
            display: block;
            inline-size: 0;
            opacity: 0;
            overflow: hidden
        }

        .form--searchbar.form .input__field {
            --flow-spacing: 0
        }

            .form--searchbar.form .input__field input {
                -webkit-padding-end: 2.375rem;
                padding-inline-end: 2.375rem
            }

        .form--searchbar.form .form__actions {
            --flow-spacing: 0;
            grid-area: button;
            padding: .25rem;
            padding: var(--spacing-2xs)
        }

        .form--searchbar.form .button {
            aspect-ratio: 1/1;
            block-size: 100%;
            gap: 0;
            margin: 0;
            padding: .375rem
        }

            .form--searchbar.form .button span {
                block-size: 0;
                display: block;
                inline-size: 0;
                opacity: 0;
                overflow: hidden
            }

            .form--searchbar.form .button:after {
                background-color: var(--btn-textcolor);
                block-size: 100%;
                content: "";
                display: inline-block;
                inline-size: 100%;
                -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!--%3E%3Cpath fill='%23fff' d='m504.1 471-134-134c29-35.5 45-80.2 45-129 0-114.9-93.13-208-208-208S0 93.13 0 208s93.12 208 207.1 208c48.79 0 93.55-16.91 129-45.04l134 134c5.6 4.74 11.8 7.04 17.9 7.04s12.28-2.344 16.97-7.031c9.33-9.369 9.33-24.569-.87-33.969M48 208c0-88.22 71.78-160 160-160s160 71.78 160 160-71.78 160-160 160S48 296.2 48 208'/%3E%3C/svg%3E");
                mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!--%3E%3Cpath fill='%23fff' d='m504.1 471-134-134c29-35.5 45-80.2 45-129 0-114.9-93.13-208-208-208S0 93.13 0 208s93.12 208 207.1 208c48.79 0 93.55-16.91 129-45.04l134 134c5.6 4.74 11.8 7.04 17.9 7.04s12.28-2.344 16.97-7.031c9.33-9.369 9.33-24.569-.87-33.969M48 208c0-88.22 71.78-160 160-160s160 71.78 160 160-71.78 160-160 160S48 296.2 48 208'/%3E%3C/svg%3E");
                -webkit-mask-position: center;
                mask-position: center;
                -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
                -webkit-mask-size: 66%;
                mask-size: 66%
            }

.player-info {
    box-shadow: 0 2px 4px rgba(0,0,0,.1),0 3px 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.14);
    display: grid;
    grid-gap: .5rem;
    grid-gap: var(--spacing-xs);
    gap: .5rem;
    gap: var(--spacing-xs);
    grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
    -webkit-margin-after: 2rem;
    margin-block-end: 2rem;
    -webkit-margin-after: var(--spacing-2xl);
    margin-block-end: var(--spacing-2xl);
    padding: 1.25rem;
    padding: var(--spacing-lg)
}

.player-info__item {
    -webkit-border-start: 2px solid #ededed;
    border-inline-start: 2px solid #ededed;
    -webkit-border-start: 2px solid var(--color-grey-300);
    border-inline-start: 2px solid var(--color-grey-300);
    display: grid;
    grid-gap: 0;
    gap: 0;
    justify-items: center
}

    .player-info__item:first-child {
        -webkit-border-start: none;
        border-inline-start: none
    }

.player-info__label {
    font-size: var(--fontsize-small)
}

.player-info__value {
    font-size: clamp(1rem,.227vw + .955rem,1.125rem);
    font-size: var(--fontsize-bodytext);
    font-weight: 700;
    font-weight: var(--fontweight-default-strong);
    text-align: center;
    text-transform: uppercase
}

.player-statistics {
    display: grid;
    grid-gap: var(--spacing-md);
    gap: var(--spacing-md)
}

.player-statistics__heading {
    align-items: center;
    -webkit-margin-after: .75rem;
    margin-block-end: .75rem;
    -webkit-margin-after: var(--spacing-sm);
    margin-block-end: var(--spacing-sm)
}

.player-statistics__grid, .player-statistics__heading {
    grid-column-gap: .5rem;
    grid-column-gap: var(--spacing-xs);
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    -webkit-column-gap: var(--spacing-xs);
    -moz-column-gap: var(--spacing-xs);
    column-gap: var(--spacing-xs);
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr 1fr
}

.player-statistics__label {
    color: var(--color-text-muted);
    font-size: var(--fontsize-small);
    font-weight: 700;
    font-weight: var(--fontweight-default-strong)
}

.player-statistics__item {
    text-align: center
}

    .player-statistics__item:first-child {
        text-align: start
    }

.player-statistics__value {
    font-size: clamp(.875rem,.227vw + .83rem,1rem);
    font-size: var(--fontsize-smalltext);
    font-weight: 700;
    font-weight: var(--fontweight-default-strong)
}

.player-statistics__heading .player-statistics__label:first-child {
    text-align: start
}

:focus-visible {
    outline: .125rem solid #000;
    outline: .125rem solid var(--focus-outline-color,var(--color-text));
    outline-offset: .125rem
}

.js-focus-visible :focus:not(.focus-visible) {
    outline: none
}

.sr-only:not(:focus):not(:active), .visually-hidden:not(:focus):not(:active) {
    block-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    display: block;
    inline-size: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap
}

body {
    background-color: #fff;
    background-color: var(--color-white);
    transition: contrast .56s ease-in-out,-webkit-filter .56s ease-in-out;
    transition: filter .56s ease-in-out,contrast .56s ease-in-out;
    transition: filter .56s ease-in-out,contrast .56s ease-in-out,-webkit-filter .56s ease-in-out
}

    body.has-high-contrast {
        -webkit-filter: grayscale(1) contrast(200%) !important;
        filter: grayscale(1) contrast(200%) !important;
        transition-duration: .16s,.16s
    }

@media screen and (prefers-reduced-motion:reduce) {
    *, :after, :before {
        -webkit-animation-duration: .001ms !important;
        animation-duration: .001ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important
    }
}

@media (inverted-colors) {
    img, video {
        -webkit-filter: invert(100%);
        filter: invert(100%)
    }
}

:not(.slide)[aria-hidden=true] [contenteditable=true]:not([disabled]), :not(.slide)[aria-hidden=true] [tabindex]:not([disabled]), :not(.slide)[aria-hidden=true] a[href]:not([data-nav-item-name]), :not(.slide)[aria-hidden=true] area[href], :not(.slide)[aria-hidden=true] button:not([disabled]), :not(.slide)[aria-hidden=true] input:not([disabled]), :not(.slide)[aria-hidden=true] select:not([disabled]), :not(.slide)[aria-hidden=true] textarea:not([disabled]) {
    visibility: hidden
}

@media print {
    main {
        color: #000 !important;
        -webkit-margin-before: 0;
        margin-block-start: 0;
        overflow: visible;
        -webkit-padding-before: 0;
        padding-block-start: 0
    }

        main .band :after, main .band :before, main .band:after, main .band:before {
            display: none !important
        }

        main .breadcrumbs {
            display: block;
            max-block-size: 50px
        }

        main * {
            overflow: visible !important
        }

        main *, main [class*="--bgcolor-"], main [class*="--bgcolor-"] * {
            color: #000 !important
        }

        main .figure {
            -webkit-margin-end: auto !important;
            margin-inline-end: auto !important;
            -webkit-margin-start: auto !important;
            margin-inline-start: auto !important;
            -webkit-transform: none !important;
            transform: none !important
        }

            main .figure :after, main .figure :before, main .figure:after, main .figure:before {
                display: none !important
            }

        main ul li {
            list-style-position: inside;
            list-style-type: disc !important
        }

        main [data-toggle-item] {
            box-shadow: none;
            -webkit-margin-after: 30px;
            margin-block-end: 30px;
            padding: 0
        }

            main [data-toggle-item] :after, main [data-toggle-item] :before, main [data-toggle-item]:after, main [data-toggle-item]:before {
                display: none !important
            }

            main [data-toggle-item] [data-toggle-content] {
                block-size: auto !important;
                color: #000 !important;
                content-visibility: visible !important;
                display: block !important;
                max-block-size: none !important;
                opacity: 100% !important;
                padding: 0 !important;
                visibility: visible !important
            }

            main [data-toggle-item] [data-toggle-content], main [data-toggle-item] [data-toggle-title] {
                -webkit-padding-start: 0 !important;
                padding-inline-start: 0 !important
            }

        main [aria-hidden] {
            visibility: visible !important
        }

    footer, header {
        display: none
    }
}

.card--notification {
    background-color: #fff;
    border: 1px solid #ededed;
    border: 1px solid var(--color-grey-300);
    border-radius: .125rem;
    border-radius: var(--theme-border-radius);
    box-shadow: 1px 1px 3px 2px rgba(0,0,0,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    gap: var(--spacing-xl);
    inline-size: 100%;
    max-inline-size: 45rem;
    padding: 1rem;
    padding: var(--spacing)
}

@media (min-width:36em) {
    .card--notification {
        min-inline-size: 500px;
        padding: 1.6rem;
        padding: var(--spacing-xl)
    }
}

.card--notification .product__meta {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    gap: var(--spacing);
    inline-size: 100%
}

    .card--notification .product__meta img {
        -o-object-fit: contain;
        object-fit: contain
    }

@media (max-width:35.9375em) {
    .card--notification .product__meta img {
        max-inline-size: 5rem
    }
}

.card--notification .product__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    font-weight: 700;
    font-weight: var(--fontweight-default-strong);
    gap: .5rem;
    gap: var(--spacing-xs)
}

.card--notification .product__price {
    color: #0061ac;
    color: var(--color-brand-1);
    flex-shrink: 0;
    font-weight: 700;
    font-weight: var(--fontweight-default-strong);
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    white-space: nowrap
}

.card--notification .buttongroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    gap: .5rem;
    gap: var(--spacing-xs);
    justify-content: flex-end
}

@media (max-width:35.9375em) {
    .card--notification .buttongroup {
        flex-direction: column
    }

        .card--notification .buttongroup .button {
            inline-size: 100%
        }
}

.popup {
    display: none;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    position: fixed;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 10003
}

@media (max-width:35.9375em) {
    .popup {
        inline-size: calc(100dvi - 2rem);
        inline-size: calc(100dvi - var(--spacing)*2)
    }
}

.popup ul li::marker {
    color: #000;
    font-size: 1rem
}

.popup-backdrop {
    background-color: rgba(0,0,0,.5);
    z-index: 10002
}

.loader--overlay, .popup-backdrop {
    block-size: 100%;
    inline-size: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    position: fixed
}

.loader--overlay {
    align-items: center;
    background-color: hsla(0,0%,100%,.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    inset-block-end: 0;
    inset-inline-end: 0;
    justify-content: center;
    z-index: 10001
}

    .loader--overlay .loading {
        -webkit-animation: load 1.5s ease infinite,spin 1.5s ease infinite;
        animation: load 1.5s ease infinite,spin 1.5s ease infinite;
        block-size: 3em;
        border-radius: 50%;
        color: #0061ac;
        color: var(--color-brand-1);
        inline-size: 3em;
        margin: 1.5rem;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

@-webkit-keyframes load {
    0%,5%,95%,to {
        box-shadow: 0 -2.25em 0 -1em,0 -2.25em 0 -1.1em,0 -2.25em 0 -1.2em,0 -2.25em 0 -1.3em,0 -2.25em 0 -1.35em
    }

    10%,59% {
        box-shadow: 0 -2.25em 0 -1em,-.6em -2.1em 0 -1.1em,-1.05em -1.85em 0 -1.2em,-1.35em -1.65em 0 -1.3em,-1.5em -1.5em 0 -1.35em
    }

    20% {
        box-shadow: 0 -2.25em 0 -1em,-1.05em -2.1em 0 -1.1em,-1.8em -1.65em 0 -1.2em,-2.25em -1.15em 0 -1.3em,-2.5em -.65em 0 -1.35em
    }

    38% {
        box-shadow: 0 -2.25em 0 -1em,-1.15em -2.05em 0 -1.1em,-1.95em -1.45em 0 -1.2em,-2.35em -.75em 0 -1.3em,-2.5em 0 0 -1.35em
    }
}

@keyframes load {
    0%,5%,95%,to {
        box-shadow: 0 -2.25em 0 -1em,0 -2.25em 0 -1.1em,0 -2.25em 0 -1.2em,0 -2.25em 0 -1.3em,0 -2.25em 0 -1.35em
    }

    10%,59% {
        box-shadow: 0 -2.25em 0 -1em,-.6em -2.1em 0 -1.1em,-1.05em -1.85em 0 -1.2em,-1.35em -1.65em 0 -1.3em,-1.5em -1.5em 0 -1.35em
    }

    20% {
        box-shadow: 0 -2.25em 0 -1em,-1.05em -2.1em 0 -1.1em,-1.8em -1.65em 0 -1.2em,-2.25em -1.15em 0 -1.3em,-2.5em -.65em 0 -1.35em
    }

    38% {
        box-shadow: 0 -2.25em 0 -1em,-1.15em -2.05em 0 -1.1em,-1.95em -1.45em 0 -1.2em,-2.35em -.75em 0 -1.3em,-2.5em 0 0 -1.35em
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.checkoutPage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .checkoutPage > .item:first-child {
        inline-size: 50%
    }

@media (max-width:61.9375em) {
    .checkoutPage > .item:first-child {
        inline-size: 100%
    }
}

.checkoutPage > .item:nth-child(2) {
    background: #f5f5f5;
    background: var(--color-grey-100);
    block-size: 100vb;
    -webkit-border-start: 1px solid #dedede;
    border-inline-start: 1px solid #dedede;
    inline-size: 50%;
    inset-inline-start: 50%;
    position: fixed
}

@media (max-width:61.9375em) {
    .checkoutPage > .item:nth-child(2) {
        display: none
    }
}

.checkoutPage .form {
    padding: 2rem;
    -webkit-padding-before: 1rem;
    padding-block-start: 1rem
}

.checkoutPage .checkout--progress {
    --progress-color: #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 2rem
}

@media (max-width:27.9375em) {
    .checkoutPage .checkout--progress {
        display: none
    }
}

.checkoutPage .checkout--progress .progress-step {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 500;
    position: relative;
    text-decoration: none
}

    .checkoutPage .checkout--progress .progress-step:after, .checkoutPage .checkout--progress .progress-step:before {
        background: var(--progress-color);
        block-size: 3px;
        content: "";
        inline-size: 50%;
        inset-block-start: 50%;
        margin: auto;
        position: absolute;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: -1
    }

    .checkoutPage .checkout--progress .progress-step:after {
        inset-inline-start: 50%
    }

    .checkoutPage .checkout--progress .progress-step:first-child:before, .checkoutPage .checkout--progress .progress-step:last-child:after {
        display: none
    }

.checkoutPage .checkout--progress .progress-step__text {
    font-size: .9rem;
    -webkit-transform: translateY(-1.75rem);
    transform: translateY(-1.75rem)
}

.checkoutPage .checkout--progress .progress-step__checked {
    color: var(--progress-color);
    inset-inline-start: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.checkoutPage .checkout--progress .progress-step__circle {
    background-color: #fff;
    block-size: 1.5rem;
    border: 2px solid var(--progress-color);
    border-radius: 50%;
    display: inline-block;
    inline-size: 1.5rem;
    inset-inline-start: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.checkoutPage .checkout--progress .progress-step.completed {
    --progress-color: var(--color-brand-1);
    color: #0061ac;
    color: var(--color-brand-1)
}

.checkoutPage .checkout--progress .progress-line {
    flex: 1;
    position: relative
}

    .checkoutPage .checkout--progress .progress-line:after {
        background: var(--progress-color);
        block-size: 3px;
        content: "";
        inline-size: 100%;
        inset-block-start: 50%;
        margin: auto;
        position: absolute;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: -1
    }

    .checkoutPage .checkout--progress .progress-line.completed, .checkoutPage .checkout--progress .progress-line.completed + .progress-step:before {
        --progress-color: var(--color-brand-1)
    }

.checkoutPage .overview-container {
    -webkit-margin-after: 2.5rem;
    margin-block-end: 2.5rem
}

    .checkoutPage .overview-container .title {
        -webkit-margin-after: 0;
        margin-block-end: 0
    }

.checkoutPage .form__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse;
    gap: 1rem
}

@media (max-width:61.9375em) {
    .checkoutPage .form__actions {
        flex-direction: column
    }
}

.checkoutPage .form__actions .button {
    flex: 1
}

.checkout--container {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    max-inline-size: 40rem;
    max-inline-size: calc(var(--content-max-width)/2)
}

.checkout--container__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.checkout--container__info--shipping-address {
    display: none
}

    .checkout--container__info--shipping-address.show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

@media (max-width:61.9375em) {
    .checkout--container {
        max-inline-size: 100%
    }
}

.checkout--toggle {
    background: #f5f5f5;
    background: var(--color-grey-100)
}

@media (min-width:62em) {
    .checkout--toggle {
        display: none
    }
}

.checkout--toggle__btn {
    background: none;
    border: transparent;
    -webkit-border-after: 1px solid #dedede;
    border-block-end: 1px solid #dedede;
    -webkit-border-before: 1px solid #dedede;
    border-block-start: 1px solid #dedede;
    cursor: pointer;
    inline-size: 100%;
    justify-content: space-between;
    padding: 1rem 2rem
}

    .checkout--toggle__btn, .checkout--toggle__btn > b {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .checkout--toggle__btn svg {
            margin: auto 0;
            -webkit-margin-start: .25rem;
            margin-inline-start: .25rem
        }

.checkout--toggle__content {
    display: grid;
    grid-template-rows: 0fr;
    padding: 0 2rem;
    transition: grid-template-rows .25s ease,padding .25s ease;
    transition: grid-template-rows .25s ease,padding .25s ease,-ms-grid-rows .25s ease
}

    .checkout--toggle__content.open {
        -webkit-border-after: 1px solid #dedede;
        border-block-end: 1px solid #dedede;
        grid-template-rows: 1fr;
        -webkit-padding-after: 2rem;
        padding-block-end: 2rem
    }

.checkout--order {
    overflow: hidden;
    padding: 0
}

@media (min-width:62em) {
    .checkout--order {
        -webkit-margin-end: auto;
        margin-inline-end: auto;
        max-inline-size: 40rem;
        max-inline-size: calc(var(--content-max-width)/2);
        padding: 2rem
    }
}

.checkout--item {
    align-items: center
}

    .checkout--item, .checkout--item .header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .checkout--item .header .figure {
            inline-size: 5rem;
            padding: .5rem
        }

        .checkout--item img {
            -o-object-fit: contain;
            object-fit: contain
        }

        .checkout--item .quantity {
            background-color: #616161;
            background-color: var(--color-grey-700);
            block-size: 1.5rem;
            color: #fff;
            color: var(--color-white);
            inline-size: 1.5rem;
            inset-block-start: -.5rem;
            inset-inline-start: -1rem;
            justify-content: center;
            position: relative
        }

        .checkout--item .details, .checkout--item .quantity {
            align-items: center;
            border-radius: 50%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            font-size: clamp(.875rem,.227vw + .83rem,1rem);
            font-size: var(--fontsize-smalltext)
        }

        .checkout--item .details {
            flex-grow: 1;
            font-weight: 700;
            font-weight: var(--fontweight-default-strong);
            justify-content: space-between
        }

        .checkout--item .details__sub {
            font-size: .9rem;
            font-weight: 500
        }

        .checkout--item .details .price {
            inline-size: 100%;
            max-inline-size: 6rem;
            text-align: end
        }

        .checkout--item .details .name {
            inline-size: 100%
        }

.checkout--summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    font-size: var(--fontsize-default);
    gap: .5rem
}

    .checkout--summary .summary--item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 1.6rem;
        gap: var(--spacing-xl);
        justify-content: space-between
    }

    .checkout--summary .summary--item--bold {
        font-weight: 700;
        font-weight: var(--fontweight-default-strong)
    }

    .checkout--summary .total {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between
    }

        .checkout--summary .total span:last-child {
            font-weight: 700;
            font-weight: var(--fontweight-default-strong)
        }

    .checkout--summary .tax-info {
        font-size: clamp(.875rem,.227vw + .83rem,1rem);
        font-size: var(--fontsize-smalltext);
        text-align: start
    }

.checkout__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 2rem 0
}

    .checkout__logo svg {
        inline-size: 75px
    }

.authentication {
    block-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 1rem
}

    .authentication, .authentication form {
        inline-size: 100%
    }

.authentication__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    gap: var(--layout-gutter);
    inline-size: 100%;
    margin: auto;
    -webkit-margin-before: 5rem;
    margin-block-start: 5rem;
    max-inline-size: 992px
}

@media (max-width:47.9375em) {
    .authentication__body {
        flex-direction: column
    }
}

.authentication__body__left {
    inline-size: 50%
}

@media (max-width:47.9375em) {
    .authentication__body__left {
        inline-size: 100%
    }
}

.authentication__body__right {
    inline-size: 50%
}

@media (max-width:47.9375em) {
    .authentication__body__right {
        inline-size: 100%
    }
}

.authentication__card {
    --fontweight-default-strong: 600;
    border-radius: .125rem;
    border-radius: var(--theme-border-radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    gap: var(--spacing);
    padding: 1rem;
    padding: var(--spacing)
}

.authentication__card--grey {
    background-color: #f6f6f6;
    background-color: var(--color-grey-200)
}

.authentication__card .title {
    -webkit-margin-after: unset;
    margin-block-end: unset
}

.authentication .button--transparent {
    padding: 0
}

.card--cart {
    align-items: flex-start;
    align-self: stretch;
    background: #fff;
    background: var(--color-white);
    border: 1px solid #f6f6f6;
    border: 1px solid var(--color-grey-200);
    border-radius: .125rem;
    border-radius: var(--theme-border-radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    gap: 2.4375rem;
    inline-size: 100%;
    padding: 1.1875rem 1.5rem
}

.item > .card--cart:first-child:last-child, .swiper-slide > .card--cart:first-child:last-child {
    block-size: auto
}

@media (max-width:35.9375em) {
    .card--cart {
        gap: initial;
        padding: 1.1875rem .5rem
    }
}

.card--cart .card__image {
    block-size: 9.1875rem;
    inline-size: 9.1875rem
}

.card--cart .card__content {
    align-self: stretch;
    gap: .25rem
}

    .card--cart .card__content, .card--cart .card__content .product__meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        inline-size: 100%
    }

        .card--cart .card__content .product__meta {
            align-items: flex-start
        }

            .card--cart .card__content .product__meta .product__title {
                align-items: start;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                flex-direction: row;
                gap: 1.25rem;
                inline-size: 100%;
                justify-content: space-between
            }

                .card--cart .card__content .product__meta .product__title .name {
                    inline-size: 100%
                }

                .card--cart .card__content .product__meta .product__title .name, .card--cart .card__content .product__meta .product__title .total {
                    font-size: clamp(1rem,.227vw + .955rem,1.125rem);
                    font-size: var(--fontsize-bodytext);
                    font-weight: 700;
                    font-weight: var(--fontweight-default-strong)
                }

                .card--cart .card__content .product__meta .product__title .total {
                    color: #0061ac;
                    color: var(--color-brand-1);
                    min-inline-size: -webkit-fit-content;
                    min-inline-size: -moz-fit-content;
                    min-inline-size: fit-content
                }

                .card--cart .card__content .product__meta .product__title .article {
                    font-size: clamp(.875rem,.227vw + .83rem,1rem);
                    font-size: var(--fontsize-smalltext)
                }

        .card--cart .card__content .product__buttons {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 1rem;
            gap: var(--spacing)
        }

        .card--cart .card__content .product__stock {
            color: #0061ac;
            color: var(--color-brand-1);
            font-size: clamp(.875rem,.227vw + .83rem,1rem);
            font-size: var(--fontsize-smalltext);
            font-weight: 700;
            font-weight: var(--fontweight-default-strong)
        }

.card--cart .icon svg {
    fill: currentColor
}

.layout .item > * + .card--cart {
    -webkit-margin-before: .5rem;
    margin-block-start: .5rem;
    -webkit-margin-before: var(--flow-spacing);
    margin-block-start: var(--flow-spacing)
}

.stock__buttons {
    align-content: center;
    align-items: center;
    background: #f6f6f6;
    background: var(--color-grey-200);
    border-radius: .125rem;
    border-radius: var(--theme-border-radius,.5rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    gap: 0;
    justify-content: center
}

    .stock__buttons, .stock__buttons input {
        inline-size: -webkit-fit-content;
        inline-size: -moz-fit-content;
        inline-size: fit-content
    }

        .stock__buttons input {
            background-color: #f6f6f6;
            background-color: var(--color-grey-200);
            block-size: 100%;
            border: none;
            border-radius: 0;
            max-inline-size: 5rem;
            text-align: center
        }

            .stock__buttons input:focus {
                background-color: #ededed;
                background-color: var(--color-grey-300)
            }

            .stock__buttons input::-webkit-inner-spin-button, .stock__buttons input::-webkit-outer-spin-button {
                -webkit-appearance: none;
                appearance: none;
                margin: 0
            }

            .stock__buttons input[type=number] {
                -webkit-appearance: textfield;
                appearance: textfield
            }

        .stock__buttons p {
            font-weight: 700;
            font-weight: var(--fontweight-default-strong)
        }

        .stock__buttons .button {
            background: #f6f6f6;
            background: var(--color-grey-200);
            border: 0;
            border-color: #f6f6f6;
            border-color: var(--color-grey-200);
            padding: 1rem;
            padding: var(--spacing)
        }

            .stock__buttons .button .icon svg {
                fill: #000;
                fill: var(--color-black)
            }

            .stock__buttons .button:first-of-type {
                border-end-end-radius: 0;
                border-start-end-radius: 0
            }

            .stock__buttons .button:last-of-type {
                border-end-start-radius: 0;
                border-start-start-radius: 0
            }

            .stock__buttons .button:hover {
                background: #ededed;
                background: var(--color-grey-300);
                border-color: #ededed;
                border-color: var(--color-grey-300)
            }

@media (max-width:61.9375em) {
    .stock__buttons {
        background: #ededed;
        background: var(--color-grey-300);
        border-radius: .125rem;
        border-radius: var(--theme-border-radius,.5rem);
        flex-shrink: 0
    }

        .stock__buttons .button:first-child {
            padding: 1rem;
            padding: var(--spacing)
        }
}

.cart--overview {
    gap: 1.6rem;
    gap: var(--spacing-xl)
}

.cart--overview, .cart--totals {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

.cart--totals {
    background-color: #f6f6f6;
    background-color: var(--color-grey-200);
    border-radius: .125rem;
    border-radius: var(--theme-border-radius);
    gap: 1rem;
    gap: var(--spacing);
    padding: 1.6rem;
    padding: var(--spacing-xl)
}

@media (max-width:47.9375em) {
    .cart--totals {
        gap: 1rem;
        gap: var(--spacing);
        padding: 1rem;
        padding: var(--spacing)
    }
}

.cart--totals .overview-title {
    font-size: clamp(1rem,.227vw + .955rem,1.125rem);
    font-size: var(--fontsize-bodytext);
    font-weight: 700;
    font-weight: var(--fontweight-default-strong)
}

.cart--totals .subtotal__taxes {
    flex-direction: column
}

.cart--totals .subtotal__item, .cart--totals .subtotal__taxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    gap: var(--spacing)
}

.cart--totals .subtotal__item {
    align-items: start;
    inline-size: 100%;
    justify-content: space-between
}

.cart--totals .subtotal__item--bold {
    font-weight: 700;
    font-weight: var(--fontweight-default-strong)
}

.cart--totals .subtotal__item .subtotal__value {
    min-inline-size: -webkit-fit-content;
    min-inline-size: -moz-fit-content;
    min-inline-size: fit-content
}

.cart--payment {
    background: #fff;
    border: 1px solid #eee;
    border: 1px solid var(--Color-Button-On-background-on-button-secondary-inactive,#eee);
    border-radius: .5rem;
    border-radius: var(--Radius-System-radius-md,.5rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 1.6rem;
    padding: var(--spacing-xl)
}

    .cart--payment p:first-of-type {
        color: #0061ac;
        color: var(--color-brand-1);
        font-weight: 700;
        font-weight: var(--fontweight-default-strong)
    }

.cart--usp {
    background: #fff;
    border: 1px solid #eee;
    border: 1px solid var(--Color-Button-On-background-on-button-secondary-inactive,#eee);
    border-radius: .5rem;
    border-radius: var(--Radius-System-radius-md,.5rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    gap: var(--spacing);
    padding: 1.6rem;
    padding: var(--spacing-xl)
}

    .cart--usp h4, .cart--usp strong {
        color: #0061ac;
        color: var(--color-brand-1)
    }

    .cart--usp .list li {
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        gap: 1rem;
        gap: var(--spacing)
    }

        .cart--usp .list li .icon {
            min-inline-size: 1.5rem
        }

.holder {
    width: 100%
}

.holder, .holder--justify-left {
    text-align: left
}

.holder--justify-center {
    text-align: center
}

    .holder--justify-center .content, .holder--justify-center .rte {
        margin-left: auto;
        margin-right: auto
    }

.holder--justify-right {
    text-align: right
}

    .holder--justify-right .content, .holder--justify-right .rte {
        margin-left: auto
    }

.holder--direction-column {
    flex-direction: column;
    padding-bottom: 1rem
}

.holder--direction-column, .holder--usp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.holder--usp {
    align-items: center;
    flex-direction: row;
    gap: 1rem;
    gap: var(--spacing)
}

.category-holder {
    position: relative
}

.category-holder__title {
    color: #fff;
    inline-size: 100%;
    padding: .25rem;
    text-decoration: none
}

.category-holder__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

    .category-holder__items .category-holder__items {
        -webkit-padding-start: 1.25rem;
        padding-inline-start: 1.25rem
    }

.category-holder__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}
/*# sourceMappingURL=style.css.map */