.wpml-ls-legacy-list-horizontal {
    border: 1px solid transparent;
    padding: 7px;
    clear: both
}

.wpml-ls-legacy-list-horizontal>ul {
    padding: 0;
    margin: 0 !important;
    list-style-type: none
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: inline-block
}

.wpml-ls-legacy-list-horizontal a {
    display: block;
    text-decoration: none;
    padding: 5px 10px 6px;
    line-height: 1
}

.wpml-ls-legacy-list-horizontal a span {
    vertical-align: middle
}

.wpml-ls-legacy-list-horizontal a span.wpml-ls-bracket {
    vertical-align: unset
}

.wpml-ls-legacy-list-horizontal .wpml-ls-flag {
    display: inline;
    vertical-align: middle
}

.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span {
    margin-left: .4em
}

.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span {
    margin-left: 0;
    margin-right: .4em
}

.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
    margin-bottom: 30px
}

.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul {
    text-align: center
}

.wpml-ls-menu-item .wpml-ls-flag {
    display: inline;
    vertical-align: baseline
}

.wpml-ls-menu-item .wpml-ls-flag+span {
    margin-left: .3em
}

.rtl .wpml-ls-menu-item .wpml-ls-flag+span {
    margin-left: 0;
    margin-right: .3em
}

ul .wpml-ls-menu-item a {
    display: flex;
    align-items: center
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/src/css/../fonts/helveticaneueltstd-roman.woff2) format('woff2'), url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/src/css/../fonts/helveticaneueltstd-roman.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/src/css/../fonts/helveticaneueltstd-med.woff2) format('woff2'), url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/src/css/../fonts/helveticaneueltstd-med.woff) format('woff');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/src/css/../fonts/helveticaneueltstd-bold.woff2) format('woff2'), url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/src/css/../fonts/helveticaneueltstd-bold.woff) format('woff');
    font-weight: 600;
    font-style: normal
}

/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;

@layer theme {

    :host,
    :root {
        --font-weight-normal: 400;
        --font-weight-bold: 600;
        --radius-2xl: 1rem;
        --aspect-video: 16/9;
        --default-transition-duration: 150ms;
        --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        --default-font-family: var(--font-sans);
        --aspect-square: 1/1;
        --aspect-banner: 10/9;
        --aspect-landscape: 4/3;
        --aspect-portrait: 3/4;
        --btn-radius: 6.25rem;
        --btn-padding: 0.6875rem 1.4375rem;
        --btn-padding-sm: 0.375rem 0.75rem;
        --btn-circle-size: 2.375rem;
        --btn-border-width: 0.125rem;
        --btn-gap: 1.5rem;
        --btn-transition: all 200ms cubic-bezier(.82, .17, .4, .86);
        --btn-icon-size: 1em;
        --btn-icon-size-sm: .75em;
        --btn-background: var(--color-dark);
        --btn-background-outline: transparent;
        --btn-color: var(--color-white);
        --btn-border-color: var(--color-dark);
        --btn-background-hover: var(--color-yellow-90);
        --btn-color-hover: var(--color-dark);
        --btn-border-color-hover: var(--color-yellow-90);
        --btn-background-disabled: var(--color-navy-05);
        --btn-color-disabled: var(--color-navy-50);
        --btn-border-color-disabled: var(--color-navy-05);
        --color-black: #000;
        --color-white: #fff;
        --color-blue-30: #becdeb;
        --color-blue-50: #9eb5e1;
        --color-blue-90: #5d83cd;
        --color-blue-100: #0054a7;
        --color-navy-05: #ecedee;
        --color-navy-10: #ced1d5;
        --color-navy-50: #6d7482;
        --color-navy-70: #3d4659;
        --color-navy-90: #08163a;
        --color-navy-100: #03174b;
        --color-violet-30: #97c0a7;
        --color-violet-50: #7bbd95;
        --color-violet-90: #48c479;
        --color-violet-100: #09c555;
        --color-yellow-30: rgba(5,136,58,0.3);
        --color-yellow-50: #11e366;
        --color-yellow-90: rgba(5,136,58,0.9);
        --color-yellow-100: #09c555;
        --color-green-30: #e7fbe9;
        --color-green-50: #d0f8d2;
        --color-green-90: #d0f8d2;
        --color-green-100: rgba(5,136,58,0.8);
        --color-green-200: #09c555;
        --color-red-1: #f55959;
        --color-red-2: #db2c2c;
        --color-error: var(--color-red-2);
        --color-dark: var(--color-navy-100);
        --color-mid: var(--color-navy-90);
        --color-light: var(--color-navy-05);
        --breakpoint-2xl: 90rem;
        --container-xl: 63.75rem;
        --wp-admin-bar: 2rem;
        --wp-admin-bar-mobile: 2.875rem;
        --chevron-down-light: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23fff' d='M12 17.414 3.293 8.707l1.414-1.414L12 14.586l7.293-7.293 1.414 1.414z'/%3E%3C/svg%3E");
        --chevron-right: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M7.293 4.707 14.586 12l-7.293 7.293 1.414 1.414L17.414 12 8.707 3.293z'/%3E%3C/svg%3E");
        --chevron-right-light: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23fff' d='M7.293 4.707 14.586 12l-7.293 7.293 1.414 1.414L17.414 12 8.707 3.293z'/%3E%3C/svg%3E");
        --notification-height: var(--spacing-notification);
        --masthead-logo-width: 12.5rem;
        --masthead-logo-width-reduced: 12.5rem;
        --masthead-logo-height-mobile: 1.875rem;
        --masthead-background: var(--color-navy-100);
        --masthead-height-mobile: 5.625rem;
        --masthead-height-desktop: 8.75rem;
        --masthead-height-desktop-reduced: 4.375rem;
        --masthead-transition: all 200ms var(--transition-menu);
        --search-transition: all 200ms ease-in-out;
        --menu-link: var(--color-white);
        --menu-link-hover: var(--color-yellow-100);
        --menu-link-current: var(--color-yellow-100);
        --menu-border-color: var(--color-navy-05);
        --menu-dropdown-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .1);
        --menu-dropdown-transition: opacity 200ms linear;
        --menu-dropdown-bg: var(--color-white);
        --menu-dropdown-hover-bg: var(--color-navy-100);
        --menu-dropdown-padding: 2.5rem;
        --menu-dropdown-gap: 1rem;
        --menu-dropdown-width: 57.5rem;
        --menu-dropdown-link: var(--color-dark);
        --menu-dropdown-link-hover: var(--color-dark);
        --menu-offcanvas-transition: transform 400ms var(--transition-menu), display 100ms ease allow-discrete;
        --menu-offcanvas-bg: var(--color-white);
        --menu-offcanvas-width: 100vw;
        --menu-offcanvas-maxwidth: 31.25rem;
        --menu-offcanvas-padding: 1rem;
        --menu-overlay-transition: opacity 500ms ease-in-out;
        --spacing-gutter-sm: 0.75rem;
        --spacing-gutter: 1.5rem;
        --spacing-gutter-lg: 3rem;
        --spacing-gutter-xl: 5rem;
        --spacing-gutter-xxl: 8.375rem;
        --spacing-notification: 2.5rem;
        --spacing-banner-social: 16.5625rem;
        --spacing-banner-hero: 29.6875rem;
        --spacing-banner-hero-mobile: 26.25rem;
        --spacing-container-md: 64.875rem;
        --spacing-container-sm: 42.75rem;
        --spacing-matrix: 33.75rem;
        --spacing-matrix-panel: 31.25rem;
        --spacing-matrix-panel-mobile: 28.125rem;
        --spacing-matrix-overflow: 2.5rem;
        --spacing-full-svh: calc(100svh - var(--masthead-height-desktop));
        --spacing-0: 0;
        --spacing-1: 0.0625rem;
        --spacing-2: 0.125rem;
        --spacing-4: 0.25rem;
        --spacing-8: 0.5rem;
        --spacing-12: 0.75rem;
        --spacing-16: 1rem;
        --spacing-20: 1.25rem;
        --spacing-24: 1.5rem;
        --spacing-28: 1.75rem;
        --spacing-32: 2rem;
        --spacing-40: 2.5rem;
        --spacing-48: 3rem;
        --spacing-56: 3.5rem;
        --spacing-64: 4rem;
        --spacing-80: 5rem;
        --spacing-100: 6.25rem;
        --spacing-120: 7.5rem;
        --spacing-160: 10rem;
        --animate-duration: 1s;
        --transition-menu: cubic-bezier(1, .29, .23, .72);
        --transition-cards: cubic-bezier(.82, .17, .4, .86);
        --font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
        --font-heading: "Helvetica Neue", Helvetica, Arial, sans-serif;
        --font-button: "Helvetica Neue", Helvetica, Arial, sans-serif;
        --text-sm: 0.875rem;
        --text-base: 1rem;
        --text-md: 1.125rem;
        --text-lg: 1.25rem;
        --text-year: clamp(7.5rem, 2.9268rem + 19.5122vw, 20rem);
        --text-page-title: clamp(3rem, 2.2683rem + 3.122vw, 3rem);
        --text-h1: clamp(2.5rem, 2.0427rem + 1.9512vw, 3.75rem);
        --text-h2: clamp(2rem, 1.6341rem + 1.561vw, 3rem);
        --text-h3: clamp(1.5rem, 1.3171rem + 0.7805vw, 2rem);
        --text-h4: clamp(1.25rem, 1.1585rem + 0.3902vw, 1.5rem);
        --text-h5: 1.25rem;
        --text-h6: 1.125rem;
        --leading-none: 1;
        --leading-tight: 1.25;
        --leading-snug: 1.625;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --text-link-color: var(--color-navy-100);
        --text-link-color-hover: var(--color-blue-100);
        --text-link-color-focus: var(--color-blue-100);
        --z-max: 2000;
        --z-masthead: 1990;
        --z-mainmenu: 1980;
        --z-mainmenu-primary-item: 1960;
        --z-site-search: 1950;
        --z-page-navigation-menu: 1940;
        --z-matrix-start: 1935;
        --z-matrix-middle: 1930;
        --z-matrix-end: 1920;
        --z-matrix-panel: 1910;
        --z-site-overlay: 100
    }
}

@layer base {

    *,
    ::backdrop,
    ::file-selector-button,
    :after,
    :before {
        border: 0 solid;
        box-sizing: border-box;
        margin: 0;
        padding: 0
    }

    :host,
    html {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        tab-size: 4;
        -webkit-tap-highlight-color: transparent
    }

    hr {
        border-top-width: .0625rem;
        color: inherit;
        height: 0
    }

    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }

    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    b,
    strong {
        font-weight: bolder
    }

    code,
    kbd,
    pre,
    samp {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-size: 1em;
        font-variation-settings: var(--default-mono-font-variation-settings, normal)
    }

    small {
        font-size: 80%
    }

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    table {
        border-collapse: collapse;
        border-color: inherit;
        text-indent: 0
    }

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    menu,
    ol,
    ul {
        list-style: none
    }

    audio,
    canvas,
    embed,
    iframe,
    img,
    object,
    svg,
    video {
        display: block;
        vertical-align: middle
    }

    img,
    video {
        height: auto;
        max-width: 100%
    }

    ::file-selector-button,
    button,
    input,
    optgroup,
    select,
    textarea {
        background-color: transparent;
        border-radius: 0;
        color: inherit;
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        opacity: 1
    }

    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
    }

    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 1.25rem
    }

    ::file-selector-button {
        margin-inline-end: .25rem
    }

    ::placeholder {
        opacity: 1
    }

    @supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: currentcolor
        }

        @supports (color:color-mix(in lab, red, red)) {
            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        display: inline-flex
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    ::-webkit-datetime-edit,
    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-meridiem-field,
    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-minute-field,
    ::-webkit-datetime-edit-month-field,
    ::-webkit-datetime-edit-second-field,
    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }

    :-moz-ui-invalid {
        box-shadow: none
    }

    ::file-selector-button,
    button,
    input:where([type=button], [type=reset], [type=submit]) {
        appearance: button
    }

    ::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {
        height: auto
    }

    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }
}

