:root {
    --background: rgb(35, 35, 35);
    --primary: rgb(238, 66, 10);
    --text: rgb(255, 255, 255);

    color: var(--text);
}

TemplateContainer {
    flex-grow: 1;
}

.root {
    background-color: var(--background);
}

.container {
    border-left-color: var(--primary);
    border-right-color: var(--primary);
    border-top-color: var(--primary);
    border-bottom-color: var(--primary);
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

.container > .header {
    background-color: var(--primary);
    height: 14px;
    flex-grow: 0;
    padding-left: 4px;
}

.spaced-children > * {
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    margin-left: 4px;
}

.container > .content {
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
}

.container > .header > .title {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    -unity-text-align: middle-left;
    color: rgb(29, 29, 29);
}

.title {
    color: var(--primary);
    text-transform: small-caps;
}