HEADER{
    position: relative;
    background-color: var(--m5ColumnFillBackground);
    padding:6rem var(--uiDesktopHorizontalPadding) 2rem var(--uiDesktopHorizontalPadding);
    text-align: center;
    border-radius: 0 0 4rem 4rem;
    z-index: 1;
}

HEADER H1{
    font-size:2.5rem;
    margin:1rem 0 2rem 0;
}

HEADER H3{
    color:var(--themeMain);
}

.questionRow{
    border-bottom: 1px solid var(--themeColorModeBorders);
    padding:1rem;
    display: flex;
    align-items: center;
    align-content: center;
}

.questionRow.mp{
    background-color: var(--themeAnalog1LiteMax);
    border-bottom-color: var(--themeAnalog1Lite);
}

.questionRow.collection{
    font-weight:bold;
    text-align: center;
    background-color: var(--themeColorModeButtonBackground);
    padding:0.1rem;
}

.questionRow .cell{
    flex:1 1 100%;
    padding:0.5rem;
}

.questionRow .cell.number{
    flex: none;
    width:3rem;
    font-size:1.2rem;
    font-weight: bold;
    color: var(--themeMain);
}

.questionRow .cell.image{
    width:100px;
    flex: none;
    margin-right:1rem;
}

.questionRow .cell.image IMG{
    width: 100px;
    object-fit: contain;
    cursor: zoom-in;
}

.questionRow .cell.getMp{
    min-width:5rem;
    flex: none;
}

.questionRow .cell.getMp .button{
    margin:0;
    background-color: var(--themeAnalog2Med);
    border-color: var(--themeAnalog2Med);
    color:#FFF;
    transition: background-color 400ms;
}

.questionRow .cell.getMp .button:hover{
    background-color: var(--themeAnalog2);
    border-color: var(--themeAnalog2);
}

.sideBarColumn .buttons .button.main{

}

.sideBarColumn .buttons .button{
    font-size:1.2rem;
    font-weight: bold;
    margin: 0 0.5rem 0.75rem 0;
    padding: 1rem;
    display:block;
    text-align: center;
}

.sideBarColumn .buttons .button.main{
    background-color: var(--themeMain);
    border-color: #00000022;
    color:#FFF;
    padding:1rem 3rem;
}

.type5.orderSeparator{
    margin:0 0.5rem;
}

.type6{
    display: inline-block;
}

.type6 .pickedField{
    padding:0.1rem 0.25rem;
    display:inline-block;
    background-color: var(--themeMainLite);
    border-radius: 0.25rem;
    margin: 0.2rem 0;
    vertical-align: middle;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1000px) {
    .questionRow.mp{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .questionRow .cell{
        text-align: center;
    }
}