Screen {
    layout: grid;
    grid-size: 1 2;
    grid-rows: 1fr 6;
}

.form {
    height: 100%;
    margin: 1 0;
    padding: 1 2;
    layout: grid;
    grid-size: 2 ;
    /* grid-rows: 4; */
    grid-columns: 1fr 1fr;
    background: $boost;
    border: wide $background;
}

.form Button{
    margin: 1 1;
    /* width: 100%; */
    width: 1fr;
}

.form Label {
    padding: 1 2;
    text-align: right;
}

.form Checkbox {
    padding: 1 2;
    text-align: right;
}


ErrorScreen {
    align: center middle;
}

#dialog {
    grid-size: 2;
    grid-gutter: 1 2;
    grid-rows: 1fr 3;
    padding: 0 1;
    width: 60;
    height: 11;
    border: thick $background 80%;
    background: $surface;
}

#error {
    column-span: 2;
    height: 1fr;
    width: 1fr;
    content-align: center middle;
}

#dialog Button {
    width: 100%;
}