@layer utilities {
    .\@container {
        container-type: inline-size
    }

    .visible {
        visibility: visible
    }

    .sr-only {
        height: .0625rem;
        margin: -.0625rem;
        overflow: hidden;
        padding: 0;
        width: .0625rem;
        clip: rect(0, 0, 0, 0);
        border-width: 0;
        white-space: nowrap
    }

    .absolute,
    .sr-only {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

    .inset-0 {
        inset: var(--spacing-0)
    }

    .top-24 {
        top: var(--spacing-24)
    }

    .top-\[40\%\] {
        top: 40%
    }

    .top-\[160px\] {
        top: 10rem
    }

    .right-0 {
        right: var(--spacing-0)
    }

    .right-24 {
        right: var(--spacing-24)
    }

    .right-\[20px\] {
        right: 1.25rem
    }

    .right-\[50\%\] {
        right: 50%
    }

    .bottom-auto {
        bottom: auto
    }

    .left-0 {
        left: var(--spacing-0)
    }

    .left-\[20px\] {
        left: 1.25rem
    }

    .left-\[50\%\] {
        left: 50%
    }

    .z-0 {
        z-index: 0
    }

    .z-10 {
        z-index: 10
    }

    .z-50 {
        z-index: 50
    }

    .z-\[var\(--z-page-navigation-menu\)\] {
        z-index: var(--z-page-navigation-menu)
    }

    .order-first {
        order: -9999
    }

    .order-last {
        order: 9999
    }

    .col-span-1 {
        grid-column: span 1/span 1
    }

    .col-span-2 {
        grid-column: span 2/span 2
    }

    .col-span-3 {
        grid-column: span 3/span 3
    }

    .col-span-4 {
        grid-column: span 4/span 4
    }

    .col-span-5 {
        grid-column: span 5/span 5
    }

    .col-span-6 {
        grid-column: span 6/span 6
    }

    .col-span-7 {
        grid-column: span 7/span 7
    }

    .col-span-8 {
        grid-column: span 8/span 8
    }

    .col-span-9 {
        grid-column: span 9/span 9
    }

    .col-span-10 {
        grid-column: span 10/span 10
    }

    .col-span-12 {
        grid-column: span 12/span 12
    }

    .col-start-3 {
        grid-column-start: 3
    }

    .col-start-6 {
        grid-column-start: 6
    }

    .col-start-8 {
        grid-column-start: 8
    }

    .row-span-1 {
        grid-row: span 1/span 1
    }

    .row-span-2 {
        grid-row: span 2/span 2
    }

    .row-span-3 {
        grid-row: span 3/span 3
    }

    .row-span-4 {
        grid-row: span 4/span 4
    }

    .row-start-1 {
        grid-row-start: 1
    }

    .container {
        width: 100%
    }

    @media (width >=31.25rem) {
        .container {
            max-width: 31.25rem
        }
    }

    @media (width >=48.125rem) {
        .container {
            max-width: 48.125rem
        }
    }

    @media (width >=63.75rem) {
        .container {
            max-width: 63.75rem
        }
    }

    @media (width >=80rem) {
        .container {
            max-width: 80rem
        }
    }

    @media (width >=90rem) {
        .container {
            max-width: 90rem
        }
    }

    .m-0 {
        margin: var(--spacing-0)
    }

    .-mx-16 {
        margin-inline: calc(var(--spacing-16)*-1)
    }

    .-mx-gutter {
        margin-inline: calc(var(--spacing-gutter)*-1)
    }

    .mx-auto {
        margin-inline: auto
    }

    .my-24 {
        margin-block: var(--spacing-24)
    }

    .my-40 {
        margin-block: var(--spacing-40)
    }

    .my-48 {
        margin-block: var(--spacing-48)
    }

    .-mt-16 {
        margin-top: calc(var(--spacing-16)*-1)
    }

    .mt-24 {
        margin-top: var(--spacing-24)
    }

    .mt-48 {
        margin-top: var(--spacing-48)
    }

    .mt-gutter {
        margin-top: var(--spacing-gutter)
    }

    .mr-1 {
        margin-right: var(--spacing-1)
    }

    .mr-\[90px\] {
        margin-right: 5.625rem
    }

    .mb-0 {
        margin-bottom: var(--spacing-0)
    }

    .mb-8 {
        margin-bottom: var(--spacing-8)
    }

    .mb-12 {
        margin-bottom: var(--spacing-12)
    }

    .mb-16 {
        margin-bottom: var(--spacing-16)
    }

    .mb-24 {
        margin-bottom: var(--spacing-24)
    }

    .mb-28 {
        margin-bottom: var(--spacing-28)
    }

    .mb-32 {
        margin-bottom: var(--spacing-32)
    }

    .mb-40 {
        margin-bottom: var(--spacing-40)
    }

    .mb-48 {
        margin-bottom: var(--spacing-48)
    }

    .mb-56 {
        margin-bottom: var(--spacing-56)
    }

    .mb-80 {
        margin-bottom: var(--spacing-80)
    }

    .mb-gutter {
        margin-bottom: var(--spacing-gutter)
    }

    .mb-matrix-overflow {
        margin-bottom: var(--spacing-matrix-overflow)
    }

    .ml-1 {
        margin-left: var(--spacing-1)
    }

    .block {
        display: block
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .aspect-auto {
        aspect-ratio: auto
    }

    .aspect-banner {
        aspect-ratio: var(--aspect-banner)
    }

    .aspect-landscape {
        aspect-ratio: var(--aspect-landscape)
    }

    .aspect-portrait {
        aspect-ratio: var(--aspect-portrait)
    }

    .aspect-square {
        aspect-ratio: 1/1;
        aspect-ratio: var(--aspect-square)
    }

    .aspect-video {
        aspect-ratio: var(--aspect-video)
    }

    .h-40 {
        height: var(--spacing-40)
    }

    .h-64 {
        height: var(--spacing-64)
    }

    .h-\[50px\] {
        height: 3.125rem
    }

    .h-\[225px\] {
        height: 14.0625rem
    }

    .h-full {
        height: 100%
    }

    .h-matrix {
        height: var(--spacing-matrix)
    }

    .h-notification {
        height: var(--spacing-notification)
    }

    .h-svh {
        height: 100svh
    }

    .max-h-\[40svh\] {
        max-height: 40svh
    }

    .max-h-\[60svh\] {
        max-height: 60svh
    }

    .max-h-\[90svh\] {
        max-height: 90svh
    }

    .max-h-\[200px\] {
        max-height: 12.5rem
    }

    .min-h-28 {
        min-height: var(--spacing-28)
    }

    .min-h-40 {
        min-height: var(--spacing-40)
    }

    .min-h-56 {
        min-height: var(--spacing-56)
    }

    .min-h-64 {
        min-height: var(--spacing-64)
    }

    .min-h-\[400px\] {
        min-height: 25rem
    }

    .min-h-banner-hero-mobile {
        min-height: var(--spacing-banner-hero-mobile)
    }

    .min-h-banner-social {
        min-height: var(--spacing-banner-social)
    }

    .min-h-full-svh {
        min-height: var(--spacing-full-svh)
    }

    .min-h-screen {
        min-height: 100vh
    }

    .w-1\/2 {
        width: 50%
    }

    .w-2\/3 {
        width: 66.66667%
    }

    .w-40 {
        width: var(--spacing-40)
    }

    .w-64 {
        width: var(--spacing-64)
    }

    .w-\[200px\] {
        width: 12.5rem
    }

    .w-full {
        width: 100%
    }

    .max-w-\[100ch\] {
        max-width: 100ch
    }

    .max-w-\[300px\] {
        max-width: 18.75rem
    }

    .max-w-xl {
        max-width: var(--container-xl)
    }

    .min-w-40 {
        min-width: var(--spacing-40)
    }

    .min-w-\[80\%\] {
        min-width: 80%
    }

    .flex-1 {
        flex: 1
    }

    .flex-1\/2 {
        flex: 50%
    }

    .flex-grow,
    .grow {
        flex-grow: 1
    }

    .-translate-y-1\/2 {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .transform {
        transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y)
    }

    .cursor-pointer {
        cursor: pointer
    }

    .resize {
        resize: both
    }

    .list-disc {
        list-style-type: disc
    }

    .list-none {
        list-style-type: none
    }

    .auto-rows-auto {
        grid-auto-rows: auto
    }

    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .grid-rows-subgrid {
        grid-template-rows: subgrid
    }

    .flex-col {
        flex-direction: column
    }

    .flex-col-reverse {
        flex-direction: column-reverse
    }

    .flex-row {
        flex-direction: row
    }

    .flex-nowrap {
        flex-wrap: nowrap
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .items-center {
        align-items: center
    }

    .items-end {
        align-items: flex-end
    }

    .items-start {
        align-items: flex-start
    }

    .items-stretch {
        align-items: stretch
    }

    .justify-between {
        justify-content: space-between
    }

    .justify-center {
        justify-content: center
    }

    .justify-end {
        justify-content: flex-end
    }

    .justify-start {
        justify-content: flex-start
    }

    .justify-items-center {
        justify-items: center
    }

    .gap-0 {
        gap: var(--spacing-0)
    }

    .gap-4 {
        gap: var(--spacing-4)
    }

    .gap-8 {
        gap: var(--spacing-8)
    }

    .gap-12 {
        gap: var(--spacing-12)
    }

    .gap-16 {
        gap: var(--spacing-16)
    }

    .gap-20 {
        gap: var(--spacing-20)
    }

    .gap-24 {
        gap: var(--spacing-24)
    }

    .gap-32 {
        gap: var(--spacing-32)
    }

    .gap-40 {
        gap: var(--spacing-40)
    }

    .gap-gutter {
        gap: var(--spacing-gutter)
    }

    .gap-gutter-lg {
        gap: var(--spacing-gutter-lg)
    }

    .gap-gutter-sm {
        gap: var(--spacing-gutter-sm)
    }

    .gap-gutter-xxl {
        gap: var(--spacing-gutter-xxl)
    }

    .gap-x-32 {
        column-gap: var(--spacing-32)
    }

    .gap-x-40 {
        column-gap: var(--spacing-40)
    }

    .gap-x-gutter {
        column-gap: var(--spacing-gutter)
    }

    .gap-y-0 {
        row-gap: var(--spacing-0)
    }

    .gap-y-12 {
        row-gap: var(--spacing-12)
    }

    .gap-y-16 {
        row-gap: var(--spacing-16)
    }

    .self-center {
        align-self: center
    }

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

    .overflow-auto {
        overflow: auto
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-scroll {
        overflow: scroll
    }

    .overflow-visible {
        overflow: visible
    }

    .overflow-x-auto {
        overflow-x: auto
    }

    .overflow-x-hidden {
        overflow-x: hidden
    }

    .overflow-y-auto {
        overflow-y: auto
    }

    .rounded-2xl {
        border-radius: var(--radius-2xl)
    }

    .rounded-full {
        border-radius: calc(infinity*.0625rem)
    }

    .rounded-tl-2xl {
        border-top-left-radius: var(--radius-2xl)
    }

    .border {
        border-style: var(--tw-border-style);
        border-width: .0625rem
    }

    .border-y {
        border-block-style: var(--tw-border-style);
        border-block-width: .0625rem
    }

    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: .0625rem
    }

    .border-t-8 {
        border-top-style: var(--tw-border-style);
        border-top-width: .5rem
    }

    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: .0625rem
    }

    .border-b-4 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: .25rem
    }

    .border-l-4 {
        border-left-style: var(--tw-border-style);
        border-left-width: .25rem
    }

    .border-black {
        border-color: var(--color-black)
    }

    .border-navy-10 {
        border-color: var(--color-navy-10)
    }

    .border-navy-90 {
        border-color: var(--color-navy-90)
    }

    .border-transparent {
        border-color: transparent
    }

    .border-white\/20 {
        border-color: color-mix(in srgb, #fff 20%, transparent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/20 {
            border-color: color-mix(in oklab, var(--color-white) 20%, transparent)
        }
    }

    .border-y-navy-10 {
        border-block-color: var(--color-navy-10)
    }

    .border-t-white\/20 {
        border-top-color: color-mix(in srgb, #fff 20%, transparent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-t-white\/20 {
            border-top-color: color-mix(in oklab, var(--color-white) 20%, transparent)
        }
    }

    .border-l-transparent {
        border-left-color: transparent
    }

    .bg-black {
        background-color: var(--color-black)
    }

    .bg-blue-30 {
        background-color: var(--color-blue-30)
    }

    .bg-blue-50 {
        background-color: var(--color-blue-50)
    }

    .bg-blue-90 {
        background-color: var(--color-blue-90)
    }

    .bg-blue-100 {
        background-color: var(--color-blue-100)
    }

    .bg-green-30 {
        background-color: var(--color-green-30)
    }

    .bg-green-50 {
        background-color: var(--color-green-50)
    }

    .bg-green-90 {
        background-color: var(--color-green-90)
    }

    .bg-green-100 {
        background-color: var(--color-green-100)
    }

    .bg-green-200 {
        background-color: var(--color-green-200)
    }

    .bg-navy-05 {
        background-color: var(--color-navy-05)
    }

    .bg-navy-10 {
        background-color: var(--color-navy-10)
    }

    .bg-navy-50 {
        background-color: var(--color-navy-50)
    }

    .bg-navy-70 {
        background-color: var(--color-navy-70)
    }

    .bg-navy-90 {
        background-color: var(--color-navy-90)
    }

    .bg-navy-100 {
        background-color: var(--color-navy-100)
    }

    .bg-red-1 {
        background-color: var(--color-red-1)
    }

    .bg-red-2 {
        background-color: var(--color-red-2)
    }

    .bg-transparent {
        background-color: transparent
    }

    .bg-violet-30 {
        background-color: var(--color-violet-30)
    }

    .bg-violet-50 {
        background-color: var(--color-violet-50)
    }

    .bg-violet-90 {
        background-color: var(--color-violet-90)
    }

    .bg-violet-100 {
        background-color: var(--color-violet-100)
    }

    .bg-white {
        background-color: var(--color-white)
    }

    .bg-yellow-30 {
        background-color: var(--color-yellow-30)
    }

    .bg-yellow-50 {
        background-color: var(--color-yellow-50)
    }

    .bg-yellow-90 {
        background-color: var(--color-yellow-90)
    }

    .bg-yellow-100 {
        background-color: var(--color-yellow-100)
    }

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

    .object-center {
        object-position: center
    }

    .p-0 {
        padding: var(--spacing-0)
    }

    .p-2 {
        padding: var(--spacing-2)
    }

    .p-4 {
        padding: var(--spacing-4)
    }

    .p-8 {
        padding: var(--spacing-8)
    }

    .p-12 {
        padding: var(--spacing-12)
    }

    .p-16 {
        padding: var(--spacing-16)
    }

    .p-20 {
        padding: var(--spacing-20)
    }

    .p-24 {
        padding: var(--spacing-24)
    }

    .p-32 {
        padding: var(--spacing-32)
    }

    .p-gutter {
        padding: var(--spacing-gutter)
    }

    .px-8 {
        padding-inline: var(--spacing-8)
    }

    .px-12 {
        padding-inline: var(--spacing-12)
    }

    .px-16 {
        padding-inline: var(--spacing-16)
    }

    .px-20 {
        padding-inline: var(--spacing-20)
    }

    .px-24 {
        padding-inline: var(--spacing-24)
    }

    .px-32 {
        padding-inline: var(--spacing-32)
    }

    .px-gutter {
        padding-inline: var(--spacing-gutter)
    }

    .py-2 {
        padding-block: var(--spacing-2)
    }

    .py-4 {
        padding-block: var(--spacing-4)
    }

    .py-8 {
        padding-block: var(--spacing-8)
    }

    .py-16 {
        padding-block: var(--spacing-16)
    }

    .py-24 {
        padding-block: var(--spacing-24)
    }

    .py-32 {
        padding-block: var(--spacing-32)
    }

    .py-40 {
        padding-block: var(--spacing-40)
    }

    .py-48 {
        padding-block: var(--spacing-48)
    }

    .pt-0 {
        padding-top: var(--spacing-0)
    }

    .pt-12 {
        padding-top: var(--spacing-12)
    }

    .pt-16 {
        padding-top: var(--spacing-16)
    }

    .pt-24 {
        padding-top: var(--spacing-24)
    }

    .pt-40 {
        padding-top: var(--spacing-40)
    }

    .pt-\[18svw\] {
        padding-top: 18svw
    }

    .pr-40 {
        padding-right: var(--spacing-40)
    }

    .pb-0 {
        padding-bottom: var(--spacing-0)
    }

    .pb-4 {
        padding-bottom: var(--spacing-4)
    }

    .pb-8 {
        padding-bottom: var(--spacing-8)
    }

    .pb-12 {
        padding-bottom: var(--spacing-12)
    }

    .pb-24 {
        padding-bottom: var(--spacing-24)
    }

    .pl-16 {
        padding-left: var(--spacing-16)
    }

    .pl-24 {
        padding-left: var(--spacing-24)
    }

    .text-center {
        text-align: center
    }

    .text-end {
        text-align: end
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .text-start {
        text-align: start
    }

    .text-base {
        font-size: var(--text-base)
    }

    .text-h1 {
        font-size: var(--text-h1)
    }

    .text-h4 {
        font-size: var(--text-h4)
    }

    .text-lg {
        font-size: var(--text-lg)
    }

    .text-md {
        font-size: var(--text-md)
    }

    .text-sm {
        font-size: var(--text-sm)
    }

    .text-year {
        font-size: var(--text-year)
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1;
        --tw-leading: var(--leading-none);
        line-height: var(--leading-none)
    }

    .leading-snug {
        --tw-leading: var(--leading-snug);
        line-height: var(--leading-snug)
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .text-nowrap {
        text-wrap: nowrap
    }

    .text-pretty {
        text-wrap: pretty
    }

    .text-ellipsis {
        text-overflow: ellipsis
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .text-black {
        color: var(--color-black)
    }

    .text-inherit {
        color: inherit
    }

    .text-navy-50 {
        color: var(--color-navy-50)
    }

    .text-white {
        color: var(--color-white)
    }

    .text-yellow-100 {
        color: var(--color-yellow-100)
    }

    .capitalize {
        text-transform: capitalize
    }

    .uppercase {
        text-transform: uppercase
    }

    .no-underline {
        text-decoration-line: none
    }

    .opacity-0 {
        opacity: 0
    }

    .filter {
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .transition {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    .transition-all {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    .duration-300 {
        --tw-duration: 300ms;
        transition-duration: .3s
    }

    :is(.\*\:mb-0>*) {
        margin-bottom: var(--spacing-0)
    }

    :is(.\*\:leading-tight>*) {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
    }

    @media (hover:hover) {
        .group-hover\:text-navy-10:is(:where(.group):hover *) {
            color: var(--color-navy-10)
        }
    }

    .group-data-\[itemcount\=3\]\:col-span-7:is(:where(.group)[data-itemcount="3"] *) {
        grid-column: span 7/span 7
    }

    .after\:text-navy-50:after {
        color: var(--color-navy-50);
        content: var(--tw-content)
    }

    .after\:content-\[\'•\'\]:after {
        --tw-content: "•";
        content: var(--tw-content)
    }

    .last\:pb-40:last-child {
        padding-bottom: var(--spacing-40)
    }

    .last\:after\:content-\[\'\'\]:last-child:after {
        --tw-content: "";
        content: var(--tw-content)
    }

    .last\:after\:content-none:last-child:after {
        content: var(--tw-content);
        --tw-content: none;
        content: none
    }

    @media (hover:hover) {
        .hover\:border-navy-100:hover {
            border-color: var(--color-navy-100)
        }

        .hover\:border-white\/20:hover {
            border-color: color-mix(in srgb, #fff 20%, transparent)
        }
    }

    @media (hover:hover) {
        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-white\/20:hover {
                border-color: color-mix(in oklab, var(--color-white) 20%, transparent)
            }
        }
    }

    @media (hover:hover) {
        .hover\:bg-\(--card-bg-color-hover\):hover {
            background-color: var(--card-bg-color-hover)
        }

        .hover\:bg-\[var\(--card-bg-color\)\]:hover {
            background-color: var(--card-bg-color)
        }

        .hover\:px-24:hover {
            padding-inline: var(--spacing-24)
        }

        .hover\:text-\[var\(--text-highlight\)\]:hover {
            color: var(--text-highlight)
        }

        .hover\:text-dark:hover {
            color: var(--color-dark)
        }

        .hover\:text-navy-100:hover {
            color: var(--color-navy-100)
        }

        .hover\:text-white:hover {
            color: var(--color-white)
        }

        .hover\:no-underline:hover {
            text-decoration-line: none
        }
    }

    .focus\:text-white:focus {
        color: var(--color-white)
    }

    .has-\[\:disabled\]\:cursor-progress:has(:is(:disabled)) {
        cursor: progress
    }

    .has-\[\:disabled\]\:opacity-50:has(:is(:disabled)) {
        opacity: 50%
    }

    @media (width >=31.25rem) {
        .sm\:absolute {
            position: absolute
        }

        .sm\:col-span-4 {
            grid-column: span 4/span 4
        }

        .sm\:col-span-6 {
            grid-column: span 6/span 6
        }

        .sm\:col-span-8 {
            grid-column: span 8/span 8
        }

        .sm\:col-span-12 {
            grid-column: span 12/span 12
        }

        .sm\:block {
            display: block
        }

        .sm\:grid {
            display: grid
        }

        .sm\:hidden {
            display: none
        }

        .sm\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .sm\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .sm\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }

        .sm\:flex-row {
            flex-direction: row
        }

        .sm\:justify-end {
            justify-content: flex-end
        }

        .sm\:gap-24 {
            gap: var(--spacing-24)
        }
    }

    @media (width >=48.125rem) {
        .md\:order-first {
            order: -9999
        }

        .md\:order-last {
            order: 9999
        }

        .md\:col-span-4 {
            grid-column: span 4/span 4
        }

        .md\:col-span-5 {
            grid-column: span 5/span 5
        }

        .md\:col-span-6 {
            grid-column: span 6/span 6
        }

        .md\:col-span-7 {
            grid-column: span 7/span 7
        }

        .md\:col-span-8 {
            grid-column: span 8/span 8
        }

        .md\:col-span-12 {
            grid-column: span 12/span 12
        }

        .md\:float-right {
            float: right
        }

        .md\:mb-0 {
            margin-bottom: var(--spacing-0)
        }

        .md\:mb-80 {
            margin-bottom: var(--spacing-80)
        }

        .md\:block {
            display: block
        }

        .md\:flex {
            display: flex
        }

        .md\:grid {
            display: grid
        }

        .md\:hidden {
            display: none
        }

        .md\:aspect-landscape {
            aspect-ratio: var(--aspect-landscape)
        }

        .md\:aspect-portrait {
           
        }

        .md\:aspect-square {
            aspect-ratio: 1/1;
            aspect-ratio: var(--aspect-square)
        }

        .md\:aspect-video {
            aspect-ratio: var(--aspect-video)
        }

        .md\:h-full {
            height: 100%
        }

        .md\:h-matrix {
            height: var(--spacing-matrix)
        }

        .md\:max-h-\[80svh\] {
            max-height: 80svh
        }

        .md\:min-h-\[400px\] {
            min-height: 25rem
        }

        .md\:min-h-banner-hero {
            min-height: var(--spacing-banner-hero)
        }

        .md\:max-w-1\/2 {
            max-width: 50%
        }

        .md\:max-w-1\/4 {
            max-width: 25%
        }

        .md\:max-w-3\/4 {
            max-width: 75%
        }

        .md\:min-w-1\/2 {
            min-width: 50%
        }

        .md\:min-w-1\/4 {
            min-width: 25%
        }

        .md\:basis-1\/2 {
            flex-basis: 50%
        }

        .md\:basis-1\/3 {
            flex-basis: 33.33333%
        }

        .md\:basis-1\/4 {
            flex-basis: 25%
        }

        .md\:basis-2\/3 {
            flex-basis: 66.66667%
        }

        .md\:basis-auto {
            flex-basis: auto
        }

        .md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .md\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .md\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .md\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }

        .md\:flex-row {
            flex-direction: row
        }

        .md\:items-center {
            align-items: center
        }

        .md\:justify-between {
            justify-content: space-between
        }

        .md\:justify-center {
            justify-content: center
        }

        .md\:justify-end {
            justify-content: flex-end
        }

        .md\:justify-start {
            justify-content: flex-start
        }

        .md\:gap-8 {
            gap: var(--spacing-8)
        }

        .md\:gap-12 {
            gap: var(--spacing-12)
        }

        .md\:gap-16 {
            gap: var(--spacing-16)
        }

        .md\:gap-24 {
            gap: var(--spacing-24)
        }

        .md\:gap-gutter {
            gap: var(--spacing-gutter)
        }

        .md\:gap-gutter-lg {
            gap: var(--spacing-gutter-lg)
        }

        .md\:gap-gutter-sm {
            gap: var(--spacing-gutter-sm)
        }

        .md\:gap-gutter-xxl {
            gap: var(--spacing-gutter-xxl)
        }

        .md\:overflow-y-auto {
            overflow-y: auto
        }

        .md\:border-r {
            border-right-style: var(--tw-border-style);
            border-right-width: .0625rem
        }

        .md\:border-b-0 {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0
        }

        .md\:border-r-white\/20 {
            border-right-color: color-mix(in srgb, #fff 20%, transparent)
        }
    }

    @media (width >=48.125rem) {
        @supports (color:color-mix(in lab, red, red)) {
            .md\:border-r-white\/20 {
                border-right-color: color-mix(in oklab, var(--color-white) 20%, transparent)
            }
        }
    }

    @media (width >=48.125rem) {
        .md\:p-32 {
            padding: var(--spacing-32)
        }

        .md\:px-32 {
            padding-inline: var(--spacing-32)
        }

        .md\:pr-24 {
            padding-right: var(--spacing-24)
        }

        .md\:pr-64 {
            padding-right: var(--spacing-64)
        }

        .md\:text-left {
            text-align: left
        }
    }

    @media (width >=48.125rem) {
        .group-data-\[itemcount\=3\]\:md\:grid-cols-3:is(:where(.group)[data-itemcount="3"] *) {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    @media (width >=48.125rem) {
        .group-\[\.container\]\:md\:grid-cols-3:is(:where(.group):is(.container) *) {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    @media (width >=63.75rem) {
        .lg\:absolute {
            position: absolute
        }

        .lg\:bottom-0 {
            bottom: var(--spacing-0)
        }

        .lg\:order-last {
            order: 9999
        }

        .lg\:col-span-1 {
            grid-column: span 1/span 1
        }

        .lg\:col-span-2 {
            grid-column: span 2/span 2
        }

        .lg\:col-span-3 {
            grid-column: span 3/span 3
        }

        .lg\:col-span-4 {
            grid-column: span 4/span 4
        }

        .lg\:col-span-5 {
            grid-column: span 5/span 5
        }

        .lg\:col-span-6 {
            grid-column: span 6/span 6
        }

        .lg\:col-span-7 {
            grid-column: span 7/span 7
        }

        .lg\:col-span-8 {
            grid-column: span 8/span 8
        }

        .lg\:col-start-10 {
            grid-column-start: 10
        }

        .lg\:row-span-2 {
            grid-row: span 2/span 2
        }

        .lg\:mx-0 {
            margin-inline: var(--spacing-0)
        }

        .lg\:block {
            display: block
        }

        .lg\:flex {
            display: flex
        }

        .lg\:grid {
            display: grid
        }

        .lg\:hidden {
            display: none
        }

        .lg\:aspect-auto {
            aspect-ratio: auto
        }

        .lg\:min-h-56 {
            min-height: var(--spacing-56)
        }

        .lg\:w-\[40\%\] {
            width: 40%
        }

        .lg\:max-w-\[500px\] {
            max-width: 31.25rem
        }

        .lg\:basis-\[300px\] {
            flex-basis: 18.75rem
        }

        .lg\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .lg\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .lg\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }

        .lg\:flex-row {
            flex-direction: row
        }

        .lg\:items-center {
            align-items: center
        }

        .lg\:gap-4 {
            gap: var(--spacing-4)
        }

        .lg\:gap-24 {
            gap: var(--spacing-24)
        }

        .lg\:gap-gutter-lg {
            gap: var(--spacing-gutter-lg)
        }

        .lg\:gap-gutter-xl {
            gap: var(--spacing-gutter-xl)
        }

        .lg\:p-40 {
            padding: var(--spacing-40)
        }

        .lg\:p-80 {
            padding: var(--spacing-80)
        }

        .lg\:px-32 {
            padding-inline: var(--spacing-32)
        }

        .lg\:px-100 {
            padding-inline: var(--spacing-100)
        }

        .lg\:py-64 {
            padding-block: var(--spacing-64)
        }

        .lg\:py-80 {
            padding-block: var(--spacing-80)
        }

        .lg\:py-160 {
            padding-block: var(--spacing-160)
        }

        .lg\:pt-0 {
            padding-top: var(--spacing-0)
        }

        .lg\:pt-56 {
            padding-top: var(--spacing-56)
        }

        .lg\:pr-gutter-xxl {
            padding-right: var(--spacing-gutter-xxl)
        }

        .lg\:pl-gutter-xxl {
            padding-left: var(--spacing-gutter-xxl)
        }

        .lg\:last\:pb-56:last-child {
            padding-bottom: var(--spacing-56)
        }
    }

    @media (width >=80rem) {
        .xl\:col-span-3 {
            grid-column: span 3/span 3
        }

        .xl\:col-span-5 {
            grid-column: span 5/span 5
        }

        .xl\:col-span-6 {
            grid-column: span 6/span 6
        }

        .xl\:col-span-7 {
            grid-column: span 7/span 7
        }

        .xl\:col-start-7 {
            grid-column-start: 7
        }

        .xl\:mr-64 {
            margin-right: var(--spacing-64)
        }

        .xl\:flex {
            display: flex
        }

        .xl\:grid {
            display: grid
        }

        .xl\:aspect-auto {
            aspect-ratio: auto
        }

        .xl\:aspect-portrait {
           /* aspect-ratio: var(--aspect-portrait)*/
        }

        .xl\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }

        .xl\:flex-col {
            flex-direction: column
        }

        .xl\:flex-row {
            flex-direction: row
        }

        .xl\:gap-0 {
            gap: var(--spacing-0)
        }

        .xl\:px-80 {
            padding-inline: var(--spacing-80)
        }

        .xl\:pl-64 {
            padding-left: var(--spacing-64)
        }
    }

    @container (width >=440px) {
        .\@sm\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    }

    @container (width >=680px) {
        .\@md\:col-span-2 {
            grid-column: span 2/span 2
        }

        .\@md\:grid {
            display: grid
        }

        .\@md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    }

    @container (width >=920px) {
        .\@lg\:col-span-1 {
            grid-column: span 1/span 1
        }

        .\@lg\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    }

    @container (width >=1020px) {
        .\@xl\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .\@xl\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
    }

    @media (hover:hover) {
        .hover\:\[\&_\*\]\:text-dark:hover * {
            color: var(--color-dark)
        }
    }
}

:root {
    --form-row-gap: 0.5rem;
    --field-padding: 0.75rem 1.5rem;
    --field-border-width: 0.0625rem;
    --field-border-radius: 3.125rem;
    --field-textarea-border-radius: 1.5rem;
    --field-color: var(--color-dark);
    --field-placeholder: var(--color-navy-50);
    --field-checkbox-color: var(--color-dark);
    --field-background: var(--color-white);
    --field-border-color: var(--color-navy-10);
    --field-background-hover: var(--color-navy-05);
    --field-border-hover: var(--color-navy-10);
    --field-background-focus: var(--color-navy-10);
    --field-border-focus: var(--color-navy-10)
}

input[type=checkbox],
input[type=radio] {
    --checkbox-size: 1.5em;
    --checkbox-check-color: var(--color-white);
    --checkbox-border: var(--color-navy-10);
    --checkbox-background: var(--color-white);
    --checkbox-background-hover: var(--color-navy-05);
    --checkbox-border-hover: var(--color-navy-10);
    --checkbox-background-checked: var(--highlight);
    --checkbox-border-checked: var(--highlight)
}

@media (prefers-reduced-motion:no-preference) {
    @view-transition {
        navigation: auto
    }
}

::view-transition-group(root) {
    animation-duration: .2s
}

::view-transition-old(content) {
    animation-name: fade-out
}

::view-transition-new(content) {
    animation-name: fade-in
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

#site-content {
    view-transition-name: content
}

#site-banner {
    view-transition-name: banner
}

#site-masthead {
    view-transition-name: masthead
}

#site-footer {
    view-transition-name: footer
}

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

@media (prefers-reduced-motion:reduce) {

    *,
    :after,
    :before {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important
    }
}

html {
    background-color: var(--color-dark);
    cursor: progress;
    scroll-behavior: smooth;
    scroll-padding-top: calc(var(--masthead-height-desktop) + 5rem)
}

html.has-dom-ready {
    cursor: inherit
}

@media (max-width:64rem) {
    html {
        scroll-padding-top: calc(var(--masthead-height-mobile) + 5rem)
    }
}

body {
    background-color: var(--color-white);
    color: var(--color-dark);
    overflow-x: hidden
}

::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

::-webkit-scrollbar-track {
    background: transparent;
    border-radius: .25rem
}

::-webkit-scrollbar-thumb {
    background: var(--color-navy-50);
    border-radius: .25rem;
    transition: background .2s ease
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-navy-100)
}

.otgs-development-site-front-end,
.wpml-ls-statics-footer {
    display: none !important
}

@layer base {
    .highlight-yellow {
        --highlight: var(--color-yellow-90);
        --highlight-hover: var(--color-yellow-100);
        --text-highlight: var(--color-yellow-90);
        --cursor-previous: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/e37c10e2e8d9ec58317a.svg), pointer;
        --cursor-next: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/e79bb3ee8c9255b2ca1a.svg), pointer
    }

    .highlight-violet {
        --highlight: var(--color-violet-90);
        --highlight-hover: var(--color-violet-100);
        --text-highlight: var(--color-violet-90);
        --cursor-previous: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/dfe5bf0ccbcf84966d8c.svg), pointer;
        --cursor-next: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/3ef5f80dd94429057171.svg), pointer
    }

    .highlight-green {
        --highlight: var(--color-green-50);
        --highlight-hover: var(--color-green-100);
        --text-highlight: var(--color-green-50);
        --cursor-previous: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/e41a3cb9dcf921c90fcb.svg), pointer;
        --cursor-next: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/ac77120a4c3502180b94.svg), pointer
    }

    .highlight-blue {
        --highlight: var(--color-blue-50);
        --highlight-hover: var(--color-blue-90);
        --text-highlight: var(--color-blue-50);
        --cursor-previous: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/1d1e8d24c84b91427a58.svg), pointer;
        --cursor-next: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/5722660f6a155204de8b.svg), pointer
    }

    .highlight-white {
        --highlight: var(--color-light);
        --highlight-hover: var(--color-navy-10);
        --text-highlight: var(--color-light)
    }

    .theme {
        background-color: var(--bg-color);
        border-color: var(--border-color);
        color: var(--text-color)
    }

    .theme-dark,
    .theme-mid {
        --card-bg-text: var(--color-light);
        --card-bg-text-hover: var(--color-dark);
        --btn-color: var(--color-dark);
        --btn-background: var(--highlight);
        --btn-border-color: var(--highlight);
        --text-muted: var(--color-light);
        --text-color: var(--color-light);
        --text-link-color: var(--color-light);
        --text-link-color-hover: var(--color-light);
        --text-link-color-focus: var(--color-light);
        --border-color: color-mix(in srgb, var(--color-navy-05) 20%, transparent)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .theme-dark,
        .theme-mid {
            --border-color: color-mix(in oklab, var(--color-light) 20%, transparent)
        }
    }

    .theme-dark,
    .theme-mid {
        --btn-background-hover: var(--color-white);
        --btn-border-color-hover: var(--color-white);
        --border-highlight: var(--highlight-hover)
    }

    .theme-dark a.card__item:focus,
    .theme-dark a.card__item:hover,
    .theme-mid a.card__item:focus,
    .theme-mid a.card__item:hover {
        --text-highlight: var(--color-dark);
        --text-muted: var(--color-dark);
        --btn-background: var(--color-dark);
        --btn-color: var(--highlight);
        --btn-border-color: var(--color-dark);
        --btn-background-hover: var(--color-dark);
        --btn-color-hover: var(--highlight);
        --btn-border-color-hover: var(--color-dark);
        --btn-background-outline: var(--color-dark)
    }

    .theme-dark {
        --bg-color: var(--color-dark);
        --card-bg-color: var(--color-mid);
        --card-bg-color-hover: var(--highlight)
    }

    .theme-mid {
        --bg-color: var(--color-mid);
        --card-bg-color: var(--color-dark);
        --card-bg-color-hover: var(--highlight)
    }

    .theme-light,
    .theme-white {
        --text-color: var(--color-dark);
        --text-muted: var(--color-navy-70);
        --text-highlight: inherit;
        --border-color: color-mix(in srgb, var(--color-navy-100) 20%, transparent)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .theme-light,
        .theme-white {
            --border-color: color-mix(in oklab, var(--color-dark) 20%, transparent)
        }
    }

    .theme-light,
    .theme-white {
        --card-bg-text-hover: var(--color-light)
    }

    .theme-light a.card__item:focus,
    .theme-light a.card__item:hover,
    .theme-white a.card__item:focus,
    .theme-white a.card__item:hover {
        --text-highlight: var(--highlight);
        --text-muted: var(--color-light);
        --btn-background: var(--highlight-hover);
        --btn-color: var(--color-dark);
        --btn-border-color: var(--highlight-hover);
        --btn-background-hover: var(--highlight-hover);
        --btn-color-hover: var(--color-dark);
        --btn-border-color-hover: var(--highlight-hover);
        --btn-background-outline: var(--highlight-hover)
    }

    .theme-light {
        --bg-color: var(--color-light);
        --card-bg-color: var(--color-white);
        --card-bg-color-hover: var(--color-dark)
    }

    .theme-white {
        --bg-color: var(--color-white);
        --card-bg-color: var(--color-light);
        --card-bg-color-hover: var(--color-mid)
    }

    button:focus {
        outline: none
    }
}

