.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;
}

.indicator {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-left-color: rgb(79, 76, 78);
    border-right-color: rgb(79, 76, 78);
    border-top-color: rgb(79, 76, 78);
    border-bottom-color: rgb(79, 76, 78);
    width: 24px;
    height: 12px;
}

.indicator.full {
    background-color: var(--primary);
}

.indicator.selected {
    background-color: rgb(255, 255, 255);
}

.container > .header > Label {
    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);
}

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

TemplateContainer {
    flex-grow: 1;
}

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