.section-search {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-gap: 25px;
    padding: 50px;

    & .search-bar {

        & form {
            background: rgba(255,255,255,0.2);
            border-radius: 4px;
            display: grid;
            grid-template-columns: auto auto 1fr;
            
            & .show-all {
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                padding-left: 10px;
            }

            & input {
                font-family: 'Open Sans', sans-serif;
                font-size: 14px;
                color: #fff;
                background: transparent;
                padding: 14px 28px;
                border: 0px;
                transition: 0.2s ease-in-out background, 0.2s ease-in-out color;
            
                &:hover {
                    background: rgba(255,255,255,0.2);
                    color: #fff;
                }
                &:focus {
                    outline: 0;
                }
                &::placeholder {
                    color: rgba(255,255,255,0.6);
                }
            }
            & .multi-select {
                position: relative;
                z-index: 99;

                & .label {
                    height: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    padding: 0px 10px;
                }
                & .box {
                    position: absolute;
                    z-index: 99;
                    background: rgba(0,0,0,1);
                    border-radius: 6px;
                    width: 250px;
                    left: 0px;
                    user-select: none;
                    display: none;

                    & .item {
                        display: grid;
                        grid-template-columns: 25px 1fr;
                        grid-gap: 25px;
                        padding: 10px;
                    }
                    &.active {
                        display: block;
                    }
                }
            }
        }
    }
    & .search-results {
        display: grid;
        grid-template-rows: auto auto auto 1fr;
        grid-gap: 25px;

        & .search-results-users {
            display: grid;
        }

        & .search-results-songs {
            display: grid;
        }

        & .search-results-noresults {
            background: rgba(255,255,255,0.1);
            border-radius: 6px;
            padding: 25px;

            & .noresults-title {
                font-size: 24px;
                font-weight: bold;
                margin-bottom: 10px;
            }
            & .noresults-text {
                opacity: 0.6;
            }
        }
    }
}