div.site-search-container[data-v-5581abfa] {
    font-size: var(--w-font-16);

    display: grid;
    grid-template-columns: 10em 1fr 10em;
    grid-template-rows: auto auto auto;
    grid-auto-flow: row;

    place-content: center;
    place-self: center;
    place-items: stretch;

    background-color: var(--primary-color);

    width: clamp(50vw, 50em, 100vw);
}
@supports (width: 1dvw) {
div.site-search-container[data-v-5581abfa] {
        width: clamp(50dvw, 50em, 100dvw)
}
}
div.site-search-container[data-v-5581abfa]::before {
        grid-column: 1 / -1;
        grid-row: 1 / 2;
        content: "";
        display: block;
        width: 100%;
        border-block-start: solid 1px var(--primary-color-contrast);
        margin-block-start: 1em;
        padding-block-start: 2em;
        opacity: .2;
}
div.site-search-container[data-v-5581abfa], div.site-search-container *[data-v-5581abfa] {
        color: var(--primary-color-contrast);
}
div.site-search-container > button.close-search-button[data-v-5581abfa] {
        border: none;
        box-shadow: none;
        outline: none;
        display: flex;
        place-items: center;
        gap: .5em;
        place-self: flex-end flex-start;
        cursor: pointer;
        grid-column: 3 / 4;
        grid-row: 2 / 3;

        background-color: transparent;
}
div.site-search-container > button.close-search-button > svg[data-v-5581abfa] {
            border-radius: 50%;
            border: solid 2px var(--primary-color-outline);
}
div.site-search-container > button.close-search-button[data-v-5581abfa]:hover {
            text-decoration: underline;
            text-decoration-color: var(--primary-color-outline);
}
div.site-search-container > button.close-search-button:hover > svg[data-v-5581abfa] {
                background-color: var(--primary-color-outline);
                color: var(--primary-color);
}
div.site-search-container > button.close-search-button[data-v-5581abfa]:focus-visible {
            outline: solid 2px var(--primary-color-contrast);
}
div.site-search-container > .search-container-content[data-v-5581abfa] {
        grid-column: 1 / 4;
        grid-row: 3 / 4;

        width: 100%;
        place-self: center;

        margin: 1em;
        padding-inline: 5em;
        padding-block: 3em;
}
div.site-search-container > .search-container-content > h2[data-v-5581abfa] {
            text-align: center;
            font-size: 2em;
            font-weight: bold;
            color: var(--primary-color-contrast);
            margin-block-end: 1em;
}
div.site-search-container > .search-container-content > form[data-v-5581abfa] {
            display: contents;
            font-size: inherit;
}
div.site-search-container > .search-container-content > form > input[data-v-5581abfa] {
                font-size: 1.5em;

                background-color: transparent;
                color: var(--primary-color-contrast);

                border: none;
                padding-block: .5em;
                padding-inline: 0;
                box-shadow: none;
                border-block-end: solid 2px var(--primary-color-contrast);
                margin-inline: 2em;
}
div.site-search-container > .search-container-content > form > input[data-v-5581abfa]:focus-visible {
                    border-block-end: solid 2px var(--primary-color-outline);
                    outline: none;
}


a.item[data-v-d3382cdc] {
    display: inline-grid;
    place-items: center;

    text-decoration: none;
    color: inherit;
    font-family: inherit;
    font-weight: 500;

    cursor: pointer;
}
a.item.has-icon[data-v-d3382cdc] {
        grid-template-columns: 1.5em max-content;
}
a.item[data-v-d3382cdc]:not(.has-icon) {
        grid-template-columns: max-content;
}
a.item[data-v-d3382cdc]:focus-visible {
        outline: solid 2px var(--primary-color-outline);
        outline-offset: 3px;
}
a.item > span[data-v-d3382cdc] {
        font-size: inherit;
        color: inherit;
        background-color: transparent;
}
a.item.link-style[data-v-d3382cdc] {
        gap: .25em;

        border-bottom: solid 2px transparent;
}
a.item.link-style[data-v-d3382cdc]:hover, a.item.link-style[data-v-d3382cdc]:focus-visible {
            border-bottom: solid 2px var(--primary-color-outline);
}
a.item.link-style[data-v-d3382cdc]:focus-visible {
            border-radius: .25em;
}
a.item.link-style > svg[data-v-d3382cdc] {
            height: 1em;
            max-height: 1em;
            max-width: 1em;
}
:not([aria-current='true'], :focus-within, :hover) > a.item.link-style[data-v-d3382cdc] {
            opacity: .8;
}
[aria-current='true'] > a.item.link-style[data-v-d3382cdc] {
            border-bottom: solid 2px var(--primary-color-outline);
            font-weight: 700;
}
a.item.button-style[data-v-d3382cdc] {
        gap: .5em;
        padding-inline: 1.25em;

        background-color: var(--primary-color);
        color: var(--primary-color-contrast);
        border: solid 2px var(--primary-color-outline);

        border-radius: 1.25em;
        height: 2.5em;
        box-sizing: border-box;
}
a.item.button-style > svg[data-v-d3382cdc] {
            height: 1.25em;
            max-height: 1.25em;
            max-width: 1.25em;
}
a.item.button-style[data-v-d3382cdc]:hover, a.item.button-style[data-v-d3382cdc]:focus-visible {
            background-color: var(--primary-color-outline);
            color: var(--primary-color);
}


