:host {
    /*@doc Define um valor personalizado para a altura*/
    --snk-filter-personalized__max-height: 21;
    /*@doc Define um valor personalizado para a largura*/
    --snk-filter-personalized__max-width: 21.5;
}

.SnkFilterPersonalized_list-container {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}

.SnkFilterPersonalized_list-container-chip{
    width: 400px;
}

.SnkFilterPersonalized_list-scroller {
    display: block;
    max-height: calc(var(--space--2xl) * var(--snk-filter-personalized__max-height));
    cursor: auto;
    --ez-scroller__max-height: 300px;
}


.SnkFilterPersonalized_checkbox {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
}

.SnkFilterPersonalized_list-container:has(.SnkFilterPersonalized_list-item--chip) {
    gap: var(--space--small, 6px);
    max-width: calc(var(--space--md) * var(--snk-filter-personalized__max-width));
}

.SnkFilterPersonalized_list-item--modal {
    display: flex;
    border-radius: var(--border--radius-regular);
}

.SnkFilterPersonalized_list-item--modal:hover {
    background-color: var(--background--medium, #f0f3f7);
}

.SnkFilterPersonalized_list-actions {
    display: none;
    align-items: center;
    gap: var(--space--3xs);
}

.SnkFilterPersonalized_list-item--modal:hover .SnkFilterPersonalized_list-actions {
    display: flex;
}

.SnkFilterPersonalized_list-item--chip {
    display: flex;
    flex-direction: column;
    border: var(--border--small, 1px solid) var(--color-strokes, #DCE0E8);
    border-radius: var(--border--radius-regular);
}

.SnkFilterPersonalized_list-item--chip :first-of-type {
    gap: var(--space--3xs);
}

.SnkFilterPersonalized_list-icon {
    --ez-icon--color: var(--title--primary, #2B3A54);
    cursor: pointer;
}

.SnkFilterPersonalized_list-icon:hover {
    outline: none;
    color: var(--color--primary-600, #007a5a);
    fill: var(--color--primary-600, #007a5a);
    --ez-icon--color: var(--color--primary-600, #007a5a);
}