/*#region snackbar*/
.snackbarstack .snackbar-item.snackbar-item-properties {
    --none-color: var(--color-text-soft);
    --info-color: var(--color-info);
    --warning-color: var(--color-warning);
    --error-color: var(--color-danger);
    --success-color: var(--color-success);
    --loading-color: var(--color-text-soft);
}


.snackbarstack .snackbar-item.snackbar-item-properties {
    --main-color: var(--color-info-soft);
    --icon-color: var(--color-bg);
    --bg-color: var(--color-surface-raised);
    --text-color: var(--color-text);
    --outline-color: var(--color-border);
}

.snackbarstack .snackbar-item.snackbar-item-properties {
    --closing-duration: 0.6;
    --duration: calc(var(--closing-duration) * 0.5s);
    --delay: var(--duration);
}
/*#endregion snackbar*/


/*#region table*/
.table-container {
    overflow-x: auto;

    & table.table-properties {
        /*header*/
        --header-box-shadow: none;
        --th-bg-color: var(--color-layout);
        --th-color: var(--color-primary);
        --th-padding: 1rem 2px;
        /*row*/
        --tr-bg-color1: var(--color-surface);
        --tr-bg-color2: var(--color-surface-raised);
        --tr-color: var(--color-text);
        --tr-hover-bg-color: var(--color-control-hover);
        --tr-hover-color: var(--color-primary-emphasis);
        --td-padding: 1rem 2px;
        /*lines*/
        --horizontal-lines-width: 1px;
        --vertical-lines-width: 1px;
        --lines-color: var(--color-border);
        /*selected*/
        --tr-selected-outline-color: var(--color-primary);
        --tr-selected-outline-width: 2px;
        --tr-selected-color: var(--color-primary-emphasis);
        /* opted out */
        --tr-opted-out-bg-color: var(--color-disabled);
        --tr-opted-out-color: var(--color-disabled-text);
        --tr-opted-out-opacity: 0.5;

        & td {
            padding-block: 1.5rem;
            padding-inline: 1rem;
            text-wrap: nowrap;
        }


        & .img-container {
            display: grid;
            width: 100%;
            height: 100%;
            min-height: max-content;
            min-width: max-content;
            place-items: center;
        }

        & .icon-image {
            height: 2.5rem;
            width: 2.5rem;
            object-position: center center;
            object-fit: cover;
        }

        & .grid-rows {
            display: grid;
            grid-auto-rows: max-content;
            row-gap: var(--space-xs);
        }

        a {
            text-decoration: underline;
        }

        .small-muted {
            color: var(--color-text-muted);
            font-size: var(--font-xs);
        }
    }
}
/*#endregion table*/


/*#region action-dialog*/
.action-dialog-wrapper.action-dialog-properties {
    /* semantic colors */
    --dialog-color-neutral: var(--color-text-soft);
    --dialog-color-info: var(--color-info);
    --dialog-color-success: var(--color-success);
    --dialog-color-warning: var(--color-warning);
    --dialog-color-error: var(--color-danger);
    --dialog-color-question: var(--color-brand);
    /* dialog colors */
    --dialog-backdrop-bg-color: var(--color-backdrop);
    --dialog-background-color: var(--color-surface);
    --dialog-shadow-color: var(--color-shadow-floating);
    /* content colors */
    --dialog-message-color: var(--color-text);
    --dialog-close-button-color: var(--color-text);
    /* button colors */
    --dialog-button-bg-color: var(--color-control);
    --dialog-button-hover-bg-color: var(--color-control-hover);
    --dialog-button-text-color: var(--color-text);
    --dialog-button-border-color: var(--color-border);
    --dialog-accent-button-text-color: var(--color-bg);
}
/*#endregion action-dialog*/