nav.top-level-nav[data-v-01234ba7] {
    display: flex;
    flex-flow: row nowrap;
    padding-inline: 2em;
    padding-block: 1em;
    place-items: center;

    color: var(--primary-color-contrast);

    font-family: var(--menu-selected-font, var(--title-font)), sans-serif;

    font-size: calc(max(14px, var(--w-font-16) * 0.9));
}
nav.top-level-nav *[data-v-01234ba7] {
        color: inherit;
        font-size: inherit;
        font-family: inherit;
}
nav.top-level-nav > ul[data-v-01234ba7] {
        display: contents;
        list-style-type: none;
}
nav.top-level-nav > ul > li[data-v-01234ba7] {
            display: contents;
            list-style-type: none;
}
nav.top-level-nav > ul > li[data-v-01234ba7]:not(:last-of-type)::after {
                    line-height: inherit;
                    /*noinspection CssUnresolvedCustomProperty*/
                    content: var(--top-level-menu-item-separator-content, "/");
                    display: block;
                    padding-inline: .5em;
                    pointer-events: none;
                    cursor: default;
                    font-size: .8em;
                    font-weight: 500;
                    opacity: .8;
}


.buttons[data-v-746a7286] {
    display: flex;
    flex-flow: row nowrap;
    gap: 1em;

    padding-inline: 1em;
    font-size: var(--w-font-14);
    font-family: var(--menu-selected-font, var(--body-font)), sans-serif;
}


header.design-9-header[data-v-b1a5d9e0] {
    background-color: var(--primary-color);
    width: 100%;

    display: grid;

    grid-template: "top-level-menu      logo             search-button    top-level-buttons" 5em
                   "main-menu           main-menu        main-menu        main-menu" minmax(calc(var(--w-font-16-menu) * 1.5), max-content)
                   "search-container    search-container search-container search-container" 1px
                   / max-content 1fr max-content;
}
header.design-9-header > .top-level-menu-container[data-v-b1a5d9e0] {
        grid-area: top-level-menu;
        place-content: flex-start;
}
header.design-9-header > .top-level-button-container[data-v-b1a5d9e0] {
        grid-area: top-level-buttons;
        place-content: center;
}
header.design-9-header > .search-container[data-v-b1a5d9e0] {
        grid-area: search-container;
        place-self: stretch;
        overflow: visible;
        z-index: 100;
        display: grid;
}
header.design-9-header > button.search-button[data-v-b1a5d9e0] {
        grid-area: search-button;

        place-content: center;
        place-self: center;
        margin-inline: 1em;
        border: none;
        box-shadow: none;
        outline: none;
        background-color: transparent;

        color: var(--primary-color-contrast);
        font-size: var(--w-font-14);

        display: flex;
        place-items: center;
        gap: .25em;

        cursor: pointer;
}
header.design-9-header > button.search-button > svg[data-v-b1a5d9e0] {
            height: 1.5em;
            width: 1.5em;
}
header.design-9-header > button.search-button > span[data-v-b1a5d9e0] {
            font-weight: 500;
            border-bottom: solid 2px transparent;
}
header.design-9-header > button.search-button:hover > span[data-v-b1a5d9e0], header.design-9-header > button.search-button:focus-visible > span[data-v-b1a5d9e0] {
                border-bottom: solid 2px var(--primary-color-outline);
}
header.design-9-header > button.search-button[data-v-b1a5d9e0]:focus-visible {
            outline: solid 2px var(--primary-color-outline);
            border-radius: .5em;
            outline-offset: 3px;
}
header.design-9-header > .logo-container[data-v-b1a5d9e0] {
        grid-area: logo;
        place-self: center stretch;
        box-sizing: border-box;
}
header.design-9-header > .logo-container[data-v-b1a5d9e0] > * {
            --dynamic-image-width: auto;
            --dynamic-image-height: 100%;
            --dynamic-image-max-width: calc(min(50vw, 16em));
            --dynamic-image-max-height: 3.5em;
            height: unset;
}
header.design-9-header > .logo-container > a[data-v-b1a5d9e0]:focus-visible {
                outline: solid 2px var(--primary-color-outline);
                outline-offset: 3px;
                border-radius: 1em;
}
header.design-9-header > .main-menu-container[data-v-b1a5d9e0] {
        grid-area: main-menu;
        place-self: stretch center;
        z-index: 9999;
}


:root {
    --container-list-margin-inline: calc(-1 * var(--content-preview-margin));
}