@layer base {
    button:focus-visible {
        outline: .3125rem auto -webkit-focus-ring-color
    }

    select:focus {
        outline: none
    }

    select:focus-visible {
        outline: .3125rem auto -webkit-focus-ring-color
    }

    input[type=search]:focus-visible {
        border-color: var(--color-navy-100);
        outline: none
    }
}

@layer base {
    html {
        font-size: var(--text-base);
        font-weight: var(--font-weight-normal);
        -webkit-font-smoothing: antialiased;
        font-kerning: normal
    }

    img {
        height: auto;
        max-width: 100%
    }

    .admin-bar img[alt=""] {
        outline: .125rem solid #ff0
    }

    label {
        cursor: pointer
    }

    b,
    strong {
        font-weight: var(--font-weight-bold)
    }

    p {
        line-height: var(--leading-snug);
        margin: 0 0 2rem;
        max-width: 100ch;
        text-wrap: pretty
    }

    p.has-text-align-center {
        margin-inline: auto;
        text-align: center
    }

    #site-content ol+h2,
    #site-content ol+h3,
    #site-content ol+h4,
    #site-content p+h2,
    #site-content p+h3,
    #site-content p+h4,
    #site-content ul+h2,
    #site-content ul+h3,
    #site-content ul+h4 {
        padding-top: 2rem
    }

    a {
        color: var(--text-link-color);
        font-weight: var(--font-weight-bold);
        text-decoration: none
    }

    a:hover {
        color: var(--text-link-color-hover)
    }

    a:focus,
    a:hover {
        text-decoration: underline
    }

    a:focus {
        color: var(--text-link-color-focus)
    }

    address {
        font-style: normal
    }

    mark {
        background-color: var(--color-blue-90);
        color: var(--color-white)
    }

    ::selection {
        background-color: var(--color-blue-90);
        color: var(--color-white)
    }

    ::-moz-selection {
        background-color: var(--color-blue-90);
        color: var(--color-white)
    }

    .wp-block-heading,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 .75em
    }

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    .page-title,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: var(--font-heading);
        font-kerning: normal;
        font-style: normal;
        font-weight: var(--font-weight-normal);
        text-wrap: balance
    }

    .page-title {
        font-size: var(--text-page-title);
        line-height: 1.06
    }

    .h1,
    h1 {
        font-size: var(--text-h1);
        line-height: 1.1
    }

    .h2,
    h2 {
        font-size: var(--text-h2);
        line-height: 1.07
    }

    .h3,
    caption,
    h3 {
        font-size: var(--text-h3);
        line-height: 1.12
    }

    .h4,
    h4 {
        font-size: var(--text-h4);
        line-height: 1.17
    }

    .h5,
    h5 {
        font-size: var(--text-h5)
    }

    .h6,
    h6 {
        font-size: var(--text-h6)
    }

    .wp-block-list,
    ol:not([class]),
    ul:not([class]) {
        line-height: var(--leading-relaxed);
        margin-bottom: 2rem;
        padding: 0 0 0 1rem
    }

    ol.wp-block-list li,
    ol:not([class]) li {
        list-style: decimal
    }

    ul.wp-block-list li,
    ul:not([class]) li {
        list-style: disc
    }

    .table-wrapper,
    .wp-block-table {
        overflow-x: auto;
        width: 100%
    }

    caption {
        margin-bottom: 2rem;
        text-align: left
    }

    table {
        background-color: var(--color-navy-05);
        table-layout: fixed;
        width: 100%
    }

    table td,
    table th {
        border: .0625rem solid var(--color-navy-10);
        font-weight: var(--font-weight-normal);
        padding: 1.25rem 1.5rem;
        vertical-align: top
    }

    table th {
        text-align: left
    }

    table tfoot td {
        border-top: .25rem solid var(--color-navy-10)
    }

    table tr:hover td,
    table tr:hover th[scope=row] {
        background-color: var(--color-white)
    }

    table th[scope=col],
    table thead th {
        background-color: var(--color-navy-100);
        border-color: var(--color-navy-90);
        color: var(--color-white)
    }

    input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=search], [type=range], [type=color]),
    select,
    textarea {
        appearance: none;
        background: var(--field-background);
        border: solid var(--field-border-width) var(--field-border-color);
        border-radius: var(--field-border-radius);
        color: var(--field-color);
        display: block;
        line-height: inherit;
        padding: var(--field-padding)
    }

    input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=search], [type=range], [type=color]):hover,
    select:hover,
    textarea:hover {
        background-color: var(--field-background-hover);
        border-color: var(--field-border-hover)
    }

    input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=search], [type=range], [type=color]):focus,
    select:focus,
    textarea:focus {
        background-color: var(--field-background-focus);
        border-color: var(--field-border-focus);
        outline: none
    }
}

