ui-list-item {
    display: flex;
    align-items: center;
    padding: 10px 18px;
    background-color: transparent;
    cursor: pointer;
    flex: 1;
    border-radius: 6px;
}
ui-list-item[disabled]{
    pointer-events: none;
}

ui-list-item.tiny{
    padding: 7px 9px;
}
ui-list-item.small {
    padding: 6px 8px;
}

ui-list-item:hover, ui-list-item:focus-within {
    background-color: var(--fermat-color-neutral250);
    outline: none;
}

ui-list-item:active, ui-list-item.focused {
    background-color: var(--fermat-color-neutral300);
}

ui-list-item.show-trailing-on-hover-only .trailing {
    visibility: hidden;
}

ui-list-item.show-trailing-on-hover-only:hover .trailing {
    visibility: visible;
}

ui-list-item.danger{
    color: var(--fermat-color-error400);
}

ui-list-item.danger ui-icon{
    color: var(--fermat-color-error400) !important;
}
ui-list-item.danger.focused {
    background-color: var(--fermat-color-error100);
}