/* GridTab */

.gridtab,
.gridtab>dt,
.gridtab>dd {
    margin: 0;
    padding: 0;
    position: relative;
    border: 0 solid
}
.gridtab {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    box-sizing: border-box
}
.gridtab .is-disabled {
    pointer-events: none
}
.gridtab * {
    box-sizing: border-box
}
.gridtab>dd {
    z-index: 1;
    display: none;
    min-width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.gridtab>dt {
    transition: background 1s;
    background: #f2f2f2
}
.gridtab>dt:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0
}
.gridtab>dt.is-active {
    z-index: 2
}
.gridtab>dt img {
    max-width: 100%;
    float: left
}