@layer base {

    input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=search], [type=range], [type=color])::placeholder,
    select::placeholder,
    textarea::placeholder {
        color: var(--field-placeholder);
        font-family: sans-serif;
        line-height: inherit
    }

    input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=search], [type=range], [type=color]):disabled,
    input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=search], [type=range], [type=color])[readonly],
    select:disabled,
    select[readonly],
    textarea:disabled,
    textarea[readonly] {
        opacity: .75
    }

    textarea {
        border-radius: var(--field-textarea-border-radius)
    }

    select {
        appearance: none;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
        background-position: right .75rem center;
        background-repeat: no-repeat;
        background-size: 1rem .75rem;
        padding-right: 1.875rem
    }

    select[multiple],
    select[size]:not([size="1"]) {
        background-image: none;
        padding-right: .75rem
    }

    select.is-filter {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 57 57'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M22.931 14.125v6.45h3V5.013h-3v6.111H9.038v3zM18.69 36.762v6.281H8.87v3h9.82v6.28h3V36.761zm8.038 9.281H47.74v-3H26.727zm20.635-31.75H30.463v-3h16.9zM38.356 29.91h8.572v-3h-8.572v-6.336h-3v15.56h3zm-7.893-.055H9.038v-3h21.425z' clip-rule='evenodd'/%3E%3C/svg%3E");
        background-position: right 1.5rem center;
        background-size: 1.5rem;
        padding-right: 3.75rem
    }

    input[type=checkbox],
    input[type=radio] {
        appearance: none;
        background-color: var(--checkbox-background);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        border: solid var(--field-border-width) var(--checkbox-border);
        cursor: pointer;
        height: var(--checkbox-size);
        min-height: var(--checkbox-size);
        min-width: var(--checkbox-size);
        vertical-align: middle;
        width: var(--checkbox-size)
    }

    input[type=checkbox]:active,
    input[type=radio]:active {
        filter: brightness(90%)
    }

    input[type=checkbox]:hover,
    input[type=radio]:hover {
        background-color: var(--checkbox-background-hover);
        border-color: var(--checkbox-border-hover)
    }

    input[type=checkbox]:checked,
    input[type=radio]:checked {
        background-color: var(--checkbox-background-checked);
        border-color: var(--checkbox-border-checked)
    }

    input[type=checkbox]:disabled,
    input[type=radio]:disabled {
        filter: none;
        opacity: .75;
        pointer-events: none
    }

    input[type=checkbox] {
        border-radius: .125rem
    }

    input[type=checkbox]:indeterminate {
        background-color: var(--checkbox-background-checked);
        border-color: var(--checkbox-border-checked)
    }

    input[type=checkbox]:checked {
        background-color: var(--checkbox-background-checked);
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");
        border-color: var(--checkbox-border-checked)
    }

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

    input[type=radio]:checked {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E")
    }

    input[type=search] {
        color: var(--field-color)
    }

    input[type=search]::-webkit-search-cancel-button {
        -webkit-appearance: none;
        background: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/cc424141eee9a9f5a9a3.svg) no-repeat;
        background-size: cover;
        cursor: pointer;
        height: 1rem;
        width: 1rem
    }
}

