/* Кастомные css настройки */
:root[theme=dark] {
    --modal-bg: #121212;
    --form-bg: #121212;
    --main-body-bg: #202020;
    --context-menu-bg: #202020;
    --color-black: #161616;
}

.cdm-tabs-container {
    >.cdm-tabs {
        padding: .5rem;
        gap: .3rem;

        >li {
            border-radius: 10rem;
            background: none;
            padding: .5rem 1rem;
            border: none;

            &:hover {
                background: var(--button-bg-base-hover);
            }

            &.active {
                background: var(--color-primary);
                color: var(--button-text-base);
            }
        }
    }
}
.tab-container { 
    padding-bottom: 0;
     >.tab {
         padding: var(--spacing-xs) var(--spacing-md) var(--spacing-xs) var(--spacing-md);
         border-radius: var(--radius-md) var(--radius-md) 0 0;
         gap: var(--spacing-md);
    }
        
}
.wrap-footer {
    align-items: center;
    border-radius: calc(var(--spacing-sm)*4);
    padding: var(--spacing-xs);
}
.cdm-form.messages>.content [data-list]>.item>.block>.presentation>.wrap-content>.wrap {
    border-radius: 0 var(--radius-md) var(--radius-md)  var(--radius-md);
}
.cdm-form.messages>.content [data-list]>.item>.block>.presentation.is-out>.wrap-content>.wrap {
    border-radius: var(--radius-md) var(--radius-md) 0 var(--radius-md);
}