.t-settings-desktop-container {
    height: 100%;
    box-shadow: var(--mud-elevation-1);
    background-color:var(--mud-palette-surface);
    border-radius: var(--t-border-radius);
}

.t-settings-desktop-container .mud-tabs-toolbar {
    padding-top: 16px;
    border-top-left-radius: var(--t-border-radius);
    border-bottom-left-radius: var(--t-border-radius);
}

    .t-settings-desktop-container .mud-tabs {
        min-height: calc(100vh - 32px - var(--mud-appbar-height));
        border-radius: var(--t-border-radius);
    }

    .t-settings-desktop-container .mud-tab {
        min-width: 160px!important;
        text-transform: none;
    }

    .t-settings-desktop-container .mud-tab.mud-tab-active {
        background-color: var(--mud-palette-action-default-hover);
    }


.t-settings-mobile-container .t-selected-setting-container {
    padding: 0px;
}

.t-settings-custom-color-container .mud-picker-inline {
    flex: none;
}

.t-settings-custom-color-container .mud-icon-button:hover {
    background-color: transparent;
}

.t-settings-custom-color-container .mud-input-control {
    margin-top: 0px;
    align-self: center;
}

.t-custom-color-preview-div {
    height: 32px;
    width: 32px;
    border-radius: 4px;
    align-self: center;
}

.t-selected-setting-container {
    width: 100%;
    padding: 16px;
}

.t-settings-heading-text{
    font-weight: var(--t-weight-medium);
    font-size: var(--t-size-heading);
}

.t-settings-setting-text {
    font-weight: var(--t-weight-medium);
    font-size: var(--t-size-small);
    margin-bottom: 4px;
}

.t-settings-setting-container {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 8px;
}