@layer components {
    .tag {
        border: .0625rem solid var(--text-color);
        border-radius: var(--btn-radius);
        color: var(--text-color);
        padding: var(--btn-padding-sm)
    }

    .btn,
    .btn-circle,
    .forminator-button,
    .tag {
        display: inline-flex;
        font-family: var(--font-button);
        font-size: var(--text-sm);
        font-weight: var(--font-weight-normal);
        line-height: var(--leading-none);
        text-align: center;
        text-decoration: none
    }

    .btn,
    .btn-circle,
    .forminator-button {
        align-items: center;
        background-color: var(--btn-background);
        border: solid var(--btn-border-width) var(--btn-border-color);
        color: var(--btn-color);
        cursor: pointer;
        justify-content: center;
        overflow: hidden;
        position: relative;
        transition: var(--btn-transition)
    }

    .btn svg,
    .btn-circle svg,
    .forminator-button svg {
        height: var(--btn-icon-size);
        width: var(--btn-icon-size)
    }

    .btn path,
    .btn-circle path,
    .forminator-button path {
        fill: currentColor
    }

    .btn-circle.disabled,
    .btn-circle:disabled,
    .btn-circle[disabled],
    .btn.disabled,
    .btn:disabled,
    .btn[disabled],
    .forminator-button.disabled,
    .forminator-button:disabled,
    .forminator-button[disabled] {
        background-color: var(--btn-background-disabled);
        border-color: var(--btn-border-color-disabled);
        color: var(--btn-color-disabled);
        cursor: default
    }

    .btn-circle.disabled:hover,
    .btn-circle:disabled:hover,
    .btn-circle[disabled]:hover,
    .btn.disabled:hover,
    .btn:disabled:hover,
    .btn[disabled]:hover,
    .forminator-button.disabled:hover,
    .forminator-button:disabled:hover,
    .forminator-button[disabled]:hover {
        text-decoration: none
    }

    .btn-circle:focus,
    .btn-circle:hover:not([disabled], :disabled, .disabled),
    .btn:focus,
    .btn:hover:not([disabled], :disabled, .disabled),
    .forminator-button:focus,
    .forminator-button:hover:not([disabled], :disabled, .disabled) {
        background-color: var(--btn-background-hover);
        border-color: var(--btn-border-color-hover);
        color: var(--btn-color-hover);
        text-decoration: none
    }

    .btn {
        border-radius: var(--btn-radius)
    }

    .btn-outline {
        background-color: var(--btn-background-outline);
        color: var(--btn-border-color)
    }

    .btn.btn-white {
        border-color: var(--color-light);
        color: var(--color-light)
    }

    .btn-circle {
        aspect-ratio: 1;
        border-radius: 6.25rem;
        height: var(--btn-circle-size);
        width: var(--btn-circle-size)
    }

    .btn-inner {
        display: flex;
        gap: var(--btn-gap);
        padding: var(--btn-padding);
        transition: var(--btn-transition)
    }

    .btn-inner-pewpew {
        position: absolute;
        transform: translateY(100%)
    }

    .btn-circle:not([disabled]):hover .btn-inner-initial,
    .btn:not([disabled]):hover .btn-inner-initial {
        transform: translateY(-100%)
    }

    .btn-circle:not([disabled]):hover .btn-inner-pewpew,
    .btn:not([disabled]):hover .btn-inner-pewpew {
        transform: translateY(0)
    }

    .btn-inner-title {
        font-family: sans-serif
    }

    .btn-sm .btn-inner {
        padding: var(--btn-padding-sm)
    }

    .btn-sm svg {
        height: var(--btn-icon-size-sm);
        width: var(--btn-icon-size-sm)
    }

    .js-load-more .icon-loader {
        display: none
    }

    .js-load-more[disabled] .btn-loader {
        display: block
    }

    .js-load-more[disabled] .icon-chevron-right {
        display: none
    }

    .forminator-button {
        border-radius: var(--btn-radius);
        display: flex;
        gap: var(--btn-gap);
        padding: var(--btn-padding);
        transition: var(--btn-transition)
    }

    .forminator-button:after {
        background-image: var(--chevron-right-light);
        background-size: cover;
        content: "";
        display: block;
        height: 1rem;
        width: 1rem
    }

    .forminator-button:hover:after {
        background-image: var(--chevron-right)
    }

    .card__item {
        background-color: var(--card-bg-color);
        color: var(--card-bg-text);
        font-weight: var(--font-weight-normal);
        overflow: hidden;
        position: relative;
        transition: background-color .3s ease-in-out
    }

    a.card__item {
        --text-link-color: var(--color-light);
        --text-link-color-hover: var(--color-light);
        --text-link-color-focus: var(--color-light)
    }

    a.card__item:focus,
    a.card__item:hover {
        background-color: var(--card-bg-color-hover);
        color: var(--card-bg-text-hover);
        text-decoration: none
    }

    a.card__item:focus .btn-outline,
    a.card__item:hover .btn-outline {
        color: var(--btn-color-hover)
    }

    .card__item.nested__card {
        background-color: var(--bg-color)
    }

    .card__item.nested__card:hover .btn-outline {
        background-color: var(--card-bg-color);
        color: var(--highlight)
    }

    .animated__card {
        background-color: inherit;
        padding: 0 1rem 1rem
    }
}

@layer components {}

@layer components {
    @media (width >=31.25rem) {
        .animated__card {
            padding: 0 1.5rem 1.5rem
        }
    }

    .animated__card-button {
        display: none
    }

    .animated__card-thumbnail {
        aspect-ratio: var(--aspect-portrait);
        object-fit: cover;
        object-position: center;
        transition: all 1.2s cubic-bezier(.23, 1, .32, 1)
    }

    @media (width >=63.75rem) and (hover:hover) {
        .animated__card {
            bottom: 0;
            left: 0;
            padding: 1.5rem;
            position: absolute;
            right: 0;
            z-index: 10
        }

        .animated__card-button,
        .animated__card-inner {
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transition: max-height .6s var(--transition-cards), opacity .6s linear .3s
        }

        .animated__card-button {
            display: block
        }

        a.card__item:focus .animated__card-button,
        a.card__item:focus .animated__card-inner,
        a.card__item:hover .animated__card-button,
        a.card__item:hover .animated__card-inner {
            max-height: 10rem;
            opacity: 1
        }

        a.card__item:focus .animated__card-thumbnail,
        a.card__item:hover .animated__card-thumbnail {
            transform: scale(1.075)
        }
    }
}

