@layer template {
    .topbar {
        display: flex;
        justify-content: center;
        position: relative;
        height: 10.9375vw;
        background: var(--background, #ebebeb)
    }

    @media (min-width: 1024px) {
        .topbar {
            height:50px
        }

        .topbar:before {
            content: "";
            position: absolute;
            top: 0;
            z-index: -1;
            width: 150vw;
            height: 100%;
            background: var(--background, #ebebeb);
            box-shadow: 0 0 #0000001a;
            transition: all .3s ease
        }

        .topbar--fixed {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 3
        }

        .topbar--fixed:before {
            left: 50%;
            transform: translate(-50%)
        }

        .topbar--scrolled:before {
            box-shadow: 0 5px 15px 2px #00000026
        }

        .js-has-pseudo [csstools-has-1a-38-33-34-2q-2p-36-1m-2w-2p-37-14-1a-38-33-34-2q-2p-36-2n-2n-2q-39-38-38-33-32-15]:not(.does-not-exist) {
            height: 70px
        }

        .topbar:has(.topbar__button) {
            height: 70px
        }
    }

    .topbar .topbar__inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 0 4.6875vw
    }

    @media (min-width: 1024px) {
        .topbar .topbar__inner {
            max-width:920px;
            padding: 0
        }

        .js-has-pseudo [csstools-has-1a-38-33-34-2q-2p-36-w-1a-38-33-34-2q-2p-36-2n-2n-2x-32-32-2t-36-1m-2w-2p-37-14-1a-38-33-34-2q-2p-36-2n-2n-2q-39-38-38-33-32-15]:not(.does-not-exist):not(.does-not-exist) {
            justify-content: flex-start
        }

        .topbar .topbar__inner:has(.topbar__button) {
            justify-content: flex-start
        }

        .js-has-pseudo [csstools-has-1a-38-33-34-2q-2p-36-w-1a-38-33-34-2q-2p-36-2n-2n-2x-32-32-2t-36-1m-2w-2p-37-14-1a-38-33-34-2q-2p-36-2n-2n-2q-39-38-38-33-32-15-w-1a-38-33-34-2q-2p-36-2n-2n-30-33-2v-33-19-3b-36-2p-34-34-2t-36]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist) {
            width: auto;
            max-width: 100%;
            margin-right: 16px
        }

        .topbar .topbar__inner:has(.topbar__button) .topbar__logo-wrapper {
            width: auto;
            max-width: 100%;
            margin-right: 16px
        }

        .js-has-pseudo [csstools-has-1a-38-33-34-2q-2p-36-w-1a-38-33-34-2q-2p-36-2n-2n-2x-32-32-2t-36-1m-2w-2p-37-14-1a-38-33-34-2q-2p-36-2n-2n-2q-39-38-38-33-32-15-w-1a-38-33-34-2q-2p-36-2n-2n-30-33-2v-33-19-3b-36-2p-34-34-2t-36-w-1a-38-33-34-2q-2p-36-2n-2n-30-33-2v-33]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist) {
            width: 100%
        }

        .topbar .topbar__inner:has(.topbar__button) .topbar__logo-wrapper .topbar__logo {
            width: 100%
        }

        .js-has-pseudo [csstools-has-1a-38-33-34-2q-2p-36-w-1a-38-33-34-2q-2p-36-2n-2n-2x-32-32-2t-36-1m-2w-2p-37-14-1a-38-33-34-2q-2p-36-2n-2n-2q-39-38-38-33-32-15-w-1a-38-33-34-2q-2p-36-2n-2n-38-2t-3c-38]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist) {
            width: auto
        }

        .topbar .topbar__inner:has(.topbar__button) .topbar__text {
            width: auto
        }
    }

    .topbar .topbar__logo-wrapper {
        display: flex;
        align-items: center;
        width: 50%
    }

    .topbar .topbar__logo-wrapper .topbar__logo {
        max-width: 37.8125vw;
        max-height: 5vw
    }

    @media (min-width: 1024px) {
        .topbar .topbar__logo-wrapper .topbar__logo {
            max-width:initial;
            max-height: 32px
        }
    }

    .topbar .topbar__text {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 50%;
        font-style: italic
    }

    @media (min-width: 1024px) {
        .topbar .topbar__button {
            margin-top:-4px;
            margin-left: auto;
            padding: 10px 18px;
            border-radius: 10px;
            box-shadow: 0 4px 0 0 var(--button-shadow)
        }
    }

    @media (min-width: 1024px) and (min-width: 1024px) {
        .topbar .topbar__button:hover,.topbar .topbar__button:active {
            transform:translateY(4px)
        }
    }

    @media (min-width: 1024px) {
        .topbar .topbar__button.mobile {
            display:none
        }
    }

    @media (max-width: 1023px) {
        .topbar .topbar__button.desktop {
            display:none
        }
    }

    .topbar__button-wrapper {
        display: flex;
        justify-content: center;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 3;
        width: 100%;
        background: var(--background-footer-mobile);
        box-shadow: 0 -1.5625vw 3.125vw .9375vw #0000001a;
        transition: all .5s ease
    }

    @media (min-width: 1024px) {
        .topbar__button-wrapper {
            display:none
        }
    }

    .topbar__button-wrapper .topbar__button {
        width: 100%;
        height: 12.5vw;
        margin: 3.59375vw
    }

    .topbar__button-wrapper--hide,.topbar__button-wrapper--bottom {
        transform: translateY(19.6875vw);
        box-shadow: 0 -1.5625vw 3.125vw .9375vw #0000
    }

    .topbar__button-wrapper--cookiebar-active {
        bottom: 15.625vw
    }
}

.topbar[data-v-2a72d97d] {
    --background: var(--0c9ae1d8);
    --button-background: var(--38029a24);
    --button-background-hover: var(--505ce65d);
    --button-shadow: var(--3d46ebc7);
    --background-footer-mobile: var(--a10ea8ca)
}