/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */

@media screen {
    html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%
    }
    body {
        margin: 0
    }
    main {
        display: block
    }
    h1 {
        font-size: 2em;
        margin: .67em 0
    }
    hr {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        height: 0;
        overflow: visible
    }
    pre {
        font-family: monospace, monospace;
        font-size: 1em
    }
    a {
        background-color: transparent
    }
    abbr[title] {
        border-bottom: none;
        text-decoration: underline;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }
    b,
    strong {
        font-weight: bolder
    }
    code,
    kbd,
    samp {
        font-family: monospace, monospace;
        font-size: 1em
    }
    small {
        font-size: 80%
    }
    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }
    sub {
        bottom: -.25em
    }
    sup {
        top: -.5em
    }
    img {
        border-style: none
    }
    button,
    input,
    optgroup,
    select,
    textarea {
        font-family: inherit;
        font-size: 100%;
        line-height: 1.15;
        margin: 0
    }
    button,
    input {
        overflow: visible
    }
    button,
    select {
        text-transform: none
    }
    [type=button],
    [type=reset],
    [type=submit],
    button {
        -webkit-appearance: button
    }
    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner,
    button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }
    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring,
    button:-moz-focusring {
        outline: 1px dotted ButtonText
    }
    fieldset {
        padding: .35em .75em .625em
    }
    legend {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: inherit;
        display: table;
        max-width: 100%;
        padding: 0;
        white-space: normal
    }
    progress {
        vertical-align: baseline
    }
    textarea {
        overflow: auto
    }
    [type=checkbox],
    [type=radio] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }
    [type=number]::-webkit-inner-spin-button,
    [type=number]::-webkit-outer-spin-button {
        height: auto
    }
    [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }
    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }
    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }
    details {
        display: block
    }
    summary {
        display: list-item
    }
    [hidden],
    template {
        display: none
    }
    blockquote,
    dd,
    dl,
    figure,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    hr,
    p,
    pre {
        margin: 0
    }
    button {
        background-color: transparent;
        background-image: none
    }
    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color
    }
    fieldset,
    ol,
    ul {
        margin: 0;
        padding: 0
    }
    ol,
    ul {
        list-style: none
    }
    html {
        font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        line-height: 1.5
    }
    *,
    :after,
    :before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 0 solid
    }
    hr {
        border-top-width: 1px
    }
    img {
        border-style: solid
    }
    textarea {
        resize: vertical
    }
    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        color: #a0aec0
    }
    input::-moz-placeholder,
    textarea::-moz-placeholder {
        color: #a0aec0
    }
    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        color: #a0aec0
    }
    input::-ms-input-placeholder,
    textarea::-ms-input-placeholder {
        color: #a0aec0
    }
    input::placeholder,
    textarea::placeholder {
        color: #a0aec0
    }
    [role=button],
    button {
        cursor: pointer
    }
    table {
        border-collapse: collapse
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }
    a {
        color: inherit;
        text-decoration: inherit
    }
    button,
    input,
    optgroup,
    select,
    textarea {
        padding: 0;
        line-height: inherit;
        color: inherit
    }
    code,
    kbd,
    pre,
    samp {
        font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
    }
    audio,
    canvas,
    embed,
    iframe,
    img,
    object,
    svg,
    video {
        display: block;
        vertical-align: middle
    }
    img,
    video {
        max-width: 100%;
        height: auto
    }
    :focus,
    a:focus,
    button:focus {
        outline: 0
    }
    @font-face {
        font-family: Velutina Sans;
        src: local("Velutina Sans"), url(../../../../themes/custom/numiko/dist/font/velutina-web.woff2) format("woff2"), url(/themes/custom/numiko/dist/font/velutina-web.woff) format("woff");
        font-weight: 400;
        font-display: swap
    }
    @font-face {
        font-family: Velutina Sans;
        src: local("Velutina Sans Bold"), url(/themes/custom/numiko/dist/font/velutina-web.woff2) format("woff2"), url(/themes/custom/numiko/dist/font/velutina-web.woff) format("woff");
        font-weight: 700;
        font-display: swap
    }
    @font-face {
        font-family: Velutina Sans;
        src: local("Velutina Sans ExtraBold"), url(/themes/custom/numiko/dist/font/velutina-web.woff2) format("woff2"), url(/themes/custom/numiko/dist/font/velutina-web.woff) format("woff");
        font-weight: 900;
        font-display: swap
    }
    body,
    html {
        min-height: 100%
    }
    body {
        font-size: 1rem;
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity));
        font-family: Velutina Sans, Arial, Sans-Serif;
        line-height: 1.625;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        --bg-opacity: 1;
        background-color: #f7f6f6;
        background-color: rgba(247, 246, 246, var(--bg-opacity))
    }
    @media (min-width:1024px) {
        body {
            font-size: 1.125rem
        }
    }
    @media (min-width:1400px) {
        body {
            font-size: 1.25rem
        }
    }
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-top: 0;
        margin-bottom: .75rem;
        font-family: Velutina Sans, Arial, Sans-Serif;
        font-weight: 700;
        line-height: 1.1666
    }
    @media (min-width:1400px) {
        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin-bottom: 1.5rem
        }
    }
    .h1,
    h1 {
        font-size: 2.1875rem
    }
    @media (min-width:1400px) {
        .h1,
        h1 {
            font-size: 2.5rem
        }
    }
    .h2,
    h2 {
        font-size: 1.875rem;
        line-height: 1.1666
    }
    @media (min-width:1400px) {
        .h2,
        h2 {
            font-size: 2.5rem;
            line-height: 1
        }
    }
    .h3,
    h3 {
        font-size: 1.875rem;
        line-height: 1
    }
    @media (min-width:1400px) {
        .h3,
        h3 {
            font-size: 2.1875rem
        }
    }
    .h4,
    h4 {
        font-size: 1.5rem;
        line-height: 1
    }
    @media (min-width:1400px) {
        .h4,
        h4 {
            font-size: 1.875rem;
            line-height: 1.1666
        }
    }
    .h5,
    h5 {
        font-size: 1.25rem
    }
    @media (min-width:1400px) {
        .h5,
        h5 {
            font-size: 1.5rem;
            line-height: 1.1666
        }
    }
    .h6,
    h6 {
        font-size: 1.25rem
    }
    @media (min-width:1400px) {
        .h6,
        h6 {
            font-size: 1.25rem;
            line-height: 1.1666
        }
    }
    p {
        margin-bottom: .75rem
    }
    p:last-child {
        margin-bottom: 0
    }
    @media (min-width:768px) {
        p {
            margin-bottom: 2rem
        }
    }
    dl,
    ol,
    ul {
        margin-bottom: .75rem
    }
    @media (min-width:768px) {
        dl,
        ol,
        ul {
            margin-bottom: 2rem
        }
    }
    ol ol,
    ol ul,
    ul ol,
    ul ul {
        margin-top: 0;
        margin-bottom: 0
    }
    a {
        color: currentColor;
        -webkit-text-decoration-skip: ink;
        text-decoration-skip-ink: auto;
        -webkit-transition: color .3 ease 0s;
        transition: color .3 ease 0s
    }
    a:focus,
    a:hover {
        outline: 2px solid transparent;
        outline-offset: 2px
    }
    hr {
        margin-bottom: 1rem;
        --border-opacity: 1;
        border-color: #e7e7e7;
        border-bottom: 2px;
        border-color: rgba(231, 231, 231, var(--border-opacity));
        border-style: solid
    }
    img,
    picture,
    svg {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%
    }
    .no-js img.lazyload {
        display: none
    }
    .no-js noscript img.lazyload {
        display: block;
        opacity: 1
    }
    figure {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0
    }
    cite {
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity));
        font-style: italic
    }
    cite:before {
        content: "\2014 \00A0"
    }
    code {
        display: inline-block;
        margin-left: 1rem;
        margin-bottom: 1rem;
        padding: .25rem .5rem;
        --bg-opacity: 1;
        background-color: #e7e7e7;
        background-color: rgba(231, 231, 231, var(--bg-opacity))
    }
    form {
        zoom: 1
    }
    form:after,
    form:before {
        content: "";
        display: table;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    form:after {
        clear: both
    }
    fieldset {
        border-style: none;
        padding: 0;
        zoom: 1
    }
    fieldset:after,
    fieldset:before {
        content: "";
        display: table;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    fieldset:after {
        clear: both
    }
    label,
    legend {
        margin-bottom: 1rem
    }
    label {
        display: inline-block;
        cursor: pointer
    }
    input,
    select,
    textarea {
        display: block;
        width: 100%;
        padding: 1.5rem;
        border-radius: 0;
        border-style: none;
        --bg-opacity: 1;
        background-color: #eeedeb;
        background-color: rgba(238, 237, 235, var(--bg-opacity));
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity));
        outline: 2px solid transparent;
        outline-offset: 2px
    }
    body.tabbing input:focus,
    body.tabbing select:focus,
    body.tabbing textarea:focus {
        -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
        box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
    }
    select {
        background-repeat: no-repeat;
        line-height: 1.5;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url(/themes/custom/numiko/dist/img/svg/icon-select-dropdown.svg);
        background-size: 1em .5em;
        background-position: right 2em center
    }
    select::-ms-expand {
        display: none
    }
    textarea {
        resize: vertical;
        -webkit-overflow-scrolling: touch;
        min-height: 100px
    }
    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        color: rgba(0, 0, 0, .6);
        opacity: .999
    }
    input::-moz-placeholder,
    textarea::-moz-placeholder {
        color: rgba(0, 0, 0, .6);
        opacity: .999
    }
    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        color: rgba(0, 0, 0, .6);
        opacity: .999
    }
    input::-ms-input-placeholder,
    textarea::-ms-input-placeholder {
        color: rgba(0, 0, 0, .6);
        opacity: .999
    }
    input::placeholder,
    textarea::placeholder {
        color: rgba(0, 0, 0, .6);
        opacity: .999
    }
    input[type=checkbox],
    input[type=radio] {
        position: static;
        display: inline-block;
        margin-right: .5rem;
        border-width: 1px;
        --border-opacity: 1;
        border-color: #e7e7e7;
        border-color: rgba(231, 231, 231, var(--border-opacity));
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        vertical-align: middle;
        width: 15px;
        height: 15px
    }
    body.tabbing input[type=checkbox]:focus,
    body.tabbing input[type=radio]:focus {
        -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
        box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
    }
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        margin: 0;
        -webkit-appearance: none;
        appearance: none
    }
    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 60px #fff inset
    }
    .form-item,
    .form-wrapper {
        margin-bottom: 1.5rem
    }
    input:not([type=checkbox]):not([type=radio]).parsley-error,
    select.parsley-error,
    textarea.parsley-error {
        margin-bottom: 1rem;
        border-left-width: 5px;
        --border-opacity: 1;
        border-color: #c21212;
        border-color: rgba(194, 18, 18, var(--border-opacity))
    }
    .parsley-required,
    .parsley-type {
        --text-opacity: 1;
        color: #c21212;
        color: rgba(194, 18, 18, var(--text-opacity))
    }
    .parsley-errors-list {
        padding: 0;
        margin: .5rem 0;
        list-style-type: none
    }
    .form-required:after {
        content: "*"
    }
    .c-status-message,
    .webform-confirmation__message {
        margin-bottom: 1rem;
        padding: 1rem;
        border-width: 1px;
        --border-opacity: 1;
        border-color: #e3ea6c;
        border-color: rgba(227, 234, 108, var(--border-opacity))
    }
    .c-status-message.-error,
    .webform-confirmation__message.-error {
        border-width: 1px;
        --border-opacity: 1;
        border-color: #c21212;
        border-color: rgba(194, 18, 18, var(--border-opacity))
    }
    .c-sort-by {
        border-style: none;
        padding: 0;
        display: block
    }
    @media (min-width:1024px) {
        .c-sort-by {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            grid-gap: 1rem;
            gap: 1rem;
            margin-left: auto;
            padding-right: 0;
            position: absolute;
            right: 0;
            top: 0;
            position: relative;
            height: 100%
        }
    }
    .c-sort-by .c-sort-by__dropdown {
        position: relative
    }
    .c-sort-by .c-sort-by__dropdown .c-sort-by__button {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        --bg-opacity: 1;
        background-color: #fdc300;
        background-color: rgba(253, 195, 0, var(--bg-opacity));
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity));
        --border-opacity: 1;
        border: 2px solid #fdc300;
        border-color: rgba(253, 195, 0, var(--border-opacity))
    }
    .c-sort-by .c-sort-by__dropdown .c-sort-by__button:before {
        --bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--bg-opacity))
    }
    .c-sort-by .c-sort-by__dropdown .c-sort-by__button.active,
    .c-sort-by .c-sort-by__dropdown .c-sort-by__button:hover,
    body.tabbing .c-sort-by .c-sort-by__dropdown .c-sort-by__button:focus {
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity))
    }
    @media (min-width:1024px) {
        .c-sort-by .c-sort-by__dropdown .c-sort-by__button {
            width: auto;
            border-style: none;
            padding-left: 0;
            padding-right: 0;
            min-width: 170px;
            --text-opacity: 1;
            color: #fff;
            color: rgba(255, 255, 255, var(--text-opacity));
            --bg-opacity: 1;
            background-color: #000;
            background-color: rgba(0, 0, 0, var(--bg-opacity));
            font-weight: 400;
            overflow: hidden
        }
        .c-sort-by .c-sort-by__dropdown .c-sort-by__button:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            --bg-opacity: 1;
            background-color: #fdc300;
            background-color: rgba(253, 195, 0, var(--bg-opacity));
            height: 5px;
            -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transition: -webkit-transform .3s ease;
            transition: -webkit-transform .3s ease;
            transition: transform .3s ease;
            transition: transform .3s ease, -webkit-transform .3s ease
        }
    }
    @media (min-width:1400px) {
        .c-sort-by .c-sort-by__dropdown .c-sort-by__button {
            min-width: 245px
        }
    }
    .c-sort-by .c-sort-by__dropdown .c-sort-by__options {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        margin-bottom: 0;
        line-height: 1.1666
    }
    @media (min-width:1024px) {
        .c-sort-by .c-sort-by__dropdown .c-sort-by__options {
            padding-left: 0;
            padding-right: 0
        }
    }
    .c-sort-by .c-sort-by__dropdown .c-sort-by__options .js-form-type-radio {
        position: relative;
        margin: 0;
        font-size: 1.125rem;
        font-weight: 700;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .c-sort-by .c-sort-by__dropdown .c-sort-by__options input[type=radio] {
        position: relative;
        left: 0;
        margin-right: .5rem
    }
    .c-sort-by .c-sort-by__dropdown .c-sort-by__options input[type=radio]:checked+label {
        font-weight: 700
    }
    .c-sort-by .c-sort-by__dropdown .c-sort-by__options label {
        display: block;
        margin: 0;
        cursor: pointer;
        width: 100%
    }
    .c-sort-by .c-sort-by__dropdown .c-sort-by__options label span {
        display: block
    }
    .c-sort-by__label {
        --bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--bg-opacity));
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity));
        font-weight: 700;
        font-size: 1.25rem;
        line-height: 1.1666;
        width: 100%;
        height: 100%;
        margin-bottom: 0;
        text-align: center;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    @media (min-width:1024px) {
        .c-sort-by__label {
            font-size: 1.125rem;
            text-align: left;
            width: auto;
            height: auto
        }
    }
    @media (min-width:1400px) {
        .c-sort-by__label {
            font-size: 1.25rem
        }
    }
    .tabbing a:focus {
        -webkit-box-shadow: 0 0 0 3px #fd0;
        box-shadow: 0 0 0 3px #fd0
    }
    html.locked {
        overflow: hidden
    }
    body {
        background-color: #f8f7f8;
        background-color: hsl(285, var(--saturation, 6%), var(--lightness, 97%))
    }
    body.locked {
        position: absolute;
        overflow-y: hidden
    }
    .smooth-scroll-wrapper,
    body.locked {
        height: 100%;
        width: 100%
    }
    .circles-background {
        display: none
    }
    @media (min-width:1024px) {
        .circles-background {
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 100%;
            overflow: hidden;
            z-index: -1
        }
    }
    .circles-group {
        position: absolute;
        left: 0;
        width: 100%;
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
        opacity: .001;
        will-change: opacity;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        height: 400vh;
        -webkit-perspective: 500px;
        perspective: 500px
    }
    .circles-group:nth-child(2n) {
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1)
    }
    .circle {
        border-radius: 9999px;
        position: absolute;
        --bg-opacity: 1;
        background-color: #e8308a;
        background-color: rgba(232, 48, 138, var(--bg-opacity));
        will-change: transform;
        width: 521.6px;
        height: 521.6px
    }
    @media (min-width:1400px) {
        .circle {
            width: 652px;
            height: 652px
        }
    }
    .circle--big {
        top: 100vh;
        right: 50%;
        -webkit-transform: translateX(190%) translateY(0) translateZ(0) scale(1);
        transform: translateX(190%) translateY(0) translateZ(0) scale(1);
        -webkit-transform: translateX(190%) translateY(var(--ty, 0)) translateZ(0) scale(1);
        transform: translateX(190%) translateY(var(--ty, 0)) translateZ(0) scale(1)
    }
    .circle--medium {
        top: 90vh;
        left: 0;
        -webkit-transform: translateX(-110%) translateY(0) translateZ(-250px) scale(.7);
        transform: translateX(-110%) translateY(0) translateZ(-250px) scale(.7);
        -webkit-transform: translateX(-110%) translateY(var(--ty, 0)) translateZ(-250px) scale(.7);
        transform: translateX(-110%) translateY(var(--ty, 0)) translateZ(-250px) scale(.7)
    }
    .circle--small {
        top: 150vh;
        left: -20%;
        -webkit-transform: translateX(-29rem) translateY(0) translateZ(-2000px) scale(1.5);
        transform: translateX(-29rem) translateY(0) translateZ(-2000px) scale(1.5);
        -webkit-transform: translateX(-29rem) translateY(var(--ty, 0)) translateZ(-2000px) scale(1.5);
        transform: translateX(-29rem) translateY(var(--ty, 0)) translateZ(-2000px) scale(1.5)
    }
    .theme--color .circle {
        --bg-opacity: 1;
        background-color: #e8308a;
        background-color: rgba(232, 48, 138, var(--bg-opacity))
    }
    .theme--monochrome .circle {
        --bg-opacity: 1;
        background-color: #ddd;
        background-color: rgba(221, 221, 221, var(--bg-opacity))
    }
    .theme--bbc-archive .circle {
        --bg-opacity: 1;
        background-color: #9b9b9b;
        background-color: rgba(155, 155, 155, var(--bg-opacity))
    }
    .theme--green .circle {
        --bg-opacity: 1;
        background-color: #15af97;
        background-color: rgba(21, 175, 151, var(--bg-opacity))
    }
    .theme--blue .circle {
        --bg-opacity: 1;
        background-color: #41baec;
        background-color: rgba(65, 186, 236, var(--bg-opacity))
    }
    .parallax-pattern {
        display: none;
        -webkit-transform: translateY(calc(var(--ty)*0.3));
        -ms-transform: translateY(calc(var(--ty)*0.3));
        transform: translateY(calc(var(--ty)*0.3))
    }
    @media (min-width:1024px) {
        .parallax-pattern {
            display: block;
            position: absolute
        }
    }
    body.user-logged-in .wrapper-header-overlay {
        top: 2.4375rem
    }
    body.user-logged-in .wrapper-header-overlay.active {
        height: calc(100vh - 2.4375rem)
    }
    @media (min-width:1024px) {
        body.user-logged-in.toolbar-tray-open .wrapper-header-overlay {
            top: 4.875rem
        }
        body.user-logged-in.toolbar-tray-open .wrapper-header-overlay.active {
            height: calc(100vh - 4.875rem)
        }
    }
    .slice {
        position: relative;
        margin-top: 3.75rem;
        margin-bottom: 3.75rem
    }
    .slice--double {
        margin-top: 7.5rem;
        margin-bottom: 7.5rem
    }
    @media (min-width:1024px) {
        .slice--double {
            margin-top: 7.5rem;
            margin-bottom: 7.5rem
        }
    }
    .slice--half {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem
    }
    @media (min-width:1024px) {
        .slice--half {
            margin-top: 1.875rem;
            margin-bottom: 1.875rem
        }
    }
    .slice-title {
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity));
        text-align: center;
        font-size: 3rem;
        margin: 1.875rem auto;
        max-width: 59rem
    }
    @media (min-width:1024px) {
        .slice-title {
            margin-top: 3.75rem;
            margin-bottom: 3.75rem
        }
        .slice-title--w-cta {
            text-align: left;
            margin-left: 0;
            margin-right: 0
        }
    }
    @media (min-width:1400px) {
        .slice-title {
            font-size: 5.625rem
        }
    }
    .slice-title--boxed {
        position: relative;
        overflow: hidden;
        max-width: none;
        padding: 1.5rem;
        --border-opacity: 1;
        border: 7px solid #000;
        border-color: rgba(0, 0, 0, var(--border-opacity));
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        font-size: 1.875rem
    }
    @media (min-width:1024px) {
        .slice-title--boxed {
            border-width: 10px
        }
    }
    @media (min-width:1400px) {
        .slice-title--boxed {
            font-size: 2.5rem
        }
    }
    .slice-title--boxed:after,
    .slice-title--boxed:before {
        content: "";
        height: 80px;
        width: 80px;
        position: absolute;
        border-style: solid;
        --border-opacity: 1;
        border-color: #000;
        border-color: rgba(0, 0, 0, var(--border-opacity))
    }
    .slice-title--boxed:before {
        top: 0;
        left: 0;
        border-right-width: 7px;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg)
    }
    @media (min-width:1024px) {
        .slice-title--boxed:before {
            border-right-width: 10px
        }
    }
    .slice-title--boxed:after {
        bottom: 0;
        right: 0;
        border-left-width: 7px;
        -webkit-transform: translate(50%, 50%) rotate(45deg);
        -ms-transform: translate(50%, 50%) rotate(45deg);
        transform: translate(50%, 50%) rotate(45deg)
    }
    @media (min-width:1024px) {
        .slice-title--boxed:after {
            border-left-width: 10px
        }
    }
    .slice-cta-button {
        width: calc(33.33333% - 2.5rem)
    }
    .flex-grid {
        margin-left: -1.875rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    @media (min-width:768px) {
        .flex-grid {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }
    }
    @media (min-width:1400px) {
        .flex-grid {
            margin-left: -3.75rem
        }
    }
    .flex-grid:last-child {
        margin-bottom: -1.875rem
    }
    @media (min-width:1400px) {
        .flex-grid:last-child {
            margin-bottom: -3.75rem
        }
    }
    .flex-grid__item {
        padding-left: 1.875rem;
        padding-bottom: 1.875rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    @media (min-width:1400px) {
        .flex-grid__item {
            padding-left: 3.75rem;
            padding-bottom: 3.75rem
        }
    }
    @media (min-width:768px) {
        .flex-grid--teasers .flex-grid__item {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            max-width: 50%
        }
    }
    @media (min-width:1024px) {
        .flex-grid--teasers .flex-grid__item {
            -ms-flex-preferred-size: 33.33%;
            flex-basis: 33.33%;
            max-width: 33.33%
        }
    }
    .flex-grid--teasers .flex-grid__item:last-child {
        max-width: none;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .flex-grid--teasers[data-item-count="2"]:nth-child(2n)+.flex-grid--teasers[data-item-count="2"] .flex-grid__item:first-child {
        max-width: none;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
    .flex-grid--teasers[data-item-count="2"]:nth-child(2n)+.flex-grid--teasers[data-item-count="2"] .flex-grid__item:last-child {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
    @media (min-width:768px) {
        .flex-grid--standard .flex-grid__item {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            max-width: 50%
        }
    }
    @media (min-width:1024px) {
        .flex-grid--standard .flex-grid__item {
            -ms-flex-preferred-size: 33.33%;
            flex-basis: 33.33%;
            max-width: 33.33%
        }
        .flex-grid--standard .flex-grid__item:nth-child(5n+1) {
            -ms-flex-preferred-size: 66.66%;
            flex-basis: 66.66%;
            max-width: 66.66%
        }
    }
    @media (min-width:768px) {
        .flex-grid--3 .flex-grid__item {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            max-width: 50%
        }
    }
    @media (min-width:1024px) {
        .flex-grid--3 .flex-grid__item {
            -ms-flex-preferred-size: 33.33%;
            flex-basis: 33.33%;
            max-width: 33.33%
        }
    }
    @media (min-width:768px) {
        .flex-grid--bbc-archive .flex-grid__item,
        .flex-grid--profiles .flex-grid__item {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            max-width: 50%
        }
    }
    @media (min-width:1400px) {
        .flex-grid--bbc-archive .flex-grid__item,
        .flex-grid--profiles .flex-grid__item {
            -ms-flex-preferred-size: 33.33%;
            flex-basis: 33.33%;
            max-width: 33.33%
        }
    }
    .flex-grid--qh-only .post-nominals {
        display: none
    }
    .flex-grid--promoted:last-child {
        margin-bottom: 0
    }
    @media (min-width:1024px) {
        .flex-grid--promoted:last-child {
            margin-bottom: 0
        }
    }
    @media (min-width:768px) {
        .flex-grid--promoted .flex-grid__item {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            max-width: 100%
        }
    }
    .flex-grid--search .flex-grid__item {
        padding-bottom: 1.875rem
    }
    .flex-grid--social .flex-grid__item {
        display: none
    }
    .flex-grid--social .flex-grid__item:first-child {
        display: block
    }
    @media (min-width:768px) {
        .flex-grid--social .flex-grid__item {
            display: block;
            max-width: 50%;
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%
        }
        .flex-grid--social .flex-grid__item:last-child {
            display: none
        }
    }
    @media (min-width:1400px) {
        .flex-grid--social .flex-grid__item {
            -ms-flex-preferred-size: 33.33%;
            flex-basis: 33.33%;
            max-width: 33.33%
        }
        .flex-grid--social .flex-grid__item:last-child {
            display: block
        }
    }
    .c-icon {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: inline-block;
        fill: currentColor;
        width: 1rem;
        height: 1rem
    }
    .c-icon--small {
        width: .75rem;
        height: .75rem
    }
    .c-icon--medium {
        width: 1.25rem;
        height: 1.25rem
    }
    .c-icon--large {
        width: 1.5rem;
        height: 1.5rem
    }
    .c-icon--x-large {
        width: 2rem;
        height: 2rem
    }
    .c-icon--xx-large {
        width: 3rem;
        height: 3rem
    }
    .c-button {
        display: inline-block;
        position: relative;
        z-index: 1;
        padding: 1.25rem;
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.1666;
        text-align: center
    }
    @media (min-width:1400px) {
        .c-button {
            padding: 1.25rem 2rem;
            font-size: 1.25rem
        }
    }
    .c-button--primary,
    .c-button--search,
    .c-button--secondary,
    .c-button--tertiary,
    .c-button--transparent {
        overflow: hidden;
        -webkit-transition-property: background-color, border-color, color, fill, stroke;
        transition-property: background-color, border-color, color, fill, stroke;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }
    .c-button--primary:before,
    .c-button--search:before,
    .c-button--secondary:before,
    .c-button--tertiary:before,
    .c-button--transparent:before {
        display: block;
        content: "";
        width: calc(100% + 4rem);
        padding-top: calc(100% + 4rem);
        border-radius: 9999px;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 60%) scale(0);
        -ms-transform: translate(-50%, 60%) scale(0);
        transform: translate(-50%, 60%) scale(0);
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-duration: .6s;
        transition-duration: .6s;
        -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        z-index: -1;
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }
    .c-button--primary.active:before,
    .c-button--primary:hover:before,
    .c-button--search.active:before,
    .c-button--search:hover:before,
    .c-button--secondary.active:before,
    .c-button--secondary:hover:before,
    .c-button--tertiary.active:before,
    .c-button--tertiary:hover:before,
    .c-button--transparent.active:before,
    .c-button--transparent:hover:before,
    body.tabbing .c-button--primary:focus:before,
    body.tabbing .c-button--search:focus:before,
    body.tabbing .c-button--secondary:focus:before,
    body.tabbing .c-button--tertiary:focus:before,
    body.tabbing .c-button--transparent:focus:before {
        -webkit-transform: translate(-50%, 30%) scale(1);
        -ms-transform: translate(-50%, 30%) scale(1);
        transform: translate(-50%, 30%) scale(1);
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
    .c-button--primary {
        --bg-opacity: 1;
        background-color: #fdc300;
        background-color: rgba(253, 195, 0, var(--bg-opacity));
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity));
        --border-opacity: 1;
        border: 2px solid #fdc300;
        border-color: rgba(253, 195, 0, var(--border-opacity))
    }
    .c-button--primary:before {
        --bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--bg-opacity))
    }
    .c-button--primary.active,
    .c-button--primary:hover,
    .c-button--secondary,
    body.tabbing .c-button--primary:focus {
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity))
    }
    .c-button--secondary {
        --bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--bg-opacity));
        --border-opacity: 1;
        border: 2px solid #000;
        border-color: rgba(0, 0, 0, var(--border-opacity));
        -webkit-transition-property: background-color, border-color, color, fill, stroke;
        transition-property: background-color, border-color, color, fill, stroke;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        overflow: hidden
    }
    .c-button--secondary:before {
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity))
    }
    .c-button--secondary.active,
    .c-button--secondary:hover,
    .c-button--tertiary,
    body.tabbing .c-button--secondary:focus {
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity))
    }
    .c-button--tertiary {
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        border: 2px solid transparent
    }
    .c-button--tertiary:before {
        --bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--bg-opacity))
    }
    .c-button--tertiary.active,
    .c-button--tertiary:hover,
    .c-button--transparent,
    body.tabbing .c-button--tertiary:focus {
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity))
    }
    .c-button--transparent {
        text-shadow: 0 0 5px rgba(0, 0, 0, .55);
        --border-opacity: 1;
        border: 2px solid #fff;
        border-color: rgba(255, 255, 255, var(--border-opacity))
    }
    .c-button--transparent:before {
        --bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--bg-opacity))
    }
    .c-button--search {
        --bg-opacity: 1;
        background-color: #fdc300;
        background-color: rgba(253, 195, 0, var(--bg-opacity));
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity));
        --border-opacity: 1;
        border: 2px solid #fdc300;
        border-color: rgba(253, 195, 0, var(--border-opacity));
        -webkit-transition-property: background-color, border-color, color, fill, stroke;
        transition-property: background-color, border-color, color, fill, stroke;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }
    .c-button--search .svg-search-circle {
        fill: #fff
    }
    .c-button--search:before {
        --bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--bg-opacity));
        -webkit-transition-duration: .4s;
        transition-duration: .4s
    }
    .c-button--search.active,
    .c-button--search:focus,
    .c-button--search:hover {
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity))
    }
    .c-button--search.active .svg-search-circle,
    .c-button--search:focus .svg-search-circle,
    .c-button--search:hover .svg-search-circle {
        fill: #000
    }
    .c-button .c-button__icon,
    .c-button .c-button__label {
        vertical-align: middle
    }
    .c-button .c-button__icon {
        margin-left: .5rem
    }
    .c-button .c-button__icon:first-child {
        margin-left: 0;
        margin-right: .5rem
    }
    .c-button-media {
        width: 3rem;
        height: 3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        border-radius: 9999px;
        outline: 2px solid transparent;
        outline-offset: 2px;
        --bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--bg-opacity));
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity));
        --border-opacity: 1;
        border: 2px solid #fff;
        border-color: rgba(255, 255, 255, var(--border-opacity))
    }
    @media (min-width:1400px) {
        .c-button-media--large {
            width: 4rem;
            height: 4rem
        }
    }
    .c-button-media--small {
        width: 2.5rem;
        height: 2.5rem
    }
    .c-button-media--inverted {
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity));
        --border-opacity: 1;
        border-color: #000;
        border-color: rgba(0, 0, 0, var(--border-opacity))
    }
    @media screen and (max-width:767px) {
        .c-button-media--centered {
            right: 50%;
            -webkit-transform: translate(50%, -100%);
            -ms-transform: translate(50%, -100%);
            transform: translate(50%, -100%)
        }
    }
    .c-button-media .c-button-media__ring {
        width: 130%;
        height: 130%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: none;
        position: absolute
    }
    .c-button-media .c-button-media__ring .foreground {
        fill: transparent;
        stroke-dasharray: 190;
        stroke-dashoffset: 190;
        stroke: #e8308a;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(-270deg);
        -ms-transform: rotate(-270deg);
        transform: rotate(-270deg);
        -webkit-transition: rotate 1s ease 0s, stroke-dashoffset 1s ease 0s;
        transition: rotate 1s ease 0s, stroke-dashoffset 1s ease 0s
    }
    .c-button-media .c-icon--play {
        display: block;
        margin-left: .3rem
    }
    .c-button-media .c-icon--pause {
        display: none
    }
    .c-button-media:focus,
    .c-button-media:hover {
        cursor: pointer;
        outline: 2px solid transparent;
        outline-offset: 2px;
        --bg-opacity: 1;
        background-color: #fdc300;
        background-color: rgba(253, 195, 0, var(--bg-opacity));
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity));
        --border-opacity: 1;
        border-color: #000;
        border-color: rgba(0, 0, 0, var(--border-opacity));
        -webkit-transition-property: background-color, border-color, color, fill, stroke;
        transition-property: background-color, border-color, color, fill, stroke;
        -webkit-transition-duration: .2s;
        transition-duration: .2s
    }
    .c-button-media:focus .c-button-media__ring .foreground,
    .c-button-media:hover .c-button-media__ring .foreground {
        stroke-dashoffset: 0;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    .c-button-media.is-playing .c-icon--play {
        display: none
    }
    .c-button-media.is-playing .c-icon--pause {
        display: block
    }
    .wrapper-header-overlay {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        background-color: transparent
    }
    @media (min-width:1024px) {
        .wrapper-header-overlay {
            position: fixed;
            -webkit-transition-property: background-color, border-color, color, fill, stroke;
            transition-property: background-color, border-color, color, fill, stroke;
            -webkit-transition-duration: .6s;
            transition-duration: .6s
        }
    }
    .wrapper-header-overlay.active {
        height: 100%
    }
    .c-header-overlay {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        overflow: hidden
    }
    @media (min-width:1024px) {
        .c-header-overlay {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            background-color: transparent
        }
    }
    .c-header-overlay__nav {
        scroll-behavior: smooth
    }
    .c-header-overlay__nav::-webkit-scrollbar {
        width: .75rem
    }
    .c-header-overlay__nav::-webkit-scrollbar-track {
        --bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--bg-opacity));
        border-radius: .5rem
    }
    .c-header-overlay__nav::-webkit-scrollbar-thumb {
        border-radius: .5rem;
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        --border-opacity: 1;
        border: 2px solid #000;
        border-color: rgba(0, 0, 0, var(--border-opacity))
    }
    @media (max-height:300px) {
        .c-header-overlay .c-header-overlay__nav,
        .c-header-overlay .c-header-overlay__search-form {
            padding-top: .5rem;
            padding-bottom: .5rem
        }
    }
    .c-menu-page__list {
        line-height: 1.1666
    }
    @media (min-width:768px) {
        .c-menu-page__list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-left: -1rem;
            margin-right: -1rem
        }
    }
    .c-menu-page__item {
        margin-bottom: 1rem
    }
    @media (min-width:768px) {
        .c-menu-page__item {
            width: 50%;
            padding-left: 1rem;
            padding-right: 1rem
        }
    }
    .c-menu-page__link {
        display: block;
        --text-opacity: 1;
        color: #0069b4;
        color: rgba(0, 105, 180, var(--text-opacity))
    }
    .c-menu__footer-link {
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity))
    }
    @media (min-width:1400px) {
        .c-menu__footer-link {
            font-size: 1.125rem
        }
    }
    .c-menu__footer-link:focus,
    .c-menu__footer-link:hover {
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity))
    }
    .c-menu-dropdown {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }
    .c-menu-dropdown-reveal {
        position: absolute;
        display: block;
        width: 100%;
        z-index: 50;
        overflow: hidden;
        --bg-opacity: 1;
        background-color: #fdc300;
        background-color: rgba(253, 195, 0, var(--bg-opacity));
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity));
        height: 0
    }
    .c-menu-dropdown-button {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    @media (min-width:1024px) {
        .c-menu-dropdown-button--mobile {
            display: none
        }
    }
    .c-filter-bar {
        display: -webkit-box;
        display: -ms-flexbox;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        line-height: 1.1666
    }
    @media (min-width:1024px) {
        .c-filter-bar {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding-top: 0;
            padding-bottom: 0;
            background: repeating-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0) 5.4375rem, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, .5) calc(5.4375rem + 1px))
        }
    }
    .c-filter-bar legend {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
    .c-filter-bar .js-form-wrapper {
        margin: 0
    }
    .c-filter-bar .js-form-type-radio {
        position: relative;
        display: block;
        margin: 0;
        font-size: 1.125rem;
        font-weight: 700;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    @media (min-width:1024px) {
        .c-filter-bar .js-form-type-radio {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
            font-weight: 400
        }
    }
    .c-filter-bar input[type=checkbox],
    .c-filter-bar input[type=radio] {
        position: absolute;
        left: 0;
        margin-left: 1.25rem
    }
    @media (min-width:1024px) {
        .c-filter-bar input[type=checkbox],
        .c-filter-bar input[type=radio] {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border-width: 0
        }
    }
    .c-filter-bar input[type=checkbox]:checked+label,
    .c-filter-bar input[type=radio]:checked+label {
        font-weight: 700
    }
    .c-filter-bar input[type=checkbox]:checked+label span,
    .c-filter-bar input[type=radio]:checked+label span {
        background-size: 100% 5px;
        background-position: left bottom 0
    }
    .c-filter-bar label {
        display: block;
        margin: 0;
        cursor: pointer;
        width: 100%
    }
    @media (min-width:1024px) {
        .c-filter-bar label {
            text-decoration: none
        }
        .c-filter-bar label span {
            background-image: -webkit-gradient(linear, left top, left bottom, from(#fdc300), to(#fdc300));
            background-image: linear-gradient(#fdc300, #fdc300);
            background-position: right bottom 0;
            background-repeat: no-repeat;
            background-size: 0 5px;
            -webkit-transition: background-size .3s ease;
            transition: background-size .3s ease
        }
        .c-filter-bar label:focus span,
        .c-filter-bar label:hover span {
            background-size: 100% 5px;
            background-position: left bottom 0
        }
    }
    .c-filter-bar label span {
        display: block;
        padding: 1rem 1rem 1rem 3rem
    }
    @media (min-width:1024px) {
        .c-filter-bar label span {
            padding: 2rem 0;
            font-size: 1.25rem
        }
    }
    .c-filter-bar .form-actions {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
        display: none
    }
    .no-js .c-filter-bar .form-actions {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal;
        display: inline-block;
        position: absolute;
        right: 0;
        bottom: 0;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }
    .c-list-bar {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0;
        padding-top: 1rem;
        padding-bottom: 1rem;
        line-height: 1.1666
    }
    @media (min-width:1024px) {
        .c-list-bar {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding-top: 0;
            padding-bottom: 0
        }
    }
    .c-list-bar__item {
        display: block;
        text-align: center;
        font-size: 1.125rem
    }
    @media (min-width:1024px) {
        .c-list-bar__item {
            padding-left: 1.25rem;
            padding-right: 1.25rem
        }
    }
    @media (min-width:1400px) {
        .c-list-bar__item {
            font-size: 1.5rem
        }
    }
    .c-list-bar__link {
        display: block;
        padding: 1rem;
        text-decoration: none
    }
    .c-list-bar__link .animate-underline-child {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
        background-image: linear-gradient(#000, #000);
        background-position: right bottom 0;
        background-repeat: no-repeat;
        background-size: 0 2px;
        -webkit-transition: background-size .3s ease;
        transition: background-size .3s ease
    }
    .c-list-bar__link:focus .animate-underline-child,
    .c-list-bar__link:hover .animate-underline-child {
        background-size: 100% 2px;
        background-position: left bottom 0
    }
    @media (min-width:1024px) {
        .c-list-bar__link {
            padding: 0;
            text-decoration: none
        }
        .c-list-bar__link .animate-underline-child {
            background-image: -webkit-gradient(linear, left top, left bottom, from(#fdc300), to(#fdc300));
            background-image: linear-gradient(#fdc300, #fdc300);
            background-position: right bottom 0;
            background-repeat: no-repeat;
            background-size: 0 10px;
            -webkit-transition: background-size .3s ease;
            transition: background-size .3s ease
        }
        .c-list-bar__link:focus .animate-underline-child,
        .c-list-bar__link:hover .animate-underline-child {
            background-size: 100% 10px;
            background-position: left bottom 0
        }
    }
    .c-list-bar__link.is-active {
        font-weight: 700
    }
    .c-list-bar__link.is-active .animate-underline-child {
        background-size: 100% 2px;
        background-position: left bottom 0
    }
    @media (min-width:1024px) {
        .c-list-bar__link.is-active .animate-underline-child {
            background-size: 100% 10px;
            background-position: left bottom 0
        }
    }
    @media (min-width:1024px) {
        .c-list-bar__link span {
            display: block;
            padding-top: 2rem;
            padding-bottom: 2.5rem;
            margin-bottom: -5px
        }
    }
    .cke_editable>h2:first-child,
    .cke_editable h3:first-child,
    .cke_editable h4:first-child,
    .cke_editable h5:first-child,
    .cke_editable h6:first-child,
    .wysiwyg>h2:first-child,
    .wysiwyg h3:first-child,
    .wysiwyg h4:first-child,
    .wysiwyg h5:first-child,
    .wysiwyg h6:first-child {
        margin-top: 0
    }
    .cke_editable>h2,
    .wysiwyg>h2 {
        --text-opacity: 1;
        color: #702d87;
        color: rgba(112, 45, 135, var(--text-opacity));
        line-height: 1.1666;
        font-size: 1.5rem;
        margin-top: 2.5rem;
        margin-bottom: 1rem
    }
    @media (min-width:1024px) {
        .cke_editable>h2,
        .wysiwyg>h2 {
            font-size: 1.875rem;
            margin-top: 3rem;
            margin-bottom: 1.5rem
        }
    }
    @media (min-width:1400px) {
        .cke_editable>h2,
        .wysiwyg>h2 {
            font-size: 2.1875rem
        }
    }
    .cke_editable>h3,
    .wysiwyg>h3 {
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity));
        font-size: 1.125rem;
        line-height: 1.375;
        margin-top: 1.5rem;
        margin-bottom: 1rem
    }
    @media (min-width:1024px) {
        .cke_editable>h3,
        .wysiwyg>h3 {
            font-size: 1.25rem
        }
    }
    @media (min-width:1400px) {
        .cke_editable>h3,
        .wysiwyg>h3 {
            font-size: 1.5rem;
            margin-top: 2rem;
            margin-bottom: 1rem
        }
    }
    .cke_editable>h4,
    .cke_editable h5,
    .cke_editable h6,
    .wysiwyg>h4,
    .wysiwyg h5,
    .wysiwyg h6 {
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity));
        font-size: 1rem;
        line-height: 1.375;
        margin-top: 1.5rem;
        margin-bottom: .25rem
    }
    @media (min-width:1024px) {
        .cke_editable>h4,
        .cke_editable h5,
        .cke_editable h6,
        .wysiwyg>h4,
        .wysiwyg h5,
        .wysiwyg h6 {
            font-size: 1.125rem
        }
    }
    @media (min-width:1400px) {
        .cke_editable>h4,
        .cke_editable h5,
        .cke_editable h6,
        .wysiwyg>h4,
        .wysiwyg h5,
        .wysiwyg h6 {
            font-size: 1.25rem;
            margin-top: 2rem
        }
    }
    .cke_editable a:not(.animate-underline),
    .wysiwyg a:not(.animate-underline) {
        text-decoration: underline;
        --text-opacity: 1;
        color: #0069b4;
        color: rgba(0, 105, 180, var(--text-opacity));
        -webkit-text-decoration-color: #41baec;
        text-decoration-color: #41baec;
        text-decoration-thickness: 2px;
        text-underline-offset: 3px
    }
    .cke_editable a:not(.animate-underline):hover,
    .wysiwyg a:not(.animate-underline):hover {
        text-decoration: none
    }
    .tabbing .cke_editable a:focus,
    .tabbing .wysiwyg a:focus {
        -webkit-box-shadow: 0 0 0 3px #fd0;
        box-shadow: 0 0 0 3px #fd0
    }
    .cke_editable ol li,
    .cke_editable ul li,
    .wysiwyg ol li,
    .wysiwyg ul li {
        position: relative;
        margin-bottom: .75rem;
        padding-left: 1.5rem
    }
    @media (min-width:1024px) {
        .cke_editable ol li,
        .cke_editable ul li,
        .wysiwyg ol li,
        .wysiwyg ul li {
            padding-left: 2rem
        }
    }
    .cke_editable ol li:before,
    .cke_editable ul li:before,
    .wysiwyg ol li:before,
    .wysiwyg ul li:before {
        position: absolute;
        left: 0;
        top: 0
    }
    .cke_editable ol li:last-child,
    .cke_editable ul li:last-child,
    .wysiwyg ol li:last-child,
    .wysiwyg ul li:last-child {
        margin-bottom: 0
    }
    .cke_editable ul li:before,
    .wysiwyg ul li:before {
        --text-opacity: 1;
        color: #702d87;
        color: rgba(112, 45, 135, var(--text-opacity));
        content: "\25CF"
    }
    .cke_editable ul ul,
    .wysiwyg ul ul {
        margin-top: .75rem;
        margin-bottom: .75rem
    }
    .cke_editable ul ul li:before,
    .wysiwyg ul ul li:before {
        opacity: .75
    }
    .cke_editable ol,
    .wysiwyg ol {
        counter-reset: list
    }
    .cke_editable ol li,
    .wysiwyg ol li {
        padding-left: 2.5rem;
        counter-increment: list
    }
    @media (min-width:1024px) {
        .cke_editable ol li,
        .wysiwyg ol li {
            padding-left: 3.5rem
        }
    }
    .cke_editable ol li:before,
    .wysiwyg ol li:before {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: inline-block;
        border-radius: 9999px;
        font-weight: 700;
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity));
        text-align: center;
        --bg-opacity: 1;
        background-color: #702d87;
        background-color: rgba(112, 45, 135, var(--bg-opacity));
        content: counter(list);
        line-height: 25px;
        width: 25px;
        height: 25px
    }
    @media (min-width:1024px) {
        .cke_editable ol li:before,
        .wysiwyg ol li:before {
            line-height: 35px;
            width: 35px;
            height: 35px
        }
    }
    .cke_editable ol ol,
    .wysiwyg ol ol {
        margin-top: .75rem;
        margin-bottom: .75rem
    }
    .cke_editable ol ol li:before,
    .wysiwyg ol ol li:before {
        opacity: .75
    }
    .cke_editable .table-container,
    .wysiwyg .table-container {
        overflow: auto
    }
    .cke_editable .table-container::-webkit-scrollbar,
    .wysiwyg .table-container::-webkit-scrollbar {
        width: .75rem
    }
    .cke_editable .table-container::-webkit-scrollbar-track,
    .wysiwyg .table-container::-webkit-scrollbar-track {
        border-radius: 9999px;
        margin-top: 1.25rem;
        --bg-opacity: 1;
        background-color: #702d87;
        background-color: rgba(112, 45, 135, var(--bg-opacity))
    }
    .cke_editable .table-container::-webkit-scrollbar-thumb,
    .wysiwyg .table-container::-webkit-scrollbar-thumb {
        border-radius: 9999px;
        --bg-opacity: 1;
        background-color: #f8f6f9;
        background-color: rgba(248, 246, 249, var(--bg-opacity));
        --border-opacity: 1;
        border: 2px solid #702d87;
        border-color: rgba(112, 45, 135, var(--border-opacity))
    }
    .cke_editable table,
    .wysiwyg table {
        width: 100%;
        border-collapse: collapse;
        font-size: .875rem;
        margin-bottom: 1rem
    }
    @media (min-width:1024px) {
        .cke_editable table,
        .wysiwyg table {
            font-size: .875rem
        }
    }
    @media (min-width:1400px) {
        .cke_editable table,
        .wysiwyg table {
            font-size: 1rem
        }
    }
    .cke_editable table caption,
    .wysiwyg table caption {
        --bg-opacity: 1;
        background-color: #f8f6f9;
        background-color: rgba(248, 246, 249, var(--bg-opacity));
        padding: 1rem
    }
    .cke_editable table td,
    .cke_editable table th,
    .wysiwyg table td,
    .wysiwyg table th {
        padding: 1rem;
        --border-opacity: 1;
        border: 2px solid #702d87;
        border-color: rgba(112, 45, 135, var(--border-opacity));
        vertical-align: top
    }
    .cke_editable table th,
    .wysiwyg table th {
        padding: 1rem;
        border-width: 2px;
        border-style: solid;
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity));
        font-weight: 700;
        --bg-opacity: 1;
        background-color: #702d87;
        background-color: rgba(112, 45, 135, var(--bg-opacity))
    }
    .cke_editable table thead th,
    .wysiwyg table thead th {
        border-color: #702d87 #fff #702d87 #702d87
    }
    .cke_editable table thead th:first-child,
    .wysiwyg table thead th:first-child {
        border-bottom-color: #fff
    }
    .cke_editable table thead th:last-child,
    .wysiwyg table thead th:last-child {
        border-right-color: #702d87
    }
    .cke_editable table tbody tr:nth-of-type(2n),
    .wysiwyg table tbody tr:nth-of-type(2n) {
        --bg-opacity: 1;
        background-color: #f8f6f9;
        background-color: rgba(248, 246, 249, var(--bg-opacity))
    }
    .cke_editable table tbody th,
    .wysiwyg table tbody th {
        border-right-color: #fff;
        border-left-color: #702d87;
        border-bottom-color: #fff
    }
    .cke_editable table tbody tr:last-child th,
    .wysiwyg table tbody tr:last-child th {
        border-bottom-color: #702d87
    }
    .cke_editable .embedded-entity,
    .wysiwyg .embedded-entity {
        display: block;
        position: relative;
        z-index: 10;
        margin-bottom: 1rem;
        clear: both
    }
    @media (min-width:768px) {
        .cke_editable .embedded-entity,
        .wysiwyg .embedded-entity {
            width: 100%;
            max-width: 100%;
            margin-bottom: 2rem
        }
    }
    .cke_editable .embedded-entity.align-center,
    .cke_editable .embedded-entity.align-center img,
    .wysiwyg .embedded-entity.align-center,
    .wysiwyg .embedded-entity.align-center img {
        width: 100%
    }
    @media (min-width:768px) {
        .cke_editable .embedded-entity.align-left,
        .cke_editable .embedded-entity.align-right,
        .wysiwyg .embedded-entity.align-left,
        .wysiwyg .embedded-entity.align-right {
            width: 100%;
            max-width: 24rem
        }
    }
    .cke_editable .embedded-entity.align-left img,
    .cke_editable .embedded-entity.align-right img,
    .wysiwyg .embedded-entity.align-left img,
    .wysiwyg .embedded-entity.align-right img {
        width: 100%
    }
    @media (min-width:768px) {
        .cke_editable .embedded-entity.align-left,
        .wysiwyg .embedded-entity.align-left {
            float: left;
            margin-right: 3.75rem;
            margin-left: -7.5rem
        }
    }
    @media (min-width:768px) {
        .cke_editable .embedded-entity.align-right,
        .wysiwyg .embedded-entity.align-right {
            float: right;
            margin-left: 3.75rem;
            margin-right: -7.5rem
        }
    }
    .cke_editable .embedded-entity .media,
    .wysiwyg .embedded-entity .media {
        width: 100%;
        position: relative
    }
    .cke_editable .embedded-entity .media-audio,
    .wysiwyg .embedded-entity .media-audio {
        --bg-opacity: 1;
        background-color: #f2f3f4;
        background-color: rgba(242, 243, 244, var(--bg-opacity))
    }
    .cke_editable .embedded-entity .media-image img,
    .wysiwyg .embedded-entity .media-image img {
        margin-left: auto;
        margin-right: auto
    }
    .cke_editable .embedded-entity audio,
    .cke_editable .embedded-entity video,
    .wysiwyg .embedded-entity audio,
    .wysiwyg .embedded-entity video {
        width: 100%
    }
    .cke_editable .embedded-entity figcaption,
    .wysiwyg .embedded-entity figcaption {
        font-size: 1rem;
        background-color: #000;
        color: #fff;
        padding: 1rem 2rem
    }
    .cke_editable blockquote,
    .wysiwyg blockquote {
        padding-left: 2rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        --border-opacity: 1;
        border-color: #e7e7e7;
        border-left: 2px;
        border-color: rgba(231, 231, 231, var(--border-opacity));
        border-style: solid
    }
    .cke_editable blockquote p,
    .wysiwyg blockquote p {
        position: relative
    }
    .cke_editable blockquote p:first-child:before,
    .wysiwyg blockquote p:first-child:before {
        position: absolute;
        content: open-quote;
        left: -.5em
    }
    .cke_editable blockquote p:last-child,
    .wysiwyg blockquote p:last-child {
        margin-bottom: 0
    }
    .cke_editable blockquote p:last-child:after,
    .wysiwyg blockquote p:last-child:after {
        content: close-quote
    }
    .cke_editable.wysiwyg--dark a,
    .cke_editable.wysiwyg--dark ul li:before,
    .wysiwyg.wysiwyg--dark a,
    .wysiwyg.wysiwyg--dark ul li:before {
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity))
    }
    .cke_editable.wysiwyg--dark ol li:before,
    .wysiwyg.wysiwyg--dark ol li:before {
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity));
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity))
    }
    @media (min-width:768px) {
        .cke_editable {
            padding: 6rem 8rem;
            --bg-opacity: 1;
            background-color: #fff;
            background-color: rgba(255, 255, 255, var(--bg-opacity));
            -webkit-box-shadow: inset 4rem 2rem #f7f6f6, inset -4rem -2rem #f7f6f6;
            box-shadow: inset 4rem 2rem #f7f6f6, inset -4rem -2rem #f7f6f6
        }
    }
    .cke_editable .twitter-tweet {
        margin: 0;
        padding: 2rem;
        border-width: 0;
        --bg-opacity: 1;
        background-color: #00a9f1;
        background-color: rgba(0, 169, 241, var(--bg-opacity));
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity))
    }
    .cke_editable .twitter-tweet a {
        color: inherit;
        text-decoration: none
    }
    .c-hero,
    .cke_widget_element {
        width: 100%
    }
    .c-hero {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 9rem;
        padding-bottom: 8rem
    }
    @media (min-width:1024px) {
        .c-hero {
            padding-top: 14rem;
            padding-bottom: 12rem
        }
    }
    .c-hero--darken-overlay:before {
        background-color: rgba(0, 0, 0, .3)
    }
    .c-hero--darken-overlay:before,
    .c-hero--light-overlay:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 10
    }
    .c-hero--light-overlay:before {
        --bg-opacity: 1;
        background-color: #bcbcbc;
        background-color: rgba(188, 188, 188, var(--bg-opacity))
    }
    .c-hero--with-media {
        min-height: 550px;
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity));
        --bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--bg-opacity))
    }
    @media (min-width:1024px) {
        .c-hero--with-media {
            min-height: 720px
        }
    }
    .c-hero--with-media:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 10;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .7)), color-stop(30%, rgba(0, 0, 0, .4)));
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .4) 30%)
    }
    .c-hero--with-media img.lazyloaded {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform
    }
    .c-hero--without-media {
        --bg-opacity: 1;
        background-color: #702d87;
        background-color: rgba(112, 45, 135, var(--bg-opacity));
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity));
        overflow: visible
    }
    .c-hero--without-media:before {
        content: "";
        display: block;
        width: 66.666667%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background-image: radial-gradient(#e40134 4px, transparent 0), radial-gradient(#e40134 4px, transparent 0);
        background-color: transparent;
        background-position: 10px 10px, 30px 30px;
        background-size: 40px 40px;
        opacity: .2
    }
    .c-hero--has-application-links {
        padding-bottom: 2.5rem;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .c-hero--has-application-links.c-hero--media-is-video {
        padding-bottom: 8rem
    }
    @media (min-width:1024px) {
        .c-hero--has-application-links {
            padding-bottom: 8rem
        }
    }
    .c-hero--news {
        padding-top: 16rem;
        padding-bottom: 3rem;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .c-hero--news.c-hero--media-is-video {
        padding-bottom: 8rem
    }
    .c-hero--news:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .75)), to(transparent));
        background: linear-gradient(0deg, rgba(0, 0, 0, .75), transparent)
    }
    @media (min-width:1024px) {
        .c-hero--news {
            min-height: 720px;
            padding-bottom: 8rem
        }
    }
    @media (min-width:1400px) {
        .c-hero--news:not(.c-hero--without-media) {
            min-height: 930px
        }
    }
    .char,
    .line,
    .word {
        display: inline-block
    }
    .line-content {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ec6825), to(#ec6825));
        background-image: linear-gradient(#ec6825, #ec6825);
        background-repeat: no-repeat
    }
    .c-cta-circle-bg {
        position: absolute;
        z-index: 0;
        bottom: 0;
        left: 50%;
        max-width: none;
        -webkit-transform: translate(-50%, 42.5rem);
        -ms-transform: translate(-50%, 42.5rem);
        transform: translate(-50%, 42.5rem);
        width: 50rem
    }
    @media (min-width:768px) {
        .c-cta-circle-bg {
            top: auto;
            right: auto;
            bottom: auto;
            left: auto;
            top: 0;
            right: 0;
            width: 40rem;
            -webkit-transform: translate(45%, -10%);
            -ms-transform: translate(45%, -10%);
            transform: translate(45%, -10%)
        }
    }
    @media (min-width:1024px) {
        .c-cta-circle-bg {
            -webkit-transform: translate(40%, -10%);
            -ms-transform: translate(40%, -10%);
            transform: translate(40%, -10%);
            height: 40rem
        }
    }
    @media (min-width:1400px) {
        .c-cta-circle-bg {
            -webkit-transform: translate(35%, -10%);
            -ms-transform: translate(35%, -10%);
            transform: translate(35%, -10%)
        }
    }
    .c-medium-cta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%;
        overflow: hidden;
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity))
    }
    .c-medium-cta__img {
        position: relative;
        z-index: 10;
        width: 100%;
        height: 100%
    }
    @media (min-width:1024px) {
        .c-medium-cta__img {
            width: 50%
        }
    }
    .c-medium-cta__content {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        padding: 2rem
    }
    @media (min-width:1024px) {
        .c-medium-cta__content {
            padding: 2rem;
            width: 50%;
            -ms-flex-pack: distribute;
            justify-content: space-around
        }
    }
    @media (min-width:1400px) {
        .c-medium-cta__content {
            padding: 3rem
        }
    }
    .c-medium-cta__title {
        position: relative;
        z-index: 10;
        font-size: 1.875rem;
        line-height: 1.375
    }
    .c-medium-cta__arrow {
        display: none;
        position: relative;
        z-index: 10;
        margin-bottom: 1.5rem;
        margin-left: -8rem
    }
    @media screen and (min-height:900px) {
        .c-medium-cta__arrow {
            display: block
        }
    }
    @media (min-width:1400px) {
        .c-medium-cta__arrow {
            margin-left: -10rem;
            min-height: 70px
        }
    }
    .slice--cta-big:last-child {
        margin-bottom: 0
    }
    .cta-big-title {
        -webkit-text-stroke: 2px #fff;
        max-width: 1000px
    }
    .cta-big-title__clip {
        white-space: pre-line;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        position: absolute;
        z-index: -10;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin-left: auto;
        margin-right: auto;
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity));
        text-align: center
    }
    @media (min-width:1024px) {
        .cta-big-title__clip {
            clip-path: circle(var(--scale))
        }
    }
    .scroll-anchor {
        visibility: hidden;
        position: absolute;
        width: 2rem;
        opacity: .5
    }
    .scroll-anchor--circle {
        height: 75vh;
        top: 25vh;
        left: 0;
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity))
    }
    .scroll-anchor--bg {
        height: 2px;
        top: 0;
        left: 20px;
        --bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--bg-opacity))
    }
    .scroll-anchor--remove {
        height: 2px;
        bottom: 0;
        left: 30px;
        -webkit-transform: translateY(120%);
        -ms-transform: translateY(120%);
        transform: translateY(120%);
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity))
    }
    .video-embed-field-responsive-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    .video-embed-field-responsive-video iframe {
        height: 100%;
        width: 100%
    }
    .video-embed-field-responsive-video video {
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    @supports ((-o-object-fit:cover) or (object-fit:cover)) {
        .video-embed-field-responsive-video video {
            -o-object-fit: cover;
            font-family: "object-fit:cover";
            object-fit: cover;
            width: 100%;
            height: 100%
        }
    }
    .c-welcome:after,
    .c-welcome:before {
        content: "";
        height: calc(100% + 75px);
        position: absolute;
        z-index: 10;
        width: 100%
    }
    @media (min-width:1024px) {
        .c-welcome:after,
        .c-welcome:before {
            height: calc(100% + 140px)
        }
    }
    .c-welcome:before {
        top: -75px;
        left: 0;
        background-image: linear-gradient(135deg, #fdc300 4.17%, transparent 0, transparent 50%, #fdc300 0, #fdc300 54.17%, transparent 0, transparent);
        background-size: 12.97px 12.97px
    }
    @media (min-width:768px) {
        .c-welcome:before {
            background-image: linear-gradient(135deg, rgba(236, 104, 37, .25) 4.17%, transparent 0, transparent 50%, rgba(236, 104, 37, .25) 0, rgba(236, 104, 37, .25) 54.17%, transparent 0, transparent);
            background-size: 12.97px 12.97px;
            background-size: 16.97px 16.97px;
            width: 41.666667%;
            top: 0;
            z-index: auto;
            bottom: -75px;
            background-position: 100% 0
        }
    }
    @media (min-width:1024px) {
        .c-welcome:before {
            bottom: -140px
        }
    }
    .c-welcome:after {
        display: none
    }
    @media (min-width:768px) {
        .c-welcome:after {
            background-image: linear-gradient(135deg, #fdc300 4.17%, transparent 0, transparent 50%, #fdc300 0, #fdc300 54.17%, transparent 0, transparent);
            background-size: 12.97px 12.97px;
            background-size: 16.97px 16.97px;
            display: block;
            width: 58.333333%;
            right: 0;
            bottom: 0;
            top: -75px;
            background-position: 0 4px
        }
    }
    @media (min-width:1024px) {
        .c-welcome:after {
            top: -140px
        }
    }
    .c-statement {
        position: relative;
        z-index: 30;
        font-weight: 700;
        line-height: 1.1666;
        font-size: 1.5rem;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0
    }
    @media (min-width:1400px) {
        .c-statement {
            font-size: 1.875rem
        }
    }
    .c-statement p:last-child {
        margin-bottom: 0
    }
    .modal {
        font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif
    }
    .modal__overlay {
        position: fixed;
        z-index: 1000;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .8);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    @media (min-width:1024px) {
        .modal__overlay {
            padding: 3.75rem
        }
    }
    .modal__container {
        position: relative;
        --bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--bg-opacity));
        width: 100%;
        height: 100%;
        overflow-y: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .modal__close {
        border: 0;
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity))
    }
    .modal__scroller {
        scroll-behavior: smooth;
        padding-right: .5rem;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        height: 100%;
        overflow-y: auto
    }
    .modal__scroller::-webkit-scrollbar {
        width: 10px
    }
    .modal__scroller::-webkit-scrollbar-track {
        --bg-opacity: 1;
        background-color: #bcbcbc;
        background-color: rgba(188, 188, 188, var(--bg-opacity))
    }
    .modal__scroller::-webkit-scrollbar-thumb {
        border-radius: .5rem;
        --bg-opacity: 1;
        background-color: #666;
        background-color: rgba(102, 102, 102, var(--bg-opacity));
        --border-opacity: 1;
        border: 2px solid #bcbcbc;
        border-color: rgba(188, 188, 188, var(--border-opacity))
    }
    .modal__scroller a:not(:hover) {
        text-decoration: underline
    }
    @-webkit-keyframes mmfadeIn {
        0% {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    @keyframes mmfadeIn {
        0% {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    @-webkit-keyframes mmfadeOut {
        0% {
            opacity: 1
        }
        to {
            opacity: 0
        }
    }
    @keyframes mmfadeOut {
        0% {
            opacity: 1
        }
        to {
            opacity: 0
        }
    }
    @-webkit-keyframes mmslideIn {
        0% {
            -webkit-transform: translateY(15%);
            transform: translateY(15%)
        }
        to {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
    @keyframes mmslideIn {
        0% {
            -webkit-transform: translateY(15%);
            transform: translateY(15%)
        }
        to {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
    @-webkit-keyframes mmslideOut {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        to {
            -webkit-transform: translateY(-10%);
            transform: translateY(-10%)
        }
    }
    @keyframes mmslideOut {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        to {
            -webkit-transform: translateY(-10%);
            transform: translateY(-10%)
        }
    }
    .micromodal-slide {
        display: none
    }
    .micromodal-slide.is-open {
        display: block
    }
    .micromodal-slide[aria-hidden=false] .modal__overlay {
        -webkit-animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1);
        animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1)
    }
    .micromodal-slide[aria-hidden=false] .modal__container {
        -webkit-animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
        animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1)
    }
    .micromodal-slide[aria-hidden=true] .modal__overlay {
        -webkit-animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1);
        animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1)
    }
    .micromodal-slide[aria-hidden=true] .modal__container {
        -webkit-animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
        animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1)
    }
    .micromodal-slide .modal__container,
    .micromodal-slide .modal__overlay {
        will-change: transform
    }
    .c-profile-slider .flickity-viewport {
        overflow: visible !important
    }
    .animated-arrow__line {
        stroke-dashoffset: var(--strokeDashoffsetLine)
    }
    .animated-arrow__head {
        stroke-dashoffset: var(--strokeDashoffsetHead)
    }
    .js-form-item-query,
    .js-form-item-search-name {
        margin-bottom: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }
    .js-form-item-query+.form-action,
    .js-form-item-search-name+.form-action {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0
    }
    @media (min-width:1024px) {
        .c-archive-video {
            position: relative;
            top: -1px;
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #bcbcbc), color-stop(50%, transparent), to(transparent));
            background-image: linear-gradient(#bcbcbc 50%, transparent 0, transparent)
        }
        .c-archive-video:after {
            content: "";
            position: absolute;
            z-index: 1;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 50%;
            background-image: linear-gradient(135deg, #e8308a 4.17%, transparent 0, transparent 50%, #e8308a 0, #e8308a 54.17%, transparent 0, transparent);
            background-size: 12.97px 12.97px;
            background-size: 16.97px 16.97px;
            height: 140px
        }
    }
    .c-play-button .c-play-button__duration,
    .c-play-button .c-play-button__icon-bg {
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }
    .c-play-button:focus .c-play-button__icon-bg,
    .c-play-button:hover .c-play-button__icon-bg {
        --bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--bg-opacity))
    }
    .c-play-button:focus .c-play-button__icon-bg svg,
    .c-play-button:hover .c-play-button__icon-bg svg {
        --text-opacity: 1;
        color: #fdc300;
        color: rgba(253, 195, 0, var(--text-opacity))
    }
    .c-play-button:focus .c-play-button__duration,
    .c-play-button:hover .c-play-button__duration {
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity));
        --bg-opacity: 1;
        background-color: #fdc300;
        background-color: rgba(253, 195, 0, var(--bg-opacity))
    }
    input.ui-autocomplete-loading {
        background-image: url(/themes/custom/numiko/dist/img/svg/loading-dark.svg);
        background-position: right 1em center;
        background-size: 2rem;
        background-repeat: no-repeat
    }
    .ui-autocomplete {
        overflow: hidden;
        z-index: 100;
        position: absolute
    }
    .ui-autocomplete .ui-menu-item {
        display: block;
        border-top-width: 1px;
        --border-opacity: 1;
        border-color: #666;
        border-color: rgba(102, 102, 102, var(--border-opacity))
    }
    .ui-autocomplete .ui-menu-item:last-child {
        border-top-width: 0
    }
    .ui-autocomplete .ui-menu-item:last-child>a {
        --bg-opacity: 1;
        background-color: #fdc300;
        background-color: rgba(253, 195, 0, var(--bg-opacity));
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity));
        font-weight: 700;
        line-height: 1.1666;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition-property: background-color, border-color, color, fill, stroke;
        transition-property: background-color, border-color, color, fill, stroke;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --border-opacity: 1;
        border: 2px solid #000;
        border-color: rgba(0, 0, 0, var(--border-opacity))
    }
    .ui-autocomplete .ui-menu-item:last-child>a:focus,
    .ui-autocomplete .ui-menu-item:last-child>a:hover {
        --bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--bg-opacity));
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity));
        --border-opacity: 1;
        border-color: #fdc300;
        border-color: rgba(253, 195, 0, var(--border-opacity))
    }
    .ui-autocomplete .ui-menu-item:last-child>a:focus:after,
    .ui-autocomplete .ui-menu-item:last-child>a:hover:after {
        -webkit-filter: invert(1);
        filter: invert(1)
    }
    .ui-autocomplete .ui-menu-item:last-child>a:after {
        content: "";
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background-image: url(/themes/custom/numiko/dist/img/svg/sprite-icon-right-arrow.svg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 100%
    }
    .ui-autocomplete .ui-menu-item>a {
        color: hsla(0, 0%, 100%, .7);
        --bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--bg-opacity));
        display: block;
        padding: 1.5rem;
        cursor: pointer;
        text-decoration: none
    }
    .ui-autocomplete .ui-menu-item>a .ui-autocomplete-field-page_title {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#41baec), to(#41baec));
        background-image: linear-gradient(#41baec, #41baec);
        background-position: right bottom 0;
        background-repeat: no-repeat;
        background-size: 0 2px;
        -webkit-transition: background-size .3s ease;
        transition: background-size .3s ease
    }
    .ui-autocomplete .ui-menu-item>a:focus .ui-autocomplete-field-page_title,
    .ui-autocomplete .ui-menu-item>a:hover .ui-autocomplete-field-page_title {
        background-size: 100% 2px;
        background-position: left bottom 0
    }
    .ui-autocomplete .ui-autocomplete-field-term {
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity));
        font-weight: 700
    }
    .ui-autocomplete .ui-autocomplete-field-page_title {
        display: inline
    }
    .c-facet-item {
        text-decoration: none
    }
    .c-facet-item label span {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
        background-image: linear-gradient(#000, #000);
        background-position: right bottom 0;
        background-repeat: no-repeat;
        background-size: 0 2px;
        -webkit-transition: background-size .3s ease;
        transition: background-size .3s ease
    }
    .c-facet-item:focus label span,
    .c-facet-item:hover label span {
        background-size: 100% 2px;
        background-position: left bottom 0
    }
    .c-facet-item label {
        margin-bottom: 0;
        padding: 1rem;
        display: block
    }
    .c-facet-item input {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
    .c-facet-item input[type=checkbox]:checked+label span,
    .c-facet-item input[type=checkbox]:focus+label span {
        background-size: 100% 2px;
        background-position: left bottom 0
    }
    .c-teaser-fallback {
        position: relative;
        --bg-opacity: 1;
        background-color: #702d87;
        background-color: rgba(112, 45, 135, var(--bg-opacity))
    }
    .c-teaser-fallback:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0;
        top: 0;
        right: 0;
        background-image: radial-gradient(#e40134 4px, transparent 0), radial-gradient(#e40134 4px, transparent 0);
        background-color: transparent;
        background-position: 10px 10px, 30px 30px;
        background-size: 40px 40px;
        opacity: .2
    }
    .c-teaser-fallback--bbc-archive {
        --bg-opacity: 1;
        background-color: #9b9b9b;
        background-color: rgba(155, 155, 155, var(--bg-opacity))
    }
    .c-teaser-fallback--bbc-archive:before {
        background-image: radial-gradient(#000 4px, transparent 0), radial-gradient(#000 4px, transparent 0);
        background-color: transparent;
        background-position: 10px 10px, 30px 30px;
        background-size: 40px 40px;
        opacity: .2
    }
    .c-course-overview-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        max-width: 100%
    }
    @media (min-width:768px) {
        .c-course-overview-item {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }
    }
    .c-course-overview-item__icon {
        margin-right: .75rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        --text-opacity: 1;
        color: #e8308a;
        color: rgba(232, 48, 138, var(--text-opacity))
    }
    .c-course-overview-item__icon svg {
        fill: currentColor
    }
    @media (min-width:768px) {
        .c-course-overview-item__icon {
            margin-right: 0;
            margin-bottom: .75rem
        }
    }
    @media (min-width:768px) {
        .c-course-overview-item__details {
            max-width: 100%;
            text-align: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }
    }
    .c-course-overview-item__title {
        font-weight: 700;
        margin-right: .25rem
    }
    @media (min-width:768px) {
        .c-course-overview-item__title {
            margin-right: 0
        }
    }
    .c-course-overview-item__field {
        max-width: 100%
    }
    .container {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: .75rem;
        padding-left: .75rem
    }
    @media (min-width:480px) {
        .container {
            max-width: 480px;
            padding-right: .75rem;
            padding-left: .75rem
        }
    }
    @media (min-width:768px) {
        .container {
            max-width: 768px;
            padding-right: 2rem;
            padding-left: 2rem
        }
    }
    @media (min-width:1024px) {
        .container {
            max-width: 1024px;
            padding-right: 3.75rem;
            padding-left: 3.75rem
        }
    }
    @media (min-width:1400px) {
        .container {
            max-width: 1400px;
            padding-right: 3.75rem;
            padding-left: 3.75rem
        }
    }
    .container--fluid {
        max-width: 100%
    }
    @media (min-width:1024px) {
        .container--restricted {
            max-width: 59rem
        }
    }
    @media (min-width:1024px) {
        .container-desktop-only {
            margin-left: auto;
            margin-right: auto;
            max-width: 1024px;
            padding-left: 3.75rem;
            padding-right: 3.75rem
        }
    }
    @media (min-width:1400px) {
        .container-desktop-only {
            max-width: 1400px;
            padding-left: 3.75rem;
            padding-right: 3.75rem
        }
    }
    .c-cursor {
        position: fixed;
        width: 6rem;
        height: 6rem;
        top: 0;
        left: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        background-color: transparent;
        border-radius: 80%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        pointer-events: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: background-color .6s;
        transition: background-color .6s
    }
    .c-cursor.blend {
        background-color: #e8308a;
        mix-blend-mode: color
    }
    .c-cursor.draggable {
        background-color: #000;
        color: #fff;
        cursor: -webkit-grabbing;
        cursor: grabbing;
        top: -3rem;
        left: 2.5rem
    }
    .c-slider .flickity-button {
        background-color: #000 !important;
        color: #fdc300 !important;
        border-radius: 50% !important;
        padding: 0;
        width: 3rem !important;
        height: 3rem !important;
        -webkit-transition: background-color .2s ease 0s, color .2s ease 0s;
        transition: background-color .2s ease 0s, color .2s ease 0s
    }
    @media (min-width:1024px) {
        .c-slider .flickity-button {
            width: 3.75rem !important;
            height: 3.75rem !important
        }
    }
    .c-slider .flickity-button:hover {
        background-color: #fdc300 !important;
        color: #000 !important
    }
    .c-slider .flickity-prev-next-button {
        right: 0 !important;
        left: auto !important;
        margin-right: calc(50% - 50vw + .75rem)
    }
    @media (min-width:768px) {
        .c-slider .flickity-prev-next-button {
            margin-right: calc(50% - 50vw + 2rem)
        }
    }
    @media (min-width:1024px) {
        .c-slider .flickity-prev-next-button {
            margin-right: calc(50% - 50vw + 3.75rem)
        }
    }
    @media (min-width:1400px) {
        .c-slider .flickity-prev-next-button {
            margin-right: calc(50% - 50vw + 3.75rem)
        }
    }
    .c-slider .flickity-prev-next-button.previous {
        -webkit-transform: translateY(-50%) translateY(-28px);
        -ms-transform: translateY(-50%) translateY(-28px);
        transform: translateY(-50%) translateY(-28px)
    }
    @media (min-width:1024px) {
        .c-slider .flickity-prev-next-button.previous {
            -webkit-transform: translateY(-50%) translateY(-38px);
            -ms-transform: translateY(-50%) translateY(-38px);
            transform: translateY(-50%) translateY(-38px)
        }
    }
    .c-slider .flickity-prev-next-button.next {
        -webkit-transform: translateY(-50%) translateY(28px);
        -ms-transform: translateY(-50%) translateY(28px);
        transform: translateY(-50%) translateY(28px)
    }
    @media (min-width:1024px) {
        .c-slider .flickity-prev-next-button.next {
            -webkit-transform: translateY(-50%) translateY(38px);
            -ms-transform: translateY(-50%) translateY(38px);
            transform: translateY(-50%) translateY(38px)
        }
    }
    .c-slider .flickity-button-icon {
        pointer-events: none
    }
    .c-showcase {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .c-showcase.flickity-enabled {
        display: block
    }
    .c-showcase .flickity-slider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .c-showcase .flickity-viewport {
        overflow: visible
    }
    .c-showcase .c-showcase__media {
        position: relative;
        overflow: hidden;
        background-color: #000;
        aspect-ratio: 16/9;
        aspect-ratio: var(--img-width, 16)/var(--img-height, 9);
        height: 300px
    }
    @media (min-width:768px) {
        .c-showcase .c-showcase__media {
            height: 370px
        }
    }
    @media (min-width:1024px) {
        .c-showcase .c-showcase__media {
            height: 490px
        }
    }
    .c-showcase .c-showcase__media noscript img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        font-family: "object-fit:cover";
        object-fit: cover
    }
    .c-showcase .c-showcase__details {
        color: #fff
    }
    :root .c-showcase .flickity-slider,
    _:-ms-fullscreen {
        display: inline-block
    }
    .caption {
        font-size: 1rem;
        background-color: #000;
        color: #fff;
        padding: 1rem 2rem
    }
    .caption a {
        color: #fff;
        text-decoration: underline;
        -webkit-text-decoration-color: #41baec;
        text-decoration-color: #41baec;
        -webkit-transition: color .2s ease 0s;
        transition: color .2s ease 0s
    }
    .caption a:focus,
    .caption a:hover {
        text-decoration: none
    }
    .boxed {
        display: block;
        padding: .75rem;
        background-color: #fff
    }
    @media (min-width:768px) {
        .boxed {
            padding: 3rem 3.75rem
        }
    }
    .boxed:after {
        display: table;
        clear: both
    }
    .boxed>:last-child:not(.flex-grid) {
        margin-bottom: 0
    }
    .boxed>h2:first-child {
        color: #702d87
    }
    .boxed--dark {
        background-color: #000;
        color: #fff
    }
    .boxed--dark>h2:first-child {
        color: #e8308a
    }
    .boxed--slim {
        padding: 1.5rem
    }
    @media (min-width:768px) {
        .boxed--slim {
            padding: 3rem
        }
    }
    .c-gallery .flickity-prev-next-button.previous {
        left: 0 !important
    }
    .c-gallery .flickity-prev-next-button.next {
        right: 0 !important
    }
    .c-gallery__item {
        overflow: hidden;
        width: calc(100% - 1.875rem)
    }
    @media (min-width:1024px) {
        .c-gallery__item {
            width: calc(100% - 3.75rem)
        }
    }
    .flickity-viewport {
        -webkit-transition: height .3s;
        transition: height .3s
    }
    .flickity-button {
        background-color: #fdc300 !important;
        color: #000 !important;
        border-radius: 0 !important;
        padding: 0;
        width: 1.875rem !important;
        height: 1.875rem !important;
        -webkit-transition: background-color .2s ease 0s, color .2s ease 0s;
        transition: background-color .2s ease 0s, color .2s ease 0s
    }
    @media (min-width:1024px) {
        .flickity-button {
            width: 3.75rem !important;
            height: 3.75rem !important
        }
    }
    .flickity-button:hover {
        background-color: #000 !important;
        color: #fff !important
    }
    .flickity-counter {
        position: absolute;
        top: calc(50% + 1.875rem);
        right: 0;
        min-width: 3.75rem;
        text-align: center;
        padding: .5em 0;
        background-color: #000;
        color: #fdc300;
        font-weight: 700;
        font-size: 1rem
    }
    .sr-only,
    body.tabbing .tabbing-focus\:sr-only:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
    body.tabbing .tabbing-focus\:not-sr-only:focus {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }
    .bg-color-black {
        --bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--bg-opacity))
    }
    .bg-color-black-50 {
        background-color: rgba(0, 0, 0, .5)
    }
    .bg-color-black-90 {
        background-color: rgba(0, 0, 0, .9)
    }
    .bg-color-white {
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity))
    }
    .bg-color-blue-dark {
        --bg-opacity: 1;
        background-color: #0069b4;
        background-color: rgba(0, 105, 180, var(--bg-opacity))
    }
    .bg-color-yellow {
        --bg-opacity: 1;
        background-color: #fdc300;
        background-color: rgba(253, 195, 0, var(--bg-opacity))
    }
    .bg-color-purple {
        --bg-opacity: 1;
        background-color: #702d87;
        background-color: rgba(112, 45, 135, var(--bg-opacity))
    }
    .bg-color-orange {
        --bg-opacity: 1;
        background-color: #ec6825;
        background-color: rgba(236, 104, 37, var(--bg-opacity))
    }
    .bg-color-grey-dark {
        --bg-opacity: 1;
        background-color: #bcbcbc;
        background-color: rgba(188, 188, 188, var(--bg-opacity))
    }
    .bg-color-red {
        --bg-opacity: 1;
        background-color: #e40134;
        background-color: rgba(228, 1, 52, var(--bg-opacity))
    }
    .bg-color-body {
        --bg-opacity: 1;
        background-color: #f7f6f6;
        background-color: rgba(247, 246, 246, var(--bg-opacity))
    }
    .hover\:bg-color-black:hover {
        --bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--bg-opacity))
    }
    .hover\:bg-color-blue-dark:hover {
        --bg-opacity: 1;
        background-color: #0069b4;
        background-color: rgba(0, 105, 180, var(--bg-opacity))
    }
    .focus\:bg-color-black:focus,
    .group:hover .group-hover\:bg-color-black {
        --bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--bg-opacity))
    }
    .group:hover .group-hover\:bg-color-yellow {
        --bg-opacity: 1;
        background-color: #fdc300;
        background-color: rgba(253, 195, 0, var(--bg-opacity))
    }
    .bg-opacity-40 {
        --bg-opacity: .40
    }
    .bg-opacity-50 {
        --bg-opacity: .5
    }
    .bg-cover {
        background-size: cover
    }
    .border-color-transparent {
        border-color: transparent
    }
    .border-color-black {
        --border-opacity: 1;
        border-color: #000;
        border-color: rgba(0, 0, 0, var(--border-opacity))
    }
    .border-color-black-10 {
        border-color: rgba(0, 0, 0, .1)
    }
    .border-color-white {
        --border-opacity: 1;
        border-color: #fff;
        border-color: rgba(255, 255, 255, var(--border-opacity))
    }
    .border-color-yellow {
        --border-opacity: 1;
        border-color: #fdc300;
        border-color: rgba(253, 195, 0, var(--border-opacity))
    }
    .border-color-grey {
        --border-opacity: 1;
        border-color: #666;
        border-color: rgba(102, 102, 102, var(--border-opacity))
    }
    .border-color-base-keyline {
        --border-opacity: 1;
        border-color: #e7e7e7;
        border-color: rgba(231, 231, 231, var(--border-opacity))
    }
    .hover\:border-color-blue-dark:hover {
        --border-opacity: 1;
        border-color: #0069b4;
        border-color: rgba(0, 105, 180, var(--border-opacity))
    }
    .rounded-none {
        border-radius: 0
    }
    .rounded-sm {
        border-radius: .125rem
    }
    .rounded {
        border-radius: .25rem
    }
    .rounded-md {
        border-radius: .375rem
    }
    .rounded-full {
        border-radius: 9999px
    }
    .rounded-br-full {
        border-bottom-right-radius: 9999px
    }
    .rounded-bl-full {
        border-bottom-left-radius: 9999px
    }
    .border-solid {
        border-style: solid
    }
    .border-2 {
        border-width: 2px
    }
    .border-8 {
        border-width: 8px
    }
    .border {
        border-width: 1px
    }
    .border-b {
        border-bottom-width: 1px
    }
    .border-l {
        border-left-width: 1px
    }
    .border-t-progress-bar {
        border-top-width: .25rem
    }
    .cursor-pointer {
        cursor: pointer
    }
    .block {
        display: block
    }
    .inline-block {
        display: inline-block
    }
    .flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .inline-flex {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
    .table {
        display: table
    }
    .contents {
        display: contents
    }
    .hidden {
        display: none
    }
    .flex-row {
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .flex-col,
    .flex-row {
        -webkit-box-direction: normal
    }
    .flex-col {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .flex-col-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .flex-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .flex-no-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .items-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .items-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
    .self-center {
        -ms-flex-item-align: center;
        align-self: center
    }
    .self-stretch {
        -ms-flex-item-align: stretch;
        align-self: stretch
    }
    .justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .flex-1 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }
    .flex-none {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }
    .flex-grow-0 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
    .flex-grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
    .flex-shrink-0 {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .font-light {
        font-weight: 300
    }
    .font-normal {
        font-weight: 400
    }
    .font-semibold {
        font-weight: 600
    }
    .font-bold {
        font-weight: 700
    }
    .h-0 {
        height: 0
    }
    .h-1 {
        height: .25rem
    }
    .h-2 {
        height: .5rem
    }
    .h-8 {
        height: 2rem
    }
    .h-10 {
        height: 2.5rem
    }
    .h-12 {
        height: 3rem
    }
    .h-14 {
        height: 3.5rem
    }
    .h-20 {
        height: 5rem
    }
    .h-48 {
        height: 12rem
    }
    .h-64 {
        height: 16rem
    }
    .h-auto {
        height: auto
    }
    .h-2\.5 {
        height: .625rem
    }
    .h-pop-out {
        height: calc(100% + 3rem)
    }
    .h-full {
        height: 100%
    }
    .h-1\/2 {
        height: 50%
    }
    .h-profile-bg {
        height: 67%
    }
    .h-avatar-small {
        height: 12.5rem
    }
    .h-avatar-tiny {
        height: 3.5rem
    }
    .text-xs {
        font-size: .75rem
    }
    .text-sm {
        font-size: .875rem
    }
    .text-base {
        font-size: 1rem
    }
    .text-lg {
        font-size: 1.125rem
    }
    .text-xl {
        font-size: 1.25rem
    }
    .text-2xl {
        font-size: 1.5rem
    }
    .text-3xl {
        font-size: 1.875rem
    }
    .text-5xl {
        font-size: 2.5rem
    }
    .text-6xl {
        font-size: 3rem
    }
    .leading-none {
        line-height: 1
    }
    .leading-tight {
        line-height: 1.1666
    }
    .leading-snug {
        line-height: 1.375
    }
    .list-none {
        list-style-type: none
    }
    .m-0 {
        margin: 0
    }
    .m-4 {
        margin: 1rem
    }
    .m-auto {
        margin: auto
    }
    .mx-1 {
        margin-left: .25rem;
        margin-right: .25rem
    }
    .my-2 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }
    .mx-2 {
        margin-left: .5rem;
        margin-right: .5rem
    }
    .mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }
    .my-16 {
        margin-top: 4rem;
        margin-bottom: 4rem
    }
    .my-auto {
        margin-top: auto;
        margin-bottom: auto
    }
    .mx-auto {
        margin-left: auto;
        margin-right: auto
    }
    .my-outer-small {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem
    }
    .-mx-3 {
        margin-left: -.75rem;
        margin-right: -.75rem
    }
    .-mx-outer-tiny {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }
    .mt-0 {
        margin-top: 0
    }
    .mb-0 {
        margin-bottom: 0
    }
    .mt-1 {
        margin-top: .25rem
    }
    .mr-1 {
        margin-right: .25rem
    }
    .mb-1 {
        margin-bottom: .25rem
    }
    .mt-2 {
        margin-top: .5rem
    }
    .mr-2 {
        margin-right: .5rem
    }
    .mb-2 {
        margin-bottom: .5rem
    }
    .ml-2 {
        margin-left: .5rem
    }
    .mt-3 {
        margin-top: .75rem
    }
    .mr-3 {
        margin-right: .75rem
    }
    .mb-3 {
        margin-bottom: .75rem
    }
    .ml-3 {
        margin-left: .75rem
    }
    .mt-4 {
        margin-top: 1rem
    }
    .mr-4 {
        margin-right: 1rem
    }
    .mb-4 {
        margin-bottom: 1rem
    }
    .ml-4 {
        margin-left: 1rem
    }
    .mb-5 {
        margin-bottom: 1.25rem
    }
    .ml-5 {
        margin-left: 1.25rem
    }
    .mt-6 {
        margin-top: 1.5rem
    }
    .mb-6 {
        margin-bottom: 1.5rem
    }
    .ml-6 {
        margin-left: 1.5rem
    }
    .mt-8 {
        margin-top: 2rem
    }
    .mr-8 {
        margin-right: 2rem
    }
    .mb-8 {
        margin-bottom: 2rem
    }
    .ml-8 {
        margin-left: 2rem
    }
    .mt-10 {
        margin-top: 2.5rem
    }
    .mb-10 {
        margin-bottom: 2.5rem
    }
    .mb-12 {
        margin-bottom: 3rem
    }
    .mt-16 {
        margin-top: 4rem
    }
    .mt-25 {
        margin-top: 6.25rem
    }
    .ml-auto {
        margin-left: auto
    }
    .mt-2\.5 {
        margin-top: .625rem
    }
    .ml-container-sm {
        margin-left: .75rem
    }
    .mb-outer-small {
        margin-bottom: 1.875rem
    }
    .ml-outer-small {
        margin-left: 1.875rem
    }
    .mb-inner-small {
        margin-bottom: 1.5rem
    }
    .mt-pop-out {
        margin-top: 3rem
    }
    .-mt-1 {
        margin-top: -.25rem
    }
    .-mb-2 {
        margin-bottom: -.5rem
    }
    .-mt-4 {
        margin-top: -1rem
    }
    .-mb-4 {
        margin-bottom: -1rem
    }
    .-mt-6 {
        margin-top: -1.5rem
    }
    .-mb-8 {
        margin-bottom: -2rem
    }
    .-mt-10 {
        margin-top: -2.5rem
    }
    .-mb-10 {
        margin-bottom: -2.5rem
    }
    .-mb-12 {
        margin-bottom: -3rem
    }
    .-mt-24 {
        margin-top: -6rem
    }
    .-mt-px {
        margin-top: -1px
    }
    .-mt-outer-small {
        margin-top: -1.875rem
    }
    .-mb-inner-small-double {
        margin-bottom: -3rem
    }
    .last\:mb-0:last-child {
        margin-bottom: 0
    }
    .last\:ml-0:last-child {
        margin-left: 0
    }
    .max-h-full {
        max-height: 100%
    }
    .max-h-screen-50 {
        max-height: 50vh
    }
    .max-w-2xl {
        max-width: 42rem
    }
    .max-w-3xl {
        max-width: 48rem
    }
    .max-w-6xl {
        max-width: 72rem
    }
    .max-w-full {
        max-width: 100%
    }
    .max-w-container-restricted {
        max-width: 59rem
    }
    .max-w-designer-listing,
    .max-w-profile-listing {
        max-width: 15rem
    }
    .max-w-blue-circle-large {
        max-width: 37.5rem
    }
    .max-w-blue-circle-medium {
        max-width: 22rem
    }
    .min-h-screen {
        min-height: 100vh
    }
    .object-contain {
        -o-object-fit: contain;
        font-family: "object-fit:contain";
        object-fit: contain
    }
    .object-cover {
        -o-object-fit: cover;
        font-family: "object-fit:cover";
        object-fit: cover
    }
    .opacity-0 {
        opacity: .001
    }
    .opacity-1 {
        opacity: .999
    }
    .opacity-40 {
        opacity: .4
    }
    .opacity-50 {
        opacity: .5
    }
    .first\:opacity-1:first-child {
        opacity: .999
    }
    .group:hover .group-hover\:opacity-25 {
        opacity: .25
    }
    .no-js .no-js-opacity-1 {
        opacity: .999
    }
    .focus\:outline-none:focus,
    .outline-none {
        outline: 2px solid transparent;
        outline-offset: 2px
    }
    .overflow-hidden {
        overflow: hidden
    }
    .overflow-visible {
        overflow: visible
    }
    .overflow-y-auto {
        overflow-y: auto
    }
    .p-0 {
        padding: 0
    }
    .p-2 {
        padding: .5rem
    }
    .p-3 {
        padding: .75rem
    }
    .p-4 {
        padding: 1rem
    }
    .p-6 {
        padding: 1.5rem
    }
    .p-container {
        padding: .75rem
    }
    .p-outer-small {
        padding: 1.875rem
    }
    .p-inner-small {
        padding: 1.5rem
    }
    .py-1 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }
    .px-1 {
        padding-left: .25rem;
        padding-right: .25rem
    }
    .py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
    .px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }
    .py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
    .px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
    .py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
    .px-container {
        padding-left: .75rem;
        padding-right: .75rem
    }
    .py-outer-small {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem
    }
    .px-outer-small {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
    .py-outer-large {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
    .py-inner-small {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .px-inner-small {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .pb-0 {
        padding-bottom: 0
    }
    .pl-0 {
        padding-left: 0
    }
    .pt-2 {
        padding-top: .5rem
    }
    .pb-2 {
        padding-bottom: .5rem
    }
    .pt-4 {
        padding-top: 1rem
    }
    .pb-4 {
        padding-bottom: 1rem
    }
    .pl-4 {
        padding-left: 1rem
    }
    .pr-8 {
        padding-right: 2rem
    }
    .pb-8 {
        padding-bottom: 2rem
    }
    .pl-10 {
        padding-left: 2.5rem
    }
    .pl-12 {
        padding-left: 3rem
    }
    .pl-20 {
        padding-left: 5rem
    }
    .pt-24 {
        padding-top: 6rem
    }
    .pb-25 {
        padding-bottom: 6.25rem
    }
    .pt-48 {
        padding-top: 12rem
    }
    .pr-outer-small {
        padding-right: 1.875rem
    }
    .pl-outer-small {
        padding-left: 1.875rem
    }
    .pt-inner-small {
        padding-top: 1.5rem
    }
    .pb-inner-small {
        padding-bottom: 1.5rem
    }
    .pb-em {
        padding-bottom: 1em
    }
    .last\:pr-0:last-child {
        padding-right: 0
    }
    .pointer-events-none {
        pointer-events: none
    }
    .fixed {
        position: fixed
    }
    .absolute {
        position: absolute
    }
    .relative {
        position: relative
    }
    .sticky {
        position: sticky
    }
    body.tabbing .tabbing-focus\:static:focus {
        position: static
    }
    body.tabbing .tabbing-focus\:fixed:focus {
        position: fixed
    }
    body.tabbing .tabbing-focus\:absolute:focus {
        position: absolute
    }
    body.tabbing .tabbing-focus\:relative:focus {
        position: relative
    }
    body.tabbing .tabbing-focus\:sticky:focus {
        position: sticky
    }
    .inset-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
    .top-0 {
        top: 0
    }
    .right-0 {
        right: 0
    }
    .bottom-0 {
        bottom: 0
    }
    .left-0 {
        left: 0
    }
    .-top-px {
        top: -1px
    }
    .top-1\/2 {
        top: 50%
    }
    .left-1\/2 {
        left: 50%
    }
    .-top-pop-out {
        top: -3rem
    }
    .resize {
        resize: both
    }
    body.tabbing .tabbing-focus\:shadow-xs:focus {
        -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
    }
    body.tabbing .tabbing-focus\:shadow-sm:focus {
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
    }
    body.tabbing .tabbing-focus\:shadow:focus {
        -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
    }
    body.tabbing .tabbing-focus\:shadow-md:focus {
        -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
    }
    body.tabbing .tabbing-focus\:shadow-lg:focus {
        -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
    }
    body.tabbing .tabbing-focus\:shadow-xl:focus {
        -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
    }
    body.tabbing .tabbing-focus\:shadow-2xl:focus {
        -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
    }
    body.tabbing .tabbing-focus\:shadow-inner:focus {
        -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
    }
    body.tabbing .tabbing-focus\:shadow-outline:focus {
        -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
        box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
    }
    body.tabbing .tabbing-focus\:shadow-none:focus {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    body.tabbing .tabbing-focus\:shadow-error:focus {
        -webkit-box-shadow: inset 0 0 0 1px #c21212;
        box-shadow: inset 0 0 0 1px #c21212
    }
    body.tabbing .tabbing-focus\:shadow-focus:focus {
        -webkit-box-shadow: 0 0 0 3px #fd0;
        box-shadow: 0 0 0 3px #fd0
    }
    .fill-current {
        fill: currentColor
    }
    .stroke-current {
        stroke: currentColor
    }
    .text-left {
        text-align: left
    }
    .text-center {
        text-align: center
    }
    .text-right {
        text-align: right
    }
    .text-color-transparent {
        color: transparent
    }
    .text-color-inherit {
        color: inherit
    }
    .text-color-black {
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity))
    }
    .text-color-black-70 {
        color: rgba(0, 0, 0, .7)
    }
    .text-color-white {
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity))
    }
    .text-color-blue-dark {
        --text-opacity: 1;
        color: #0069b4;
        color: rgba(0, 105, 180, var(--text-opacity))
    }
    .text-color-yellow {
        --text-opacity: 1;
        color: #fdc300;
        color: rgba(253, 195, 0, var(--text-opacity))
    }
    .text-color-purple {
        --text-opacity: 1;
        color: #702d87;
        color: rgba(112, 45, 135, var(--text-opacity))
    }
    .text-color-pink {
        --text-opacity: 1;
        color: #e8308a;
        color: rgba(232, 48, 138, var(--text-opacity))
    }
    .text-color-grey {
        --text-opacity: 1;
        color: #666;
        color: rgba(102, 102, 102, var(--text-opacity))
    }
    .text-color-base {
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity))
    }
    .hover\:text-color-inherit:hover {
        color: inherit
    }
    .hover\:text-color-white:hover {
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity))
    }
    .hover\:text-color-blue:hover {
        --text-opacity: 1;
        color: #41baec;
        color: rgba(65, 186, 236, var(--text-opacity))
    }
    .hover\:text-color-blue-dark:hover {
        --text-opacity: 1;
        color: #0069b4;
        color: rgba(0, 105, 180, var(--text-opacity))
    }
    .focus\:text-color-blue:focus {
        --text-opacity: 1;
        color: #41baec;
        color: rgba(65, 186, 236, var(--text-opacity))
    }
    .focus\:text-color-blue-dark:focus {
        --text-opacity: 1;
        color: #0069b4;
        color: rgba(0, 105, 180, var(--text-opacity))
    }
    .group:hover .group-hover\:text-color-white {
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity))
    }
    .group:hover .group-hover\:text-color-pink {
        --text-opacity: 1;
        color: #e8308a;
        color: rgba(232, 48, 138, var(--text-opacity))
    }
    .group:hover .group-hover\:text-color-base {
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity))
    }
    .focus\:underline:focus,
    .hover\:underline:hover,
    .underline {
        text-decoration: underline
    }
    .align-middle {
        vertical-align: middle
    }
    .visible {
        visibility: visible
    }
    .invisible {
        visibility: hidden
    }
    .whitespace-no-wrap {
        white-space: nowrap
    }
    .break-words {
        word-wrap: break-word
    }
    .w-0 {
        width: 0
    }
    .w-8 {
        width: 2rem
    }
    .w-12 {
        width: 3rem
    }
    .w-14 {
        width: 3.5rem
    }
    .w-16 {
        width: 4rem
    }
    .w-20 {
        width: 5rem
    }
    .w-24 {
        width: 6rem
    }
    .w-32 {
        width: 8rem
    }
    .w-48 {
        width: 12rem
    }
    .w-64 {
        width: 16rem
    }
    .w-auto {
        width: auto
    }
    .w-1\/2 {
        width: 50%
    }
    .w-4\/5 {
        width: 80%
    }
    .w-8\/12 {
        width: 66.666667%
    }
    .w-full {
        width: 100%
    }
    .w-avatar-small {
        width: 12.5rem
    }
    .w-avatar-tiny {
        width: 3.5rem
    }
    .z-0 {
        z-index: 0
    }
    .z-1 {
        z-index: 1
    }
    .z-10 {
        z-index: 10
    }
    .z-20 {
        z-index: 20
    }
    .z-30 {
        z-index: 30
    }
    .z-50 {
        z-index: 50
    }
    .-z-1 {
        z-index: -1
    }
    body.tabbing .tabbing-focus\:z-0:focus {
        z-index: 0
    }
    body.tabbing .tabbing-focus\:z-1:focus {
        z-index: 1
    }
    body.tabbing .tabbing-focus\:z-10:focus {
        z-index: 10
    }
    body.tabbing .tabbing-focus\:z-20:focus {
        z-index: 20
    }
    body.tabbing .tabbing-focus\:z-30:focus {
        z-index: 30
    }
    body.tabbing .tabbing-focus\:z-40:focus {
        z-index: 40
    }
    body.tabbing .tabbing-focus\:z-50:focus {
        z-index: 50
    }
    body.tabbing .tabbing-focus\:z-auto:focus {
        z-index: auto
    }
    body.tabbing .tabbing-focus\:-z-20:focus {
        z-index: -20
    }
    body.tabbing .tabbing-focus\:-z-10:focus {
        z-index: -10
    }
    body.tabbing .tabbing-focus\:-z-1:focus {
        z-index: -1
    }
    body.tabbing .tabbing-focus\:z-overlay:focus {
        z-index: 100
    }
    body.tabbing .tabbing-focus\:z-skip-link:focus {
        z-index: 101
    }
    .gap-2 {
        grid-gap: .5rem;
        gap: .5rem
    }
    .gap-3 {
        grid-gap: .75rem;
        gap: .75rem
    }
    .gap-4 {
        grid-gap: 1rem;
        gap: 1rem
    }
    .transition-all {
        -webkit-transition-property: all;
        transition-property: all
    }
    .transition {
        -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform;
        transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-box-shadow, -webkit-transform
    }
    .transition-colors {
        -webkit-transition-property: background-color, border-color, color, fill, stroke;
        transition-property: background-color, border-color, color, fill, stroke
    }
    .transition-opacity {
        -webkit-transition-property: opacity;
        transition-property: opacity
    }
    .ease-out {
        -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1);
        transition-timing-function: cubic-bezier(0, 0, .2, 1)
    }
    .ease-in-out {
        -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }
    .duration-200 {
        -webkit-transition-duration: .2s;
        transition-duration: .2s
    }
    .duration-300 {
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }
    @-webkit-keyframes spin {
        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }
    @keyframes spin {
        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }
    @-webkit-keyframes ping {
        75%,
        to {
            -webkit-transform: scale(2);
            transform: scale(2);
            opacity: 0
        }
    }
    @keyframes ping {
        75%,
        to {
            -webkit-transform: scale(2);
            transform: scale(2);
            opacity: 0
        }
    }
    @-webkit-keyframes pulse {
        0%,
        to {
            opacity: .5
        }
        50% {
            opacity: 1
        }
    }
    @keyframes pulse {
        0%,
        to {
            opacity: .5
        }
        50% {
            opacity: 1
        }
    }
    @-webkit-keyframes bounce {
        0%,
        to {
            -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
            -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
            animation-timing-function: cubic-bezier(.8, 0, 1, 1)
        }
        50% {
            -webkit-transform: none;
            transform: none;
            -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
            animation-timing-function: cubic-bezier(0, 0, .2, 1)
        }
    }
    @keyframes bounce {
        0%,
        to {
            -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
            -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
            animation-timing-function: cubic-bezier(.8, 0, 1, 1)
        }
        50% {
            -webkit-transform: none;
            transform: none;
            -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
            animation-timing-function: cubic-bezier(0, 0, .2, 1)
        }
    }
    .animate-pulse {
        -webkit-animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
    }
    .aspect-ratio-square {
        padding-bottom: 100%
    }
    .aspect-ratio-16\/9 {
        padding-bottom: 56.25%
    }
    .aspect-ratio-3\/2 {
        padding-bottom: 66.66666666666666%
    }
    .aspect-ratio-cta-image-mobile {
        padding-bottom: 76.92307692307692%
    }
    .aspect-ratio-card {
        padding-bottom: 125%
    }
    .aspect-ratio-card-landscape {
        padding-bottom: 75%
    }
    .aspect-ratio-profile-slider-mobile {
        padding-bottom: 89.99999999999999%
    }
    .aspect-ratio-bbc-logo {
        padding-bottom: 28.645833333333336%
    }
    .transform-card-image-scale {
        -webkit-transform: scale(1.08);
        -ms-transform: scale(1.08);
        transform: scale(1.08)
    }
    .-translate-x-1\/2 {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .-translate-y-1\/2 {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .translate-center-self {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .translate-welcome-arrow-top {
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
    .translate-left-bottom,
    .translate-welcome-arrow-bottom-center {
        -webkit-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%)
    }
    .group:hover .group-hover\:translate-x-nudge {
        -webkit-transform: translateX(.35rem);
        -ms-transform: translateX(.35rem);
        transform: translateX(.35rem)
    }
    .group:hover .group-hover\:-translate-x-nudge {
        -webkit-transform: translateX(-.35rem);
        -ms-transform: translateX(-.35rem);
        transform: translateX(-.35rem)
    }
    .rotate-90 {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .rotate-180 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .visually-hidden {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
    .will-change-transform {
        will-change: transform
    }
    .will-change-opacity {
        will-change: opacity
    }
    .align-middle-important {
        vertical-align: middle !important
    }
    .text-shadow-black-medium {
        text-shadow: 0 0 5px rgba(0, 0, 0, .55)
    }
    .text-shadow-card {
        text-shadow: 0 0 3px rgba(0, 0, 0, .3)
    }
    .underline-blue {
        -webkit-text-decoration-color: #41baec;
        text-decoration-color: #41baec
    }
    .underline-thickness-base {
        text-decoration-thickness: 2px
    }
    .underline-offset-base {
        text-underline-offset: 3px
    }
    .safari-glitch-fix {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    .hover\:underline-blue:hover {
        -webkit-text-decoration-color: #41baec;
        text-decoration-color: #41baec
    }
    .hover\:underline-thickness-base:hover {
        text-decoration-thickness: 2px
    }
    .hover\:underline-offset-base:hover {
        text-underline-offset: 3px
    }
    body.tabbing .tabbing-focus\:visually-hidden:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
    body.tabbing .tabbing-focus\:top-logged-in:focus {
        top: 79px !important
    }
    body.tabbing .tabbing-focus\:will-change-transform:focus {
        will-change: transform
    }
    body.tabbing .tabbing-focus\:will-change-opacity:focus {
        will-change: opacity
    }
    body.tabbing .tabbing-focus\:will-change-lazyload:focus {
        will-change: opacity, transform
    }
    body.tabbing .tabbing-focus\:align-middle-important:focus {
        vertical-align: middle !important
    }
    body.tabbing .tabbing-focus\:text-shadow-black-medium:focus {
        text-shadow: 0 0 5px rgba(0, 0, 0, .55)
    }
    body.tabbing .tabbing-focus\:text-shadow-card:focus {
        text-shadow: 0 0 3px rgba(0, 0, 0, .3)
    }
    body.tabbing .tabbing-focus\:underline-blue:focus {
        -webkit-text-decoration-color: #41baec;
        text-decoration-color: #41baec
    }
    body.tabbing .tabbing-focus\:underline-thickness-base:focus {
        text-decoration-thickness: 2px
    }
    body.tabbing .tabbing-focus\:underline-offset-base:focus {
        text-underline-offset: 3px
    }
    body.tabbing .tabbing-focus\:safari-glitch-fix:focus {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    .animate-underline {
        text-decoration: none
    }
    .animate-underline .animate-underline-child {
        background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
        background-image: linear-gradient(currentColor, currentColor);
        background-position: right bottom 0;
        background-repeat: no-repeat;
        background-size: 0 2px;
        -webkit-transition: background-size .3s ease;
        transition: background-size .3s ease
    }
    .animate-underline:focus .animate-underline-child,
    .animate-underline:hover .animate-underline-child {
        background-size: 100% 2px;
        background-position: left bottom 0
    }
    .animate-underline-blue {
        text-decoration: none
    }
    .animate-underline-blue .animate-underline-child {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#41baec), to(#41baec));
        background-image: linear-gradient(#41baec, #41baec);
        background-position: right bottom 0;
        background-repeat: no-repeat;
        background-size: 0 2px;
        -webkit-transition: background-size .3s ease;
        transition: background-size .3s ease
    }
    .animate-underline-blue:focus .animate-underline-child,
    .animate-underline-blue:hover .animate-underline-child {
        background-size: 100% 2px;
        background-position: left bottom 0
    }
    .animate-underline-pink {
        text-decoration: none
    }
    .animate-underline-pink .animate-underline-child {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e8308a), to(#e8308a));
        background-image: linear-gradient(#e8308a, #e8308a);
        background-position: right bottom 0;
        background-repeat: no-repeat;
        background-size: 0 2px;
        -webkit-transition: background-size .3s ease;
        transition: background-size .3s ease
    }
    .animate-underline-pink:focus .animate-underline-child,
    .animate-underline-pink:hover .animate-underline-child {
        background-size: 100% 2px;
        background-position: left bottom 0
    }
    .animate-underline-black-thick {
        text-decoration: none
    }
    .animate-underline-black-thick .animate-underline-child {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
        background-image: linear-gradient(#000, #000);
        background-position: right bottom 2px;
        background-repeat: no-repeat;
        background-size: 0 4px;
        -webkit-transition: background-size .3s ease;
        transition: background-size .3s ease
    }
    .animate-underline-black-thick:focus .animate-underline-child,
    .animate-underline-black-thick:hover .animate-underline-child {
        background-size: 100% 4px;
        background-position: left bottom 2px
    }
    .animate-underline-yellow {
        text-decoration: none
    }
    .animate-underline-yellow .animate-underline-child {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fdc300), to(#fdc300));
        background-image: linear-gradient(#fdc300, #fdc300);
        background-position: right bottom 0;
        background-repeat: no-repeat;
        background-size: 0 2px;
        -webkit-transition: background-size .3s ease;
        transition: background-size .3s ease
    }
    .animate-underline-yellow:focus .animate-underline-child,
    .animate-underline-yellow:hover .animate-underline-child {
        background-size: 100% 2px;
        background-position: left bottom 0
    }
    .animate-underline-yellow-thick {
        text-decoration: none
    }
    .animate-underline-yellow-thick .animate-underline-child {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fdc300), to(#fdc300));
        background-image: linear-gradient(#fdc300, #fdc300);
        background-position: right bottom 2px;
        background-repeat: no-repeat;
        background-size: 0 4px;
        -webkit-transition: background-size .3s ease;
        transition: background-size .3s ease
    }
    .animate-underline-yellow-thick:focus .animate-underline-child,
    .animate-underline-yellow-thick:hover .animate-underline-child {
        background-size: 100% 4px;
        background-position: left bottom 2px
    }
    .animate-underline--active .animate-underline-child {
        background-size: 100% 2px;
        background-position: left bottom 0
    }
    .animate-underline-thick--active .animate-underline-child {
        background-size: 100% 4px;
        background-position: left bottom 0
    }
    .underline-orange-thick {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ec6825), to(#ec6825));
        background-image: linear-gradient(#ec6825, #ec6825);
        background-repeat: no-repeat;
        background-position: left bottom 5px;
        background-size: 100% 5px
    }
    @media (min-width:1024px) {
        .underline-orange-thick {
            background-position: left bottom 8px;
            background-size: 100% 8px
        }
    }
    @media (min-width:1400px) {
        .underline-orange-thick {
            background-position: left bottom 12px;
            background-size: 100% 12px
        }
    }
    @supports (text-underline-offset:1em) {
        .underline-orange-thick {
            background-image: none;
            -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
            -webkit-text-decoration-skip: ink;
            text-decoration-skip-ink: auto;
            -webkit-text-decoration-style: solid;
            text-decoration-style: solid;
            -webkit-text-decoration-color: #ec6825;
            text-decoration-color: #ec6825;
            text-decoration-thickness: 5px;
            text-underline-offset: 5px
        }
        @media (min-width:1400px) {
            .underline-orange-thick {
                text-decoration-thickness: 12px;
                text-underline-offset: 12px
            }
        }
    }
    .lazyload,
    .lazyloading {
        opacity: .001
    }
    .lazyloaded {
        will-change: opacity;
        opacity: .999;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        -webkit-transition-property: opacity;
        transition-property: opacity
    }
    .c-card img.lazyloaded {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform
    }
    .bg-stripe-pink {
        background-image: linear-gradient(135deg, #e8308a 4.17%, transparent 0, transparent 50%, #e8308a 0, #e8308a 54.17%, transparent 0, transparent);
        background-size: 12.97px 12.97px
    }
    .bg-stripe-orange {
        background-image: linear-gradient(135deg, rgba(236, 104, 37, .25) 4.17%, transparent 0, transparent 50%, rgba(236, 104, 37, .25) 0, rgba(236, 104, 37, .25) 54.17%, transparent 0, transparent);
        background-size: 12.97px 12.97px
    }
    .bg-stripe-yellow {
        background-image: linear-gradient(135deg, #fdc300 4.17%, transparent 0, transparent 50%, #fdc300 0, #fdc300 54.17%, transparent 0, transparent);
        background-size: 12.97px 12.97px
    }
    .bg-stripe-blue {
        background-image: linear-gradient(135deg, #41baec 4.17%, transparent 0, transparent 50%, #41baec 0, #41baec 54.17%, transparent 0, transparent);
        background-size: 12.97px 12.97px
    }
    .bg-stripe-wide {
        background-size: 16.97px 16.97px
    }
    .bg-teaser-overlay {
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, rgba(0, 0, 0, .5)));
        background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5) 75%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, .1)), color-stop(75%, rgba(0, 0, 0, .6)));
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .6) 75%)
    }
    .bg-dots-yellow {
        background-image: radial-gradient(#fdc300 4px, transparent 0), radial-gradient(#fdc300 4px, transparent 0)
    }
    .bg-dots-red,
    .bg-dots-yellow {
        background-color: transparent;
        background-position: 10px 10px, 30px 30px;
        background-size: 40px 40px;
        opacity: .2
    }
    .bg-dots-red {
        background-image: radial-gradient(#e40134 4px, transparent 0), radial-gradient(#e40134 4px, transparent 0)
    }
    .bg-dots-grey {
        background-image: radial-gradient(#000 4px, transparent 0), radial-gradient(#000 4px, transparent 0);
        background-color: transparent;
        background-position: 10px 10px, 30px 30px;
        background-size: 40px 40px;
        opacity: .2
    }
    .bg-facet-stripe {
        background: repeating-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0) 5.4375rem, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, .5) calc(5.4375rem + 1px))
    }
    .bg-gradient-from-bottom {
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .75)), to(transparent));
        background: linear-gradient(0deg, rgba(0, 0, 0, .75), transparent)
    }
    @media (min-width:480px) {
        body.tabbing .sm\:tabbing-focus\:sr-only:focus {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border-width: 0
        }
        body.tabbing .sm\:tabbing-focus\:not-sr-only:focus {
            position: static;
            width: auto;
            height: auto;
            padding: 0;
            margin: 0;
            overflow: visible;
            clip: auto;
            white-space: normal
        }
        .sm\:text-xl {
            font-size: 1.25rem
        }
        .sm\:text-6xl {
            font-size: 3rem
        }
        .sm\:-mx-outer-small {
            margin-left: -1.875rem;
            margin-right: -1.875rem
        }
        .sm\:p-container-sm {
            padding: .75rem
        }
        .sm\:px-container-sm {
            padding-left: .75rem;
            padding-right: .75rem
        }
        .sm\:pl-0 {
            padding-left: 0
        }
        body.tabbing .sm\:tabbing-focus\:static:focus {
            position: static
        }
        body.tabbing .sm\:tabbing-focus\:fixed:focus {
            position: fixed
        }
        body.tabbing .sm\:tabbing-focus\:absolute:focus {
            position: absolute
        }
        body.tabbing .sm\:tabbing-focus\:relative:focus {
            position: relative
        }
        body.tabbing .sm\:tabbing-focus\:sticky:focus {
            position: sticky
        }
        body.tabbing .sm\:tabbing-focus\:shadow-xs:focus {
            -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
        }
        body.tabbing .sm\:tabbing-focus\:shadow-sm:focus {
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
        }
        body.tabbing .sm\:tabbing-focus\:shadow:focus {
            -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
        }
        body.tabbing .sm\:tabbing-focus\:shadow-md:focus {
            -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
        }
        body.tabbing .sm\:tabbing-focus\:shadow-lg:focus {
            -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
        }
        body.tabbing .sm\:tabbing-focus\:shadow-xl:focus {
            -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
        }
        body.tabbing .sm\:tabbing-focus\:shadow-2xl:focus {
            -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
        }
        body.tabbing .sm\:tabbing-focus\:shadow-inner:focus {
            -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
            box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
        }
        body.tabbing .sm\:tabbing-focus\:shadow-outline:focus {
            -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
            box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
        }
        body.tabbing .sm\:tabbing-focus\:shadow-none:focus {
            -webkit-box-shadow: none;
            box-shadow: none
        }
        body.tabbing .sm\:tabbing-focus\:shadow-error:focus {
            -webkit-box-shadow: inset 0 0 0 1px #c21212;
            box-shadow: inset 0 0 0 1px #c21212
        }
        body.tabbing .sm\:tabbing-focus\:shadow-focus:focus {
            -webkit-box-shadow: 0 0 0 3px #fd0;
            box-shadow: 0 0 0 3px #fd0
        }
        body.tabbing .sm\:tabbing-focus\:z-0:focus {
            z-index: 0
        }
        body.tabbing .sm\:tabbing-focus\:z-1:focus {
            z-index: 1
        }
        body.tabbing .sm\:tabbing-focus\:z-10:focus {
            z-index: 10
        }
        body.tabbing .sm\:tabbing-focus\:z-20:focus {
            z-index: 20
        }
        body.tabbing .sm\:tabbing-focus\:z-30:focus {
            z-index: 30
        }
        body.tabbing .sm\:tabbing-focus\:z-40:focus {
            z-index: 40
        }
        body.tabbing .sm\:tabbing-focus\:z-50:focus {
            z-index: 50
        }
        body.tabbing .sm\:tabbing-focus\:z-auto:focus {
            z-index: auto
        }
        body.tabbing .sm\:tabbing-focus\:-z-20:focus {
            z-index: -20
        }
        body.tabbing .sm\:tabbing-focus\:-z-10:focus {
            z-index: -10
        }
        body.tabbing .sm\:tabbing-focus\:-z-1:focus {
            z-index: -1
        }
        body.tabbing .sm\:tabbing-focus\:z-overlay:focus {
            z-index: 100
        }
        body.tabbing .sm\:tabbing-focus\:z-skip-link:focus {
            z-index: 101
        }
        body.tabbing .sm\:tabbing-focus\:visually-hidden:focus {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border-width: 0
        }
        body.tabbing .sm\:tabbing-focus\:top-logged-in:focus {
            top: 79px !important
        }
        body.tabbing .sm\:tabbing-focus\:will-change-transform:focus {
            will-change: transform
        }
        body.tabbing .sm\:tabbing-focus\:will-change-opacity:focus {
            will-change: opacity
        }
        body.tabbing .sm\:tabbing-focus\:will-change-lazyload:focus {
            will-change: opacity, transform
        }
        body.tabbing .sm\:tabbing-focus\:align-middle-important:focus {
            vertical-align: middle !important
        }
        body.tabbing .sm\:tabbing-focus\:text-shadow-black-medium:focus {
            text-shadow: 0 0 5px rgba(0, 0, 0, .55)
        }
        body.tabbing .sm\:tabbing-focus\:text-shadow-card:focus {
            text-shadow: 0 0 3px rgba(0, 0, 0, .3)
        }
        body.tabbing .sm\:tabbing-focus\:underline-blue:focus {
            -webkit-text-decoration-color: #41baec;
            text-decoration-color: #41baec
        }
        body.tabbing .sm\:tabbing-focus\:underline-thickness-base:focus {
            text-decoration-thickness: 2px
        }
        body.tabbing .sm\:tabbing-focus\:underline-offset-base:focus {
            text-underline-offset: 3px
        }
        body.tabbing .sm\:tabbing-focus\:safari-glitch-fix:focus {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
        .sm\:bg-stripe-pink {
            background-image: linear-gradient(135deg, #e8308a 4.17%, transparent 0, transparent 50%, #e8308a 0, #e8308a 54.17%, transparent 0, transparent);
            background-size: 12.97px 12.97px
        }
        .sm\:bg-stripe-orange {
            background-image: linear-gradient(135deg, rgba(236, 104, 37, .25) 4.17%, transparent 0, transparent 50%, rgba(236, 104, 37, .25) 0, rgba(236, 104, 37, .25) 54.17%, transparent 0, transparent);
            background-size: 12.97px 12.97px
        }
        .sm\:bg-stripe-yellow {
            background-image: linear-gradient(135deg, #fdc300 4.17%, transparent 0, transparent 50%, #fdc300 0, #fdc300 54.17%, transparent 0, transparent);
            background-size: 12.97px 12.97px
        }
        .sm\:bg-stripe-blue {
            background-image: linear-gradient(135deg, #41baec 4.17%, transparent 0, transparent 50%, #41baec 0, #41baec 54.17%, transparent 0, transparent);
            background-size: 12.97px 12.97px
        }
        .sm\:bg-stripe-wide {
            background-size: 16.97px 16.97px
        }
        .sm\:bg-teaser-overlay {
            background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, rgba(0, 0, 0, .5)));
            background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5) 75%);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, .1)), color-stop(75%, rgba(0, 0, 0, .6)));
            background-image: linear-gradient(180deg, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .6) 75%)
        }
        .sm\:bg-dots-yellow {
            background-image: radial-gradient(#fdc300 4px, transparent 0), radial-gradient(#fdc300 4px, transparent 0)
        }
        .sm\:bg-dots-red,
        .sm\:bg-dots-yellow {
            background-color: transparent;
            background-position: 10px 10px, 30px 30px;
            background-size: 40px 40px;
            opacity: .2
        }
        .sm\:bg-dots-red {
            background-image: radial-gradient(#e40134 4px, transparent 0), radial-gradient(#e40134 4px, transparent 0)
        }
        .sm\:bg-dots-grey {
            background-image: radial-gradient(#000 4px, transparent 0), radial-gradient(#000 4px, transparent 0);
            background-color: transparent;
            background-position: 10px 10px, 30px 30px;
            background-size: 40px 40px;
            opacity: .2
        }
    }
    @media (min-width:768px) {
        .md\:c-icon {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            display: inline-block;
            fill: currentColor;
            width: 1rem;
            height: 1rem
        }
        .md\:c-icon--small {
            width: .75rem;
            height: .75rem
        }
        .md\:c-icon--medium {
            width: 1.25rem;
            height: 1.25rem
        }
        .md\:c-icon--large {
            width: 1.5rem;
            height: 1.5rem
        }
        .md\:c-icon--x-large {
            width: 2rem;
            height: 2rem
        }
        .md\:c-icon--xx-large {
            width: 3rem;
            height: 3rem
        }
        .md\:container {
            width: 100%;
            margin-right: auto;
            margin-left: auto;
            padding-right: .75rem;
            padding-left: .75rem
        }
        @media (min-width:480px) {
            .md\:container {
                max-width: 480px;
                padding-right: .75rem;
                padding-left: .75rem
            }
        }
        @media (min-width:768px) {
            .md\:container {
                max-width: 768px;
                padding-right: 2rem;
                padding-left: 2rem
            }
        }
        @media (min-width:1024px) {
            .md\:container {
                max-width: 1024px;
                padding-right: 3.75rem;
                padding-left: 3.75rem
            }
        }
        @media (min-width:1400px) {
            .md\:container {
                max-width: 1400px;
                padding-right: 3.75rem;
                padding-left: 3.75rem
            }
        }
        .md\:container--fluid {
            max-width: 100%
        }
        body.tabbing .md\:tabbing-focus\:sr-only:focus {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border-width: 0
        }
        body.tabbing .md\:tabbing-focus\:not-sr-only:focus {
            position: static;
            width: auto;
            height: auto;
            padding: 0;
            margin: 0;
            overflow: visible;
            clip: auto;
            white-space: normal
        }
        .md\:border-color-yellow {
            --border-opacity: 1;
            border-color: #fdc300;
            border-color: rgba(253, 195, 0, var(--border-opacity))
        }
        .md\:border-0 {
            border-width: 0
        }
        .md\:border-t-2 {
            border-top-width: 2px
        }
        .md\:border-b-2 {
            border-bottom-width: 2px
        }
        .md\:border-l-2 {
            border-left-width: 2px
        }
        .md\:block {
            display: block
        }
        .md\:inline-block {
            display: inline-block
        }
        .md\:flex {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }
        .md\:hidden {
            display: none
        }
        .md\:flex-row {
            -webkit-box-orient: horizontal;
            -ms-flex-direction: row;
            flex-direction: row
        }
        .md\:flex-col,
        .md\:flex-row {
            -webkit-box-direction: normal
        }
        .md\:flex-col {
            -webkit-box-orient: vertical;
            -ms-flex-direction: column;
            flex-direction: column
        }
        .md\:flex-wrap {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }
        .md\:flex-no-wrap {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }
        .md\:items-center {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }
        .md\:self-center {
            -ms-flex-item-align: center;
            align-self: center
        }
        .md\:self-stretch {
            -ms-flex-item-align: stretch;
            align-self: stretch
        }
        .md\:justify-center {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }
        .md\:justify-between {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }
        .md\:flex-grow-0 {
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0
        }
        .md\:h-3 {
            height: .75rem
        }
        .md\:h-auto {
            height: auto
        }
        .md\:h-card-md {
            height: 430px
        }
        .md\:text-lg {
            font-size: 1.125rem
        }
        .md\:text-3xl {
            font-size: 1.875rem
        }
        .md\:text-8xl {
            font-size: 4.375rem
        }
        .md\:m-6 {
            margin: 1.5rem
        }
        .md\:mx-0 {
            margin-left: 0;
            margin-right: 0
        }
        .md\:my-1 {
            margin-top: .25rem;
            margin-bottom: .25rem
        }
        .md\:mx-4 {
            margin-left: 1rem;
            margin-right: 1rem
        }
        .md\:mx-auto {
            margin-left: auto;
            margin-right: auto
        }
        .md\:-mx-2 {
            margin-left: -.5rem;
            margin-right: -.5rem
        }
        .md\:-mx-5 {
            margin-left: -1.25rem;
            margin-right: -1.25rem
        }
        .md\:mt-0 {
            margin-top: 0
        }
        .md\:mb-0 {
            margin-bottom: 0
        }
        .md\:mb-2 {
            margin-bottom: .5rem
        }
        .md\:mt-4 {
            margin-top: 1rem
        }
        .md\:mb-4 {
            margin-bottom: 1rem
        }
        .md\:mt-5 {
            margin-top: 1.25rem
        }
        .md\:mr-6 {
            margin-right: 1.5rem
        }
        .md\:mt-8 {
            margin-top: 2rem
        }
        .md\:mb-8 {
            margin-bottom: 2rem
        }
        .md\:mb-12 {
            margin-bottom: 3rem
        }
        .md\:mb-16 {
            margin-bottom: 4rem
        }
        .md\:mt-auto {
            margin-top: auto
        }
        .md\:-ml-4 {
            margin-left: -1rem
        }
        .md\:-mb-6 {
            margin-bottom: -1.5rem
        }
        .md\:-mb-8 {
            margin-bottom: -2rem
        }
        .md\:-ml-12 {
            margin-left: -3rem
        }
        .md\:last\:mb-0:last-child {
            margin-bottom: 0
        }
        .md\:last\:mb-6:last-child {
            margin-bottom: 1.5rem
        }
        .md\:max-w-full {
            max-width: 100%
        }
        .md\:max-w-1\/2 {
            max-width: 50%
        }
        .md\:p-container-md {
            padding: 2rem
        }
        .md\:p-inner-large {
            padding: 3.75rem
        }
        .md\:py-0 {
            padding-top: 0;
            padding-bottom: 0
        }
        .md\:px-0 {
            padding-left: 0;
            padding-right: 0
        }
        .md\:px-2 {
            padding-left: .5rem;
            padding-right: .5rem
        }
        .md\:px-5 {
            padding-left: 1.25rem;
            padding-right: 1.25rem
        }
        .md\:py-6 {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem
        }
        .md\:py-10 {
            padding-top: 2.5rem;
            padding-bottom: 2.5rem
        }
        .md\:px-10 {
            padding-left: 2.5rem;
            padding-right: 2.5rem
        }
        .md\:px-container-md {
            padding-left: 2rem;
            padding-right: 2rem
        }
        .md\:px-outer-large {
            padding-left: 3.75rem;
            padding-right: 3.75rem
        }
        .md\:py-outer-extra-large {
            padding-top: 7.5rem;
            padding-bottom: 7.5rem
        }
        .md\:py-inner-large {
            padding-top: 3.75rem;
            padding-bottom: 3.75rem
        }
        .md\:pb-0 {
            padding-bottom: 0
        }
        .md\:pl-0 {
            padding-left: 0
        }
        .md\:pr-8 {
            padding-right: 2rem
        }
        .md\:pl-12 {
            padding-left: 3rem
        }
        .md\:pr-16 {
            padding-right: 4rem
        }
        .md\:pb-56 {
            padding-bottom: 14rem
        }
        .md\:pt-64 {
            padding-top: 16rem
        }
        .md\:pr-outer-small {
            padding-right: 1.875rem
        }
        .md\:pl-outer-large {
            padding-left: 3.75rem
        }
        .md\:pt-inner-large {
            padding-top: 3.75rem
        }
        .md\:static,
        body.tabbing .md\:tabbing-focus\:static:focus {
            position: static
        }
        body.tabbing .md\:tabbing-focus\:fixed:focus {
            position: fixed
        }
        body.tabbing .md\:tabbing-focus\:absolute:focus {
            position: absolute
        }
        body.tabbing .md\:tabbing-focus\:relative:focus {
            position: relative
        }
        body.tabbing .md\:tabbing-focus\:sticky:focus {
            position: sticky
        }
        .md\:bottom-0 {
            bottom: 0
        }
        .md\:left-0 {
            left: 0
        }
        body.tabbing .md\:tabbing-focus\:shadow-xs:focus {
            -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
        }
        body.tabbing .md\:tabbing-focus\:shadow-sm:focus {
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
        }
        body.tabbing .md\:tabbing-focus\:shadow:focus {
            -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
        }
        body.tabbing .md\:tabbing-focus\:shadow-md:focus {
            -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
        }
        body.tabbing .md\:tabbing-focus\:shadow-lg:focus {
            -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
        }
        body.tabbing .md\:tabbing-focus\:shadow-xl:focus {
            -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
        }
        body.tabbing .md\:tabbing-focus\:shadow-2xl:focus {
            -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
        }
        body.tabbing .md\:tabbing-focus\:shadow-inner:focus {
            -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
            box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
        }
        body.tabbing .md\:tabbing-focus\:shadow-outline:focus {
            -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
            box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
        }
        body.tabbing .md\:tabbing-focus\:shadow-none:focus {
            -webkit-box-shadow: none;
            box-shadow: none
        }
        body.tabbing .md\:tabbing-focus\:shadow-error:focus {
            -webkit-box-shadow: inset 0 0 0 1px #c21212;
            box-shadow: inset 0 0 0 1px #c21212
        }
        body.tabbing .md\:tabbing-focus\:shadow-focus:focus {
            -webkit-box-shadow: 0 0 0 3px #fd0;
            box-shadow: 0 0 0 3px #fd0
        }
        .md\:text-center {
            text-align: center
        }
        .md\:w-25 {
            width: 6.25rem
        }
        .md\:w-40 {
            width: 10rem
        }
        .md\:w-auto {
            width: auto
        }
        .md\:w-header-button-md {
            width: 10.5rem
        }
        .md\:w-1\/2 {
            width: 50%
        }
        .md\:w-1\/3 {
            width: 33.333333%
        }
        .md\:w-2\/3 {
            width: 66.666667%
        }
        .md\:w-1\/5 {
            width: 20%
        }
        .md\:w-2\/5 {
            width: 40%
        }
        .md\:w-3\/5 {
            width: 60%
        }
        .md\:w-4\/6 {
            width: 66.666667%
        }
        .md\:w-full {
            width: 100%
        }
        .md\:w-screen-70 {
            width: 70vw
        }
        body.tabbing .md\:tabbing-focus\:z-0:focus {
            z-index: 0
        }
        body.tabbing .md\:tabbing-focus\:z-1:focus {
            z-index: 1
        }
        body.tabbing .md\:tabbing-focus\:z-10:focus {
            z-index: 10
        }
        body.tabbing .md\:tabbing-focus\:z-20:focus {
            z-index: 20
        }
        body.tabbing .md\:tabbing-focus\:z-30:focus {
            z-index: 30
        }
        body.tabbing .md\:tabbing-focus\:z-40:focus {
            z-index: 40
        }
        body.tabbing .md\:tabbing-focus\:z-50:focus {
            z-index: 50
        }
        body.tabbing .md\:tabbing-focus\:z-auto:focus {
            z-index: auto
        }
        body.tabbing .md\:tabbing-focus\:-z-20:focus {
            z-index: -20
        }
        body.tabbing .md\:tabbing-focus\:-z-10:focus {
            z-index: -10
        }
        body.tabbing .md\:tabbing-focus\:-z-1:focus {
            z-index: -1
        }
        body.tabbing .md\:tabbing-focus\:z-overlay:focus {
            z-index: 100
        }
        body.tabbing .md\:tabbing-focus\:z-skip-link:focus {
            z-index: 101
        }
        .md\:gap-4 {
            grid-gap: 1rem;
            gap: 1rem
        }
        .md\:aspect-ratio-square {
            padding-bottom: 100%
        }
        .md\:aspect-ratio-profile-slider {
            padding-bottom: 126.49572649572649%
        }
        .md\:-translate-y-1\/2 {
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }
        body.tabbing .md\:tabbing-focus\:visually-hidden:focus {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border-width: 0
        }
        body.tabbing .md\:tabbing-focus\:top-logged-in:focus {
            top: 79px !important
        }
        body.tabbing .md\:tabbing-focus\:will-change-transform:focus {
            will-change: transform
        }
        body.tabbing .md\:tabbing-focus\:will-change-opacity:focus {
            will-change: opacity
        }
        body.tabbing .md\:tabbing-focus\:will-change-lazyload:focus {
            will-change: opacity, transform
        }
        body.tabbing .md\:tabbing-focus\:align-middle-important:focus {
            vertical-align: middle !important
        }
        body.tabbing .md\:tabbing-focus\:text-shadow-black-medium:focus {
            text-shadow: 0 0 5px rgba(0, 0, 0, .55)
        }
        body.tabbing .md\:tabbing-focus\:text-shadow-card:focus {
            text-shadow: 0 0 3px rgba(0, 0, 0, .3)
        }
        body.tabbing .md\:tabbing-focus\:underline-blue:focus {
            -webkit-text-decoration-color: #41baec;
            text-decoration-color: #41baec
        }
        body.tabbing .md\:tabbing-focus\:underline-thickness-base:focus {
            text-decoration-thickness: 2px
        }
        body.tabbing .md\:tabbing-focus\:underline-offset-base:focus {
            text-underline-offset: 3px
        }
        body.tabbing .md\:tabbing-focus\:safari-glitch-fix:focus {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
        .md\:bg-stripe-pink {
            background-image: linear-gradient(135deg, #e8308a 4.17%, transparent 0, transparent 50%, #e8308a 0, #e8308a 54.17%, transparent 0, transparent);
            background-size: 12.97px 12.97px
        }
        .md\:bg-stripe-orange {
            background-image: linear-gradient(135deg, rgba(236, 104, 37, .25) 4.17%, transparent 0, transparent 50%, rgba(236, 104, 37, .25) 0, rgba(236, 104, 37, .25) 54.17%, transparent 0, transparent);
            background-size: 12.97px 12.97px
        }
        .md\:bg-stripe-yellow {
            background-image: linear-gradient(135deg, #fdc300 4.17%, transparent 0, transparent 50%, #fdc300 0, #fdc300 54.17%, transparent 0, transparent);
            background-size: 12.97px 12.97px
        }
        .md\:bg-stripe-blue {
            background-image: linear-gradient(135deg, #41baec 4.17%, transparent 0, transparent 50%, #41baec 0, #41baec 54.17%, transparent 0, transparent);
            background-size: 12.97px 12.97px
        }
        .md\:bg-stripe-wide {
            background-size: 16.97px 16.97px
        }
        .md\:bg-teaser-overlay {
            background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, rgba(0, 0, 0, .5)));
            background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5) 75%);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, .1)), color-stop(75%, rgba(0, 0, 0, .6)));
            background-image: linear-gradient(180deg, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .6) 75%)
        }
        .md\:bg-dots-yellow {
            background-image: radial-gradient(#fdc300 4px, transparent 0), radial-gradient(#fdc300 4px, transparent 0)
        }
        .md\:bg-dots-red,
        .md\:bg-dots-yellow {
            background-color: transparent;
            background-position: 10px 10px, 30px 30px;
            background-size: 40px 40px;
            opacity: .2
        }
        .md\:bg-dots-red {
            background-image: radial-gradient(#e40134 4px, transparent 0), radial-gradient(#e40134 4px, transparent 0)
        }
        .md\:bg-dots-grey {
            background-image: radial-gradient(#000 4px, transparent 0), radial-gradient(#000 4px, transparent 0);
            background-color: transparent;
            background-position: 10px 10px, 30px 30px;
            background-size: 40px 40px;
            opacity: .2
        }
    }
    @media (min-width:1024px) {
        .lg\:c-icon {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            display: inline-block;
            fill: currentColor;
            width: 1rem;
            height: 1rem
        }
        .lg\:c-icon--small {
            width: .75rem;
            height: .75rem
        }
        .lg\:c-icon--medium {
            width: 1.25rem;
            height: 1.25rem
        }
        .lg\:c-icon--large {
            width: 1.5rem;
            height: 1.5rem
        }
        .lg\:c-icon--x-large {
            width: 2rem;
            height: 2rem
        }
        .lg\:c-icon--xx-large {
            width: 3rem;
            height: 3rem
        }
        .lg\:container {
            width: 100%;
            margin-right: auto;
            margin-left: auto;
            padding-right: .75rem;
            padding-left: .75rem
        }
        @media (min-width:480px) {
            .lg\:container {
                max-width: 480px;
                padding-right: .75rem;
                padding-left: .75rem
            }
        }
        @media (min-width:768px) {
            .lg\:container {
                max-width: 768px;
                padding-right: 2rem;
                padding-left: 2rem
            }
        }
        @media (min-width:1024px) {
            .lg\:container {
                max-width: 1024px;
                padding-right: 3.75rem;
                padding-left: 3.75rem
            }
        }
        @media (min-width:1400px) {
            .lg\:container {
                max-width: 1400px;
                padding-right: 3.75rem;
                padding-left: 3.75rem
            }
        }
        .lg\:container--fluid {
            max-width: 100%
        }
        .lg\:not-sr-only {
            position: static;
            width: auto;
            height: auto;
            padding: 0;
            margin: 0;
            overflow: visible;
            clip: auto;
            white-space: normal
        }
        body.tabbing .lg\:tabbing-focus\:sr-only:focus {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border-width: 0
        }
        body.tabbing .lg\:tabbing-focus\:not-sr-only:focus {
            position: static;
            width: auto;
            height: auto;
            padding: 0;
            margin: 0;
            overflow: visible;
            clip: auto;
            white-space: normal
        }
        .lg\:bg-color-transparent {
            background-color: transparent
        }
        .lg\:bg-color-white {
            --bg-opacity: 1;
            background-color: #fff;
            background-color: rgba(255, 255, 255, var(--bg-opacity))
        }
        .lg\:bg-color-purple {
            --bg-opacity: 1;
            background-color: #702d87;
            background-color: rgba(112, 45, 135, var(--bg-opacity))
        }
        .lg\:border-color-black {
            --border-opacity: 1;
            border-color: #000;
            border-color: rgba(0, 0, 0, var(--border-opacity))
        }
        .lg\:border-color-white-30 {
            border-color: hsla(0, 0%, 100%, .3)
        }
        .lg\:border-color-white-50 {
            border-color: hsla(0, 0%, 100%, .5)
        }
        .lg\:border-l-0 {
            border-left-width: 0
        }
        .lg\:border-b-10 {
            border-bottom-width: 10px
        }
        .lg\:border-l-10 {
            border-left-width: 10px
        }
        .lg\:border-r {
            border-right-width: 1px
        }
        .lg\:border-l {
            border-left-width: 1px
        }
        .lg\:block {
            display: block
        }
        .lg\:flex {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }
        .lg\:hidden {
            display: none
        }
        .lg\:flex-row {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }
        .lg\:flex-wrap {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }
        .lg\:flex-no-wrap {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }
        .lg\:items-start {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start
        }
        .lg\:items-center {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }
        .lg\:self-stretch {
            -ms-flex-item-align: stretch;
            align-self: stretch
        }
        .lg\:justify-end {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }
        .lg\:justify-center {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }
        .lg\:justify-between {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }
        .lg\:flex-none {
            -webkit-box-flex: 0;
            -ms-flex: none;
            flex: none
        }
        .lg\:order-1 {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }
        .lg\:h-4 {
            height: 1rem
        }
        .lg\:h-14 {
            height: 3.5rem
        }
        .lg\:h-25 {
            height: 6.25rem
        }
        .lg\:h-32 {
            height: 8rem
        }
        .lg\:h-96 {
            height: 24rem
        }
        .lg\:h-full {
            height: 100%
        }
        .lg\:h-site-logo {
            height: 3.875rem
        }
        .lg\:h-1\/2 {
            height: 50%
        }
        .lg\:h-card-lg {
            height: 350px
        }
        .lg\:h-avatar {
            height: 18.75rem
        }
        .lg\:text-base {
            font-size: 1rem
        }
        .lg\:text-lg {
            font-size: 1.125rem
        }
        .lg\:text-xl {
            font-size: 1.25rem
        }
        .lg\:text-2xl {
            font-size: 1.5rem
        }
        .lg\:text-3xl {
            font-size: 1.875rem
        }
        .lg\:text-4xl {
            font-size: 2.1875rem
        }
        .lg\:text-5xl {
            font-size: 2.5rem
        }
        .lg\:text-8xl {
            font-size: 4.375rem
        }
        .lg\:text-big-cta-lg {
            font-size: 6rem
        }
        .lg\:leading-tight {
            line-height: 1.1666
        }
        .lg\:m-8 {
            margin: 2rem
        }
        .lg\:my-0 {
            margin-top: 0;
            margin-bottom: 0
        }
        .lg\:mx-4 {
            margin-left: 1rem;
            margin-right: 1rem
        }
        .lg\:my-outer-large {
            margin-top: 3.75rem;
            margin-bottom: 3.75rem
        }
        .lg\:-mx-4 {
            margin-left: -1rem;
            margin-right: -1rem
        }
        .lg\:-mx-outer-large {
            margin-left: -3.75rem;
            margin-right: -3.75rem
        }
        .lg\:mt-0 {
            margin-top: 0
        }
        .lg\:mb-0 {
            margin-bottom: 0
        }
        .lg\:mb-3 {
            margin-bottom: .75rem
        }
        .lg\:mb-4 {
            margin-bottom: 1rem
        }
        .lg\:ml-4 {
            margin-left: 1rem
        }
        .lg\:mb-5 {
            margin-bottom: 1.25rem
        }
        .lg\:mt-6 {
            margin-top: 1.5rem
        }
        .lg\:mb-6 {
            margin-bottom: 1.5rem
        }
        .lg\:mt-8 {
            margin-top: 2rem
        }
        .lg\:mb-8 {
            margin-bottom: 2rem
        }
        .lg\:mt-10 {
            margin-top: 2.5rem
        }
        .lg\:mb-10 {
            margin-bottom: 2.5rem
        }
        .lg\:ml-10 {
            margin-left: 2.5rem
        }
        .lg\:mb-12 {
            margin-bottom: 3rem
        }
        .lg\:mr-16 {
            margin-right: 4rem
        }
        .lg\:mb-16 {
            margin-bottom: 4rem
        }
        .lg\:mt-20 {
            margin-top: 5rem
        }
        .lg\:mt-25 {
            margin-top: 6.25rem
        }
        .lg\:mb-25 {
            margin-bottom: 6.25rem
        }
        .lg\:ml-auto {
            margin-left: auto
        }
        .lg\:ml-container-lg {
            margin-left: 3.75rem
        }
        .lg\:mb-outer-large {
            margin-bottom: 3.75rem
        }
        .lg\:ml-outer-large {
            margin-left: 3.75rem
        }
        .lg\:-ml-8 {
            margin-left: -2rem
        }
        .lg\:-mt-10 {
            margin-top: -2.5rem
        }
        .lg\:-mb-12 {
            margin-bottom: -3rem
        }
        .lg\:-mt-16 {
            margin-top: -4rem
        }
        .lg\:-mb-16 {
            margin-bottom: -4rem
        }
        .lg\:-mt-40 {
            margin-top: -10rem
        }
        .lg\:-ml-40 {
            margin-left: -10rem
        }
        .lg\:last\:-mb-10:last-child {
            margin-bottom: -2.5rem
        }
        .lg\:max-h-full {
            max-height: 100%
        }
        .lg\:opacity-0 {
            opacity: .001
        }
        .lg\:p-8 {
            padding: 2rem
        }
        .lg\:p-10 {
            padding: 2.5rem
        }
        .lg\:p-12 {
            padding: 3rem
        }
        .lg\:p-container-lg {
            padding: 3.75rem
        }
        .lg\:p-outer-small {
            padding: 1.875rem
        }
        .lg\:p-inner-large {
            padding: 3.75rem
        }
        .lg\:py-0 {
            padding-top: 0;
            padding-bottom: 0
        }
        .lg\:px-0 {
            padding-left: 0;
            padding-right: 0
        }
        .lg\:py-4 {
            padding-top: 1rem;
            padding-bottom: 1rem
        }
        .lg\:px-4 {
            padding-left: 1rem;
            padding-right: 1rem
        }
        .lg\:py-8 {
            padding-top: 2rem;
            padding-bottom: 2rem
        }
        .lg\:px-8 {
            padding-left: 2rem;
            padding-right: 2rem
        }
        .lg\:px-container-lg {
            padding-left: 3.75rem;
            padding-right: 3.75rem
        }
        .lg\:py-inner-large,
        .lg\:py-outer-large {
            padding-top: 3.75rem;
            padding-bottom: 3.75rem
        }
        .lg\:px-inner-large {
            padding-left: 3.75rem;
            padding-right: 3.75rem
        }
        .lg\:pt-0 {
            padding-top: 0
        }
        .lg\:pl-0 {
            padding-left: 0
        }
        .lg\:pt-8 {
            padding-top: 2rem
        }
        .lg\:pl-8 {
            padding-left: 2rem
        }
        .lg\:pt-10 {
            padding-top: 2.5rem
        }
        .lg\:pb-12 {
            padding-bottom: 3rem
        }
        .lg\:pr-20 {
            padding-right: 5rem
        }
        .lg\:pt-32 {
            padding-top: 8rem
        }
        .lg\:pt-36 {
            padding-top: 9rem
        }
        .lg\:pr-outer-large {
            padding-right: 3.75rem
        }
        .lg\:pl-outer-large {
            padding-left: 3.75rem
        }
        .lg\:pr-outer-extra-large {
            padding-right: 7.5rem
        }
        .lg\:pb-inner-large {
            padding-bottom: 3.75rem
        }
        .lg\:absolute {
            position: absolute
        }
        .lg\:relative {
            position: relative
        }
        body.tabbing .lg\:tabbing-focus\:static:focus {
            position: static
        }
        body.tabbing .lg\:tabbing-focus\:fixed:focus {
            position: fixed
        }
        body.tabbing .lg\:tabbing-focus\:absolute:focus {
            position: absolute
        }
        body.tabbing .lg\:tabbing-focus\:relative:focus {
            position: relative
        }
        body.tabbing .lg\:tabbing-focus\:sticky:focus {
            position: sticky
        }
        .lg\:top-0 {
            top: 0
        }
        .lg\:right-0 {
            right: 0
        }
        .lg\:bottom-0 {
            bottom: 0
        }
        .lg\:left-0 {
            left: 0
        }
        .lg\:left-1\/2 {
            left: 50%
        }
        body.tabbing .lg\:tabbing-focus\:shadow-xs:focus {
            -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
        }
        body.tabbing .lg\:tabbing-focus\:shadow-sm:focus {
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
        }
        body.tabbing .lg\:tabbing-focus\:shadow:focus {
            -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
        }
        body.tabbing .lg\:tabbing-focus\:shadow-md:focus {
            -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
        }
        body.tabbing .lg\:tabbing-focus\:shadow-lg:focus {
            -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
        }
        body.tabbing .lg\:tabbing-focus\:shadow-xl:focus {
            -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
        }
        body.tabbing .lg\:tabbing-focus\:shadow-2xl:focus {
            -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
        }
        body.tabbing .lg\:tabbing-focus\:shadow-inner:focus {
            -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
            box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
        }
        body.tabbing .lg\:tabbing-focus\:shadow-outline:focus {
            -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
            box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
        }
        body.tabbing .lg\:tabbing-focus\:shadow-none:focus {
            -webkit-box-shadow: none;
            box-shadow: none
        }
        body.tabbing .lg\:tabbing-focus\:shadow-error:focus {
            -webkit-box-shadow: inset 0 0 0 1px #c21212;
            box-shadow: inset 0 0 0 1px #c21212
        }
        body.tabbing .lg\:tabbing-focus\:shadow-focus:focus {
            -webkit-box-shadow: 0 0 0 3px #fd0;
            box-shadow: 0 0 0 3px #fd0
        }
        .lg\:text-left {
            text-align: left
        }
        .lg\:text-center {
            text-align: center
        }
        .lg\:w-14 {
            width: 3.5rem
        }
        .lg\:w-20 {
            width: 5rem
        }
        .lg\:w-25 {
            width: 6.25rem
        }
        .lg\:w-32 {
            width: 8rem
        }
        .lg\:w-64 {
            width: 16rem
        }
        .lg\:w-96 {
            width: 24rem
        }
        .lg\:w-auto {
            width: auto
        }
        .lg\:w-header-button-lg {
            width: 11.375rem
        }
        .lg\:w-1\/3 {
            width: 33.333333%
        }
        .lg\:w-1\/4 {
            width: 25%
        }
        .lg\:w-3\/5 {
            width: 60%
        }
        .lg\:w-4\/6 {
            width: 66.666667%
        }
        .lg\:w-5\/12 {
            width: 41.666667%
        }
        .lg\:w-7\/12 {
            width: 58.333333%
        }
        .lg\:w-full {
            width: 100%
        }
        .lg\:w-6\/8 {
            width: 75%
        }
        .lg\:w-modal-text {
            width: 460px
        }
        .lg\:w-avatar {
            width: 18.75rem
        }
        .lg\:w-blue-circle-large {
            width: 37.5rem
        }
        .lg\:z-20 {
            z-index: 20
        }
        body.tabbing .lg\:tabbing-focus\:z-0:focus {
            z-index: 0
        }
        body.tabbing .lg\:tabbing-focus\:z-1:focus {
            z-index: 1
        }
        body.tabbing .lg\:tabbing-focus\:z-10:focus {
            z-index: 10
        }
        body.tabbing .lg\:tabbing-focus\:z-20:focus {
            z-index: 20
        }
        body.tabbing .lg\:tabbing-focus\:z-30:focus {
            z-index: 30
        }
        body.tabbing .lg\:tabbing-focus\:z-40:focus {
            z-index: 40
        }
        body.tabbing .lg\:tabbing-focus\:z-50:focus {
            z-index: 50
        }
        body.tabbing .lg\:tabbing-focus\:z-auto:focus {
            z-index: auto
        }
        body.tabbing .lg\:tabbing-focus\:-z-20:focus {
            z-index: -20
        }
        body.tabbing .lg\:tabbing-focus\:-z-10:focus {
            z-index: -10
        }
        body.tabbing .lg\:tabbing-focus\:-z-1:focus {
            z-index: -1
        }
        body.tabbing .lg\:tabbing-focus\:z-overlay:focus {
            z-index: 100
        }
        body.tabbing .lg\:tabbing-focus\:z-skip-link:focus {
            z-index: 101
        }
        .lg\:gap-4 {
            grid-gap: 1rem;
            gap: 1rem
        }
        .lg\:aspect-ratio-none {
            padding-bottom: 0
        }
        .lg\:visually-hidden,
        body.tabbing .lg\:tabbing-focus\:visually-hidden:focus {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border-width: 0
        }
        body.tabbing .lg\:tabbing-focus\:top-logged-in:focus {
            top: 79px !important
        }
        body.tabbing .lg\:tabbing-focus\:will-change-transform:focus {
            will-change: transform
        }
        body.tabbing .lg\:tabbing-focus\:will-change-opacity:focus {
            will-change: opacity
        }
        body.tabbing .lg\:tabbing-focus\:will-change-lazyload:focus {
            will-change: opacity, transform
        }
        body.tabbing .lg\:tabbing-focus\:align-middle-important:focus {
            vertical-align: middle !important
        }
        body.tabbing .lg\:tabbing-focus\:text-shadow-black-medium:focus {
            text-shadow: 0 0 5px rgba(0, 0, 0, .55)
        }
        body.tabbing .lg\:tabbing-focus\:text-shadow-card:focus {
            text-shadow: 0 0 3px rgba(0, 0, 0, .3)
        }
        body.tabbing .lg\:tabbing-focus\:underline-blue:focus {
            -webkit-text-decoration-color: #41baec;
            text-decoration-color: #41baec
        }
        body.tabbing .lg\:tabbing-focus\:underline-thickness-base:focus {
            text-decoration-thickness: 2px
        }
        body.tabbing .lg\:tabbing-focus\:underline-offset-base:focus {
            text-underline-offset: 3px
        }
        body.tabbing .lg\:tabbing-focus\:safari-glitch-fix:focus {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
        .lg\:bg-stripe-pink {
            background-image: linear-gradient(135deg, #e8308a 4.17%, transparent 0, transparent 50%, #e8308a 0, #e8308a 54.17%, transparent 0, transparent);
            background-size: 12.97px 12.97px
        }
        .lg\:bg-stripe-orange {
            background-image: linear-gradient(135deg, rgba(236, 104, 37, .25) 4.17%, transparent 0, transparent 50%, rgba(236, 104, 37, .25) 0, rgba(236, 104, 37, .25) 54.17%, transparent 0, transparent);
            background-size: 12.97px 12.97px
        }
        .lg\:bg-stripe-yellow {
            background-image: linear-gradient(135deg, #fdc300 4.17%, transparent 0, transparent 50%, #fdc300 0, #fdc300 54.17%, transparent 0, transparent);
            background-size: 12.97px 12.97px
        }
        .lg\:bg-stripe-blue {
            background-image: linear-gradient(135deg, #41baec 4.17%, transparent 0, transparent 50%, #41baec 0, #41baec 54.17%, transparent 0, transparent);
            background-size: 12.97px 12.97px
        }
        .lg\:bg-stripe-wide {
            background-size: 16.97px 16.97px
        }
        .lg\:bg-teaser-overlay {
            background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, rgba(0, 0, 0, .5)));
            background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5) 75%);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, .1)), color-stop(75%, rgba(0, 0, 0, .6)));
            background-image: linear-gradient(180deg, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .6) 75%)
        }
        .lg\:bg-dots-yellow {
            background-image: radial-gradient(#fdc300 4px, transparent 0), radial-gradient(#fdc300 4px, transparent 0)
        }
        .lg\:bg-dots-red,
        .lg\:bg-dots-yellow {
            background-color: transparent;
            background-position: 10px 10px, 30px 30px;
            background-size: 40px 40px;
            opacity: .2
        }
        .lg\:bg-dots-red {
            background-image: radial-gradient(#e40134 4px, transparent 0), radial-gradient(#e40134 4px, transparent 0)
        }
        .lg\:bg-dots-grey {
            background-image: radial-gradient(#000 4px, transparent 0), radial-gradient(#000 4px, transparent 0);
            background-color: transparent;
            background-position: 10px 10px, 30px 30px;
            background-size: 40px 40px;
            opacity: .2
        }
    }
    @media (min-width:1400px) {
        .hg\:c-icon {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            display: inline-block;
            fill: currentColor;
            width: 1rem;
            height: 1rem
        }
        .hg\:c-icon--small {
            width: .75rem;
            height: .75rem
        }
        .hg\:c-icon--medium {
            width: 1.25rem;
            height: 1.25rem
        }
        .hg\:c-icon--large {
            width: 1.5rem;
            height: 1.5rem
        }
        .hg\:c-icon--x-large {
            width: 2rem;
            height: 2rem
        }
        .hg\:c-icon--xx-large {
            width: 3rem;
            height: 3rem
        }
        .hg\:container {
            width: 100%;
            margin-right: auto;
            margin-left: auto;
            padding-right: .75rem;
            padding-left: .75rem
        }
        @media (min-width:480px) {
            .hg\:container {
                max-width: 480px;
                padding-right: .75rem;
                padding-left: .75rem
            }
        }
        @media (min-width:768px) {
            .hg\:container {
                max-width: 768px;
                padding-right: 2rem;
                padding-left: 2rem
            }
        }
        @media (min-width:1024px) {
            .hg\:container {
                max-width: 1024px;
                padding-right: 3.75rem;
                padding-left: 3.75rem
            }
        }
        @media (min-width:1400px) {
            .hg\:container {
                max-width: 1400px;
                padding-right: 3.75rem;
                padding-left: 3.75rem
            }
        }
        .hg\:container--fluid {
            max-width: 100%
        }
        body.tabbing .hg\:tabbing-focus\:sr-only:focus {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border-width: 0
        }
        body.tabbing .hg\:tabbing-focus\:not-sr-only:focus {
            position: static;
            width: auto;
            height: auto;
            padding: 0;
            margin: 0;
            overflow: visible;
            clip: auto;
            white-space: normal
        }
        .hg\:h-card-hg {
            height: 495px
        }
        .hg\:h-hero-large {
            height: 930px
        }
        .hg\:text-lg {
            font-size: 1.125rem
        }
        .hg\:text-xl {
            font-size: 1.25rem
        }
        .hg\:text-2xl {
            font-size: 1.5rem
        }
        .hg\:text-3xl {
            font-size: 1.875rem
        }
        .hg\:text-4xl {
            font-size: 2.1875rem
        }
        .hg\:text-8xl {
            font-size: 4.375rem
        }
        .hg\:text-9xl {
            font-size: 5.625rem
        }
        .hg\:text-big-cta-hg {
            font-size: 8.125rem
        }
        .hg\:text-big-hero {
            font-size: 7.5rem
        }
        .hg\:m-12 {
            margin: 3rem
        }
        .hg\:mb-3 {
            margin-bottom: .75rem
        }
        .hg\:mb-8 {
            margin-bottom: 2rem
        }
        .hg\:mb-10 {
            margin-bottom: 2.5rem
        }
        .hg\:mb-12 {
            margin-bottom: 3rem
        }
        .hg\:ml-12 {
            margin-left: 3rem
        }
        .hg\:mb-14 {
            margin-bottom: 3.5rem
        }
        .hg\:mt-16 {
            margin-top: 4rem
        }
        .hg\:ml-16 {
            margin-left: 4rem
        }
        .hg\:mb-20 {
            margin-bottom: 5rem
        }
        .hg\:mt-24 {
            margin-top: 6rem
        }
        .hg\:-mb-14 {
            margin-bottom: -3.5rem
        }
        .hg\:-mt-outer-large {
            margin-top: -3.75rem
        }
        .hg\:max-h-screen {
            max-height: 100vh
        }
        .hg\:min-h-144 {
            min-height: 36rem
        }
        .hg\:p-12 {
            padding: 3rem
        }
        .hg\:p-container-hg {
            padding: 3.75rem
        }
        .hg\:py-16 {
            padding-top: 4rem;
            padding-bottom: 4rem
        }
        .hg\:py-inner-large {
            padding-top: 3.75rem;
            padding-bottom: 3.75rem
        }
        .hg\:pl-0 {
            padding-left: 0
        }
        .hg\:pt-16 {
            padding-top: 4rem
        }
        body.tabbing .hg\:tabbing-focus\:static:focus {
            position: static
        }
        body.tabbing .hg\:tabbing-focus\:fixed:focus {
            position: fixed
        }
        body.tabbing .hg\:tabbing-focus\:absolute:focus {
            position: absolute
        }
        body.tabbing .hg\:tabbing-focus\:relative:focus {
            position: relative
        }
        body.tabbing .hg\:tabbing-focus\:sticky:focus {
            position: sticky
        }
        body.tabbing .hg\:tabbing-focus\:shadow-xs:focus {
            -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
        }
        body.tabbing .hg\:tabbing-focus\:shadow-sm:focus {
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
        }
        body.tabbing .hg\:tabbing-focus\:shadow:focus {
            -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
        }
        body.tabbing .hg\:tabbing-focus\:shadow-md:focus {
            -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
        }
        body.tabbing .hg\:tabbing-focus\:shadow-lg:focus {
            -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
        }
        body.tabbing .hg\:tabbing-focus\:shadow-xl:focus {
            -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
        }
        body.tabbing .hg\:tabbing-focus\:shadow-2xl:focus {
            -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
        }
        body.tabbing .hg\:tabbing-focus\:shadow-inner:focus {
            -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
            box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
        }
        body.tabbing .hg\:tabbing-focus\:shadow-outline:focus {
            -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
            box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
        }
        body.tabbing .hg\:tabbing-focus\:shadow-none:focus {
            -webkit-box-shadow: none;
            box-shadow: none
        }
        body.tabbing .hg\:tabbing-focus\:shadow-error:focus {
            -webkit-box-shadow: inset 0 0 0 1px #c21212;
            box-shadow: inset 0 0 0 1px #c21212
        }
        body.tabbing .hg\:tabbing-focus\:shadow-focus:focus {
            -webkit-box-shadow: 0 0 0 3px #fd0;
            box-shadow: 0 0 0 3px #fd0
        }
        .hg\:w-48 {
            width: 12rem
        }
        .hg\:w-header-button-hg {
            width: 14.625rem
        }
        .hg\:w-2\/3 {
            width: 66.666667%
        }
        body.tabbing .hg\:tabbing-focus\:z-0:focus {
            z-index: 0
        }
        body.tabbing .hg\:tabbing-focus\:z-1:focus {
            z-index: 1
        }
        body.tabbing .hg\:tabbing-focus\:z-10:focus {
            z-index: 10
        }
        body.tabbing .hg\:tabbing-focus\:z-20:focus {
            z-index: 20
        }
        body.tabbing .hg\:tabbing-focus\:z-30:focus {
            z-index: 30
        }
        body.tabbing .hg\:tabbing-focus\:z-40:focus {
            z-index: 40
        }
        body.tabbing .hg\:tabbing-focus\:z-50:focus {
            z-index: 50
        }
        body.tabbing .hg\:tabbing-focus\:z-auto:focus {
            z-index: auto
        }
        body.tabbing .hg\:tabbing-focus\:-z-20:focus {
            z-index: -20
        }
        body.tabbing .hg\:tabbing-focus\:-z-10:focus {
            z-index: -10
        }
        body.tabbing .hg\:tabbing-focus\:-z-1:focus {
            z-index: -1
        }
        body.tabbing .hg\:tabbing-focus\:z-overlay:focus {
            z-index: 100
        }
        body.tabbing .hg\:tabbing-focus\:z-skip-link:focus {
            z-index: 101
        }
        body.tabbing .hg\:tabbing-focus\:visually-hidden:focus {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border-width: 0
        }
        body.tabbing .hg\:tabbing-focus\:top-logged-in:focus {
            top: 79px !important
        }
        body.tabbing .hg\:tabbing-focus\:will-change-transform:focus {
            will-change: transform
        }
        body.tabbing .hg\:tabbing-focus\:will-change-opacity:focus {
            will-change: opacity
        }
        body.tabbing .hg\:tabbing-focus\:will-change-lazyload:focus {
            will-change: opacity, transform
        }
        body.tabbing .hg\:tabbing-focus\:align-middle-important:focus {
            vertical-align: middle !important
        }
        body.tabbing .hg\:tabbing-focus\:text-shadow-black-medium:focus {
            text-shadow: 0 0 5px rgba(0, 0, 0, .55)
        }
        body.tabbing .hg\:tabbing-focus\:text-shadow-card:focus {
            text-shadow: 0 0 3px rgba(0, 0, 0, .3)
        }
        body.tabbing .hg\:tabbing-focus\:underline-blue:focus {
            -webkit-text-decoration-color: #41baec;
            text-decoration-color: #41baec
        }
        body.tabbing .hg\:tabbing-focus\:underline-thickness-base:focus {
            text-decoration-thickness: 2px
        }
        body.tabbing .hg\:tabbing-focus\:underline-offset-base:focus {
            text-underline-offset: 3px
        }
        body.tabbing .hg\:tabbing-focus\:safari-glitch-fix:focus {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
        .hg\:bg-stripe-pink {
            background-image: linear-gradient(135deg, #e8308a 4.17%, transparent 0, transparent 50%, #e8308a 0, #e8308a 54.17%, transparent 0, transparent);
            background-size: 12.97px 12.97px
        }
        .hg\:bg-stripe-orange {
            background-image: linear-gradient(135deg, rgba(236, 104, 37, .25) 4.17%, transparent 0, transparent 50%, rgba(236, 104, 37, .25) 0, rgba(236, 104, 37, .25) 54.17%, transparent 0, transparent);
            background-size: 12.97px 12.97px
        }
        .hg\:bg-stripe-yellow {
            background-image: linear-gradient(135deg, #fdc300 4.17%, transparent 0, transparent 50%, #fdc300 0, #fdc300 54.17%, transparent 0, transparent);
            background-size: 12.97px 12.97px
        }
        .hg\:bg-stripe-blue {
            background-image: linear-gradient(135deg, #41baec 4.17%, transparent 0, transparent 50%, #41baec 0, #41baec 54.17%, transparent 0, transparent);
            background-size: 12.97px 12.97px
        }
        .hg\:bg-stripe-wide {
            background-size: 16.97px 16.97px
        }
        .hg\:bg-teaser-overlay {
            background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, rgba(0, 0, 0, .5)));
            background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5) 75%);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, .1)), color-stop(75%, rgba(0, 0, 0, .6)));
            background-image: linear-gradient(180deg, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .6) 75%)
        }
        .hg\:bg-dots-yellow {
            background-image: radial-gradient(#fdc300 4px, transparent 0), radial-gradient(#fdc300 4px, transparent 0)
        }
        .hg\:bg-dots-red,
        .hg\:bg-dots-yellow {
            background-color: transparent;
            background-position: 10px 10px, 30px 30px;
            background-size: 40px 40px;
            opacity: .2
        }
        .hg\:bg-dots-red {
            background-image: radial-gradient(#e40134 4px, transparent 0), radial-gradient(#e40134 4px, transparent 0)
        }
        .hg\:bg-dots-grey {
            background-image: radial-gradient(#000 4px, transparent 0), radial-gradient(#000 4px, transparent 0);
            background-color: transparent;
            background-position: 10px 10px, 30px 30px;
            background-size: 40px 40px;
            opacity: .2
        }
    }
    .flickity-enabled {
        position: relative
    }
    .flickity-enabled:focus {
        outline: none
    }
    .flickity-viewport {
        overflow: hidden;
        position: relative;
        height: 100%
    }
    .flickity-slider {
        position: absolute;
        width: 100%;
        height: 100%
    }
    .flickity-enabled.is-draggable {
        -webkit-tap-highlight-color: transparent;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .flickity-enabled.is-draggable .flickity-viewport {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab
    }
    .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
        cursor: -webkit-grabbing;
        cursor: grabbing
    }
    .flickity-button {
        position: absolute;
        background: hsla(0, 0%, 100%, .75);
        border: none;
        color: #333
    }
    .flickity-button:hover {
        background: #fff;
        cursor: pointer
    }
    .flickity-button:focus {
        outline: none;
        -webkit-box-shadow: 0 0 0 5px #19f;
        box-shadow: 0 0 0 5px #19f
    }
    .flickity-button:active {
        opacity: .6
    }
    .flickity-button:disabled {
        opacity: .3;
        cursor: auto;
        pointer-events: none
    }
    .flickity-button-icon {
        fill: currentColor
    }
    .flickity-prev-next-button {
        top: 50%;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .flickity-prev-next-button.previous {
        left: 10px
    }
    .flickity-prev-next-button.next {
        right: 10px
    }
    .flickity-rtl .flickity-prev-next-button.previous {
        left: auto;
        right: 10px
    }
    .flickity-rtl .flickity-prev-next-button.next {
        right: auto;
        left: 10px
    }
    .flickity-prev-next-button .flickity-button-icon {
        position: absolute;
        left: 20%;
        top: 20%;
        width: 60%;
        height: 60%
    }
    .flickity-page-dots {
        position: absolute;
        width: 100%;
        bottom: -25px;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        line-height: 1
    }
    .flickity-rtl .flickity-page-dots {
        direction: rtl
    }
    .flickity-page-dots .dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 8px;
        background: #333;
        border-radius: 50%;
        opacity: .25;
        cursor: pointer
    }
    .flickity-page-dots .dot.is-selected {
        opacity: 1
    }
}