.section {
    border: round $accent 60%;
    border-title-color: $text;
    border-title-align: right;
    
    &:focus-within {
        border: round $accent 100%;
        border-title-color: $text;
        border-title-style: b;
    }
}

Footer {
    border: none;
    margin: 0 2 1 2;
    background: transparent;
    & FooterKey {
        background: transparent;
        .footer-key--key {
            color: $accent-lighten-1;
            background: transparent;
        }
    }
}

ContentTab {
    padding: 0 1;
    height: 1;
    text-style: none;
    &.-active {
        text-style: b;
    }
}

Tabs {
    height: 2;
}

Tabs #tabs-list {
    min-height: 1;
 }

TabPane {
    padding: 0;
    height: 1fr;
}

DataTable {
    & .datatable--header {
        background: $boost;
        color: $text;
    }

    & .datatable--cursor {
        background: $accent-lighten-2 0%;
        color: $text;
    }

    &:focus .datatable--cursor {
        background: $accent-lighten-2;
        color: $text;
    }

    & .datatable--hover {
        background: $accent-lighten-2 50%;
        color: $text;
    }

    & .datatable--header-hover {
        background: $accent-lighten-2 50%;
        color: $text;
    }
}

TextArea.empty {
    & .text-area--cursor-line {
        background: transparent;
    }
    & .text-area--cursor-gutter {
        background: transparent;
    }
}