BingoBoard {
    layout: grid;
    grid-size: 5 5;
    height: 100%;
}

BingoField {
    content-align: center middle;
    text-align: center;
    height: 100%;
    width: 100%;
    background: $panel;
    border: thick $background; 
}

BingoField.field_selected {
    background: $success;
}

BingoDisplay {
    layout: vertical;
    height: 100%;
}

.bottom_line {
    height: auto;
    dock: bottom;
}

.seed_input {
  width: 70%;
  border-title-align: left;
  background: $background;
}
.roll_btn {
  width: 30%;
}

Input.-valid {
    border: tall $success 60%;
}
Input.-valid:focus {
    border: tall $success;
}