.ui-header {
    --button-top: 8px;
    --button-right: var(--wp--preset--spacing--s);
    --button-z-index: 9999;
    --button-size: 2rem;

    .wp-block-search__inside-wrapper {
        gap: var(--wp--preset--spacing--s);
    }

    .wp-block-search__button.has-icon {
        width: var(--button-size);
        height: var(--button-size);
        border-radius: 50%;
        background-color: var(--wp--preset--color--accent-5);
        color: var(--wp--preset--color--base);
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: center;
        padding: 0;
    }

    .wp-block-search__input {
        padding-top: 0;
        padding-bottom: 0;
    }

    .wp-block-search.wp-block-search__button-only .wp-block-search__input {
        transition-duration: 0s;
    }


    .wp-block-navigation__responsive-container-open {
        position: fixed;
        z-index: var(--button-z-index);
        top: calc(var(--button-top) + var(--wp-admin--admin-bar--height, 0px));
        right: var(--button-right);
        width: var(--button-size);
        height: var(--button-size);
        border-radius: 50%;
        background-color: var(--wp--preset--color--accent-1);
        color: var(--wp--preset--color--base);
        align-items: center;
        justify-content: center;
    }

    .wp-block-navigation__responsive-container {
        --submenu-shadow: var(--wp--custom--shadow-s-x) var(--wp--custom--shadow-s-y) var(--wp--custom--shadow-s-blur) var(--wp--custom--shadow-s-spread) var(--wp--custom--shadow-s-color) var(--wp--custom--shadow-s-type);

        &.is-menu-open {
            --submenu-shadow: none;

            .wp-block-navigation-item__content {
                border-bottom: 0 !important;
            }

            .current-menu-item > .wp-block-navigation-item__content {
                background-color: var(--wp--preset--color--accent-4);
                color: var(--wp--preset--color--base);
            }
        }

        .wp-block-navigation__responsive-dialog {
            position: static;
        }

        .wp-block-navigation__responsive-container-close {
            position: fixed;
            z-index: var(--button-z-index);
            top: calc(var(--button-top) + var(--wp-admin--admin-bar--height, 0px));
            right: var(--button-right);
            width: var(--button-size);
            height: var(--button-size);
            border-radius: 50%;
            background-color: var(--wp--preset--color--accent-5);
            color: var(--wp--preset--color--base);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,
        .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
            min-width: 260px;
        }

        .wp-block-navigation__submenu-container {
            padding-top: 0 !important;
            box-shadow: var(--submenu-shadow);

            .wp-block-navigation-item__content {
                border-bottom: 0 !important;
            }

            .current-menu-item > .wp-block-navigation-item__content {
                background-color: var(--wp--preset--color--accent-4);
                color: var(--wp--preset--color--base);
            }
        }

        .wp-block-navigation .wp-block-navigation-item__content {
            padding-left: var(--wp--preset--spacing--s);
            padding-right: var(--wp--preset--spacing--s);
            padding-top: var(--wp--preset--spacing--xs);
            padding-bottom: var(--wp--preset--spacing--xs);
            border-bottom: var(--wp--preset--spacing--xxs) solid transparent;
            text-underline-offset: var(--wp--preset--spacing--xxs);
        }

        .wp-block-navigation .wp-block-navigation__submenu-icon {
            margin-top: -0.25em;
            margin-left: -0.5em;
            width: 0.5em;
            height: 0.5em;
        }

        .wp-block-navigation-item:not(.current-menu-item) > .wp-block-navigation-item__content:hover {
            text-decoration: underline;
        }

        .current-menu-item > .wp-block-navigation-item__content {
            border-bottom-color: currentColor;
        }
    }
}