.helpModal {
    &.root {
        .content {
            color: var(--color-text-pri);
            background-color: var(--color-background);
            .header {
                .close {
                    color: white;
                    background-color: var(--mantine-color-red-6);
                    max-width: 20px!important;
                    max-height: 20px!important;
                    &:hover {
                        color: var(--mantine-color-red-1);
                        background-color: var(--mantine-color-red-4);
                    }
                }
            }
        }
    }

}
.editThemeModal {
    &.root {
        .content {
            justify-content: center;
            align-content: center;
            color: var(--color-text-pri);
            background-color: var(--color-background);
            .header {
                color: var(--color-text-pri);
                background-color: var(--color-text-acc);
                .close {
                    color: white;
                    background-color: var(--mantine-color-red-6);
                    max-width: 20px!important;
                    max-height: 20px!important;
                    &:hover {
                        color: var(--mantine-color-red-1);
                        background-color: var(--mantine-color-red-4);
                    }
                }
            }
            .body {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
        }
    }
}