.edit-post-visual-editor__post-title-wrapper {
    margin-bottom: 2rem;
    padding-bottom: .5rem;
    text-align: center
}

.aligncenter,
.alignleft,
.alignright {
    display: block;
    padding: 0
}

.aligncenter {
    float: none;
    margin: 0 auto
}

.alignright {
    float: right;
    margin: 0
}

.alignleft {
    float: left;
    margin: 0
}

.wp-block.aligncenter {
    display: flex;
    justify-content: center
}

.wp-element-caption {
    padding-top: 1rem
}

.wp-block-image img {
    margin-bottom: 1rem
}

#wp-admin-bar-comments,
#wp-admin-bar-customize,
#wp-admin-bar-wp-logo {
    display: none
}

.swiper-pagination-bullets {
    --height: 0.25rem;
    background-color: var(--border-color);
    display: flex;
    height: var(--height);
    margin-top: 2.5rem;
    width: 12.5rem
}

.swiper-pagination-bullet {
    flex: 1;
    height: var(--height);
    transition: background-color .3s ease-in-out
}

.swiper-pagination-bullet-active {
    background-color: var(--highlight)
}

[data-swiper-slides="1"] .carousel__item-progress {
    display: none
}

[data-swiper-slides="2"] {
    --count: 2
}

[data-swiper-slides="3"] {
    --count: 3
}

[data-swiper-slides="4"] {
    --count: 4
}

[data-swiper-slides="5"] {
    --count: 5
}

.carousel__item-progress {
    background-color: var(--card-bg-color);
    height: .125rem
}

.carousel__item-progress:after {
    background-color: var(--highlight);
    content: "";
    display: block;
    height: .125rem;
    width: calc(100%/var(--count))
}

.swiper-pagination-bullets {
    margin-top: 0
}

[data-swiper-slide-index="0"] .carousel__item-progress:after {
    width: calc(100%/var(--count)*1)
}

[data-swiper-slide-index="1"] .carousel__item-progress:after {
    width: calc(100%/var(--count)*2)
}

[data-swiper-slide-index="2"] .carousel__item-progress:after {
    width: calc(100%/var(--count)*3)
}

[data-swiper-slide-index="3"] .carousel__item-progress:after {
    width: calc(100%/var(--count)*4)
}

[data-swiper-slide-index="4"] .carousel__item-progress:after {
    width: calc(100%/var(--count)*5)
}

.animated {
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce),
print {
    .animated {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 1ms !important
    }

    .animated[class*=Out] {
        opacity: 0
    }
}

.no-child-animation * {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important
}

.delay-children {
    --delay: 200ms
}

.delay-children>:first-child {
    animation-delay: calc(var(--delay)*0)
}

.delay-children>:nth-child(2) {
    animation-delay: calc(var(--delay)*1)
}

.delay-children>:nth-child(3) {
    animation-delay: calc(var(--delay)*2)
}

.delay-children>:nth-child(4) {
    animation-delay: calc(var(--delay)*3)
}

.delay-children>:nth-child(5) {
    animation-delay: calc(var(--delay)*4)
}

.delay-children>:nth-child(6) {
    animation-delay: calc(var(--delay)*5)
}

.delay-children>:nth-child(7) {
    animation-delay: calc(var(--delay)*6)
}

.delay-children>:nth-child(8) {
    animation-delay: calc(var(--delay)*7)
}

.delay-children>:nth-child(9) {
    animation-delay: calc(var(--delay)*8)
}

