[col="1"] {
    max-width: 4.1666666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4.1666666667%;
    flex: 0 0 4.1666666667%;
}

[col="2"] {
    max-width: 8.3333333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
}

[col="3"] {
    max-width: 12.5%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
}

[col="4"] {
    max-width: 16.6666666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
}

[col="5"] {
    max-width: 20.8333333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20.8333333333%;
    flex: 0 0 20.8333333333%;
}

[col="6"] {
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
}

[col="7"] {
    max-width: 29.1666666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 29.1666666667%;
    flex: 0 0 29.1666666667%;
}

[col="8"] {
    max-width: 33.3333333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
}

[col="9"] {
    max-width: 37.5%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
}

[col="10"] {
    max-width: 41.6666666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
}

[col="11"] {
    max-width: 45.8333333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45.8333333333%;
    flex: 0 0 45.8333333333%;
}

[col="12"] {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

[col="13"] {
    max-width: 54.1666666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 54.1666666667%;
    flex: 0 0 54.1666666667%;
}

[col="14"] {
    max-width: 58.3333333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
}

[col="15"] {
    max-width: 62.5%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
}

[col="16"] {
    max-width: 66.6666666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
}

[col="17"] {
    max-width: 70.8333333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70.8333333333%;
    flex: 0 0 70.8333333333%;
}

[col="18"] {
    max-width: 75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
}

[col="19"] {
    max-width: 79.1666666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 79.1666666667%;
    flex: 0 0 79.1666666667%;
}

[col="20"] {
    max-width: 83.3333333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
}

[col="21"] {
    max-width: 87.5%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
}

[col="22"] {
    max-width: 91.6666666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
}

[col="23"] {
    max-width: 95.8333333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 95.8333333333%;
    flex: 0 0 95.8333333333%;
}

[col="24"] {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

@media (min-width: 320px) {
    [xs="1"] {
        max-width: 4.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 4.1666666667%;
        flex: 0 0 4.1666666667%;
    }

    [xs="2"] {
        max-width: 8.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    }

    [xs="3"] {
        max-width: 12.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    }

    [xs="4"] {
        max-width: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    }

    [xs="5"] {
        max-width: 20.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20.8333333333%;
        flex: 0 0 20.8333333333%;
    }

    [xs="6"] {
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }

    [xs="7"] {
        max-width: 29.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29.1666666667%;
        flex: 0 0 29.1666666667%;
    }

    [xs="8"] {
        max-width: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    }

    [xs="9"] {
        max-width: 37.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    }

    [xs="10"] {
        max-width: 41.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    }

    [xs="11"] {
        max-width: 45.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45.8333333333%;
        flex: 0 0 45.8333333333%;
    }

    [xs="12"] {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    [xs="13"] {
        max-width: 54.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 54.1666666667%;
        flex: 0 0 54.1666666667%;
    }

    [xs="14"] {
        max-width: 58.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    }

    [xs="15"] {
        max-width: 62.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    }

    [xs="16"] {
        max-width: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    }

    [xs="17"] {
        max-width: 70.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70.8333333333%;
        flex: 0 0 70.8333333333%;
    }

    [xs="18"] {
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    }

    [xs="19"] {
        max-width: 79.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 79.1666666667%;
        flex: 0 0 79.1666666667%;
    }

    [xs="20"] {
        max-width: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    }

    [xs="21"] {
        max-width: 87.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    }

    [xs="22"] {
        max-width: 91.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    }

    [xs="23"] {
        max-width: 95.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 95.8333333333%;
        flex: 0 0 95.8333333333%;
    }

    [xs="24"] {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

@media (min-width: 576px) {
    [sm="1"] {
        max-width: 4.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 4.1666666667%;
        flex: 0 0 4.1666666667%;
    }

    [sm="2"] {
        max-width: 8.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    }

    [sm="3"] {
        max-width: 12.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    }

    [sm="4"] {
        max-width: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    }

    [sm="5"] {
        max-width: 20.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20.8333333333%;
        flex: 0 0 20.8333333333%;
    }

    [sm="6"] {
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }

    [sm="7"] {
        max-width: 29.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29.1666666667%;
        flex: 0 0 29.1666666667%;
    }

    [sm="8"] {
        max-width: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    }

    [sm="9"] {
        max-width: 37.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    }

    [sm="10"] {
        max-width: 41.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    }

    [sm="11"] {
        max-width: 45.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45.8333333333%;
        flex: 0 0 45.8333333333%;
    }

    [sm="12"] {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    [sm="13"] {
        max-width: 54.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 54.1666666667%;
        flex: 0 0 54.1666666667%;
    }

    [sm="14"] {
        max-width: 58.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    }

    [sm="15"] {
        max-width: 62.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    }

    [sm="16"] {
        max-width: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    }

    [sm="17"] {
        max-width: 70.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70.8333333333%;
        flex: 0 0 70.8333333333%;
    }

    [sm="18"] {
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    }

    [sm="19"] {
        max-width: 79.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 79.1666666667%;
        flex: 0 0 79.1666666667%;
    }

    [sm="20"] {
        max-width: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    }

    [sm="21"] {
        max-width: 87.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    }

    [sm="22"] {
        max-width: 91.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    }

    [sm="23"] {
        max-width: 95.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 95.8333333333%;
        flex: 0 0 95.8333333333%;
    }

    [sm="24"] {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

@media (min-width: 768px) {
    [md="1"] {
        max-width: 4.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 4.1666666667%;
        flex: 0 0 4.1666666667%;
    }

    [md="2"] {
        max-width: 8.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    }

    [md="3"] {
        max-width: 12.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    }

    [md="4"] {
        max-width: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    }

    [md="5"] {
        max-width: 20.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20.8333333333%;
        flex: 0 0 20.8333333333%;
    }

    [md="6"] {
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }

    [md="7"] {
        max-width: 29.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29.1666666667%;
        flex: 0 0 29.1666666667%;
    }

    [md="8"] {
        max-width: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    }

    [md="9"] {
        max-width: 37.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    }

    [md="10"] {
        max-width: 41.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    }

    [md="11"] {
        max-width: 45.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45.8333333333%;
        flex: 0 0 45.8333333333%;
    }

    [md="12"] {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    [md="13"] {
        max-width: 54.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 54.1666666667%;
        flex: 0 0 54.1666666667%;
    }

    [md="14"] {
        max-width: 58.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    }

    [md="15"] {
        max-width: 62.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    }

    [md="16"] {
        max-width: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    }

    [md="17"] {
        max-width: 70.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70.8333333333%;
        flex: 0 0 70.8333333333%;
    }

    [md="18"] {
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    }

    [md="19"] {
        max-width: 79.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 79.1666666667%;
        flex: 0 0 79.1666666667%;
    }

    [md="20"] {
        max-width: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    }

    [md="21"] {
        max-width: 87.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    }

    [md="22"] {
        max-width: 91.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    }

    [md="23"] {
        max-width: 95.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 95.8333333333%;
        flex: 0 0 95.8333333333%;
    }

    [md="24"] {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

@media (min-width: 992px) {
    [lg="1"] {
        max-width: 4.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 4.1666666667%;
        flex: 0 0 4.1666666667%;
    }

    [lg="2"] {
        max-width: 8.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    }

    [lg="3"] {
        max-width: 12.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    }

    [lg="4"] {
        max-width: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    }

    [lg="5"] {
        max-width: 20.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20.8333333333%;
        flex: 0 0 20.8333333333%;
    }

    [lg="6"] {
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }

    [lg="7"] {
        max-width: 29.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29.1666666667%;
        flex: 0 0 29.1666666667%;
    }

    [lg="8"] {
        max-width: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    }

    [lg="9"] {
        max-width: 37.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    }

    [lg="10"] {
        max-width: 41.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    }

    [lg="11"] {
        max-width: 45.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45.8333333333%;
        flex: 0 0 45.8333333333%;
    }

    [lg="12"] {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    [lg="13"] {
        max-width: 54.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 54.1666666667%;
        flex: 0 0 54.1666666667%;
    }

    [lg="14"] {
        max-width: 58.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    }

    [lg="15"] {
        max-width: 62.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    }

    [lg="16"] {
        max-width: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    }

    [lg="17"] {
        max-width: 70.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70.8333333333%;
        flex: 0 0 70.8333333333%;
    }

    [lg="18"] {
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    }

    [lg="19"] {
        max-width: 79.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 79.1666666667%;
        flex: 0 0 79.1666666667%;
    }

    [lg="20"] {
        max-width: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    }

    [lg="21"] {
        max-width: 87.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    }

    [lg="22"] {
        max-width: 91.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    }

    [lg="23"] {
        max-width: 95.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 95.8333333333%;
        flex: 0 0 95.8333333333%;
    }

    [lg="24"] {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

@media (min-width: 1024px) {
    [lt="1"] {
        max-width: 4.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 4.1666666667%;
        flex: 0 0 4.1666666667%;
    }

    [lt="2"] {
        max-width: 8.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    }

    [lt="3"] {
        max-width: 12.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    }

    [lt="4"] {
        max-width: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    }

    [lt="5"] {
        max-width: 20.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20.8333333333%;
        flex: 0 0 20.8333333333%;
    }

    [lt="6"] {
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }

    [lt="7"] {
        max-width: 29.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29.1666666667%;
        flex: 0 0 29.1666666667%;
    }

    [lt="8"] {
        max-width: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    }

    [lt="9"] {
        max-width: 37.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    }

    [lt="10"] {
        max-width: 41.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    }

    [lt="11"] {
        max-width: 45.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45.8333333333%;
        flex: 0 0 45.8333333333%;
    }

    [lt="12"] {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    [lt="13"] {
        max-width: 54.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 54.1666666667%;
        flex: 0 0 54.1666666667%;
    }

    [lt="14"] {
        max-width: 58.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    }

    [lt="15"] {
        max-width: 62.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    }

    [lt="16"] {
        max-width: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    }

    [lt="17"] {
        max-width: 70.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70.8333333333%;
        flex: 0 0 70.8333333333%;
    }

    [lt="18"] {
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    }

    [lt="19"] {
        max-width: 79.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 79.1666666667%;
        flex: 0 0 79.1666666667%;
    }

    [lt="20"] {
        max-width: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    }

    [lt="21"] {
        max-width: 87.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    }

    [lt="22"] {
        max-width: 91.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    }

    [lt="23"] {
        max-width: 95.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 95.8333333333%;
        flex: 0 0 95.8333333333%;
    }

    [lt="24"] {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

@media (min-width: 1200px) {
    [ml="1"] {
        max-width: 4.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 4.1666666667%;
        flex: 0 0 4.1666666667%;
    }

    [ml="2"] {
        max-width: 8.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    }

    [ml="3"] {
        max-width: 12.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    }

    [ml="4"] {
        max-width: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    }

    [ml="5"] {
        max-width: 20.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20.8333333333%;
        flex: 0 0 20.8333333333%;
    }

    [ml="6"] {
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }

    [ml="7"] {
        max-width: 29.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29.1666666667%;
        flex: 0 0 29.1666666667%;
    }

    [ml="8"] {
        max-width: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    }

    [ml="9"] {
        max-width: 37.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    }

    [ml="10"] {
        max-width: 41.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    }

    [ml="11"] {
        max-width: 45.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45.8333333333%;
        flex: 0 0 45.8333333333%;
    }

    [ml="12"] {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    [ml="13"] {
        max-width: 54.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 54.1666666667%;
        flex: 0 0 54.1666666667%;
    }

    [ml="14"] {
        max-width: 58.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    }

    [ml="15"] {
        max-width: 62.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    }

    [ml="16"] {
        max-width: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    }

    [ml="17"] {
        max-width: 70.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70.8333333333%;
        flex: 0 0 70.8333333333%;
    }

    [ml="18"] {
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    }

    [ml="19"] {
        max-width: 79.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 79.1666666667%;
        flex: 0 0 79.1666666667%;
    }

    [ml="20"] {
        max-width: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    }

    [ml="21"] {
        max-width: 87.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    }

    [ml="22"] {
        max-width: 91.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    }

    [ml="23"] {
        max-width: 95.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 95.8333333333%;
        flex: 0 0 95.8333333333%;
    }

    [ml="24"] {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

@media (min-width: 1400px) {
    [xl="1"] {
        max-width: 4.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 4.1666666667%;
        flex: 0 0 4.1666666667%;
    }

    [xl="2"] {
        max-width: 8.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    }

    [xl="3"] {
        max-width: 12.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    }

    [xl="4"] {
        max-width: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    }

    [xl="5"] {
        max-width: 20.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20.8333333333%;
        flex: 0 0 20.8333333333%;
    }

    [xl="6"] {
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }

    [xl="7"] {
        max-width: 29.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29.1666666667%;
        flex: 0 0 29.1666666667%;
    }

    [xl="8"] {
        max-width: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    }

    [xl="9"] {
        max-width: 37.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    }

    [xl="10"] {
        max-width: 41.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    }

    [xl="11"] {
        max-width: 45.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45.8333333333%;
        flex: 0 0 45.8333333333%;
    }

    [xl="12"] {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    [xl="13"] {
        max-width: 54.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 54.1666666667%;
        flex: 0 0 54.1666666667%;
    }

    [xl="14"] {
        max-width: 58.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    }

    [xl="15"] {
        max-width: 62.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    }

    [xl="16"] {
        max-width: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    }

    [xl="17"] {
        max-width: 70.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70.8333333333%;
        flex: 0 0 70.8333333333%;
    }

    [xl="18"] {
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    }

    [xl="19"] {
        max-width: 79.1666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 79.1666666667%;
        flex: 0 0 79.1666666667%;
    }

    [xl="20"] {
        max-width: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    }

    [xl="21"] {
        max-width: 87.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    }

    [xl="22"] {
        max-width: 91.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    }

    [xl="23"] {
        max-width: 95.8333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 95.8333333333%;
        flex: 0 0 95.8333333333%;
    }

    [xl="24"] {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

@media (min-width: 1400px) {
    [col="24"] {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

@media (min-width: 320px) {
    .hide-xs {
        display: none !important;
    }

    .show-xs {
        display: block !important;
    }
}

@media (min-width: 576px) {
    .hide-sm {
        display: none !important;
    }

    .show-sm {
        display: block !important;
    }
}

@media (min-width: 768px) {
    .hide-md {
        display: none !important;
    }

    .show-md {
        display: block !important;
    }
}

@media (min-width: 992px) {
    .hide-lg {
        display: none !important;
    }

    .show-lg {
        display: block !important;
    }
}

@media (min-width: 1024px) {
    .hide-lt {
        display: none !important;
    }

    .show-lt {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .hide-ml {
        display: none !important;
    }

    .show-ml {
        display: block !important;
    }
}

@media (min-width: 1400px) {
    .hide-xl {
        display: none !important;
    }

    .show-xl {
        display: block !important;
    }
}

[offset="1"] {
    margin-left: 4.1666666667%;
}

@media (min-width: 576px) {
    [xs-offset="1"] {
        margin-left: 4.1666666667%;
    }
}

@media (min-width: 576px) {
    [sm-offset="1"] {
        margin-left: 4.1666666667%;
    }
}

@media (min-width: 768px) {
    [md-offset="1"] {
        margin-left: 4.1666666667%;
    }
}

@media (min-width: 992px) {
    [lg-offset="1"] {
        margin-left: 4.1666666667%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="1"] {
        margin-left: 4.1666666667%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="1"] {
        margin-left: 4.1666666667%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="1"] {
        margin-left: 4.1666666667%;
    }
}

[offset="2"] {
    margin-left: 8.3333333333%;
}

@media (min-width: 576px) {
    [xs-offset="2"] {
        margin-left: 8.3333333333%;
    }
}

@media (min-width: 576px) {
    [sm-offset="2"] {
        margin-left: 8.3333333333%;
    }
}

@media (min-width: 768px) {
    [md-offset="2"] {
        margin-left: 8.3333333333%;
    }
}

@media (min-width: 992px) {
    [lg-offset="2"] {
        margin-left: 8.3333333333%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="2"] {
        margin-left: 8.3333333333%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="2"] {
        margin-left: 8.3333333333%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="2"] {
        margin-left: 8.3333333333%;
    }
}

[offset="3"] {
    margin-left: 12.5%;
}

@media (min-width: 576px) {
    [xs-offset="3"] {
        margin-left: 12.5%;
    }
}

@media (min-width: 576px) {
    [sm-offset="3"] {
        margin-left: 12.5%;
    }
}

@media (min-width: 768px) {
    [md-offset="3"] {
        margin-left: 12.5%;
    }
}

@media (min-width: 992px) {
    [lg-offset="3"] {
        margin-left: 12.5%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="3"] {
        margin-left: 12.5%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="3"] {
        margin-left: 12.5%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="3"] {
        margin-left: 12.5%;
    }
}

[offset="4"] {
    margin-left: 16.6666666667%;
}

@media (min-width: 576px) {
    [xs-offset="4"] {
        margin-left: 16.6666666667%;
    }
}

@media (min-width: 576px) {
    [sm-offset="4"] {
        margin-left: 16.6666666667%;
    }
}

@media (min-width: 768px) {
    [md-offset="4"] {
        margin-left: 16.6666666667%;
    }
}

@media (min-width: 992px) {
    [lg-offset="4"] {
        margin-left: 16.6666666667%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="4"] {
        margin-left: 16.6666666667%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="4"] {
        margin-left: 16.6666666667%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="4"] {
        margin-left: 16.6666666667%;
    }
}

[offset="5"] {
    margin-left: 20.8333333333%;
}

@media (min-width: 576px) {
    [xs-offset="5"] {
        margin-left: 20.8333333333%;
    }
}

@media (min-width: 576px) {
    [sm-offset="5"] {
        margin-left: 20.8333333333%;
    }
}

@media (min-width: 768px) {
    [md-offset="5"] {
        margin-left: 20.8333333333%;
    }
}

@media (min-width: 992px) {
    [lg-offset="5"] {
        margin-left: 20.8333333333%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="5"] {
        margin-left: 20.8333333333%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="5"] {
        margin-left: 20.8333333333%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="5"] {
        margin-left: 20.8333333333%;
    }
}

[offset="6"] {
    margin-left: 25%;
}

@media (min-width: 576px) {
    [xs-offset="6"] {
        margin-left: 25%;
    }
}

@media (min-width: 576px) {
    [sm-offset="6"] {
        margin-left: 25%;
    }
}

@media (min-width: 768px) {
    [md-offset="6"] {
        margin-left: 25%;
    }
}

@media (min-width: 992px) {
    [lg-offset="6"] {
        margin-left: 25%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="6"] {
        margin-left: 25%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="6"] {
        margin-left: 25%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="6"] {
        margin-left: 25%;
    }
}

[offset="7"] {
    margin-left: 29.1666666667%;
}

@media (min-width: 576px) {
    [xs-offset="7"] {
        margin-left: 29.1666666667%;
    }
}

@media (min-width: 576px) {
    [sm-offset="7"] {
        margin-left: 29.1666666667%;
    }
}

@media (min-width: 768px) {
    [md-offset="7"] {
        margin-left: 29.1666666667%;
    }
}

@media (min-width: 992px) {
    [lg-offset="7"] {
        margin-left: 29.1666666667%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="7"] {
        margin-left: 29.1666666667%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="7"] {
        margin-left: 29.1666666667%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="7"] {
        margin-left: 29.1666666667%;
    }
}

[offset="8"] {
    margin-left: 33.3333333333%;
}

@media (min-width: 576px) {
    [xs-offset="8"] {
        margin-left: 33.3333333333%;
    }
}

@media (min-width: 576px) {
    [sm-offset="8"] {
        margin-left: 33.3333333333%;
    }
}

@media (min-width: 768px) {
    [md-offset="8"] {
        margin-left: 33.3333333333%;
    }
}

@media (min-width: 992px) {
    [lg-offset="8"] {
        margin-left: 33.3333333333%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="8"] {
        margin-left: 33.3333333333%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="8"] {
        margin-left: 33.3333333333%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="8"] {
        margin-left: 33.3333333333%;
    }
}

[offset="9"] {
    margin-left: 37.5%;
}

@media (min-width: 576px) {
    [xs-offset="9"] {
        margin-left: 37.5%;
    }
}

@media (min-width: 576px) {
    [sm-offset="9"] {
        margin-left: 37.5%;
    }
}

@media (min-width: 768px) {
    [md-offset="9"] {
        margin-left: 37.5%;
    }
}

@media (min-width: 992px) {
    [lg-offset="9"] {
        margin-left: 37.5%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="9"] {
        margin-left: 37.5%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="9"] {
        margin-left: 37.5%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="9"] {
        margin-left: 37.5%;
    }
}

[offset="10"] {
    margin-left: 41.6666666667%;
}

@media (min-width: 576px) {
    [xs-offset="10"] {
        margin-left: 41.6666666667%;
    }
}

@media (min-width: 576px) {
    [sm-offset="10"] {
        margin-left: 41.6666666667%;
    }
}

@media (min-width: 768px) {
    [md-offset="10"] {
        margin-left: 41.6666666667%;
    }
}

@media (min-width: 992px) {
    [lg-offset="10"] {
        margin-left: 41.6666666667%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="10"] {
        margin-left: 41.6666666667%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="10"] {
        margin-left: 41.6666666667%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="10"] {
        margin-left: 41.6666666667%;
    }
}

[offset="11"] {
    margin-left: 45.8333333333%;
}

@media (min-width: 576px) {
    [xs-offset="11"] {
        margin-left: 45.8333333333%;
    }
}

@media (min-width: 576px) {
    [sm-offset="11"] {
        margin-left: 45.8333333333%;
    }
}

@media (min-width: 768px) {
    [md-offset="11"] {
        margin-left: 45.8333333333%;
    }
}

@media (min-width: 992px) {
    [lg-offset="11"] {
        margin-left: 45.8333333333%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="11"] {
        margin-left: 45.8333333333%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="11"] {
        margin-left: 45.8333333333%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="11"] {
        margin-left: 45.8333333333%;
    }
}

[offset="12"] {
    margin-left: 50%;
}

@media (min-width: 576px) {
    [xs-offset="12"] {
        margin-left: 50%;
    }
}

@media (min-width: 576px) {
    [sm-offset="12"] {
        margin-left: 50%;
    }
}

@media (min-width: 768px) {
    [md-offset="12"] {
        margin-left: 50%;
    }
}

@media (min-width: 992px) {
    [lg-offset="12"] {
        margin-left: 50%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="12"] {
        margin-left: 50%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="12"] {
        margin-left: 50%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="12"] {
        margin-left: 50%;
    }
}

[offset="13"] {
    margin-left: 54.1666666667%;
}

@media (min-width: 576px) {
    [xs-offset="13"] {
        margin-left: 54.1666666667%;
    }
}

@media (min-width: 576px) {
    [sm-offset="13"] {
        margin-left: 54.1666666667%;
    }
}

@media (min-width: 768px) {
    [md-offset="13"] {
        margin-left: 54.1666666667%;
    }
}

@media (min-width: 992px) {
    [lg-offset="13"] {
        margin-left: 54.1666666667%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="13"] {
        margin-left: 54.1666666667%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="13"] {
        margin-left: 54.1666666667%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="13"] {
        margin-left: 54.1666666667%;
    }
}

[offset="14"] {
    margin-left: 58.3333333333%;
}

@media (min-width: 576px) {
    [xs-offset="14"] {
        margin-left: 58.3333333333%;
    }
}

@media (min-width: 576px) {
    [sm-offset="14"] {
        margin-left: 58.3333333333%;
    }
}

@media (min-width: 768px) {
    [md-offset="14"] {
        margin-left: 58.3333333333%;
    }
}

@media (min-width: 992px) {
    [lg-offset="14"] {
        margin-left: 58.3333333333%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="14"] {
        margin-left: 58.3333333333%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="14"] {
        margin-left: 58.3333333333%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="14"] {
        margin-left: 58.3333333333%;
    }
}

[offset="15"] {
    margin-left: 62.5%;
}

@media (min-width: 576px) {
    [xs-offset="15"] {
        margin-left: 62.5%;
    }
}

@media (min-width: 576px) {
    [sm-offset="15"] {
        margin-left: 62.5%;
    }
}

@media (min-width: 768px) {
    [md-offset="15"] {
        margin-left: 62.5%;
    }
}

@media (min-width: 992px) {
    [lg-offset="15"] {
        margin-left: 62.5%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="15"] {
        margin-left: 62.5%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="15"] {
        margin-left: 62.5%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="15"] {
        margin-left: 62.5%;
    }
}

[offset="16"] {
    margin-left: 66.6666666667%;
}

@media (min-width: 576px) {
    [xs-offset="16"] {
        margin-left: 66.6666666667%;
    }
}

@media (min-width: 576px) {
    [sm-offset="16"] {
        margin-left: 66.6666666667%;
    }
}

@media (min-width: 768px) {
    [md-offset="16"] {
        margin-left: 66.6666666667%;
    }
}

@media (min-width: 992px) {
    [lg-offset="16"] {
        margin-left: 66.6666666667%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="16"] {
        margin-left: 66.6666666667%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="16"] {
        margin-left: 66.6666666667%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="16"] {
        margin-left: 66.6666666667%;
    }
}

[offset="17"] {
    margin-left: 70.8333333333%;
}

@media (min-width: 576px) {
    [xs-offset="17"] {
        margin-left: 70.8333333333%;
    }
}

@media (min-width: 576px) {
    [sm-offset="17"] {
        margin-left: 70.8333333333%;
    }
}

@media (min-width: 768px) {
    [md-offset="17"] {
        margin-left: 70.8333333333%;
    }
}

@media (min-width: 992px) {
    [lg-offset="17"] {
        margin-left: 70.8333333333%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="17"] {
        margin-left: 70.8333333333%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="17"] {
        margin-left: 70.8333333333%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="17"] {
        margin-left: 70.8333333333%;
    }
}

[offset="18"] {
    margin-left: 75%;
}

@media (min-width: 576px) {
    [xs-offset="18"] {
        margin-left: 75%;
    }
}

@media (min-width: 576px) {
    [sm-offset="18"] {
        margin-left: 75%;
    }
}

@media (min-width: 768px) {
    [md-offset="18"] {
        margin-left: 75%;
    }
}

@media (min-width: 992px) {
    [lg-offset="18"] {
        margin-left: 75%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="18"] {
        margin-left: 75%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="18"] {
        margin-left: 75%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="18"] {
        margin-left: 75%;
    }
}

[offset="19"] {
    margin-left: 79.1666666667%;
}

@media (min-width: 576px) {
    [xs-offset="19"] {
        margin-left: 79.1666666667%;
    }
}

@media (min-width: 576px) {
    [sm-offset="19"] {
        margin-left: 79.1666666667%;
    }
}

@media (min-width: 768px) {
    [md-offset="19"] {
        margin-left: 79.1666666667%;
    }
}

@media (min-width: 992px) {
    [lg-offset="19"] {
        margin-left: 79.1666666667%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="19"] {
        margin-left: 79.1666666667%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="19"] {
        margin-left: 79.1666666667%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="19"] {
        margin-left: 79.1666666667%;
    }
}

[offset="20"] {
    margin-left: 83.3333333333%;
}

@media (min-width: 576px) {
    [xs-offset="20"] {
        margin-left: 83.3333333333%;
    }
}

@media (min-width: 576px) {
    [sm-offset="20"] {
        margin-left: 83.3333333333%;
    }
}

@media (min-width: 768px) {
    [md-offset="20"] {
        margin-left: 83.3333333333%;
    }
}

@media (min-width: 992px) {
    [lg-offset="20"] {
        margin-left: 83.3333333333%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="20"] {
        margin-left: 83.3333333333%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="20"] {
        margin-left: 83.3333333333%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="20"] {
        margin-left: 83.3333333333%;
    }
}

[offset="21"] {
    margin-left: 87.5%;
}

@media (min-width: 576px) {
    [xs-offset="21"] {
        margin-left: 87.5%;
    }
}

@media (min-width: 576px) {
    [sm-offset="21"] {
        margin-left: 87.5%;
    }
}

@media (min-width: 768px) {
    [md-offset="21"] {
        margin-left: 87.5%;
    }
}

@media (min-width: 992px) {
    [lg-offset="21"] {
        margin-left: 87.5%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="21"] {
        margin-left: 87.5%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="21"] {
        margin-left: 87.5%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="21"] {
        margin-left: 87.5%;
    }
}

[offset="22"] {
    margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
    [xs-offset="22"] {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 576px) {
    [sm-offset="22"] {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 768px) {
    [md-offset="22"] {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 992px) {
    [lg-offset="22"] {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="22"] {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="22"] {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="22"] {
        margin-left: 91.6666666667%;
    }
}

[offset="23"] {
    margin-left: 95.8333333333%;
}

@media (min-width: 576px) {
    [xs-offset="23"] {
        margin-left: 95.8333333333%;
    }
}

@media (min-width: 576px) {
    [sm-offset="23"] {
        margin-left: 95.8333333333%;
    }
}

@media (min-width: 768px) {
    [md-offset="23"] {
        margin-left: 95.8333333333%;
    }
}

@media (min-width: 992px) {
    [lg-offset="23"] {
        margin-left: 95.8333333333%;
    }
}

@media (min-width: 1024px) {
    [lt-offset="23"] {
        margin-left: 95.8333333333%;
    }
}

@media (min-width: 1200px) {
    [ml-offset="23"] {
        margin-left: 95.8333333333%;
    }
}

@media (min-width: 1400px) {
    [xl-offset="23"] {
        margin-left: 95.8333333333%;
    }
}

[family=pretendard] {
    font-family: "Pretendard";
}

[family=notokr] {
    font-family: "notokrf";
}

[fsize=xlarge] {
    font-size: 26px;
}

[fsize=large] {
    font-size: 20px;
}

[fsize=medium] {
    font-size: 16px;
}

[fsize=small] {
    font-size: 14px;
}

[fsize=xsmall] {
    font-size: 12px;
}

[fsize="8"] {
    font-size: 0.8rem;
}

[fsize="9"] {
    font-size: 0.9rem;
}

[fsize="10"] {
    font-size: 1rem;
}

[fsize="11"] {
    font-size: 1.1rem;
}

[fsize="12"] {
    font-size: 1.2rem;
}

[fsize="13"] {
    font-size: 1.3rem;
}

[fsize="14"] {
    font-size: 1.4rem;
}

[fsize="15"] {
    font-size: 1.5rem;
}

[fsize="16"] {
    font-size: 1.6rem;
}

[fsize="17"] {
    font-size: 1.7rem;
}

[fsize="18"] {
    font-size: 1.8rem;
}

[fsize="19"] {
    font-size: 1.9rem;
}

[fsize="20"] {
    font-size: 2rem;
}

[fsize="21"] {
    font-size: 2.1rem;
}

[fsize="22"] {
    font-size: 2.2rem;
}

[fsize="23"] {
    font-size: 2.3rem;
}

[fsize="24"] {
    font-size: 2.4rem;
}

[fsize="25"] {
    font-size: 2.5rem;
}

[fsize="26"] {
    font-size: 2.6rem;
}

[fsize="27"] {
    font-size: 2.7rem;
}

[fsize="28"] {
    font-size: 2.8rem;
}

[fsize="29"] {
    font-size: 2.9rem;
}

[fsize="30"] {
    font-size: 3rem;
}

[fsize="31"] {
    font-size: 3.1rem;
}

[fsize="32"] {
    font-size: 3.2rem;
}

[fsize="33"] {
    font-size: 3.3rem;
}

[fsize="34"] {
    font-size: 3.4rem;
}

[fsize="35"] {
    font-size: 3.5rem;
}

[fsize="36"] {
    font-size: 3.6rem;
}

[fsize="37"] {
    font-size: 3.7rem;
}

[fsize="38"] {
    font-size: 3.8rem;
}

[fsize="39"] {
    font-size: 3.9rem;
}

[fsize="40"] {
    font-size: 4rem;
}

[fsize="41"] {
    font-size: 4.1rem;
}

[fsize="42"] {
    font-size: 4.2rem;
}

[fsize="43"] {
    font-size: 4.3rem;
}

[fsize="44"] {
    font-size: 4.4rem;
}

[fsize="45"] {
    font-size: 4.5rem;
}

[fsize="46"] {
    font-size: 4.6rem;
}

[fsize="47"] {
    font-size: 4.7rem;
}

[fsize="48"] {
    font-size: 4.8rem;
}

[fsize="49"] {
    font-size: 4.9rem;
}

[fsize="50"] {
    font-size: 5rem;
}

[fweight=heavy] {
    font-weight: 900;
}

[fweight=black] {
    font-weight: 800;
}

[fweight=bold] {
    font-weight: 700;
}

[fweight=demibold] {
    font-weight: 600;
}

[fweight=medium] {
    font-weight: 500;
}

[fweight=regular] {
    font-weight: 400;
}

[fweight=light] {
    font-weight: 300;
}

[fweight=demilight] {
    font-weight: 200;
}

[fweight=thin] {
    font-weight: 100;
}

[fweight="100"] {
    font-weight: 100;
}

[fweight="200"] {
    font-weight: 200;
}

[fweight="300"] {
    font-weight: 300;
}

[fweight="400"] {
    font-weight: 400;
}

[fweight="500"] {
    font-weight: 500;
}

[fweight="600"] {
    font-weight: 600;
}

[fweight="700"] {
    font-weight: 700;
}

[fweight="800"] {
    font-weight: 800;
}

[fweight="900"] {
    font-weight: 900;
}

[fcolor=gray-0] {
    color: rgba(var(--color-gray-0));
}

[fcolor=gray-100] {
    color: rgba(var(--color-gray-100));
}

[fcolor=gray-200] {
    color: rgba(var(--color-gray-200));
}

[fcolor=gray-300] {
    color: rgba(var(--color-gray-300));
}

[fcolor=gray-400] {
    color: rgba(var(--color-gray-400));
}

[fcolor=gray-500] {
    color: rgba(var(--color-gray-500));
}

[fcolor=gray-600] {
    color: rgba(var(--color-gray-600));
}

[fcolor=gray-700] {
    color: rgba(var(--color-gray-700));
}

[fcolor=gray-800] {
    color: rgba(var(--color-gray-800));
}

[fcolor=gray-900] {
    color: rgba(var(--color-gray-900));
}

[bgcolor=gray-0] {
    background-color: rgba(var(--color-gray-0));
}

[bgcolor=gray-100] {
    background-color: rgba(var(--color-gray-100));
}

[bgcolor=gray-200] {
    background-color: rgba(var(--color-gray-200));
}

[bgcolor=gray-300] {
    background-color: rgba(var(--color-gray-300));
}

[bgcolor=gray-400] {
    background-color: rgba(var(--color-gray-400));
}

[bgcolor=gray-500] {
    background-color: rgba(var(--color-gray-500));
}

[bgcolor=gray-600] {
    background-color: rgba(var(--color-gray-600));
}

[bgcolor=gray-700] {
    background-color: rgba(var(--color-gray-700));
}

[bgcolor=gray-800] {
    background-color: rgba(var(--color-gray-800));
}

[bgcolor=gray-900] {
    background-color: rgba(var(--color-gray-900));
}

[fcolor=mdark-0] {
    color: var(--mantine-color-dark-0);
}

[fcolor=mdark-1] {
    color: var(--mantine-color-dark-1);
}

[fcolor=mdark-2] {
    color: var(--mantine-color-dark-2);
}

[fcolor=mdark-3] {
    color: var(--mantine-color-dark-3);
}

[fcolor=mdark-4] {
    color: var(--mantine-color-dark-4);
}

[fcolor=mdark-5] {
    color: var(--mantine-color-dark-5);
}

[fcolor=mdark-6] {
    color: var(--mantine-color-dark-6);
}

[fcolor=mdark-7] {
    color: var(--mantine-color-dark-7);
}

[fcolor=mdark-8] {
    color: var(--mantine-color-dark-8);
}

[fcolor=mdark-9] {
    color: var(--mantine-color-dark-9);
}

[bgcolor=mdark-0] {
    background-color: var(--mantine-color-dark-0);
}

[bgcolor=mdark-1] {
    background-color: var(--mantine-color-dark-1);
}

[bgcolor=mdark-2] {
    background-color: var(--mantine-color-dark-2);
}

[bgcolor=mdark-3] {
    background-color: var(--mantine-color-dark-3);
}

[bgcolor=mdark-4] {
    background-color: var(--mantine-color-dark-4);
}

[bgcolor=mdark-5] {
    background-color: var(--mantine-color-dark-5);
}

[bgcolor=mdark-6] {
    background-color: var(--mantine-color-dark-6);
}

[bgcolor=mdark-7] {
    background-color: var(--mantine-color-dark-7);
}

[bgcolor=mdark-8] {
    background-color: var(--mantine-color-dark-8);
}

[bgcolor=mdark-9] {
    background-color: var(--mantine-color-dark-9);
}

[fcolor=mgray-0] {
    color: var(--mantine-color-gray-0);
}

[fcolor=mgray-1] {
    color: var(--mantine-color-gray-1);
}

[fcolor=mgray-2] {
    color: var(--mantine-color-gray-2);
}

[fcolor=mgray-3] {
    color: var(--mantine-color-gray-3);
}

[fcolor=mgray-4] {
    color: var(--mantine-color-gray-4);
}

[fcolor=mgray-5] {
    color: var(--mantine-color-gray-5);
}

[fcolor=mgray-6] {
    color: var(--mantine-color-gray-6);
}

[fcolor=mgray-7] {
    color: var(--mantine-color-gray-7);
}

[fcolor=mgray-8] {
    color: var(--mantine-color-gray-8);
}

[fcolor=mgray-9] {
    color: var(--mantine-color-gray-9);
}

[bgcolor=mgray-0] {
    background-color: var(--mantine-color-gray-0);
}

[bgcolor=mgray-1] {
    background-color: var(--mantine-color-gray-1);
}

[bgcolor=mgray-2] {
    background-color: var(--mantine-color-gray-2);
}

[bgcolor=mgray-3] {
    background-color: var(--mantine-color-gray-3);
}

[bgcolor=mgray-4] {
    background-color: var(--mantine-color-gray-4);
}

[bgcolor=mgray-5] {
    background-color: var(--mantine-color-gray-5);
}

[bgcolor=mgray-6] {
    background-color: var(--mantine-color-gray-6);
}

[bgcolor=mgray-7] {
    background-color: var(--mantine-color-gray-7);
}

[bgcolor=mgray-8] {
    background-color: var(--mantine-color-gray-8);
}

[bgcolor=mgray-9] {
    background-color: var(--mantine-color-gray-9);
}

[fcolor=mred-0] {
    color: var(--mantine-color-red-0);
}

[fcolor=mred-1] {
    color: var(--mantine-color-red-1);
}

[fcolor=mred-2] {
    color: var(--mantine-color-red-2);
}

[fcolor=mred-3] {
    color: var(--mantine-color-red-3);
}

[fcolor=mred-4] {
    color: var(--mantine-color-red-4);
}

[fcolor=mred-5] {
    color: var(--mantine-color-red-5);
}

[fcolor=mred-6] {
    color: var(--mantine-color-red-6);
}

[fcolor=mred-7] {
    color: var(--mantine-color-red-7);
}

[fcolor=mred-8] {
    color: var(--mantine-color-red-8);
}

[fcolor=mred-9] {
    color: var(--mantine-color-red-9);
}

[bgcolor=mred-0] {
    background-color: var(--mantine-color-red-0);
}

[bgcolor=mred-1] {
    background-color: var(--mantine-color-red-1);
}

[bgcolor=mred-2] {
    background-color: var(--mantine-color-red-2);
}

[bgcolor=mred-3] {
    background-color: var(--mantine-color-red-3);
}

[bgcolor=mred-4] {
    background-color: var(--mantine-color-red-4);
}

[bgcolor=mred-5] {
    background-color: var(--mantine-color-red-5);
}

[bgcolor=mred-6] {
    background-color: var(--mantine-color-red-6);
}

[bgcolor=mred-7] {
    background-color: var(--mantine-color-red-7);
}

[bgcolor=mred-8] {
    background-color: var(--mantine-color-red-8);
}

[bgcolor=mred-9] {
    background-color: var(--mantine-color-red-9);
}

[fcolor=mpink-0] {
    color: var(--mantine-color-pink-0);
}

[fcolor=mpink-1] {
    color: var(--mantine-color-pink-1);
}

[fcolor=mpink-2] {
    color: var(--mantine-color-pink-2);
}

[fcolor=mpink-3] {
    color: var(--mantine-color-pink-3);
}

[fcolor=mpink-4] {
    color: var(--mantine-color-pink-4);
}

[fcolor=mpink-5] {
    color: var(--mantine-color-pink-5);
}

[fcolor=mpink-6] {
    color: var(--mantine-color-pink-6);
}

[fcolor=mpink-7] {
    color: var(--mantine-color-pink-7);
}

[fcolor=mpink-8] {
    color: var(--mantine-color-pink-8);
}

[fcolor=mpink-9] {
    color: var(--mantine-color-pink-9);
}

[bgcolor=mpink-0] {
    background-color: var(--mantine-color-pink-0);
}

[bgcolor=mpink-1] {
    background-color: var(--mantine-color-pink-1);
}

[bgcolor=mpink-2] {
    background-color: var(--mantine-color-pink-2);
}

[bgcolor=mpink-3] {
    background-color: var(--mantine-color-pink-3);
}

[bgcolor=mpink-4] {
    background-color: var(--mantine-color-pink-4);
}

[bgcolor=mpink-5] {
    background-color: var(--mantine-color-pink-5);
}

[bgcolor=mpink-6] {
    background-color: var(--mantine-color-pink-6);
}

[bgcolor=mpink-7] {
    background-color: var(--mantine-color-pink-7);
}

[bgcolor=mpink-8] {
    background-color: var(--mantine-color-pink-8);
}

[bgcolor=mpink-9] {
    background-color: var(--mantine-color-pink-9);
}

[fcolor=mgrape-0] {
    color: var(--mantine-color-grape-0);
}

[fcolor=mgrape-1] {
    color: var(--mantine-color-grape-1);
}

[fcolor=mgrape-2] {
    color: var(--mantine-color-grape-2);
}

[fcolor=mgrape-3] {
    color: var(--mantine-color-grape-3);
}

[fcolor=mgrape-4] {
    color: var(--mantine-color-grape-4);
}

[fcolor=mgrape-5] {
    color: var(--mantine-color-grape-5);
}

[fcolor=mgrape-6] {
    color: var(--mantine-color-grape-6);
}

[fcolor=mgrape-7] {
    color: var(--mantine-color-grape-7);
}

[fcolor=mgrape-8] {
    color: var(--mantine-color-grape-8);
}

[fcolor=mgrape-9] {
    color: var(--mantine-color-grape-9);
}

[bgcolor=mgrape-0] {
    background-color: var(--mantine-color-grape-0);
}

[bgcolor=mgrape-1] {
    background-color: var(--mantine-color-grape-1);
}

[bgcolor=mgrape-2] {
    background-color: var(--mantine-color-grape-2);
}

[bgcolor=mgrape-3] {
    background-color: var(--mantine-color-grape-3);
}

[bgcolor=mgrape-4] {
    background-color: var(--mantine-color-grape-4);
}

[bgcolor=mgrape-5] {
    background-color: var(--mantine-color-grape-5);
}

[bgcolor=mgrape-6] {
    background-color: var(--mantine-color-grape-6);
}

[bgcolor=mgrape-7] {
    background-color: var(--mantine-color-grape-7);
}

[bgcolor=mgrape-8] {
    background-color: var(--mantine-color-grape-8);
}

[bgcolor=mgrape-9] {
    background-color: var(--mantine-color-grape-9);
}

[fcolor=mviolet-0] {
    color: var(--mantine-color-violet-0);
}

[fcolor=mviolet-1] {
    color: var(--mantine-color-violet-1);
}

[fcolor=mviolet-2] {
    color: var(--mantine-color-violet-2);
}

[fcolor=mviolet-3] {
    color: var(--mantine-color-violet-3);
}

[fcolor=mviolet-4] {
    color: var(--mantine-color-violet-4);
}

[fcolor=mviolet-5] {
    color: var(--mantine-color-violet-5);
}

[fcolor=mviolet-6] {
    color: var(--mantine-color-violet-6);
}

[fcolor=mviolet-7] {
    color: var(--mantine-color-violet-7);
}

[fcolor=mviolet-8] {
    color: var(--mantine-color-violet-8);
}

[fcolor=mviolet-9] {
    color: var(--mantine-color-violet-9);
}

[bgcolor=mviolet-0] {
    background-color: var(--mantine-color-violet-0);
}

[bgcolor=mviolet-1] {
    background-color: var(--mantine-color-violet-1);
}

[bgcolor=mviolet-2] {
    background-color: var(--mantine-color-violet-2);
}

[bgcolor=mviolet-3] {
    background-color: var(--mantine-color-violet-3);
}

[bgcolor=mviolet-4] {
    background-color: var(--mantine-color-violet-4);
}

[bgcolor=mviolet-5] {
    background-color: var(--mantine-color-violet-5);
}

[bgcolor=mviolet-6] {
    background-color: var(--mantine-color-violet-6);
}

[bgcolor=mviolet-7] {
    background-color: var(--mantine-color-violet-7);
}

[bgcolor=mviolet-8] {
    background-color: var(--mantine-color-violet-8);
}

[bgcolor=mviolet-9] {
    background-color: var(--mantine-color-violet-9);
}

[fcolor=mindigo-0] {
    color: var(--mantine-color-indigo-0);
}

[fcolor=mindigo-1] {
    color: var(--mantine-color-indigo-1);
}

[fcolor=mindigo-2] {
    color: var(--mantine-color-indigo-2);
}

[fcolor=mindigo-3] {
    color: var(--mantine-color-indigo-3);
}

[fcolor=mindigo-4] {
    color: var(--mantine-color-indigo-4);
}

[fcolor=mindigo-5] {
    color: var(--mantine-color-indigo-5);
}

[fcolor=mindigo-6] {
    color: var(--mantine-color-indigo-6);
}

[fcolor=mindigo-7] {
    color: var(--mantine-color-indigo-7);
}

[fcolor=mindigo-8] {
    color: var(--mantine-color-indigo-8);
}

[fcolor=mindigo-9] {
    color: var(--mantine-color-indigo-9);
}

[bgcolor=mindigo-0] {
    background-color: var(--mantine-color-indigo-0);
}

[bgcolor=mindigo-1] {
    background-color: var(--mantine-color-indigo-1);
}

[bgcolor=mindigo-2] {
    background-color: var(--mantine-color-indigo-2);
}

[bgcolor=mindigo-3] {
    background-color: var(--mantine-color-indigo-3);
}

[bgcolor=mindigo-4] {
    background-color: var(--mantine-color-indigo-4);
}

[bgcolor=mindigo-5] {
    background-color: var(--mantine-color-indigo-5);
}

[bgcolor=mindigo-6] {
    background-color: var(--mantine-color-indigo-6);
}

[bgcolor=mindigo-7] {
    background-color: var(--mantine-color-indigo-7);
}

[bgcolor=mindigo-8] {
    background-color: var(--mantine-color-indigo-8);
}

[bgcolor=mindigo-9] {
    background-color: var(--mantine-color-indigo-9);
}

[fcolor=mblue-0] {
    color: var(--mantine-color-blue-0);
}

[fcolor=mblue-1] {
    color: var(--mantine-color-blue-1);
}

[fcolor=mblue-2] {
    color: var(--mantine-color-blue-2);
}

[fcolor=mblue-3] {
    color: var(--mantine-color-blue-3);
}

[fcolor=mblue-4] {
    color: var(--mantine-color-blue-4);
}

[fcolor=mblue-5] {
    color: var(--mantine-color-blue-5);
}

[fcolor=mblue-6] {
    color: var(--mantine-color-blue-6);
}

[fcolor=mblue-7] {
    color: var(--mantine-color-blue-7);
}

[fcolor=mblue-8] {
    color: var(--mantine-color-blue-8);
}

[fcolor=mblue-9] {
    color: var(--mantine-color-blue-9);
}

[bgcolor=mblue-0] {
    background-color: var(--mantine-color-blue-0);
}

[bgcolor=mblue-1] {
    background-color: var(--mantine-color-blue-1);
}

[bgcolor=mblue-2] {
    background-color: var(--mantine-color-blue-2);
}

[bgcolor=mblue-3] {
    background-color: var(--mantine-color-blue-3);
}

[bgcolor=mblue-4] {
    background-color: var(--mantine-color-blue-4);
}

[bgcolor=mblue-5] {
    background-color: var(--mantine-color-blue-5);
}

[bgcolor=mblue-6] {
    background-color: var(--mantine-color-blue-6);
}

[bgcolor=mblue-7] {
    background-color: var(--mantine-color-blue-7);
}

[bgcolor=mblue-8] {
    background-color: var(--mantine-color-blue-8);
}

[bgcolor=mblue-9] {
    background-color: var(--mantine-color-blue-9);
}

[fcolor=mcyan-0] {
    color: var(--mantine-color-cyan-0);
}

[fcolor=mcyan-1] {
    color: var(--mantine-color-cyan-1);
}

[fcolor=mcyan-2] {
    color: var(--mantine-color-cyan-2);
}

[fcolor=mcyan-3] {
    color: var(--mantine-color-cyan-3);
}

[fcolor=mcyan-4] {
    color: var(--mantine-color-cyan-4);
}

[fcolor=mcyan-5] {
    color: var(--mantine-color-cyan-5);
}

[fcolor=mcyan-6] {
    color: var(--mantine-color-cyan-6);
}

[fcolor=mcyan-7] {
    color: var(--mantine-color-cyan-7);
}

[fcolor=mcyan-8] {
    color: var(--mantine-color-cyan-8);
}

[fcolor=mcyan-9] {
    color: var(--mantine-color-cyan-9);
}

[bgcolor=mcyan-0] {
    background-color: var(--mantine-color-cyan-0);
}

[bgcolor=mcyan-1] {
    background-color: var(--mantine-color-cyan-1);
}

[bgcolor=mcyan-2] {
    background-color: var(--mantine-color-cyan-2);
}

[bgcolor=mcyan-3] {
    background-color: var(--mantine-color-cyan-3);
}

[bgcolor=mcyan-4] {
    background-color: var(--mantine-color-cyan-4);
}

[bgcolor=mcyan-5] {
    background-color: var(--mantine-color-cyan-5);
}

[bgcolor=mcyan-6] {
    background-color: var(--mantine-color-cyan-6);
}

[bgcolor=mcyan-7] {
    background-color: var(--mantine-color-cyan-7);
}

[bgcolor=mcyan-8] {
    background-color: var(--mantine-color-cyan-8);
}

[bgcolor=mcyan-9] {
    background-color: var(--mantine-color-cyan-9);
}

[fcolor=mteal-0] {
    color: var(--mantine-color-teal-0);
}

[fcolor=mteal-1] {
    color: var(--mantine-color-teal-1);
}

[fcolor=mteal-2] {
    color: var(--mantine-color-teal-2);
}

[fcolor=mteal-3] {
    color: var(--mantine-color-teal-3);
}

[fcolor=mteal-4] {
    color: var(--mantine-color-teal-4);
}

[fcolor=mteal-5] {
    color: var(--mantine-color-teal-5);
}

[fcolor=mteal-6] {
    color: var(--mantine-color-teal-6);
}

[fcolor=mteal-7] {
    color: var(--mantine-color-teal-7);
}

[fcolor=mteal-8] {
    color: var(--mantine-color-teal-8);
}

[fcolor=mteal-9] {
    color: var(--mantine-color-teal-9);
}

[bgcolor=mteal-0] {
    background-color: var(--mantine-color-teal-0);
}

[bgcolor=mteal-1] {
    background-color: var(--mantine-color-teal-1);
}

[bgcolor=mteal-2] {
    background-color: var(--mantine-color-teal-2);
}

[bgcolor=mteal-3] {
    background-color: var(--mantine-color-teal-3);
}

[bgcolor=mteal-4] {
    background-color: var(--mantine-color-teal-4);
}

[bgcolor=mteal-5] {
    background-color: var(--mantine-color-teal-5);
}

[bgcolor=mteal-6] {
    background-color: var(--mantine-color-teal-6);
}

[bgcolor=mteal-7] {
    background-color: var(--mantine-color-teal-7);
}

[bgcolor=mteal-8] {
    background-color: var(--mantine-color-teal-8);
}

[bgcolor=mteal-9] {
    background-color: var(--mantine-color-teal-9);
}

[fcolor=mgreen-0] {
    color: var(--mantine-color-green-0);
}

[fcolor=mgreen-1] {
    color: var(--mantine-color-green-1);
}

[fcolor=mgreen-2] {
    color: var(--mantine-color-green-2);
}

[fcolor=mgreen-3] {
    color: var(--mantine-color-green-3);
}

[fcolor=mgreen-4] {
    color: var(--mantine-color-green-4);
}

[fcolor=mgreen-5] {
    color: var(--mantine-color-green-5);
}

[fcolor=mgreen-6] {
    color: var(--mantine-color-green-6);
}

[fcolor=mgreen-7] {
    color: var(--mantine-color-green-7);
}

[fcolor=mgreen-8] {
    color: var(--mantine-color-green-8);
}

[fcolor=mgreen-9] {
    color: var(--mantine-color-green-9);
}

[bgcolor=mgreen-0] {
    background-color: var(--mantine-color-green-0);
}

[bgcolor=mgreen-1] {
    background-color: var(--mantine-color-green-1);
}

[bgcolor=mgreen-2] {
    background-color: var(--mantine-color-green-2);
}

[bgcolor=mgreen-3] {
    background-color: var(--mantine-color-green-3);
}

[bgcolor=mgreen-4] {
    background-color: var(--mantine-color-green-4);
}

[bgcolor=mgreen-5] {
    background-color: var(--mantine-color-green-5);
}

[bgcolor=mgreen-6] {
    background-color: var(--mantine-color-green-6);
}

[bgcolor=mgreen-7] {
    background-color: var(--mantine-color-green-7);
}

[bgcolor=mgreen-8] {
    background-color: var(--mantine-color-green-8);
}

[bgcolor=mgreen-9] {
    background-color: var(--mantine-color-green-9);
}

[fcolor=mlime-0] {
    color: var(--mantine-color-lime-0);
}

[fcolor=mlime-1] {
    color: var(--mantine-color-lime-1);
}

[fcolor=mlime-2] {
    color: var(--mantine-color-lime-2);
}

[fcolor=mlime-3] {
    color: var(--mantine-color-lime-3);
}

[fcolor=mlime-4] {
    color: var(--mantine-color-lime-4);
}

[fcolor=mlime-5] {
    color: var(--mantine-color-lime-5);
}

[fcolor=mlime-6] {
    color: var(--mantine-color-lime-6);
}

[fcolor=mlime-7] {
    color: var(--mantine-color-lime-7);
}

[fcolor=mlime-8] {
    color: var(--mantine-color-lime-8);
}

[fcolor=mlime-9] {
    color: var(--mantine-color-lime-9);
}

[bgcolor=mlime-0] {
    background-color: var(--mantine-color-lime-0);
}

[bgcolor=mlime-1] {
    background-color: var(--mantine-color-lime-1);
}

[bgcolor=mlime-2] {
    background-color: var(--mantine-color-lime-2);
}

[bgcolor=mlime-3] {
    background-color: var(--mantine-color-lime-3);
}

[bgcolor=mlime-4] {
    background-color: var(--mantine-color-lime-4);
}

[bgcolor=mlime-5] {
    background-color: var(--mantine-color-lime-5);
}

[bgcolor=mlime-6] {
    background-color: var(--mantine-color-lime-6);
}

[bgcolor=mlime-7] {
    background-color: var(--mantine-color-lime-7);
}

[bgcolor=mlime-8] {
    background-color: var(--mantine-color-lime-8);
}

[bgcolor=mlime-9] {
    background-color: var(--mantine-color-lime-9);
}

[fcolor=myellow-0] {
    color: var(--mantine-color-yellow-0);
}

[fcolor=myellow-1] {
    color: var(--mantine-color-yellow-1);
}

[fcolor=myellow-2] {
    color: var(--mantine-color-yellow-2);
}

[fcolor=myellow-3] {
    color: var(--mantine-color-yellow-3);
}

[fcolor=myellow-4] {
    color: var(--mantine-color-yellow-4);
}

[fcolor=myellow-5] {
    color: var(--mantine-color-yellow-5);
}

[fcolor=myellow-6] {
    color: var(--mantine-color-yellow-6);
}

[fcolor=myellow-7] {
    color: var(--mantine-color-yellow-7);
}

[fcolor=myellow-8] {
    color: var(--mantine-color-yellow-8);
}

[fcolor=myellow-9] {
    color: var(--mantine-color-yellow-9);
}

[bgcolor=myellow-0] {
    background-color: var(--mantine-color-yellow-0);
}

[bgcolor=myellow-1] {
    background-color: var(--mantine-color-yellow-1);
}

[bgcolor=myellow-2] {
    background-color: var(--mantine-color-yellow-2);
}

[bgcolor=myellow-3] {
    background-color: var(--mantine-color-yellow-3);
}

[bgcolor=myellow-4] {
    background-color: var(--mantine-color-yellow-4);
}

[bgcolor=myellow-5] {
    background-color: var(--mantine-color-yellow-5);
}

[bgcolor=myellow-6] {
    background-color: var(--mantine-color-yellow-6);
}

[bgcolor=myellow-7] {
    background-color: var(--mantine-color-yellow-7);
}

[bgcolor=myellow-8] {
    background-color: var(--mantine-color-yellow-8);
}

[bgcolor=myellow-9] {
    background-color: var(--mantine-color-yellow-9);
}

[fcolor=morange-0] {
    color: var(--mantine-color-orange-0);
}

[fcolor=morange-1] {
    color: var(--mantine-color-orange-1);
}

[fcolor=morange-2] {
    color: var(--mantine-color-orange-2);
}

[fcolor=morange-3] {
    color: var(--mantine-color-orange-3);
}

[fcolor=morange-4] {
    color: var(--mantine-color-orange-4);
}

[fcolor=morange-5] {
    color: var(--mantine-color-orange-5);
}

[fcolor=morange-6] {
    color: var(--mantine-color-orange-6);
}

[fcolor=morange-7] {
    color: var(--mantine-color-orange-7);
}

[fcolor=morange-8] {
    color: var(--mantine-color-orange-8);
}

[fcolor=morange-9] {
    color: var(--mantine-color-orange-9);
}

[bgcolor=morange-0] {
    background-color: var(--mantine-color-orange-0);
}

[bgcolor=morange-1] {
    background-color: var(--mantine-color-orange-1);
}

[bgcolor=morange-2] {
    background-color: var(--mantine-color-orange-2);
}

[bgcolor=morange-3] {
    background-color: var(--mantine-color-orange-3);
}

[bgcolor=morange-4] {
    background-color: var(--mantine-color-orange-4);
}

[bgcolor=morange-5] {
    background-color: var(--mantine-color-orange-5);
}

[bgcolor=morange-6] {
    background-color: var(--mantine-color-orange-6);
}

[bgcolor=morange-7] {
    background-color: var(--mantine-color-orange-7);
}

[bgcolor=morange-8] {
    background-color: var(--mantine-color-orange-8);
}

[bgcolor=morange-9] {
    background-color: var(--mantine-color-orange-9);
}

.login-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
}

.login-wrap .logo {
    position: absolute;
    top: 3rem;
    left: 5rem;
    height: 4rem;
    -webkit-box-shadow: 0 0 7px 14px rgba(var(--color-gray-0));
    box-shadow: 0 0 7px 14px rgba(var(--color-gray-0));
    background-color: rgba(var(--color-gray-0));
    border-radius: 10px;
    z-index: 1;
}

.login-wrap .logo a {
    display: block;
    height: 100%;
}

.login-wrap .logo a img {
    width: 100%;
    height: 100%;
}

.login-container {
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: var(--login-width);
    margin: 0 auto;
}

.login-img {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: calc(100% - var(--login-width-form));
}

.login-img .img-wrap {
    display: block;
    width: 100%;
    max-width: 70rem;
    margin-left: auto;
}

.login-img .img-wrap img {
    width: 100%;
}

.login-img::before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 90%;
    background-color: rgba(var(--color-gray-200));
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
}

.login-form {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.login-form__title {
    margin-bottom: 3rem;
    font-size: 3rem;
    font-weight: 700;
}

.login-form .btn {
    height: 5.4rem;
}

.login-form .btn-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 320px) {
    .login-container {
        padding-block: 10rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .login-img {
        width: 100%;
        padding-inline: 2rem;
    }

    .login-img .img-wrap {
        margin: 0 auto;
    }

    .login-form {
        width: 100%;
        margin-top: 5rem;
        padding-inline: 2rem;
    }
}

@media (min-width: 576px) {
    .login-img, .login-form {
        padding-inline: 4rem;
    }
}

@media (min-width: 768px) {
    .login-img, .login-form {
        padding-inline: 10rem;
    }
}

@media (min-width: 1024px) {
    .login-container {
        overflow: hidden;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .login-img {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .login-img .img-wrap {
        margin-right: 0;
    }

    .login-form {
        width: var(--login-width-form);
        padding-inline: 7rem;
        margin-top: 0;
    }
}