.search {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    min-height: 100vh;
    display: none;
    opacity: 0;
    visibility: hidden;
    overflow-y: scroll; 
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    @include translate(0, -100%);
    z-index: 1000;

    &::-webkit-scrollbar {
        display: none;
    }

    .form {
        label {
            @extend .text-lg, .text-medium, .text-uppercase;
        }
    }

    &-inline-list {
        @include ul-nostyle;
        margin: 1rem 0;

        li {
            display: inline-block;
            text-transform: lowercase;
            @extend .text-md; 
            
            @include media-breakpoint-down(md) {
                font-size: initial;
            }

            &:after {
                content: '|';
                position: relative;
                display: inline-block;
                margin: 0 1.5rem;
            }

            &:last-child {
                &::after {
                    display: none;
                }
            }
        }
    }    

    &-close {
        cursor: pointer;
        position: sticky;
        top: $size-sm;
        right: calc($size-sm / 2);
        float: right;

        @include media-breakpoint-up(lg) {
            top: $size-sm;
            right: $size-sm;
        }

        @include media-breakpoint-up(lg) {
            top: $size-md;
            right: $size-md;
        }
        
        .line {            
            background-image: url("/img/svg/Line.svg");
            background-repeat: no-repeat;
            width: 30px;
            height: 4px;
            @include transition(all, .3s, ease);
    
            &.line-top {
                margin-bottom: -4px;
                @include transform(rotate(45deg));
            }

            &.line-bottom {
                @include transform(rotate(-45deg));
            }
        }
    }

}