.delay-children>:nth-child(10) {
    animation-delay: calc(var(--delay)*9)
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

.fadeIn-pre {
    opacity: 0
}

@keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        transform: translate3d(0, 1.25rem, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUpSmall {
    animation-name: fadeInUpSmall
}

.fadeInUpSmall-pre {
    opacity: 0;
    transform: translate3d(0, 1.25rem, 0)
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2.5rem, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

.fadeInUpBig-pre {
    opacity: 0;
    transform: translate3d(0, 2.5rem, 0)
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(-1.875rem, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

.fadeInRightBig-pre {
    opacity: 0;
    transform: translate3d(-1.875rem, 0, 0)
}

@media (width <=63.75rem) {
    .fadeInRightBig {
        animation-name: fadeInUpBig
    }

    .fadeInRightBig-pre {
        opacity: 0;
        transform: translate3d(0, 1.875rem, 0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(1.875rem, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@media (width >=63.75rem) {
    .fadeInLeftBig {
        animation-name: fadeInLeftBig
    }

    .fadeInLeftBig-pre {
        opacity: 0;
        transform: translate3d(1.875rem, 0, 0)
    }
}

@media (width <=63.75rem) {
    .fadeInLeftBig {
        animation-name: fadeInUpBig
    }

    .fadeInLeftBig-pre {
        opacity: 0;
        transform: translate3d(0, 1.875rem, 0)
    }
}

.forminator-error-message,
.forminator-required {
    color: var(--color-error)
}

.forminator-custom-form {
    display: flex;
    flex-direction: column
}

.forminator-row:not(.forminator-row-last) .forminator-field {
    display: flex;
    flex-direction: column;
    gap: var(--form-row-gap)
}

.forminator-checkbox__wrapper,
.forminator-input-with-icon {
    display: flex;
    gap: var(--form-row-gap)
}

.forminator-title {
    font-size: var(--text-h4);
    margin: var(--spacing-gutter-lg) 0 0 0
}

.forminator-input-with-icon {
    align-items: center
}

.forminator-input-with-icon .forminator-input {
    flex: 1
}

.ui-datepicker-title {
    display: flex
}

.forminator-has_error {
    --field-border-color: var(--color-error);
    --field-border-hover: var(--color-error);
    --field-border-focus: var(--color-error)
}

.forminator-checkbox,
.forminator-radio {
    align-items: center;
    display: flex
}

.forminator-checkbox input,
.forminator-radio input {
    margin-right: var(--form-row-gap)
}

.forminator-field-checkbox .forminator-field:has(.forminator-checkbox-inline),
.forminator-field-radio .forminator-field:has(.forminator-radio-inline) {
    column-gap: var(--spacing-gutter);
    flex-direction: row;
    flex-wrap: wrap
}

.forminator-field-checkbox .forminator-field:has(.forminator-checkbox-inline) .forminator-label,
.forminator-field-radio .forminator-field:has(.forminator-radio-inline) .forminator-label {
    flex: 1;
    min-width: 100%
}

.forminator-response-message {
    margin-bottom: var(--spacing-gutter)
}

.forminator-response-message:empty {
    display: none;
    margin-bottom: 0
}

.forminator-response-message.forminator-error {
    background-color: color-mix(in srgb, var(--color-red-2) 20%, transparent)
}

@supports (color:color-mix(in lab, red, red)) {
    .forminator-response-message.forminator-error {
        background-color: color-mix(in oklab, var(--color-error) 20%, transparent)
    }
}

.forminator-response-message.forminator-error {
    padding: var(--spacing-gutter-sm)
}

.forminator-response-message ol,
.forminator-response-message ul {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin: 0;
    padding: 0
}

.forminator-response-message li {
    list-style: none
}

.marquee__content {
    --gap: clamp(1.25rem, 100vw, 3.5rem)
}

.marquee__content:hover .marquee__item {
    animation-play-state: paused
}

.marquee__item {
    animation: scroll 5s linear infinite
}

.close-notification {
    height: 0;
    overflow: hidden
}

.marquee__content {
    --gap: clamp(1.25rem, 100vw, 5rem);
    gap: var(--gap)
}

.marquee__content:hover .marquee__text {
    animation-play-state: paused
}

.marquee__text {
    animation: scroll 30s linear infinite
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(calc(-100% - var(--gap)))
    }
}

.site-masthead {
    background-color: var(--masthead-background);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: var(--z-masthead)
}

.site-masthead,
.site-masthead__inner {
    transition: var(--masthead-transition)
}

.site-masthead__inner {
    position: relative
}

.site-logo svg {
    transition: var(--masthead-transition)
}

.site-search-dropdown {
    background-color: var(--color-navy-05);
    left: 0;
    position: fixed;
    right: 0;
    transform: translate3d(0, -200%, 0);
    transition: var(--search-transition);
    z-index: var(--z-site-search)
}

.has-search-active .site-search-dropdown {
    transform: translateZ(0)
}

.menu-item-has-children>.menu-link:after,
.menu-link-back:after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    transition: all .2s ease-in-out
}

.menu-link:focus,
.menu-link:hover {
    color: var(--menu-link-hover);
    text-decoration: none
}

.menu-link-title {
    display: block
}

.menu-link-text {
    display: block;
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    white-space: normal
}

.menu-link-icon {
    width: 1.5rem
}

.icon-bars svg,
.icon-close-hamburger svg,
.icon-close-languages svg,
.icon-close-search svg,
.icon-globe svg,
.icon-search svg {
    height: 1rem;
    width: 1rem
}

.has-navigation-active .icon-bars,
.icon-close-hamburger,
.icon-close-languages,
.icon-close-search {
    display: none
}

.has-navigation-active .icon-close-hamburger {
    display: block
}

.has-search-active .icon-search {
    display: none
}

.has-search-active .icon-close-search {
    display: block
}

.has-languages-active .icon-globe {
    display: none
}

.has-languages-active .icon-close-languages {
    display: block
}

.js-site-overlay {
    background: rgba(0, 0, 0, .2);
    inset: 0;
    opacity: 0;
    position: static;
    transition: var(--menu-overlay-transition);
    z-index: var(--z-site-overlay)
}

.has-navigation-active .js-site-overlay,
.has-search-active .js-site-overlay {
    opacity: 1;
    position: fixed
}

@media (max-width:64.03125rem) {
    .is-desktop {
        display: none !important
    }

    @media screen and (max-width:37.5rem) {
        #wpadminbar {
            position: fixed
        }
    }

    body {
        padding-top: var(--masthead-height-mobile)
    }

    .admin-bar .site-masthead {
        top: var(--wp-admin-bar-mobile)
    }

    .site-masthead__inner {
        display: flex;
        flex-direction: column;
        height: var(--masthead-height-mobile);
        justify-content: center
    }

    .site-logo svg {
        height: var(--masthead-logo-height-mobile)
    }

    .site-search-dropdown {
        top: 0
    }

    .has-search-active .site-search-dropdown {
        top: calc(var(--masthead-height-mobile))
    }

    .has-search-active.has-notification .site-search-dropdown {
        top: calc(var(--masthead-height-mobile) + var(--notification-height))
    }

    .admin-bar.has-search-active .site-search-dropdown {
        top: calc(var(--masthead-height-mobile) + var(--wp-admin-bar))
    }

    .admin-bar.has-search-active.has-notification .site-search-dropdown {
        top: calc(var(--masthead-height-mobile) + var(--wp-admin-bar) + var(--notification-height))
    }

    .dropdown-menu {
        display: flex;
        flex-direction: column
    }

    .menu-item-blocks,
    .menu-item-content {
        background-color: var(--color-white);
        padding: var(--menu-offcanvas-padding)
    }

    .primary-menu__wrapper {
        background-color: var(--menu-offcanvas-bg);
        bottom: 0;
        display: none;
        max-width: var(--menu-offcanvas-maxwidth);
        min-height: calc(100vh - var(--masthead-height-mobile));
        opacity: 0;
        overflow-x: hidden;
        overflow-y: scroll;
        position: fixed;
        right: 0;
        top: var(--masthead-height-mobile);
        transform: translate3d(100%, 0, 0);
        transition: var(--menu-offcanvas-transition);
        width: var(--menu-offcanvas-width);
        z-index: var(--z-mainmenu);
        -webkit-overflow-scrolling: touch
    }

    .admin-bar .primary-menu__wrapper {
        min-height: calc(100vh - var(--wp-admin-bar-mobile) - var(--masthead-height-mobile));
        top: calc(var(--wp-admin-bar-mobile) + var(--masthead-height-mobile))
    }

    .has-notification .primary-menu__wrapper {
        min-height: calc(100vh - var(--notification-height) - var(--masthead-height-mobile));
        top: calc(var(--notification-height) + var(--masthead-height-mobile))
    }

    .admin-bar.has-notification .primary-menu__wrapper {
        min-height: calc(100vh - var(--wp-admin-bar-mobile) - var(--notification-height) - var(--masthead-height-mobile));
        top: calc(var(--wp-admin-bar-mobile) + var(--notification-height) + var(--masthead-height-mobile))
    }

    .has-navigation-active .primary-menu__wrapper {
        display: block;
        opacity: 1;
        transform: translateZ(0)
    }

    @starting-style {
        .has-navigation-active .primary-menu__wrapper {
            opacity: 0;
            transform: translate3d(100%, 0, 0)
        }
    }

    .primary-menu {
        display: flex;
        flex-direction: column
    }

    .language-item.menu-item .menu-link {
        gap: 1rem;
        justify-content: start
    }

    .menu-item-has-children>.menu-link:after,
    .menu-link-back:after {
        height: 1rem;
        width: 1rem
    }

    .menu-item-has-children>.menu-link:after {
        background-image: var(--chevron-right)
    }

    .menu-link-back {
        border-bottom: .0625rem solid var(--menu-border-color);
        flex-direction: row-reverse;
        text-transform: uppercase
    }

    .menu-link-back:after {
        background-image: var(--chevron-right);
        transform: rotate(180deg)
    }

    .menu-link {
        align-items: center;
        border-bottom: .0625rem solid var(--menu-border-color);
        color: var(--menu-dropdown-link);
        display: flex;
        font-size: .9375rem;
        font-weight: var(--font-weight-normal);
        justify-content: space-between;
        padding: var(--menu-offcanvas-padding);
        white-space: nowrap
    }

    .menu-link:focus,
    .menu-link:hover {
        background-color: var(--menu-dropdown-hover-bg);
        color: var(--menu-link-hover)
    }

    .menu-link:focus:after,
    .menu-link:hover:after {
        background-image: var(--chevron-right-light)
    }

    .dropdown-level-2,
    .dropdown-level-3,
    .dropdown-level-4,
    .dropdown-level-5 {
        display: none;
        position: absolute;
        top: 0;
        transform: translate3d(100%, 0, 0);
        width: 100%;
        z-index: var(--z-mainmenu)
    }

    .is-expanded>.dropdown-level-2,
    .is-expanded>.dropdown-level-3,
    .is-expanded>.dropdown-level-4,
    .is-expanded>.dropdown-level-5 {
        display: block
    }

    .primary-menu {
        transition: var(--menu-offcanvas-transition)
    }

    [data-cascade-level="2"] .primary-menu {
        transform: translate3d(-100%, 0, 0)
    }

    [data-cascade-level="3"] .primary-menu {
        transform: translate3d(-200%, 0, 0)
    }

    [data-cascade-level="4"] .primary-menu {
        transform: translate3d(-300%, 0, 0)
    }

    [data-cascade-level="5"] .primary-menu {
        transform: translate3d(-400%, 0, 0)
    }

    [data-cascade-level="6"] .primary-menu {
        transform: translate3d(-500%, 0, 0)
    }
}

@media (min-width:64.03125rem) {

    .is-mobile,
    .menu-item-back,
    .menu-link-back,
    .menu-link-title,
    .toggle-site-navigation {
        display: none !important
    }

    body {
        padding-top: var(--masthead-height-desktop)
    }

    body.has-notification {
        padding-top: calc(var(--masthead-height-desktop) + var(--notification-height))
    }

    .admin-bar .site-masthead {
        top: var(--wp-admin-bar)
    }

    .site-masthead__inner {
        display: flex;
        flex-direction: column;
        height: var(--masthead-height-desktop);
        justify-content: space-between;
        padding-block: 1.5rem
    }

    .has-scrolled-down .site-masthead__inner {
        padding-bottom: 1.25rem
    }

    .has-scrolled-down .site-masthead {
        transform: translateY(-45%)
    }

    .primary-menu__wrapper {
        align-items: center;
        display: flex
    }

    .site-logo-sticky {
        max-width: 0;
        opacity: 0;
        overflow: hidden;
        transition: var(--masthead-transition)
    }

    .has-scrolled-down .site-logo-sticky {
        margin-right: var(--spacing-gutter);
        max-width: var(--masthead-logo-width);
        opacity: 1;
        transition-delay: .3s
    }

    .site-search-dropdown {
        top: 0
    }

    .has-search-active .site-search-dropdown {
        top: var(--masthead-height-desktop)
    }

    .has-search-active.has-notification .site-search-dropdown {
        top: calc(var(--masthead-height-desktop) + var(--notification-height))
    }

    .has-search-active.has-scrolled-down .site-search-dropdown {
        top: var(--masthead-height-desktop)
    }

    .has-search-active.has-reduced-menu .site-search-dropdown {
        top: var(--masthead-height-desktop-reduced)
    }

    .admin-bar.has-search-active .site-search-dropdown {
        top: calc(var(--masthead-height-desktop) + var(--wp-admin-bar))
    }

    .admin-bar.has-search-active.has-notification .site-search-dropdown {
        top: calc(var(--masthead-height-desktop) + var(--wp-admin-bar) + var(--notification-height))
    }

    .admin-bar.has-scrolled-down.has-search-active .site-search-dropdown {
        top: calc(var(--masthead-height-desktop) + var(--wp-admin-bar))
    }

    .site-logo svg {
        width: var(--masthead-logo-width)
    }

    .has-reduced-menu .site-logo svg {
        width: var(--masthead-logo-width-reduced)
    }

    .primary-menu,
    .secondary-menu {
        gap: 1.5rem
    }

    .dropdown {
        background-color: var(--menu-dropdown-bg)
    }

    .dropdown-level-2 {
        box-shadow: var(--menu-dropdown-shadow);
        left: 0;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0 var(--menu-dropdown-padding);
        position: absolute;
        right: 0;
        transition: var(--menu-dropdown-transition);
        transition-delay: .2s;
        z-index: var(--z-mainmenu)
    }

    .dropdown-level-4 {
        margin-bottom: var(--menu-dropdown-gap)
    }

    .dropdown-primary.dropdown-level-2>.dropdown-menu {
        display: grid;
        gap: var(--menu-dropdown-padding);
        padding: var(--menu-dropdown-padding) 0
    }

    .is-ingredients-menu .dropdown-level-2>.dropdown-menu {
        grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr));
        grid-template-rows: repeat(3, minmax(0, 1fr));
        margin-bottom: 0;
        row-gap: 0
    }

    .is-ingredients-menu .dropdown-level-2>.dropdown-menu .menu-item-2 {
        grid-row: span 3
    }

    .is-ingredients-menu .dropdown-level-2>.dropdown-menu .menu-item-2:nth-of-type(5) {
        grid-column: 5;
        grid-row: 1;
    }

    .is-ingredients-menu .dropdown-level-2>.dropdown-menu .menu-item-2:nth-of-type(7) {
        grid-column: 4;
        grid-row: 1;
    }

    .is-ingredients-menu .dropdown-level-2>.dropdown-menu .menu-item-2:nth-of-type(8) {
        grid-column: 4;
        grid-row: 1
    }

    .menu-item-1:not(.is-ingredients-menu) .dropdown-level-2 {
        max-width: var(--menu-dropdown-width)
    }

    .menu-item-1:not(.is-ingredients-menu) .dropdown-level-2>.dropdown-menu {
        grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.2fr) minmax(0, 1.5fr)
    }

    .dropdown-secondary.dropdown {
        padding: 0 1rem
    }

    .dropdown-secondary.dropdown>.dropdown-menu {
        gap: 0;
        padding: 1rem 0
    }

    .dropdown-language {
        padding: 0
    }

    .language-menu {
        min-width: 12.5rem;
        padding: 1rem
    }

    .language-menu .menu-link {
        color: var(--color-dark);
        padding: .25rem 0
    }

    .language-menu .menu-link:hover {
        color: var(--color-dark);
        text-decoration: underline
    }

    .menu-item-blocks,
    .menu-item-content {
        position: relative
    }

    .menu-item-blocks:after,
    .menu-item-content:after {
        background-color: var(--menu-border-color);
        bottom: 0;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        width: .0625rem
    }

    .menu-item-content:after {
        right: calc(var(--menu-dropdown-padding)*-.5)
    }

    .menu-item-blocks:after {
        left: calc(var(--menu-dropdown-padding)*-.5)
    }

    .js-dropdown-languages {
        left: auto;
        right: 0;
        top: 100%
    }

    .has-languages-active .js-toggle-site-languages {
        background-color: var(--btn-background-hover) !important;
        color: var(--btn-color-hover) !important
    }

    .has-languages-active .js-dropdown-languages {
        display: block;
        max-height: 62.5rem;
        opacity: 1;
        overflow: visible
    }

    .primary-menu .menu-item {
        z-index: var(--z-mainmenu-primary-item)
    }

    .primary-menu .menu-item-1.current-menu-item:hover>.menu-link:before,
    .primary-menu .menu-item-1.current-menu-item>.menu-link:before {
        background-color: var(--menu-link-current)
    }

    .menu-item:focus>.dropdown,
    .menu-item:has(.menu-link:focus)>.dropdown,
    .menu-item:hover>.dropdown {
        max-height: 62.5rem;
        opacity: 1;
        overflow: visible
    }

    .menu-item:focus>.menu-link:after,
    .menu-item:hover>.menu-link:after {
        transform: rotate(180deg)
    }

    .menu-link {
        align-items: center;
        display: flex;
        font-size: .9375rem;
        font-weight: var(--font-weight-normal);
        gap: .625rem;
        line-height: var(--leading-normal);
        padding-block: .5rem;
        position: relative;
        z-index: var(--z-max)
    }

    .menu-link:hover {
        color: var(--color-dark)
    }

    .menu-link-1 {
        color: var(--menu-link)
    }

    .menu-link-1:before {
        background-color: transparent;
        bottom: .125rem;
        content: "";
        display: block;
        height: .125rem;
        left: -.125rem;
        position: absolute;
        right: -.125rem;
        width: 100%
    }

    .menu-link-1:hover {
        color: var(--menu-link-hover)
    }

    .dropdown-primary .menu-link-2 {
        font-size: 1.25rem;
        gap: var(--megamenu-dropdown-gap);
        padding: 0 0 .75rem
    }

    .menu-link-3 {
        font-size: 1rem
    }

    .menu-link-4 {
        font-size: .875rem;
        white-space: normal
    }

    .menu-item-2 .menu-link {
        color: var(--menu-dropdown-link);
        padding: 0
    }

    .menu-item-2 .menu-link:hover {
        color: var(--menu-dropdown-link-hover);
        text-decoration: underline
    }

    .menu-item-has-children>.menu-link:after {
        height: 1rem;
        width: 1rem
    }

    .current-menu-ancestor>.menu-link-1:after,
    .current-menu-item.menu-item-has-children>.menu-link-1:after,
    .menu-item-has-children>.menu-link-1:hover:after,
    .menu-item-has-children>.menu-link:after {
        background-image: var(--chevron-down-light)
    }

    .dropdown-primary span.menu-link-2:hover {
        text-decoration: none
    }
}

.breadcrumb {
    align-items: center;
    display: flex;
    gap: .5rem
}

.breadcrumb__wrapper {
    margin-bottom: 2rem
}

.breadcrumb__item {
    display: flex;
    gap: .5rem
}

.breadcrumb__link {
    color: var(--color-white);
    font-weight: 400;
    max-width: 40ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.breadcrumb__link:hover {
    color: var(--color-light)
}

.breadcrumb__link-current {
    color: var(--color-yellow-100)
}

.breadcrumb__seperator {
    align-items: center;
    display: flex;
    justify-content: center
}

.site-footer {
    background-color: var(--color-dark);
    color: var(--color-white)
}

.site-footer .menu-item a {
    color: var(--color-white);
    font-weight: var(--font-weight-normal)
}

.site-footer .menu-item a:hover {
    color: var(--color-yellow-100)
}

.is-copied~.is-copied-message {
    display: block;
    opacity: 1
}

.is-hidden {
    display: none !important
}

.js-accordion-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s linear
}

.js-accordion-panel.is-active {
    max-height: 50svh
}

.accordion__item .accordion__icon-close,
.accordion__item.is-active .accordion__icon-open {
    display: none
}

.accordion__item.is-active .accordion__icon-close {
    display: block
}

@media (width <=63.75rem) {
    .js-filters {
        max-height: 0;
        overflow: hidden;
        transition: max-height .3s linear
    }

    .js-filters.is-active {
        max-height: 100svh
    }
}

.container {
    --width: var(--breakpoint-2xl);
    --gutter: var(--spacing-gutter);
    margin-inline: auto;
    max-width: var(--width);
    padding-inline: 1rem
}

@media (width >=80rem) {
    .container-md {
        width: var(--spacing-container-md)
    }

    .container-md.container-left {
        padding-right: calc(var(--width) - var(--spacing-container-md) - var(--gutter));
        width: auto
    }

    .container-md.container-right {
        padding-left: calc(var(--width) - var(--spacing-container-md) - var(--gutter));
        width: auto
    }

    .container-sm {
        width: var(--spacing-container-sm)
    }

    .container-sm.container-left {
        padding-right: calc(var(--width) - var(--spacing-container-sm) - var(--gutter));
        width: auto
    }

    .container-sm.container-right {
        padding-left: calc(var(--width) - var(--spacing-container-sm) - var(--gutter));
        width: auto
    }
}

.container .container,
.container.no-gutters {
    padding-inline: 0
}

@media (width >=63.75rem) {
    .fullbleed__container {
        --gutter: 0.0625rem
        
    }

    .fullbleed__container.has-gutter {
        --gutter: var(--spacing-gutter);
        padding:4rem 0;
    }

    .fullbleed__container {
        display: grid;
        gap: var(--gutter);
        --width: calc(var(--breakpoint-2xl)*0.55 - var(--gutter)*2);
        grid-template-columns: 1fr repeat(2, minmax(0, var(--width))) 1fr
    }

    .fullbleed__left {
        grid-column: 2/2
    }

    .fullbleed__right {
        grid-column: 3/4
    }

    .fullbleed__left-swapped {
        grid-column: 1/3
    }

    .fullbleed__right-swapped {
        grid-column: 3/4
    }
}

@media (width <=63.75rem) {
    .fullbleed__container {
        display: flex;
        flex-direction: column;
        padding-inline: 1rem
    }
}

@layer utilities {
    .social-icon {
        background: no-repeat;
        background-size: contain;
        display: block
    }

    .menu-socials .social-icon-small {
        height: 1.25rem;
        width: 1.25rem
    }

    .menu-socials .social-icon-large {
        height: 1.5625rem;
        width: 1.5625rem
    }

    a[href*="youtube.com"] .social-icon {
        background-image: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/4be335dab3255e87858b.svg)
    }

    a[href*="youtube.com"] .social-icon-large {
        width: 2.1875rem
    }

    a[href*="youtube.com"] .social-icon-small {
        width: 1.875rem
    }

    a[href*="bsky.app"] .social-icon {
        background-image: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/8bd1fd7387294df052f0.svg)
    }

    a[href*="wechat.com"] .social-icon {
        background-image: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/09ba856edfd960e54bec.svg)
    }

    a[href*="facebook.com"] .social-icon {
        background-image: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/a0231beb97b0640d04c4.svg)
    }

    a[href*="linkedin.com"] .social-icon {
        background-image: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/fca04b044b1086b10927.svg)
    }

    a[href*="instagram.com"] .social-icon {
        background-image: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/24013f99e0ce4509a21b.svg)
    }

    a[href*="twitter.com"] .social-icon,
    a[href*="x.com"] .social-icon {
        background-image: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/ed48d1b1426c613ce298.svg)
    }

    .menu-sharing a {
        align-items: center;
        background-color: var(--color-dark);
        border-radius: 6.25rem;
        display: flex;
        height: 2.25rem;
        justify-content: center;
        width: 2.25rem
    }

    .menu-sharing a:hover {
        background-color: var(--color-mid)
    }

    .menu-sharing.is-light a {
        background-color: var(--color-white)
    }

    .menu-sharing.is-light a:hover {
        background-color: var(--color-light)
    }

    .menu-sharing .social-icon {
        height: 1em;
        width: 1em
    }

    .menu-sharing a[href*=mailto] .social-icon {
        background-image: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/5d84cf40a2b70c4e5328.svg)
    }

    .menu-sharing a[href*="linkedin.com"] .social-icon {
        background-image: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/ff9102076f8bc47c33b3.svg)
    }

    .menu-sharing a[href*="bsky.app"] .social-icon {
        background-image: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/462735fd5724b99670d4.svg)
    }

    .menu-sharing a[href*="twitter.com"] .social-icon,
    .menu-sharing a[href*="x.com"] .social-icon {
        background-image: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/f5546bfeb37bc3c6367d.svg)
    }

    .menu-sharing.is-light a[href*=mailto] .social-icon {
        background-image: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/b9eefa3935d176592bec.svg)
    }

    .menu-sharing.is-light a[href*="linkedin.com"] .social-icon {
        background-image: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/fca04b044b1086b10927.svg)
    }

    .menu-sharing.is-light a[href*="bsky.app"] .social-icon {
        background-image: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/8bd1fd7387294df052f0.svg)
    }

    .menu-sharing.is-light a[href*="twitter.com"] .social-icon,
    .menu-sharing.is-light a[href*="x.com"] .social-icon {
        background-image: url(//www.jungbunzlauer.com/wp-content/themes/jbl-website/assets/dist/ed48d1b1426c613ce298.svg)
    }

    .text-inherit {
        color: inherit
    }

    .text-inherit:hover {
        color: inherit;
        text-decoration: none
    }

    .flex-stack {
        display: flex;
        flex-direction: column
    }

    .flex-stack>* {
        margin-bottom: 0
    }

    .list-columns {
        list-style-type: disc
    }
}

