.clear-backdrop {
    background-color: hotpink;
}

.dropdown-content-wrapper {
}

::ng-deep {
    .dropdown-menu {
        max-width: initial;
    }
    .dropdown-menu .dropdown-item {
        display: flex;
        align-items: center;
        padding: 3px 24px;
        clr-icon {
            margin-inline-end: 3px;
        }
        &:focus {
            outline: var(--color-dropdown-item-focus-outline) solid 1px;
            outline-offset: 1px 0;
        }
    }
}

.dropdown.open > .dropdown-menu {
    position: relative;
    top: 0;
    height: 100%;
    overflow-y: auto;
}

:host {
    opacity: 1;
    transition: opacity 0.3s;
}
