#mol-header-search {
    @apply absolute p-12 shadow-lg bg-white;
    @apply top-0 right-0 z-10;
    @apply transform-gpu transition-transform;
    @apply w-full md:w-min;
    z-index: 1000;
    transform: translateY(calc(-100% - 4rem));

    &.opened {
        transform: translateY(0);
    }

    #header-search-close {
        @apply absolute top-6 right-6;
        @apply font-display text-md text-black;
        @apply inline-block;
        @apply cursor-pointer;
        @apply select-none;

        .atm-icon {
            @apply relative ml-1;
            top: 2px;
        }
    }

    .header-search-input {
        @apply w-full md:w-80;
        @apply mt-4 mb-4;
    }

    .header-search-results {
        .mol-search-result {
            + .mol-search-result {
                @apply mt-6;
            }
        }
    }

    .header-search-button {
        @apply mt-12;
    }
}