hl-wrapper {
    display: block;
    margin-top: 10vh;
    margin-left: 12vw;
    margin-right: 12vw;
}

hl-columns {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

hl-columns[centered] {
    align-items: center;
}

hl-column {
    flex-grow: 1;
    flex-basis: 0;
}

hl-rows {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

hl-row {
    flex-grow: 1;
    flex-basis: 0;
}