.vebego-header {
    @apply fixed top-0 left-0 right-0 z-[999];
    transition: top 0.2s ease-in-out;

    &.scrolling-down {
        @apply top-[-9rem];
    }

    &.scrolling-up {
        @apply bg-white border border-solid border-b-[#d8d8d8];

        .org-header--active .selector.on-bg {
            .selector-label {
                @apply text-white;
            }
        }

        .selector.on-bg {
            .selector-label {
                @apply text-black;
            }
        }
    }
}
.org-header {
    @apply w-full;
    .vebego-container {
        @apply hidden lg:flex;  
    }
    .header-container {
        @apply px-4 py-6 lg:px-8;
        @apply flex justify-between items-center relative z-[99] w-full gap-8;

        .breadcrumbs {
            @apply hidden lg:flex;
        }
    }

    > svg {
        @apply pointer-events-none absolute;
    }

    #header-logo,
    #header-logo-alternate {
        img {
            @apply h-auto max-w-[8.5rem] xl:max-w-[8.875rem];
        }
    }

    .toggle-wrapper {
        @apply flex md:hidden items-center ml-auto mr-4;
        margin-top: 27px;

        .atm-slash {
            @apply mx-4;
        }
    }

    .org-navigation {
        @apply hidden;
    }

    &--active .org-navigation {
        @apply grid;

        &#org-navigition-test {
            .selector {
                .selector-label {
                    @apply text-black;
                }
            }
        }
        &#org-navigation-default {
            .selector {
                .selector-label {
                    @apply text-black md:text-white;
                }
            }
        }
    }

    .utils-search {
        @apply z-50;

        .atm-form-input input {
            @apply pt-[13px] focus:outline-none focus:border-0 focus:ring-0;
        }
    }

    &--active {
        .header-container {
            @apply bg-white md:bg-[transparent];
        }

        .mol-header-utils {
            @apply sm:flex-row justify-end items-end;

            .utils-search {
                @apply flex z-50;
            }
        }
    }

    .selector {
        &.selector-active .selector-label {
            @apply bg-opacity-0;
        }
    }
}