[v-cloak] {
    display: none !important;
}

.display-grid {
    display: grid;
    grid-template-columns: repeat(8, 11.25vw);
    grid-row-gap: 20px;
    width: 100vw;
}

.display {
    background-color: #f8f9fa;
    border: 2px solid #dee2e6;
    border-radius: 4px;
    overflow: hidden;
    font-size: clamp(0.6rem, 0.8rem, 1.1rem);
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    justify-items: center;
}

.display > *:nth-child(1) {
    align-self: start;
}

.display > *:nth-child(2) {
    align-self: center;
}

.display > *:nth-child(3) {
    align-self: end;
}

.small-27-inch {
    grid-column: span 1;
    margin: 0 0.37vw;
    width: calc(10.5vw);
    height: calc(10.5vw * 9 / 16)
}

.big-42-inch {
    grid-column: span 2;
    margin: 0 0.37vw;
    width: calc(21vw);
    height: calc(21vw * 9 / 16)
}

label {
    margin: 0;
}