@import "../../../styles/common";

$offset: 10px;
$selectClearBorder: 1px solid var(--gray-200);

.CatalogFilterSubaccount {
    &-item-no-results {
        margin: $offset;
    }

    &-item {
        font-size: 14px;

        &-label {
            @include ellipsisWrap;

            max-width: 300px;
        }
    }

    &-results {
        max-height: 300px;
        overflow-y: auto;
        position: relative;
    }

    &-section {
        .Icons-search {
            height: 16px;
            left: 18px;
            position: absolute;
            top: 22px;
            width: 16px;
        }
    }

    &-search {
        border-bottom: 1px solid var(--gray-200);
        padding: 0 $offset 5px $offset;
        position: relative;
    }

    .Dropdown {
        .open {
            .dropdown-menu {
                width: 300px;
            }
        }
    }
}

.CatalogFilterDropdown-section {
    .CatalogFilterSubaccount-search-clear {
        right: 15px;
        top: 8px;
    }
}

.CatalogPage {
    .CatalogFilterSubaccount-search-field.form-control {
        border: none;
        box-shadow: none;
        font-size: 12px;
        padding: 0 25px 0 5px;

        &::placeholder {
            color: var(--gray-500);
            opacity: 1;
            transition: opacity .5s;
        }

        &:focus,
        &:active {
            box-shadow: none;
            outline: none;
        }
    }
}