@layer utilities {
    @media (width >=48.125rem) {
        .list-columns {
            column-count: 2
        }
    }

    .list-columns li {
        margin-bottom: 1rem
    }

    .text-highlight {
        color: var(--text-highlight)
    }

    .text-muted {
        color: var(--text-muted)
    }

    .fill-highlight {
        fill: var(--text-highlight)
    }

    .border-highlight {
        border-color: var(--border-highlight)
    }

    .border-theme {
        border-color: var(--border-color)
    }

    .inner-background {
        background-color: var(--card-bg-color)
    }

    .outer-background {
        background-color: var(--bg-color)
    }

    .cursor-previous {
        cursor: var(--cursor-previous)
    }

    .cursor-next {
        cursor: var(--cursor-next)
    }

    .swiper-button-disabled.cursor-next,
    .swiper-button-disabled.cursor-previous {
        display: none
    }

    ::backdrop {
        backdrop-filter: blur(.25rem);
        background-color: rgba(0, 0, 0, .5);
        transition: all .3s ease-out
    }

    dialog {
        background-color: transparent;
        height: 100vh;
        margin-inline: auto;
        max-height: 100vh;
        max-width: calc(100vw - var(--spacing-gutter));
        width: calc(100vw - var(--spacing-gutter))
    }

    dialog[open] {
        align-items: center;
        animation: dialogOpen .5s ease-out;
        display: flex;
        justify-content: center
    }

    body:has(dialog[open]) {
        overflow: hidden
    }

    @keyframes dialogOpen {
        0% {
            opacity: 0;
            transform: scale(.9)
        }

        to {
            opacity: 1;
            transform: scale(1)
        }
    }

    .video-embed,
    .wp-block-embed__wrapper {
        height: 0;
        padding-bottom: 56.25%;
        position: relative
    }

    .video-embed iframe,
    .wp-block-embed__wrapper iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .mb {
        margin-bottom: var(--spacing-48)
    }

    @media (width >=48.125rem) {
        .mb {
            margin-bottom: var(--spacing-64)
        }
    }

    @media (width >=63.75rem) {
        .mb {
            margin-bottom: var(--spacing-80)
        }
    }

    .py {
        padding-block: var(--spacing-48)
    }

    @media (width >=48.125rem) {
        .py {
            padding-block: var(--spacing-64)
        }
    }

    @media (width >=63.75rem) {
        .py {
            padding-block: var(--spacing-80)
        }
    }

    .py-lg {
        padding-block: var(--spacing-48)
    }

    @media (width >=63.75rem) {
        .py-lg {
            padding-block: var(--spacing-160)
        }
    }

    .p {
        padding: var(--spacing-24)
    }

    @media (width >=48.125rem) {
        .p {
            padding: var(--spacing-64)
        }
    }

    @media (width >=63.75rem) {
        .p {
            padding: var(--spacing-80)
        }
    }

    .p-md {
        padding: var(--spacing-24)
    }

    @media (width >=48.125rem) {
        .p-md {
            padding: var(--spacing-32)
        }
    }

    @media (width >=63.75rem) {
        .p-md {
            padding: var(--spacing-40)
        }
    }

    .pt-lg {
        padding-top: var(--spacing-64)
    }

    @media (width >=48.125rem) {
        .pt-lg {
            padding-top: var(--spacing-80)
        }
    }

    @media (width >=63.75rem) {
        .pt-lg {
            padding-top: var(--spacing-120)
        }
    }

    .pt-md {
        padding-top: var(--spacing-40)
    }

    @media (width >=48.125rem) {
        .pt-md {
            padding-top: var(--spacing-64)
        }
    }

    @media (width >=63.75rem) {
        .pt-md {
            padding-top: var(--spacing-80)
        }
    }

    .pt-sm {
        padding-top: var(--spacing-20)
    }

    @media (width >=48.125rem) {
        .pt-sm {
            padding-top: var(--spacing-32)
        }
    }

    @media (width >=63.75rem) {
        .pt-sm {
            padding-top: var(--spacing-40)
        }
    }

    .pb-lg {
        padding-bottom: var(--spacing-64)
    }

    @media (width >=48.125rem) {
        .pb-lg {
            padding-bottom: var(--spacing-80)
        }
    }

    @media (width >=63.75rem) {
        .pb-lg {
            padding-bottom: var(--spacing-120)
        }
    }

    .pb-md {
        padding-bottom: var(--spacing-40)
    }

    @media (width >=48.125rem) {
        .pb-md {
            padding-bottom: var(--spacing-64)
        }
    }

    @media (width >=63.75rem) {
        .pb-md {
            padding-bottom: var(--spacing-80)
        }
    }

    .pb-sm {
        padding-bottom: var(--spacing-20)
    }

    @media (width >=48.125rem) {
        .pb-sm {
            padding-bottom: var(--spacing-32)
        }
    }

    @media (width >=63.75rem) {
        .pb-sm {
            padding-bottom: var(--spacing-40)
        }
    }
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false;
    initial-value: rotateX(0)
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false;
    initial-value: rotateY(0)
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false;
    initial-value: rotateZ(0)
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false;
    initial-value: skewX(0)
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false;
    initial-value: skewY(0)
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-content {
    syntax: "*";
    initial-value: "";
    inherits: false
}

@layer properties {
    @supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

        *,
        ::backdrop,
        :after,
        :before {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-rotate-x: rotateX(0);
            --tw-rotate-y: rotateY(0);
            --tw-rotate-z: rotateZ(0);
            --tw-skew-x: skewX(0);
            --tw-skew-y: skewY(0);
            --tw-border-style: solid;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-duration: initial;
            --tw-content: ""
        }
    }
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.searchwp-live-search-results {
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 0 rgba(30, 30, 30, .4);
    box-shadow: 0 0 2px 0 rgba(30, 30, 30, .4);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-height: 300px;
    min-height: 175px;
    min-width: 315px;
    width: 315px
}

.searchwp-live-search-result {
    border-bottom: 1px solid rgba(30, 30, 30, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px
}

.searchwp-live-search-result:last-child {
    border-bottom: none
}

.searchwp-live-search-result--img {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.searchwp-live-search-result--img,
.searchwp-live-search-results-container.swp-ls--img-sm .searchwp-live-search-result--img {
    -ms-flex-preferred-size: 70px;
    flex-basis: 70px
}

.searchwp-live-search-results-container.swp-ls--img-m .searchwp-live-search-result--img {
    -ms-flex-preferred-size: 110px;
    flex-basis: 110px
}

.searchwp-live-search-results-container.swp-ls--img-l .searchwp-live-search-result--img {
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px
}

.searchwp-live-search-result--img img {
    display: block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.searchwp-live-search-result--info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 250px;
    flex: 1 1 250px;
    overflow: hidden;
    text-overflow: ellipsis
}

.searchwp-live-search-result--title {
    font-size: 1.1em;
    font-weight: 700;
    margin-top: 0
}

.searchwp-live-search-result--desc {
    font-size: .9em
}

.searchwp-live-search-result--ecommerce {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto;
    text-align: end
}

.searchwp-live-search-result--ecommerce * {
    font-size: 1em
}

.searchwp-live-search-no-min-chars .spinner {
    opacity: .3
}

.searchwp-live-search-result--focused {
    background: #f7f7f7
}

.searchwp-live-search-instructions {
    clip: rect(1px, 1px, 1px, 1px) !important;
    border: 0 !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
}

@-webkit-keyframes searchwp-spinner-line-fade-more {

    0%,
    to {
        opacity: 0
    }

    1% {
        opacity: 1
    }
}

@keyframes searchwp-spinner-line-fade-more {

    0%,
    to {
        opacity: 0
    }

    1% {
        opacity: 1
    }
}

@-webkit-keyframes searchwp-spinner-line-fade-quick {

    0%,
    39%,
    to {
        opacity: .25
    }

    40% {
        opacity: 1
    }
}

@keyframes searchwp-spinner-line-fade-quick {

    0%,
    39%,
    to {
        opacity: .25
    }

    40% {
        opacity: 1
    }
}

@-webkit-keyframes searchwp-spinner-line-fade-default {

    0%,
    to {
        opacity: .22
    }

    1% {
        opacity: 1
    }
}

@keyframes searchwp-spinner-line-fade-default {

    0%,
    to {
        opacity: .22
    }

    1% {
        opacity: 1
    }
}