/*
 *   ModernWeb <http://modernweb.azurewebsites.net/>
 *   Copyright 2016 Raphael Dhainaut, David Vanschepdael
 *
 *   Licensed under the Apache License, Version 2.0 (the "License");
 *   you may not use this file except in compliance with the License.
 *   You may obtain a copy of the License at
 * 
 *       http://www.apache.org/licenses/LICENSE-2.0
 * 
 *   Unless required by applicable law or agreed to in writing, software
 *   distributed under the License is distributed on an "AS IS" BASIS,
 *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *   See the License for the specific language governing permissions and
 *   limitations under the License.
 */
/* ==========================================================================
   Tile
   ========================================================================== */
.mw-tile {
    display: inline-block;
    width: calc((120px * 1) + ((1 - 1) * 8px));
    height: calc((120px * 1) + ((1 - 1) * 8px));
    min-width: 1px;
    min-height: 1px;
    position: relative;
    float: left;
    margin: 0 8px 8px 0;
    overflow: hidden;
    border: 2px solid #DDD;
    background-color: #EEE;
    font-size: initial;
    cursor: pointer;
    user-select: none;
    transition: transform .10s ease-out;
}

.mw-tile:hover {
    outline-style: solid;
    outline-width: 4px;
    outline-color: rgba(0, 0, 0, 0.05);
}

.mw-tile:focus {
    outline-style: solid;
    outline-width: calc(4px - 1px);
    outline-color: white;
}

/* Tile standard size
   ========================================================================== */
.mw-tile.mw-medium {
    width: calc((120px * 1) + ((1 - 1) * 8px));
    height: calc((120px * 1) + ((1 - 1) * 8px));
}

.mw-tile.mw-wide {
    width: calc((120px * 2) + ((2 - 1) * 8px));
    height: calc((120px * 1) + ((1 - 1) * 8px));
}

.mw-tile.mw-large {
    width: calc((120px * 2) + ((2 - 1) * 8px));
    height: calc((120px * 2) + ((2 - 1) * 8px));
}

.mw-tile.mw-small {
    width: calc((120px * 0.5) + ((0.5 - 1) * 8px));
    height: calc((120px * 0.5) + ((0.5 - 1) * 8px));
}

/* Responsive */
.mw-tile.mw-xs-medium {
    width: calc((120px * 1) + ((1 - 1) * 8px));
    height: calc((120px * 1) + ((1 - 1) * 8px));
}

.mw-tile.mw-xs-wide {
    width: calc((120px * 2) + ((2 - 1) * 8px));
    height: calc((120px * 1) + ((1 - 1) * 8px));
}

.mw-tile.mw-xs-large {
    width: calc((120px * 2) + ((2 - 1) * 8px));
    height: calc((120px * 2) + ((2 - 1) * 8px));
}

.mw-tile.mw-xs-small {
    width: calc((120px * 0.5) + ((0.5 - 1) * 8px));
    height: calc((120px * 0.5) + ((0.5 - 1) * 8px));
}

@media (min-width: 768px) {
    .mw-tile.mw-sm-medium {
        width: calc((120px * 1) + ((1 - 1) * 8px));
        height: calc((120px * 1) + ((1 - 1) * 8px));
    }
    .mw-tile.mw-sm-wide {
        width: calc((120px * 2) + ((2 - 1) * 8px));
        height: calc((120px * 1) + ((1 - 1) * 8px));
    }
    .mw-tile.mw-sm-large {
        width: calc((120px * 2) + ((2 - 1) * 8px));
        height: calc((120px * 2) + ((2 - 1) * 8px));
    }
    .mw-tile.mw-sm-small {
        width: calc((120px * 0.5) + ((0.5 - 1) * 8px));
        height: calc((120px * 0.5) + ((0.5 - 1) * 8px));
    }
}

@media (min-width: 992px) {
    .mw-tile.mw-md-medium {
        width: calc((120px * 1) + ((1 - 1) * 8px));
        height: calc((120px * 1) + ((1 - 1) * 8px));
    }
    .mw-tile.mw-md-wide {
        width: calc((120px * 2) + ((2 - 1) * 8px));
        height: calc((120px * 1) + ((1 - 1) * 8px));
    }
    .mw-tile.mw-md-large {
        width: calc((120px * 2) + ((2 - 1) * 8px));
        height: calc((120px * 2) + ((2 - 1) * 8px));
    }
    .mw-tile.mw-md-small {
        width: calc((120px * 0.5) + ((0.5 - 1) * 8px));
        height: calc((120px * 0.5) + ((0.5 - 1) * 8px));
    }
}

@media (min-width: 1200px) {
    .mw-tile.mw-lg-medium {
        width: calc((120px * 1) + ((1 - 1) * 8px));
        height: calc((120px * 1) + ((1 - 1) * 8px));
    }
    .mw-tile.mw-lg-wide {
        width: calc((120px * 2) + ((2 - 1) * 8px));
        height: calc((120px * 1) + ((1 - 1) * 8px));
    }
    .mw-tile.mw-lg-large {
        width: calc((120px * 2) + ((2 - 1) * 8px));
        height: calc((120px * 2) + ((2 - 1) * 8px));
    }
    .mw-tile.mw-lg-small {
        width: calc((120px * 0.5) + ((0.5 - 1) * 8px));
        height: calc((120px * 0.5) + ((0.5 - 1) * 8px));
    }
}

/* Tile custom size
   ========================================================================== */
/* Row */
.mw-tile.mw-row-1 {
    height: calc((120px * 1) + ((1 - 1) * 8px));
}

.mw-tile.mw-row-2 {
    height: calc((120px * 2) + ((2 - 1) * 8px));
}

.mw-tile.mw-row-3 {
    height: calc((120px * 3) + ((3 - 1) * 8px));
}

.mw-tile.mw-row-4 {
    height: calc((120px * 4) + ((4 - 1) * 8px));
}

.mw-tile.mw-row-5 {
    height: calc((120px * 5) + ((5 - 1) * 8px));
}

.mw-tile.mw-row-6 {
    height: calc((120px * 6) + ((6 - 1) * 8px));
}

.mw-tile.mw-row-7 {
    height: calc((120px * 7) + ((7 - 1) * 8px));
}

.mw-tile.mw-row-8 {
    height: calc((120px * 8) + ((8 - 1) * 8px));
}

.mw-tile.mw-row-9 {
    height: calc((120px * 9) + ((9 - 1) * 8px));
}

.mw-tile.mw-row-10 {
    height: calc((120px * 10) + ((10 - 1) * 8px));
}

.mw-tile.mw-row-11 {
    height: calc((120px * 11) + ((11 - 1) * 8px));
}

.mw-tile.mw-row-12 {
    height: calc((120px * 12) + ((12 - 1) * 8px));
}

/* Column */
.mw-tile.mw-col-1 {
    width: calc((120px * 1) + ((1 - 1) * 8px));
}

.mw-tile.mw-col-2 {
    width: calc((120px * 2) + ((2 - 1) * 8px));
}

.mw-tile.mw-col-3 {
    width: calc((120px * 3) + ((3 - 1) * 8px));
}

.mw-tile.mw-col-4 {
    width: calc((120px * 4) + ((4 - 1) * 8px));
}

.mw-tile.mw-col-5 {
    width: calc((120px * 5) + ((5 - 1) * 8px));
}

.mw-tile.mw-col-6 {
    width: calc((120px * 6) + ((6 - 1) * 8px));
}

.mw-tile.mw-col-7 {
    width: calc((120px * 7) + ((7 - 1) * 8px));
}

.mw-tile.mw-col-8 {
    width: calc((120px * 8) + ((8 - 1) * 8px));
}

.mw-tile.mw-col-9 {
    width: calc((120px * 9) + ((9 - 1) * 8px));
}

.mw-tile.mw-col-10 {
    width: calc((120px * 10) + ((10 - 1) * 8px));
}

.mw-tile.mw-col-11 {
    width: calc((120px * 11) + ((11 - 1) * 8px));
}

.mw-tile.mw-col-12 {
    width: calc((120px * 12) + ((12 - 1) * 8px));
}

/* Responsive */
/* Row */
.mw-tile.mw-row-xs-1 {
    height: calc((120px * 1) + ((1 - 1) * 8px));
}

.mw-tile.mw-row-xs-2 {
    height: calc((120px * 2) + ((2 - 1) * 8px));
}

.mw-tile.mw-row-xs-3 {
    height: calc((120px * 3) + ((3 - 1) * 8px));
}

.mw-tile.mw-row-xs-4 {
    height: calc((120px * 4) + ((4 - 1) * 8px));
}

.mw-tile.mw-row-xs-5 {
    height: calc((120px * 5) + ((5 - 1) * 8px));
}

.mw-tile.mw-row-xs-6 {
    height: calc((120px * 6) + ((6 - 1) * 8px));
}

.mw-tile.mw-row-xs-7 {
    height: calc((120px * 7) + ((7 - 1) * 8px));
}

.mw-tile.mw-row-xs-8 {
    height: calc((120px * 8) + ((8 - 1) * 8px));
}

.mw-tile.mw-row-xs-9 {
    height: calc((120px * 9) + ((9 - 1) * 8px));
}

.mw-tile.mw-row-xs-10 {
    height: calc((120px * 10) + ((10 - 1) * 8px));
}

.mw-tile.mw-row-xs-11 {
    height: calc((120px * 11) + ((11 - 1) * 8px));
}

.mw-tile.mw-row-xs-12 {
    height: calc((120px * 12) + ((12 - 1) * 8px));
}

/* Column */
.mw-tile.mw-col-xs-1 {
    width: calc((120px * 1) + ((1 - 1) * 8px));
}

.mw-tile.mw-col-xs-2 {
    width: calc((120px * 2) + ((2 - 1) * 8px));
}

.mw-tile.mw-col-xs-3 {
    width: calc((120px * 3) + ((3 - 1) * 8px));
}

.mw-tile.mw-col-xs-4 {
    width: calc((120px * 4) + ((4 - 1) * 8px));
}

.mw-tile.mw-col-xs-5 {
    width: calc((120px * 5) + ((5 - 1) * 8px));
}

.mw-tile.mw-col-xs-6 {
    width: calc((120px * 6) + ((6 - 1) * 8px));
}

.mw-tile.mw-col-xs-7 {
    width: calc((120px * 7) + ((7 - 1) * 8px));
}

.mw-tile.mw-col-xs-8 {
    width: calc((120px * 8) + ((8 - 1) * 8px));
}

.mw-tile.mw-col-xs-9 {
    width: calc((120px * 9) + ((9 - 1) * 8px));
}

.mw-tile.mw-col-xs-10 {
    width: calc((120px * 10) + ((10 - 1) * 8px));
}

.mw-tile.mw-col-xs-11 {
    width: calc((120px * 11) + ((11 - 1) * 8px));
}

.mw-tile.mw-col-xs-12 {
    width: calc((120px * 12) + ((12 - 1) * 8px));
}

@media (min-width: 768px) {
    /* Row */
    .mw-tile.mw-row-sm-1 {
        height: calc((120px * 1) + ((1 - 1) * 8px));
    }
    .mw-tile.mw-row-sm-2 {
        height: calc((120px * 2) + ((2 - 1) * 8px));
    }
    .mw-tile.mw-row-sm-3 {
        height: calc((120px * 3) + ((3 - 1) * 8px));
    }
    .mw-tile.mw-row-sm-4 {
        height: calc((120px * 4) + ((4 - 1) * 8px));
    }
    .mw-tile.mw-row-sm-5 {
        height: calc((120px * 5) + ((5 - 1) * 8px));
    }
    .mw-tile.mw-row-sm-6 {
        height: calc((120px * 6) + ((6 - 1) * 8px));
    }
    .mw-tile.mw-row-sm-7 {
        height: calc((120px * 7) + ((7 - 1) * 8px));
    }
    .mw-tile.mw-row-sm-8 {
        height: calc((120px * 8) + ((8 - 1) * 8px));
    }
    .mw-tile.mw-row-sm-9 {
        height: calc((120px * 9) + ((9 - 1) * 8px));
    }
    .mw-tile.mw-row-sm-10 {
        height: calc((120px * 10) + ((10 - 1) * 8px));
    }
    .mw-tile.mw-row-sm-11 {
        height: calc((120px * 11) + ((11 - 1) * 8px));
    }
    .mw-tile.mw-row-sm-12 {
        height: calc((120px * 12) + ((12 - 1) * 8px));
    }
    /* Column */
    .mw-tile.mw-col-sm-1 {
        width: calc((120px * 1) + ((1 - 1) * 8px));
    }
    .mw-tile.mw-col-sm-2 {
        width: calc((120px * 2) + ((2 - 1) * 8px));
    }
    .mw-tile.mw-col-sm-3 {
        width: calc((120px * 3) + ((3 - 1) * 8px));
    }
    .mw-tile.mw-col-sm-4 {
        width: calc((120px * 4) + ((4 - 1) * 8px));
    }
    .mw-tile.mw-col-sm-5 {
        width: calc((120px * 5) + ((5 - 1) * 8px));
    }
    .mw-tile.mw-col-sm-6 {
        width: calc((120px * 6) + ((6 - 1) * 8px));
    }
    .mw-tile.mw-col-sm-7 {
        width: calc((120px * 7) + ((7 - 1) * 8px));
    }
    .mw-tile.mw-col-sm-8 {
        width: calc((120px * 8) + ((8 - 1) * 8px));
    }
    .mw-tile.mw-col-sm-9 {
        width: calc((120px * 9) + ((9 - 1) * 8px));
    }
    .mw-tile.mw-col-sm-10 {
        width: calc((120px * 10) + ((10 - 1) * 8px));
    }
    .mw-tile.mw-col-sm-11 {
        width: calc((120px * 11) + ((11 - 1) * 8px));
    }
    .mw-tile.mw-col-sm-12 {
        width: calc((120px * 12) + ((12 - 1) * 8px));
    }
}

@media (min-width: 992px) {
    /* Row */
    .mw-tile.mw-row-md-1 {
        height: calc((120px * 1) + ((1 - 1) * 8px));
    }
    .mw-tile.mw-row-md-2 {
        height: calc((120px * 2) + ((2 - 1) * 8px));
    }
    .mw-tile.mw-row-md-3 {
        height: calc((120px * 3) + ((3 - 1) * 8px));
    }
    .mw-tile.mw-row-md-4 {
        height: calc((120px * 4) + ((4 - 1) * 8px));
    }
    .mw-tile.mw-row-md-5 {
        height: calc((120px * 5) + ((5 - 1) * 8px));
    }
    .mw-tile.mw-row-md-6 {
        height: calc((120px * 6) + ((6 - 1) * 8px));
    }
    .mw-tile.mw-row-md-7 {
        height: calc((120px * 7) + ((7 - 1) * 8px));
    }
    .mw-tile.mw-row-md-8 {
        height: calc((120px * 8) + ((8 - 1) * 8px));
    }
    .mw-tile.mw-row-md-9 {
        height: calc((120px * 9) + ((9 - 1) * 8px));
    }
    .mw-tile.mw-row-md-10 {
        height: calc((120px * 10) + ((10 - 1) * 8px));
    }
    .mw-tile.mw-row-md-11 {
        height: calc((120px * 11) + ((11 - 1) * 8px));
    }
    .mw-tile.mw-row-md-12 {
        height: calc((120px * 12) + ((12 - 1) * 8px));
    }
    /* Column */
    .mw-tile.mw-col-md-1 {
        width: calc((120px * 1) + ((1 - 1) * 8px));
    }
    .mw-tile.mw-col-md-2 {
        width: calc((120px * 2) + ((2 - 1) * 8px));
    }
    .mw-tile.mw-col-md-3 {
        width: calc((120px * 3) + ((3 - 1) * 8px));
    }
    .mw-tile.mw-col-md-4 {
        width: calc((120px * 4) + ((4 - 1) * 8px));
    }
    .mw-tile.mw-col-md-5 {
        width: calc((120px * 5) + ((5 - 1) * 8px));
    }
    .mw-tile.mw-col-md-6 {
        width: calc((120px * 6) + ((6 - 1) * 8px));
    }
    .mw-tile.mw-col-md-7 {
        width: calc((120px * 7) + ((7 - 1) * 8px));
    }
    .mw-tile.mw-col-md-8 {
        width: calc((120px * 8) + ((8 - 1) * 8px));
    }
    .mw-tile.mw-col-md-9 {
        width: calc((120px * 9) + ((9 - 1) * 8px));
    }
    .mw-tile.mw-col-md-10 {
        width: calc((120px * 10) + ((10 - 1) * 8px));
    }
    .mw-tile.mw-col-md-11 {
        width: calc((120px * 11) + ((11 - 1) * 8px));
    }
    .mw-tile.mw-col-md-12 {
        width: calc((120px * 12) + ((12 - 1) * 8px));
    }
}

@media (min-width: 1200px) {
    /* Row */
    .mw-tile.mw-row-lg-1 {
        height: calc((120px * 1) + ((1 - 1) * 8px));
    }
    .mw-tile.mw-row-lg-2 {
        height: calc((120px * 2) + ((2 - 1) * 8px));
    }
    .mw-tile.mw-row-lg-3 {
        height: calc((120px * 3) + ((3 - 1) * 8px));
    }
    .mw-tile.mw-row-lg-4 {
        height: calc((120px * 4) + ((4 - 1) * 8px));
    }
    .mw-tile.mw-row-lg-5 {
        height: calc((120px * 5) + ((5 - 1) * 8px));
    }
    .mw-tile.mw-row-lg-6 {
        height: calc((120px * 6) + ((6 - 1) * 8px));
    }
    .mw-tile.mw-row-lg-7 {
        height: calc((120px * 7) + ((7 - 1) * 8px));
    }
    .mw-tile.mw-row-lg-8 {
        height: calc((120px * 8) + ((8 - 1) * 8px));
    }
    .mw-tile.mw-row-lg-9 {
        height: calc((120px * 9) + ((9 - 1) * 8px));
    }
    .mw-tile.mw-row-lg-10 {
        height: calc((120px * 10) + ((10 - 1) * 8px));
    }
    .mw-tile.mw-row-lg-11 {
        height: calc((120px * 11) + ((11 - 1) * 8px));
    }
    .mw-tile.mw-row-lg-12 {
        height: calc((120px * 12) + ((12 - 1) * 8px));
    }
    /* Column */
    .mw-tile.mw-col-lg-1 {
        width: calc((120px * 1) + ((1 - 1) * 8px));
    }
    .mw-tile.mw-col-lg-2 {
        width: calc((120px * 2) + ((2 - 1) * 8px));
    }
    .mw-tile.mw-col-lg-3 {
        width: calc((120px * 3) + ((3 - 1) * 8px));
    }
    .mw-tile.mw-col-lg-4 {
        width: calc((120px * 4) + ((4 - 1) * 8px));
    }
    .mw-tile.mw-col-lg-5 {
        width: calc((120px * 5) + ((5 - 1) * 8px));
    }
    .mw-tile.mw-col-lg-6 {
        width: calc((120px * 6) + ((6 - 1) * 8px));
    }
    .mw-tile.mw-col-lg-7 {
        width: calc((120px * 7) + ((7 - 1) * 8px));
    }
    .mw-tile.mw-col-lg-8 {
        width: calc((120px * 8) + ((8 - 1) * 8px));
    }
    .mw-tile.mw-col-lg-9 {
        width: calc((120px * 9) + ((9 - 1) * 8px));
    }
    .mw-tile.mw-col-lg-10 {
        width: calc((120px * 10) + ((10 - 1) * 8px));
    }
    .mw-tile.mw-col-lg-11 {
        width: calc((120px * 11) + ((11 - 1) * 8px));
    }
    .mw-tile.mw-col-lg-12 {
        width: calc((120px * 12) + ((12 - 1) * 8px));
    }
}

/* Tile Modifier (offset, pull, push) 
   ========================================================================== */
/* Row */
.mw-tile.mw-row-offset-1 {
    margin-top: calc((120px * 1) + (1 * 8px));
}

.mw-tile.mw-row-offset-2 {
    margin-top: calc((120px * 2) + (2 * 8px));
}

.mw-tile.mw-row-offset-3 {
    margin-top: calc((120px * 3) + (3 * 8px));
}

.mw-tile.mw-row-offset-4 {
    margin-top: calc((120px * 4) + (4 * 8px));
}

.mw-tile.mw-row-offset-5 {
    margin-top: calc((120px * 5) + (5 * 8px));
}

.mw-tile.mw-row-offset-6 {
    margin-top: calc((120px * 6) + (6 * 8px));
}

.mw-tile.mw-row-offset-7 {
    margin-top: calc((120px * 7) + (7 * 8px));
}

.mw-tile.mw-row-offset-8 {
    margin-top: calc((120px * 8) + (8 * 8px));
}

.mw-tile.mw-row-offset-9 {
    margin-top: calc((120px * 9) + (9 * 8px));
}

.mw-tile.mw-row-offset-10 {
    margin-top: calc((120px * 10) + (10 * 8px));
}

.mw-tile.mw-row-offset-11 {
    margin-top: calc((120px * 11) + (11 * 8px));
}

.mw-tile.mw-row-offset-12 {
    margin-top: calc((120px * 12) + (12 * 8px));
}

.mw-tile.mw-row-xs-offset-1 {
    margin-top: calc((120px * 1) + (1 * 8px));
}

.mw-tile.mw-row-xs-offset-2 {
    margin-top: calc((120px * 2) + (2 * 8px));
}

.mw-tile.mw-row-xs-offset-3 {
    margin-top: calc((120px * 3) + (3 * 8px));
}

.mw-tile.mw-row-xs-offset-4 {
    margin-top: calc((120px * 4) + (4 * 8px));
}

.mw-tile.mw-row-xs-offset-5 {
    margin-top: calc((120px * 5) + (5 * 8px));
}

.mw-tile.mw-row-xs-offset-6 {
    margin-top: calc((120px * 6) + (6 * 8px));
}

.mw-tile.mw-row-xs-offset-7 {
    margin-top: calc((120px * 7) + (7 * 8px));
}

.mw-tile.mw-row-xs-offset-8 {
    margin-top: calc((120px * 8) + (8 * 8px));
}

.mw-tile.mw-row-xs-offset-9 {
    margin-top: calc((120px * 9) + (9 * 8px));
}

.mw-tile.mw-row-xs-offset-10 {
    margin-top: calc((120px * 10) + (10 * 8px));
}

.mw-tile.mw-row-xs-offset-11 {
    margin-top: calc((120px * 11) + (11 * 8px));
}

.mw-tile.mw-row-xs-offset-12 {
    margin-top: calc((120px * 12) + (12 * 8px));
}

@media (min-width: 768px) {
    .mw-tile.mw-row-sm-offset-1 {
        margin-top: calc((120px * 1) + (1 * 8px));
    }
    .mw-tile.mw-row-sm-offset-2 {
        margin-top: calc((120px * 2) + (2 * 8px));
    }
    .mw-tile.mw-row-sm-offset-3 {
        margin-top: calc((120px * 3) + (3 * 8px));
    }
    .mw-tile.mw-row-sm-offset-4 {
        margin-top: calc((120px * 4) + (4 * 8px));
    }
    .mw-tile.mw-row-sm-offset-5 {
        margin-top: calc((120px * 5) + (5 * 8px));
    }
    .mw-tile.mw-row-sm-offset-6 {
        margin-top: calc((120px * 6) + (6 * 8px));
    }
    .mw-tile.mw-row-sm-offset-7 {
        margin-top: calc((120px * 7) + (7 * 8px));
    }
    .mw-tile.mw-row-sm-offset-8 {
        margin-top: calc((120px * 8) + (8 * 8px));
    }
    .mw-tile.mw-row-sm-offset-9 {
        margin-top: calc((120px * 9) + (9 * 8px));
    }
    .mw-tile.mw-row-sm-offset-10 {
        margin-top: calc((120px * 10) + (10 * 8px));
    }
    .mw-tile.mw-row-sm-offset-11 {
        margin-top: calc((120px * 11) + (11 * 8px));
    }
    .mw-tile.mw-row-sm-offset-12 {
        margin-top: calc((120px * 12) + (12 * 8px));
    }
}

@media (min-width: 992px) {
    .mw-tile.mw-row-md-offset-1 {
        margin-top: calc((120px * 1) + (1 * 8px));
    }
    .mw-tile.mw-row-md-offset-2 {
        margin-top: calc((120px * 2) + (2 * 8px));
    }
    .mw-tile.mw-row-md-offset-3 {
        margin-top: calc((120px * 3) + (3 * 8px));
    }
    .mw-tile.mw-row-md-offset-4 {
        margin-top: calc((120px * 4) + (4 * 8px));
    }
    .mw-tile.mw-row-md-offset-5 {
        margin-top: calc((120px * 5) + (5 * 8px));
    }
    .mw-tile.mw-row-md-offset-6 {
        margin-top: calc((120px * 6) + (6 * 8px));
    }
    .mw-tile.mw-row-md-offset-7 {
        margin-top: calc((120px * 7) + (7 * 8px));
    }
    .mw-tile.mw-row-md-offset-8 {
        margin-top: calc((120px * 8) + (8 * 8px));
    }
    .mw-tile.mw-row-md-offset-9 {
        margin-top: calc((120px * 9) + (9 * 8px));
    }
    .mw-tile.mw-row-md-offset-10 {
        margin-top: calc((120px * 10) + (10 * 8px));
    }
    .mw-tile.mw-row-md-offset-11 {
        margin-top: calc((120px * 11) + (11 * 8px));
    }
    .mw-tile.mw-row-md-offset-12 {
        margin-top: calc((120px * 12) + (12 * 8px));
    }
}

@media (min-width: 1200px) {
    .mw-tile.mw-row-lg-offset-1 {
        margin-top: calc((120px * 1) + (1 * 8px));
    }
    .mw-tile.mw-row-lg-offset-2 {
        margin-top: calc((120px * 2) + (2 * 8px));
    }
    .mw-tile.mw-row-lg-offset-3 {
        margin-top: calc((120px * 3) + (3 * 8px));
    }
    .mw-tile.mw-row-lg-offset-4 {
        margin-top: calc((120px * 4) + (4 * 8px));
    }
    .mw-tile.mw-row-lg-offset-5 {
        margin-top: calc((120px * 5) + (5 * 8px));
    }
    .mw-tile.mw-row-lg-offset-6 {
        margin-top: calc((120px * 6) + (6 * 8px));
    }
    .mw-tile.mw-row-lg-offset-7 {
        margin-top: calc((120px * 7) + (7 * 8px));
    }
    .mw-tile.mw-row-lg-offset-8 {
        margin-top: calc((120px * 8) + (8 * 8px));
    }
    .mw-tile.mw-row-lg-offset-9 {
        margin-top: calc((120px * 9) + (9 * 8px));
    }
    .mw-tile.mw-row-lg-offset-10 {
        margin-top: calc((120px * 10) + (10 * 8px));
    }
    .mw-tile.mw-row-lg-offset-11 {
        margin-top: calc((120px * 11) + (11 * 8px));
    }
    .mw-tile.mw-row-lg-offset-12 {
        margin-top: calc((120px * 12) + (12 * 8px));
    }
}

.mw-tile.mw-row-pull-1 {
    bottom: calc((120px * 1) + ((1) * 8px));
}

.mw-tile.mw-row-pull-2 {
    bottom: calc((120px * 2) + ((2) * 8px));
}

.mw-tile.mw-row-pull-3 {
    bottom: calc((120px * 3) + ((3) * 8px));
}

.mw-tile.mw-row-pull-4 {
    bottom: calc((120px * 4) + ((4) * 8px));
}

.mw-tile.mw-row-pull-5 {
    bottom: calc((120px * 5) + ((5) * 8px));
}

.mw-tile.mw-row-pull-6 {
    bottom: calc((120px * 6) + ((6) * 8px));
}

.mw-tile.mw-row-pull-7 {
    bottom: calc((120px * 7) + ((7) * 8px));
}

.mw-tile.mw-row-pull-8 {
    bottom: calc((120px * 8) + ((8) * 8px));
}

.mw-tile.mw-row-pull-9 {
    bottom: calc((120px * 9) + ((9) * 8px));
}

.mw-tile.mw-row-pull-10 {
    bottom: calc((120px * 10) + ((10) * 8px));
}

.mw-tile.mw-row-pull-11 {
    bottom: calc((120px * 11) + ((11) * 8px));
}

.mw-tile.mw-row-pull-12 {
    bottom: calc((120px * 12) + ((12) * 8px));
}

.mw-tile.mw-row-xs-pull-1 {
    bottom: calc((120px * 1) + ((1) * 8px));
}

.mw-tile.mw-row-xs-pull-2 {
    bottom: calc((120px * 2) + ((2) * 8px));
}

.mw-tile.mw-row-xs-pull-3 {
    bottom: calc((120px * 3) + ((3) * 8px));
}

.mw-tile.mw-row-xs-pull-4 {
    bottom: calc((120px * 4) + ((4) * 8px));
}

.mw-tile.mw-row-xs-pull-5 {
    bottom: calc((120px * 5) + ((5) * 8px));
}

.mw-tile.mw-row-xs-pull-6 {
    bottom: calc((120px * 6) + ((6) * 8px));
}

.mw-tile.mw-row-xs-pull-7 {
    bottom: calc((120px * 7) + ((7) * 8px));
}

.mw-tile.mw-row-xs-pull-8 {
    bottom: calc((120px * 8) + ((8) * 8px));
}

.mw-tile.mw-row-xs-pull-9 {
    bottom: calc((120px * 9) + ((9) * 8px));
}

.mw-tile.mw-row-xs-pull-10 {
    bottom: calc((120px * 10) + ((10) * 8px));
}

.mw-tile.mw-row-xs-pull-11 {
    bottom: calc((120px * 11) + ((11) * 8px));
}

.mw-tile.mw-row-xs-pull-12 {
    bottom: calc((120px * 12) + ((12) * 8px));
}

@media (min-width: 768px) {
    .mw-tile.mw-row-sm-pull-1 {
        bottom: calc((120px * 1) + ((1) * 8px));
    }
    .mw-tile.mw-row-sm-pull-2 {
        bottom: calc((120px * 2) + ((2) * 8px));
    }
    .mw-tile.mw-row-sm-pull-3 {
        bottom: calc((120px * 3) + ((3) * 8px));
    }
    .mw-tile.mw-row-sm-pull-4 {
        bottom: calc((120px * 4) + ((4) * 8px));
    }
    .mw-tile.mw-row-sm-pull-5 {
        bottom: calc((120px * 5) + ((5) * 8px));
    }
    .mw-tile.mw-row-sm-pull-6 {
        bottom: calc((120px * 6) + ((6) * 8px));
    }
    .mw-tile.mw-row-sm-pull-7 {
        bottom: calc((120px * 7) + ((7) * 8px));
    }
    .mw-tile.mw-row-sm-pull-8 {
        bottom: calc((120px * 8) + ((8) * 8px));
    }
    .mw-tile.mw-row-sm-pull-9 {
        bottom: calc((120px * 9) + ((9) * 8px));
    }
    .mw-tile.mw-row-sm-pull-10 {
        bottom: calc((120px * 10) + ((10) * 8px));
    }
    .mw-tile.mw-row-sm-pull-11 {
        bottom: calc((120px * 11) + ((11) * 8px));
    }
    .mw-tile.mw-row-sm-pull-12 {
        bottom: calc((120px * 12) + ((12) * 8px));
    }
}

@media (min-width: 992px) {
    .mw-tile.mw-row-md-pull-1 {
        bottom: calc((120px * 1) + ((1) * 8px));
    }
    .mw-tile.mw-row-md-pull-2 {
        bottom: calc((120px * 2) + ((2) * 8px));
    }
    .mw-tile.mw-row-md-pull-3 {
        bottom: calc((120px * 3) + ((3) * 8px));
    }
    .mw-tile.mw-row-md-pull-4 {
        bottom: calc((120px * 4) + ((4) * 8px));
    }
    .mw-tile.mw-row-md-pull-5 {
        bottom: calc((120px * 5) + ((5) * 8px));
    }
    .mw-tile.mw-row-md-pull-6 {
        bottom: calc((120px * 6) + ((6) * 8px));
    }
    .mw-tile.mw-row-md-pull-7 {
        bottom: calc((120px * 7) + ((7) * 8px));
    }
    .mw-tile.mw-row-md-pull-8 {
        bottom: calc((120px * 8) + ((8) * 8px));
    }
    .mw-tile.mw-row-md-pull-9 {
        bottom: calc((120px * 9) + ((9) * 8px));
    }
    .mw-tile.mw-row-md-pull-10 {
        bottom: calc((120px * 10) + ((10) * 8px));
    }
    .mw-tile.mw-row-md-pull-11 {
        bottom: calc((120px * 11) + ((11) * 8px));
    }
    .mw-tile.mw-row-md-pull-12 {
        bottom: calc((120px * 12) + ((12) * 8px));
    }
}

@media (min-width: 1200px) {
    .mw-tile.mw-row-lg-pull-1 {
        bottom: calc((120px * 1) + ((1) * 8px));
    }
    .mw-tile.mw-row-lg-pull-2 {
        bottom: calc((120px * 2) + ((2) * 8px));
    }
    .mw-tile.mw-row-lg-pull-3 {
        bottom: calc((120px * 3) + ((3) * 8px));
    }
    .mw-tile.mw-row-lg-pull-4 {
        bottom: calc((120px * 4) + ((4) * 8px));
    }
    .mw-tile.mw-row-lg-pull-5 {
        bottom: calc((120px * 5) + ((5) * 8px));
    }
    .mw-tile.mw-row-lg-pull-6 {
        bottom: calc((120px * 6) + ((6) * 8px));
    }
    .mw-tile.mw-row-lg-pull-7 {
        bottom: calc((120px * 7) + ((7) * 8px));
    }
    .mw-tile.mw-row-lg-pull-8 {
        bottom: calc((120px * 8) + ((8) * 8px));
    }
    .mw-tile.mw-row-lg-pull-9 {
        bottom: calc((120px * 9) + ((9) * 8px));
    }
    .mw-tile.mw-row-lg-pull-10 {
        bottom: calc((120px * 10) + ((10) * 8px));
    }
    .mw-tile.mw-row-lg-pull-11 {
        bottom: calc((120px * 11) + ((11) * 8px));
    }
    .mw-tile.mw-row-lg-pull-12 {
        bottom: calc((120px * 12) + ((12) * 8px));
    }
}

.mw-tile.mw-row-push-1 {
    top: calc((120px * 1) + ((1) * 8px));
}

.mw-tile.mw-row-push-2 {
    top: calc((120px * 2) + ((2) * 8px));
}

.mw-tile.mw-row-push-3 {
    top: calc((120px * 3) + ((3) * 8px));
}

.mw-tile.mw-row-push-4 {
    top: calc((120px * 4) + ((4) * 8px));
}

.mw-tile.mw-row-push-5 {
    top: calc((120px * 5) + ((5) * 8px));
}

.mw-tile.mw-row-push-6 {
    top: calc((120px * 6) + ((6) * 8px));
}

.mw-tile.mw-row-push-7 {
    top: calc((120px * 7) + ((7) * 8px));
}

.mw-tile.mw-row-push-8 {
    top: calc((120px * 8) + ((8) * 8px));
}

.mw-tile.mw-row-push-9 {
    top: calc((120px * 9) + ((9) * 8px));
}

.mw-tile.mw-row-push-10 {
    top: calc((120px * 10) + ((10) * 8px));
}

.mw-tile.mw-row-push-11 {
    top: calc((120px * 11) + ((11) * 8px));
}

.mw-tile.mw-row-push-12 {
    top: calc((120px * 12) + ((12) * 8px));
}

.mw-tile.mw-row-xs-push-1 {
    top: calc((120px * 1) + ((1) * 8px));
}

.mw-tile.mw-row-xs-push-2 {
    top: calc((120px * 2) + ((2) * 8px));
}

.mw-tile.mw-row-xs-push-3 {
    top: calc((120px * 3) + ((3) * 8px));
}

.mw-tile.mw-row-xs-push-4 {
    top: calc((120px * 4) + ((4) * 8px));
}

.mw-tile.mw-row-xs-push-5 {
    top: calc((120px * 5) + ((5) * 8px));
}

.mw-tile.mw-row-xs-push-6 {
    top: calc((120px * 6) + ((6) * 8px));
}

.mw-tile.mw-row-xs-push-7 {
    top: calc((120px * 7) + ((7) * 8px));
}

.mw-tile.mw-row-xs-push-8 {
    top: calc((120px * 8) + ((8) * 8px));
}

.mw-tile.mw-row-xs-push-9 {
    top: calc((120px * 9) + ((9) * 8px));
}

.mw-tile.mw-row-xs-push-10 {
    top: calc((120px * 10) + ((10) * 8px));
}

.mw-tile.mw-row-xs-push-11 {
    top: calc((120px * 11) + ((11) * 8px));
}

.mw-tile.mw-row-xs-push-12 {
    top: calc((120px * 12) + ((12) * 8px));
}

@media (min-width: 768px) {
    .mw-tile.mw-row-sm-push-1 {
        top: calc((120px * 1) + ((1) * 8px));
    }
    .mw-tile.mw-row-sm-push-2 {
        top: calc((120px * 2) + ((2) * 8px));
    }
    .mw-tile.mw-row-sm-push-3 {
        top: calc((120px * 3) + ((3) * 8px));
    }
    .mw-tile.mw-row-sm-push-4 {
        top: calc((120px * 4) + ((4) * 8px));
    }
    .mw-tile.mw-row-sm-push-5 {
        top: calc((120px * 5) + ((5) * 8px));
    }
    .mw-tile.mw-row-sm-push-6 {
        top: calc((120px * 6) + ((6) * 8px));
    }
    .mw-tile.mw-row-sm-push-7 {
        top: calc((120px * 7) + ((7) * 8px));
    }
    .mw-tile.mw-row-sm-push-8 {
        top: calc((120px * 8) + ((8) * 8px));
    }
    .mw-tile.mw-row-sm-push-9 {
        top: calc((120px * 9) + ((9) * 8px));
    }
    .mw-tile.mw-row-sm-push-10 {
        top: calc((120px * 10) + ((10) * 8px));
    }
    .mw-tile.mw-row-sm-push-11 {
        top: calc((120px * 11) + ((11) * 8px));
    }
    .mw-tile.mw-row-sm-push-12 {
        top: calc((120px * 12) + ((12) * 8px));
    }
}

@media (min-width: 992px) {
    .mw-tile.mw-row-md-push-1 {
        top: calc((120px * 1) + ((1) * 8px));
    }
    .mw-tile.mw-row-md-push-2 {
        top: calc((120px * 2) + ((2) * 8px));
    }
    .mw-tile.mw-row-md-push-3 {
        top: calc((120px * 3) + ((3) * 8px));
    }
    .mw-tile.mw-row-md-push-4 {
        top: calc((120px * 4) + ((4) * 8px));
    }
    .mw-tile.mw-row-md-push-5 {
        top: calc((120px * 5) + ((5) * 8px));
    }
    .mw-tile.mw-row-md-push-6 {
        top: calc((120px * 6) + ((6) * 8px));
    }
    .mw-tile.mw-row-md-push-7 {
        top: calc((120px * 7) + ((7) * 8px));
    }
    .mw-tile.mw-row-md-push-8 {
        top: calc((120px * 8) + ((8) * 8px));
    }
    .mw-tile.mw-row-md-push-9 {
        top: calc((120px * 9) + ((9) * 8px));
    }
    .mw-tile.mw-row-md-push-10 {
        top: calc((120px * 10) + ((10) * 8px));
    }
    .mw-tile.mw-row-md-push-11 {
        top: calc((120px * 11) + ((11) * 8px));
    }
    .mw-tile.mw-row-md-push-12 {
        top: calc((120px * 12) + ((12) * 8px));
    }
}

@media (min-width: 1200px) {
    .mw-tile.mw-row-lg-push-1 {
        top: calc((120px * 1) + ((1) * 8px));
    }
    .mw-tile.mw-row-lg-push-2 {
        top: calc((120px * 2) + ((2) * 8px));
    }
    .mw-tile.mw-row-lg-push-3 {
        top: calc((120px * 3) + ((3) * 8px));
    }
    .mw-tile.mw-row-lg-push-4 {
        top: calc((120px * 4) + ((4) * 8px));
    }
    .mw-tile.mw-row-lg-push-5 {
        top: calc((120px * 5) + ((5) * 8px));
    }
    .mw-tile.mw-row-lg-push-6 {
        top: calc((120px * 6) + ((6) * 8px));
    }
    .mw-tile.mw-row-lg-push-7 {
        top: calc((120px * 7) + ((7) * 8px));
    }
    .mw-tile.mw-row-lg-push-8 {
        top: calc((120px * 8) + ((8) * 8px));
    }
    .mw-tile.mw-row-lg-push-9 {
        top: calc((120px * 9) + ((9) * 8px));
    }
    .mw-tile.mw-row-lg-push-10 {
        top: calc((120px * 10) + ((10) * 8px));
    }
    .mw-tile.mw-row-lg-push-11 {
        top: calc((120px * 11) + ((11) * 8px));
    }
    .mw-tile.mw-row-lg-push-12 {
        top: calc((120px * 12) + ((12) * 8px));
    }
}

/* Column */
.mw-tile.mw-col-offset-1 {
    margin-left: calc((120px * 1) + (1 * 8px));
}

.mw-tile.mw-col-offset-2 {
    margin-left: calc((120px * 2) + (2 * 8px));
}

.mw-tile.mw-col-offset-3 {
    margin-left: calc((120px * 3) + (3 * 8px));
}

.mw-tile.mw-col-offset-4 {
    margin-left: calc((120px * 4) + (4 * 8px));
}

.mw-tile.mw-col-offset-5 {
    margin-left: calc((120px * 5) + (5 * 8px));
}

.mw-tile.mw-col-offset-6 {
    margin-left: calc((120px * 6) + (6 * 8px));
}

.mw-tile.mw-col-offset-7 {
    margin-left: calc((120px * 7) + (7 * 8px));
}

.mw-tile.mw-col-offset-8 {
    margin-left: calc((120px * 8) + (8 * 8px));
}

.mw-tile.mw-col-offset-9 {
    margin-left: calc((120px * 9) + (9 * 8px));
}

.mw-tile.mw-col-offset-10 {
    margin-left: calc((120px * 10) + (10 * 8px));
}

.mw-tile.mw-col-offset-11 {
    margin-left: calc((120px * 11) + (11 * 8px));
}

.mw-tile.mw-col-offset-12 {
    margin-left: calc((120px * 12) + (12 * 8px));
}

.mw-tile.mw-col-xs-offset-1 {
    margin-left: calc((120px * 1) + (1 * 8px));
}

.mw-tile.mw-col-xs-offset-2 {
    margin-left: calc((120px * 2) + (2 * 8px));
}

.mw-tile.mw-col-xs-offset-3 {
    margin-left: calc((120px * 3) + (3 * 8px));
}

.mw-tile.mw-col-xs-offset-4 {
    margin-left: calc((120px * 4) + (4 * 8px));
}

.mw-tile.mw-col-xs-offset-5 {
    margin-left: calc((120px * 5) + (5 * 8px));
}

.mw-tile.mw-col-xs-offset-6 {
    margin-left: calc((120px * 6) + (6 * 8px));
}

.mw-tile.mw-col-xs-offset-7 {
    margin-left: calc((120px * 7) + (7 * 8px));
}

.mw-tile.mw-col-xs-offset-8 {
    margin-left: calc((120px * 8) + (8 * 8px));
}

.mw-tile.mw-col-xs-offset-9 {
    margin-left: calc((120px * 9) + (9 * 8px));
}

.mw-tile.mw-col-xs-offset-10 {
    margin-left: calc((120px * 10) + (10 * 8px));
}

.mw-tile.mw-col-xs-offset-11 {
    margin-left: calc((120px * 11) + (11 * 8px));
}

.mw-tile.mw-col-xs-offset-12 {
    margin-left: calc((120px * 12) + (12 * 8px));
}

@media (min-width: 768px) {
    .mw-tile.mw-col-sm-offset-1 {
        margin-left: calc((120px * 1) + (1 * 8px));
    }
    .mw-tile.mw-col-sm-offset-2 {
        margin-left: calc((120px * 2) + (2 * 8px));
    }
    .mw-tile.mw-col-sm-offset-3 {
        margin-left: calc((120px * 3) + (3 * 8px));
    }
    .mw-tile.mw-col-sm-offset-4 {
        margin-left: calc((120px * 4) + (4 * 8px));
    }
    .mw-tile.mw-col-sm-offset-5 {
        margin-left: calc((120px * 5) + (5 * 8px));
    }
    .mw-tile.mw-col-sm-offset-6 {
        margin-left: calc((120px * 6) + (6 * 8px));
    }
    .mw-tile.mw-col-sm-offset-7 {
        margin-left: calc((120px * 7) + (7 * 8px));
    }
    .mw-tile.mw-col-sm-offset-8 {
        margin-left: calc((120px * 8) + (8 * 8px));
    }
    .mw-tile.mw-col-sm-offset-9 {
        margin-left: calc((120px * 9) + (9 * 8px));
    }
    .mw-tile.mw-col-sm-offset-10 {
        margin-left: calc((120px * 10) + (10 * 8px));
    }
    .mw-tile.mw-col-sm-offset-11 {
        margin-left: calc((120px * 11) + (11 * 8px));
    }
    .mw-tile.mw-col-sm-offset-12 {
        margin-left: calc((120px * 12) + (12 * 8px));
    }
}

@media (min-width: 992px) {
    .mw-tile.mw-col-md-offset-1 {
        margin-left: calc((120px * 1) + (1 * 8px));
    }
    .mw-tile.mw-col-md-offset-2 {
        margin-left: calc((120px * 2) + (2 * 8px));
    }
    .mw-tile.mw-col-md-offset-3 {
        margin-left: calc((120px * 3) + (3 * 8px));
    }
    .mw-tile.mw-col-md-offset-4 {
        margin-left: calc((120px * 4) + (4 * 8px));
    }
    .mw-tile.mw-col-md-offset-5 {
        margin-left: calc((120px * 5) + (5 * 8px));
    }
    .mw-tile.mw-col-md-offset-6 {
        margin-left: calc((120px * 6) + (6 * 8px));
    }
    .mw-tile.mw-col-md-offset-7 {
        margin-left: calc((120px * 7) + (7 * 8px));
    }
    .mw-tile.mw-col-md-offset-8 {
        margin-left: calc((120px * 8) + (8 * 8px));
    }
    .mw-tile.mw-col-md-offset-9 {
        margin-left: calc((120px * 9) + (9 * 8px));
    }
    .mw-tile.mw-col-md-offset-10 {
        margin-left: calc((120px * 10) + (10 * 8px));
    }
    .mw-tile.mw-col-md-offset-11 {
        margin-left: calc((120px * 11) + (11 * 8px));
    }
    .mw-tile.mw-col-md-offset-12 {
        margin-left: calc((120px * 12) + (12 * 8px));
    }
}

@media (min-width: 1200px) {
    .mw-tile.mw-col-lg-offset-1 {
        margin-left: calc((120px * 1) + (1 * 8px));
    }
    .mw-tile.mw-col-lg-offset-2 {
        margin-left: calc((120px * 2) + (2 * 8px));
    }
    .mw-tile.mw-col-lg-offset-3 {
        margin-left: calc((120px * 3) + (3 * 8px));
    }
    .mw-tile.mw-col-lg-offset-4 {
        margin-left: calc((120px * 4) + (4 * 8px));
    }
    .mw-tile.mw-col-lg-offset-5 {
        margin-left: calc((120px * 5) + (5 * 8px));
    }
    .mw-tile.mw-col-lg-offset-6 {
        margin-left: calc((120px * 6) + (6 * 8px));
    }
    .mw-tile.mw-col-lg-offset-7 {
        margin-left: calc((120px * 7) + (7 * 8px));
    }
    .mw-tile.mw-col-lg-offset-8 {
        margin-left: calc((120px * 8) + (8 * 8px));
    }
    .mw-tile.mw-col-lg-offset-9 {
        margin-left: calc((120px * 9) + (9 * 8px));
    }
    .mw-tile.mw-col-lg-offset-10 {
        margin-left: calc((120px * 10) + (10 * 8px));
    }
    .mw-tile.mw-col-lg-offset-11 {
        margin-left: calc((120px * 11) + (11 * 8px));
    }
    .mw-tile.mw-col-lg-offset-12 {
        margin-left: calc((120px * 12) + (12 * 8px));
    }
}

.mw-tile.mw-col-pull-1 {
    right: calc((120px * 1) + ((1) * 8px));
}

.mw-tile.mw-col-pull-2 {
    right: calc((120px * 2) + ((2) * 8px));
}

.mw-tile.mw-col-pull-3 {
    right: calc((120px * 3) + ((3) * 8px));
}

.mw-tile.mw-col-pull-4 {
    right: calc((120px * 4) + ((4) * 8px));
}

.mw-tile.mw-col-pull-5 {
    right: calc((120px * 5) + ((5) * 8px));
}

.mw-tile.mw-col-pull-6 {
    right: calc((120px * 6) + ((6) * 8px));
}

.mw-tile.mw-col-pull-7 {
    right: calc((120px * 7) + ((7) * 8px));
}

.mw-tile.mw-col-pull-8 {
    right: calc((120px * 8) + ((8) * 8px));
}

.mw-tile.mw-col-pull-9 {
    right: calc((120px * 9) + ((9) * 8px));
}

.mw-tile.mw-col-pull-10 {
    right: calc((120px * 10) + ((10) * 8px));
}

.mw-tile.mw-col-pull-11 {
    right: calc((120px * 11) + ((11) * 8px));
}

.mw-tile.mw-col-pull-12 {
    right: calc((120px * 12) + ((12) * 8px));
}

.mw-tile.mw-col-xs-pull-1 {
    right: calc((120px * 1) + ((1) * 8px));
}

.mw-tile.mw-col-xs-pull-2 {
    right: calc((120px * 2) + ((2) * 8px));
}

.mw-tile.mw-col-xs-pull-3 {
    right: calc((120px * 3) + ((3) * 8px));
}

.mw-tile.mw-col-xs-pull-4 {
    right: calc((120px * 4) + ((4) * 8px));
}

.mw-tile.mw-col-xs-pull-5 {
    right: calc((120px * 5) + ((5) * 8px));
}

.mw-tile.mw-col-xs-pull-6 {
    right: calc((120px * 6) + ((6) * 8px));
}

.mw-tile.mw-col-xs-pull-7 {
    right: calc((120px * 7) + ((7) * 8px));
}

.mw-tile.mw-col-xs-pull-8 {
    right: calc((120px * 8) + ((8) * 8px));
}

.mw-tile.mw-col-xs-pull-9 {
    right: calc((120px * 9) + ((9) * 8px));
}

.mw-tile.mw-col-xs-pull-10 {
    right: calc((120px * 10) + ((10) * 8px));
}

.mw-tile.mw-col-xs-pull-11 {
    right: calc((120px * 11) + ((11) * 8px));
}

.mw-tile.mw-col-xs-pull-12 {
    right: calc((120px * 12) + ((12) * 8px));
}

@media (min-width: 768px) {
    .mw-tile.mw-col-sm-pull-1 {
        right: calc((120px * 1) + ((1) * 8px));
    }
    .mw-tile.mw-col-sm-pull-2 {
        right: calc((120px * 2) + ((2) * 8px));
    }
    .mw-tile.mw-col-sm-pull-3 {
        right: calc((120px * 3) + ((3) * 8px));
    }
    .mw-tile.mw-col-sm-pull-4 {
        right: calc((120px * 4) + ((4) * 8px));
    }
    .mw-tile.mw-col-sm-pull-5 {
        right: calc((120px * 5) + ((5) * 8px));
    }
    .mw-tile.mw-col-sm-pull-6 {
        right: calc((120px * 6) + ((6) * 8px));
    }
    .mw-tile.mw-col-sm-pull-7 {
        right: calc((120px * 7) + ((7) * 8px));
    }
    .mw-tile.mw-col-sm-pull-8 {
        right: calc((120px * 8) + ((8) * 8px));
    }
    .mw-tile.mw-col-sm-pull-9 {
        right: calc((120px * 9) + ((9) * 8px));
    }
    .mw-tile.mw-col-sm-pull-10 {
        right: calc((120px * 10) + ((10) * 8px));
    }
    .mw-tile.mw-col-sm-pull-11 {
        right: calc((120px * 11) + ((11) * 8px));
    }
    .mw-tile.mw-col-sm-pull-12 {
        right: calc((120px * 12) + ((12) * 8px));
    }
}

@media (min-width: 992px) {
    .mw-tile.mw-col-md-pull-1 {
        right: calc((120px * 1) + ((1) * 8px));
    }
    .mw-tile.mw-col-md-pull-2 {
        right: calc((120px * 2) + ((2) * 8px));
    }
    .mw-tile.mw-col-md-pull-3 {
        right: calc((120px * 3) + ((3) * 8px));
    }
    .mw-tile.mw-col-md-pull-4 {
        right: calc((120px * 4) + ((4) * 8px));
    }
    .mw-tile.mw-col-md-pull-5 {
        right: calc((120px * 5) + ((5) * 8px));
    }
    .mw-tile.mw-col-md-pull-6 {
        right: calc((120px * 6) + ((6) * 8px));
    }
    .mw-tile.mw-col-md-pull-7 {
        right: calc((120px * 7) + ((7) * 8px));
    }
    .mw-tile.mw-col-md-pull-8 {
        right: calc((120px * 8) + ((8) * 8px));
    }
    .mw-tile.mw-col-md-pull-9 {
        right: calc((120px * 9) + ((9) * 8px));
    }
    .mw-tile.mw-col-md-pull-10 {
        right: calc((120px * 10) + ((10) * 8px));
    }
    .mw-tile.mw-col-md-pull-11 {
        right: calc((120px * 11) + ((11) * 8px));
    }
    .mw-tile.mw-col-md-pull-12 {
        right: calc((120px * 12) + ((12) * 8px));
    }
}

@media (min-width: 1200px) {
    .mw-tile.mw-col-lg-pull-1 {
        right: calc((120px * 1) + ((1) * 8px));
    }
    .mw-tile.mw-col-lg-pull-2 {
        right: calc((120px * 2) + ((2) * 8px));
    }
    .mw-tile.mw-col-lg-pull-3 {
        right: calc((120px * 3) + ((3) * 8px));
    }
    .mw-tile.mw-col-lg-pull-4 {
        right: calc((120px * 4) + ((4) * 8px));
    }
    .mw-tile.mw-col-lg-pull-5 {
        right: calc((120px * 5) + ((5) * 8px));
    }
    .mw-tile.mw-col-lg-pull-6 {
        right: calc((120px * 6) + ((6) * 8px));
    }
    .mw-tile.mw-col-lg-pull-7 {
        right: calc((120px * 7) + ((7) * 8px));
    }
    .mw-tile.mw-col-lg-pull-8 {
        right: calc((120px * 8) + ((8) * 8px));
    }
    .mw-tile.mw-col-lg-pull-9 {
        right: calc((120px * 9) + ((9) * 8px));
    }
    .mw-tile.mw-col-lg-pull-10 {
        right: calc((120px * 10) + ((10) * 8px));
    }
    .mw-tile.mw-col-lg-pull-11 {
        right: calc((120px * 11) + ((11) * 8px));
    }
    .mw-tile.mw-col-lg-pull-12 {
        right: calc((120px * 12) + ((12) * 8px));
    }
}

.mw-tile.mw-col-push-1 {
    left: calc((120px * 1) + ((1) * 8px));
}

.mw-tile.mw-col-push-2 {
    left: calc((120px * 2) + ((2) * 8px));
}

.mw-tile.mw-col-push-3 {
    left: calc((120px * 3) + ((3) * 8px));
}

.mw-tile.mw-col-push-4 {
    left: calc((120px * 4) + ((4) * 8px));
}

.mw-tile.mw-col-push-5 {
    left: calc((120px * 5) + ((5) * 8px));
}

.mw-tile.mw-col-push-6 {
    left: calc((120px * 6) + ((6) * 8px));
}

.mw-tile.mw-col-push-7 {
    left: calc((120px * 7) + ((7) * 8px));
}

.mw-tile.mw-col-push-8 {
    left: calc((120px * 8) + ((8) * 8px));
}

.mw-tile.mw-col-push-9 {
    left: calc((120px * 9) + ((9) * 8px));
}

.mw-tile.mw-col-push-10 {
    left: calc((120px * 10) + ((10) * 8px));
}

.mw-tile.mw-col-push-11 {
    left: calc((120px * 11) + ((11) * 8px));
}

.mw-tile.mw-col-push-12 {
    left: calc((120px * 12) + ((12) * 8px));
}

.mw-tile.mw-col-xs-push-1 {
    left: calc((120px * 1) + ((1) * 8px));
}

.mw-tile.mw-col-xs-push-2 {
    left: calc((120px * 2) + ((2) * 8px));
}

.mw-tile.mw-col-xs-push-3 {
    left: calc((120px * 3) + ((3) * 8px));
}

.mw-tile.mw-col-xs-push-4 {
    left: calc((120px * 4) + ((4) * 8px));
}

.mw-tile.mw-col-xs-push-5 {
    left: calc((120px * 5) + ((5) * 8px));
}

.mw-tile.mw-col-xs-push-6 {
    left: calc((120px * 6) + ((6) * 8px));
}

.mw-tile.mw-col-xs-push-7 {
    left: calc((120px * 7) + ((7) * 8px));
}

.mw-tile.mw-col-xs-push-8 {
    left: calc((120px * 8) + ((8) * 8px));
}

.mw-tile.mw-col-xs-push-9 {
    left: calc((120px * 9) + ((9) * 8px));
}

.mw-tile.mw-col-xs-push-10 {
    left: calc((120px * 10) + ((10) * 8px));
}

.mw-tile.mw-col-xs-push-11 {
    left: calc((120px * 11) + ((11) * 8px));
}

.mw-tile.mw-col-xs-push-12 {
    left: calc((120px * 12) + ((12) * 8px));
}

@media (min-width: 768px) {
    .mw-tile.mw-col-sm-push-1 {
        left: calc((120px * 1) + ((1) * 8px));
    }
    .mw-tile.mw-col-sm-push-2 {
        left: calc((120px * 2) + ((2) * 8px));
    }
    .mw-tile.mw-col-sm-push-3 {
        left: calc((120px * 3) + ((3) * 8px));
    }
    .mw-tile.mw-col-sm-push-4 {
        left: calc((120px * 4) + ((4) * 8px));
    }
    .mw-tile.mw-col-sm-push-5 {
        left: calc((120px * 5) + ((5) * 8px));
    }
    .mw-tile.mw-col-sm-push-6 {
        left: calc((120px * 6) + ((6) * 8px));
    }
    .mw-tile.mw-col-sm-push-7 {
        left: calc((120px * 7) + ((7) * 8px));
    }
    .mw-tile.mw-col-sm-push-8 {
        left: calc((120px * 8) + ((8) * 8px));
    }
    .mw-tile.mw-col-sm-push-9 {
        left: calc((120px * 9) + ((9) * 8px));
    }
    .mw-tile.mw-col-sm-push-10 {
        left: calc((120px * 10) + ((10) * 8px));
    }
    .mw-tile.mw-col-sm-push-11 {
        left: calc((120px * 11) + ((11) * 8px));
    }
    .mw-tile.mw-col-sm-push-12 {
        left: calc((120px * 12) + ((12) * 8px));
    }
}

@media (min-width: 992px) {
    .mw-tile.mw-col-md-push-1 {
        left: calc((120px * 1) + ((1) * 8px));
    }
    .mw-tile.mw-col-md-push-2 {
        left: calc((120px * 2) + ((2) * 8px));
    }
    .mw-tile.mw-col-md-push-3 {
        left: calc((120px * 3) + ((3) * 8px));
    }
    .mw-tile.mw-col-md-push-4 {
        left: calc((120px * 4) + ((4) * 8px));
    }
    .mw-tile.mw-col-md-push-5 {
        left: calc((120px * 5) + ((5) * 8px));
    }
    .mw-tile.mw-col-md-push-6 {
        left: calc((120px * 6) + ((6) * 8px));
    }
    .mw-tile.mw-col-md-push-7 {
        left: calc((120px * 7) + ((7) * 8px));
    }
    .mw-tile.mw-col-md-push-8 {
        left: calc((120px * 8) + ((8) * 8px));
    }
    .mw-tile.mw-col-md-push-9 {
        left: calc((120px * 9) + ((9) * 8px));
    }
    .mw-tile.mw-col-md-push-10 {
        left: calc((120px * 10) + ((10) * 8px));
    }
    .mw-tile.mw-col-md-push-11 {
        left: calc((120px * 11) + ((11) * 8px));
    }
    .mw-tile.mw-col-md-push-12 {
        left: calc((120px * 12) + ((12) * 8px));
    }
}

@media (min-width: 1200px) {
    .mw-tile.mw-col-lg-push-1 {
        left: calc((120px * 1) + ((1) * 8px));
    }
    .mw-tile.mw-col-lg-push-2 {
        left: calc((120px * 2) + ((2) * 8px));
    }
    .mw-tile.mw-col-lg-push-3 {
        left: calc((120px * 3) + ((3) * 8px));
    }
    .mw-tile.mw-col-lg-push-4 {
        left: calc((120px * 4) + ((4) * 8px));
    }
    .mw-tile.mw-col-lg-push-5 {
        left: calc((120px * 5) + ((5) * 8px));
    }
    .mw-tile.mw-col-lg-push-6 {
        left: calc((120px * 6) + ((6) * 8px));
    }
    .mw-tile.mw-col-lg-push-7 {
        left: calc((120px * 7) + ((7) * 8px));
    }
    .mw-tile.mw-col-lg-push-8 {
        left: calc((120px * 8) + ((8) * 8px));
    }
    .mw-tile.mw-col-lg-push-9 {
        left: calc((120px * 9) + ((9) * 8px));
    }
    .mw-tile.mw-col-lg-push-10 {
        left: calc((120px * 10) + ((10) * 8px));
    }
    .mw-tile.mw-col-lg-push-11 {
        left: calc((120px * 11) + ((11) * 8px));
    }
    .mw-tile.mw-col-lg-push-12 {
        left: calc((120px * 12) + ((12) * 8px));
    }
}

.mw-tiles.mw-fluid {
    /* Row */
    /* Column */
}

.mw-tiles.mw-fluid .mw-tile.mw-row-offset-1 {
    margin-top: calc((100% * (1 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-offset-2 {
    margin-top: calc((100% * (2 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-offset-3 {
    margin-top: calc((100% * (3 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-offset-4 {
    margin-top: calc((100% * (4 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-offset-5 {
    margin-top: calc((100% * (5 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-offset-6 {
    margin-top: calc((100% * (6 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-offset-7 {
    margin-top: calc((100% * (7 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-offset-8 {
    margin-top: calc((100% * (8 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-offset-9 {
    margin-top: calc((100% * (9 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-offset-10 {
    margin-top: calc((100% * (10 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-offset-11 {
    margin-top: calc((100% * (11 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-offset-12 {
    margin-top: calc((100% * (12 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-offset-1 {
    margin-top: calc((100% * (1 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-offset-2 {
    margin-top: calc((100% * (2 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-offset-3 {
    margin-top: calc((100% * (3 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-offset-4 {
    margin-top: calc((100% * (4 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-offset-5 {
    margin-top: calc((100% * (5 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-offset-6 {
    margin-top: calc((100% * (6 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-offset-7 {
    margin-top: calc((100% * (7 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-offset-8 {
    margin-top: calc((100% * (8 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-offset-9 {
    margin-top: calc((100% * (9 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-offset-10 {
    margin-top: calc((100% * (10 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-offset-11 {
    margin-top: calc((100% * (11 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-offset-12 {
    margin-top: calc((100% * (12 / 12)) - 8px);
}

@media (min-width: 768px) {
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-offset-1 {
        margin-top: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-offset-2 {
        margin-top: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-offset-3 {
        margin-top: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-offset-4 {
        margin-top: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-offset-5 {
        margin-top: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-offset-6 {
        margin-top: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-offset-7 {
        margin-top: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-offset-8 {
        margin-top: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-offset-9 {
        margin-top: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-offset-10 {
        margin-top: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-offset-11 {
        margin-top: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-offset-12 {
        margin-top: calc((100% * (12 / 12)) - 8px);
    }
}

@media (min-width: 992px) {
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-offset-1 {
        margin-top: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-offset-2 {
        margin-top: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-offset-3 {
        margin-top: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-offset-4 {
        margin-top: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-offset-5 {
        margin-top: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-offset-6 {
        margin-top: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-offset-7 {
        margin-top: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-offset-8 {
        margin-top: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-offset-9 {
        margin-top: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-offset-10 {
        margin-top: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-offset-11 {
        margin-top: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-offset-12 {
        margin-top: calc((100% * (12 / 12)) - 8px);
    }
}

@media (min-width: 1200px) {
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-offset-1 {
        margin-top: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-offset-2 {
        margin-top: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-offset-3 {
        margin-top: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-offset-4 {
        margin-top: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-offset-5 {
        margin-top: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-offset-6 {
        margin-top: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-offset-7 {
        margin-top: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-offset-8 {
        margin-top: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-offset-9 {
        margin-top: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-offset-10 {
        margin-top: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-offset-11 {
        margin-top: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-offset-12 {
        margin-top: calc((100% * (12 / 12)) - 8px);
    }
}

.mw-tiles.mw-fluid .mw-tile.mw-row-pull-1 {
    bottom: calc((100% * (1 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-pull-2 {
    bottom: calc((100% * (2 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-pull-3 {
    bottom: calc((100% * (3 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-pull-4 {
    bottom: calc((100% * (4 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-pull-5 {
    bottom: calc((100% * (5 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-pull-6 {
    bottom: calc((100% * (6 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-pull-7 {
    bottom: calc((100% * (7 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-pull-8 {
    bottom: calc((100% * (8 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-pull-9 {
    bottom: calc((100% * (9 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-pull-10 {
    bottom: calc((100% * (10 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-pull-11 {
    bottom: calc((100% * (11 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-pull-12 {
    bottom: calc((100% * (12 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-pull-1 {
    bottom: calc((100% * (1 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-pull-2 {
    bottom: calc((100% * (2 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-pull-3 {
    bottom: calc((100% * (3 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-pull-4 {
    bottom: calc((100% * (4 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-pull-5 {
    bottom: calc((100% * (5 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-pull-6 {
    bottom: calc((100% * (6 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-pull-7 {
    bottom: calc((100% * (7 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-pull-8 {
    bottom: calc((100% * (8 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-pull-9 {
    bottom: calc((100% * (9 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-pull-10 {
    bottom: calc((100% * (10 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-pull-11 {
    bottom: calc((100% * (11 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-pull-12 {
    bottom: calc((100% * (12 / 12)) - 8px);
}

@media (min-width: 768px) {
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-pull-1 {
        bottom: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-pull-2 {
        bottom: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-pull-3 {
        bottom: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-pull-4 {
        bottom: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-pull-5 {
        bottom: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-pull-6 {
        bottom: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-pull-7 {
        bottom: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-pull-8 {
        bottom: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-pull-9 {
        bottom: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-pull-10 {
        bottom: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-pull-11 {
        bottom: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-pull-12 {
        bottom: calc((100% * (12 / 12)) - 8px);
    }
}

@media (min-width: 992px) {
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-pull-1 {
        bottom: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-pull-2 {
        bottom: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-pull-3 {
        bottom: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-pull-4 {
        bottom: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-pull-5 {
        bottom: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-pull-6 {
        bottom: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-pull-7 {
        bottom: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-pull-8 {
        bottom: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-pull-9 {
        bottom: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-pull-10 {
        bottom: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-pull-11 {
        bottom: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-pull-12 {
        bottom: calc((100% * (12 / 12)) - 8px);
    }
}

@media (min-width: 1200px) {
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-pull-1 {
        bottom: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-pull-2 {
        bottom: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-pull-3 {
        bottom: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-pull-4 {
        bottom: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-pull-5 {
        bottom: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-pull-6 {
        bottom: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-pull-7 {
        bottom: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-pull-8 {
        bottom: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-pull-9 {
        bottom: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-pull-10 {
        bottom: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-pull-11 {
        bottom: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-pull-12 {
        bottom: calc((100% * (12 / 12)) - 8px);
    }
}

.mw-tiles.mw-fluid .mw-tile.mw-row-push-1 {
    top: calc((100% * (1 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-push-2 {
    top: calc((100% * (2 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-push-3 {
    top: calc((100% * (3 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-push-4 {
    top: calc((100% * (4 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-push-5 {
    top: calc((100% * (5 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-push-6 {
    top: calc((100% * (6 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-push-7 {
    top: calc((100% * (7 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-push-8 {
    top: calc((100% * (8 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-push-9 {
    top: calc((100% * (9 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-push-10 {
    top: calc((100% * (10 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-push-11 {
    top: calc((100% * (11 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-push-12 {
    top: calc((100% * (12 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-push-1 {
    top: calc((100% * (1 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-push-2 {
    top: calc((100% * (2 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-push-3 {
    top: calc((100% * (3 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-push-4 {
    top: calc((100% * (4 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-push-5 {
    top: calc((100% * (5 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-push-6 {
    top: calc((100% * (6 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-push-7 {
    top: calc((100% * (7 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-push-8 {
    top: calc((100% * (8 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-push-9 {
    top: calc((100% * (9 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-push-10 {
    top: calc((100% * (10 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-push-11 {
    top: calc((100% * (11 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-push-12 {
    top: calc((100% * (12 / 12)) - 8px);
}

@media (min-width: 768px) {
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-push-1 {
        top: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-push-2 {
        top: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-push-3 {
        top: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-push-4 {
        top: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-push-5 {
        top: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-push-6 {
        top: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-push-7 {
        top: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-push-8 {
        top: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-push-9 {
        top: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-push-10 {
        top: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-push-11 {
        top: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-push-12 {
        top: calc((100% * (12 / 12)) - 8px);
    }
}

@media (min-width: 992px) {
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-push-1 {
        top: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-push-2 {
        top: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-push-3 {
        top: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-push-4 {
        top: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-push-5 {
        top: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-push-6 {
        top: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-push-7 {
        top: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-push-8 {
        top: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-push-9 {
        top: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-push-10 {
        top: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-push-11 {
        top: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-push-12 {
        top: calc((100% * (12 / 12)) - 8px);
    }
}

@media (min-width: 1200px) {
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-push-1 {
        top: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-push-2 {
        top: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-push-3 {
        top: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-push-4 {
        top: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-push-5 {
        top: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-push-6 {
        top: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-push-7 {
        top: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-push-8 {
        top: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-push-9 {
        top: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-push-10 {
        top: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-push-11 {
        top: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-push-12 {
        top: calc((100% * (12 / 12)) - 8px);
    }
}

.mw-tiles.mw-fluid .mw-tile.mw-col-offset-1 {
    margin-left: calc((100% * (1 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-offset-2 {
    margin-left: calc((100% * (2 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-offset-3 {
    margin-left: calc((100% * (3 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-offset-4 {
    margin-left: calc((100% * (4 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-offset-5 {
    margin-left: calc((100% * (5 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-offset-6 {
    margin-left: calc((100% * (6 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-offset-7 {
    margin-left: calc((100% * (7 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-offset-8 {
    margin-left: calc((100% * (8 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-offset-9 {
    margin-left: calc((100% * (9 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-offset-10 {
    margin-left: calc((100% * (10 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-offset-11 {
    margin-left: calc((100% * (11 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-offset-12 {
    margin-left: calc((100% * (12 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-offset-1 {
    margin-left: calc((100% * (1 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-offset-2 {
    margin-left: calc((100% * (2 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-offset-3 {
    margin-left: calc((100% * (3 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-offset-4 {
    margin-left: calc((100% * (4 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-offset-5 {
    margin-left: calc((100% * (5 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-offset-6 {
    margin-left: calc((100% * (6 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-offset-7 {
    margin-left: calc((100% * (7 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-offset-8 {
    margin-left: calc((100% * (8 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-offset-9 {
    margin-left: calc((100% * (9 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-offset-10 {
    margin-left: calc((100% * (10 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-offset-11 {
    margin-left: calc((100% * (11 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-offset-12 {
    margin-left: calc((100% * (12 / 12)) - 8px);
}

@media (min-width: 768px) {
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-offset-1 {
        margin-left: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-offset-2 {
        margin-left: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-offset-3 {
        margin-left: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-offset-4 {
        margin-left: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-offset-5 {
        margin-left: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-offset-6 {
        margin-left: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-offset-7 {
        margin-left: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-offset-8 {
        margin-left: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-offset-9 {
        margin-left: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-offset-10 {
        margin-left: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-offset-11 {
        margin-left: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-offset-12 {
        margin-left: calc((100% * (12 / 12)) - 8px);
    }
}

@media (min-width: 992px) {
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-offset-1 {
        margin-left: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-offset-2 {
        margin-left: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-offset-3 {
        margin-left: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-offset-4 {
        margin-left: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-offset-5 {
        margin-left: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-offset-6 {
        margin-left: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-offset-7 {
        margin-left: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-offset-8 {
        margin-left: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-offset-9 {
        margin-left: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-offset-10 {
        margin-left: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-offset-11 {
        margin-left: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-offset-12 {
        margin-left: calc((100% * (12 / 12)) - 8px);
    }
}

@media (min-width: 1200px) {
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-offset-1 {
        margin-left: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-offset-2 {
        margin-left: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-offset-3 {
        margin-left: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-offset-4 {
        margin-left: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-offset-5 {
        margin-left: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-offset-6 {
        margin-left: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-offset-7 {
        margin-left: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-offset-8 {
        margin-left: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-offset-9 {
        margin-left: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-offset-10 {
        margin-left: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-offset-11 {
        margin-left: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-offset-12 {
        margin-left: calc((100% * (12 / 12)) - 8px);
    }
}

.mw-tiles.mw-fluid .mw-tile.mw-col-pull-1 {
    right: calc((100% * (1 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-pull-2 {
    right: calc((100% * (2 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-pull-3 {
    right: calc((100% * (3 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-pull-4 {
    right: calc((100% * (4 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-pull-5 {
    right: calc((100% * (5 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-pull-6 {
    right: calc((100% * (6 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-pull-7 {
    right: calc((100% * (7 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-pull-8 {
    right: calc((100% * (8 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-pull-9 {
    right: calc((100% * (9 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-pull-10 {
    right: calc((100% * (10 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-pull-11 {
    right: calc((100% * (11 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-pull-12 {
    right: calc((100% * (12 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-pull-1 {
    right: calc((100% * (1 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-pull-2 {
    right: calc((100% * (2 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-pull-3 {
    right: calc((100% * (3 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-pull-4 {
    right: calc((100% * (4 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-pull-5 {
    right: calc((100% * (5 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-pull-6 {
    right: calc((100% * (6 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-pull-7 {
    right: calc((100% * (7 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-pull-8 {
    right: calc((100% * (8 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-pull-9 {
    right: calc((100% * (9 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-pull-10 {
    right: calc((100% * (10 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-pull-11 {
    right: calc((100% * (11 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-pull-12 {
    right: calc((100% * (12 / 12)) - 8px);
}

@media (min-width: 768px) {
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-pull-1 {
        right: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-pull-2 {
        right: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-pull-3 {
        right: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-pull-4 {
        right: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-pull-5 {
        right: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-pull-6 {
        right: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-pull-7 {
        right: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-pull-8 {
        right: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-pull-9 {
        right: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-pull-10 {
        right: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-pull-11 {
        right: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-pull-12 {
        right: calc((100% * (12 / 12)) - 8px);
    }
}

@media (min-width: 992px) {
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-pull-1 {
        right: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-pull-2 {
        right: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-pull-3 {
        right: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-pull-4 {
        right: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-pull-5 {
        right: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-pull-6 {
        right: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-pull-7 {
        right: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-pull-8 {
        right: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-pull-9 {
        right: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-pull-10 {
        right: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-pull-11 {
        right: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-pull-12 {
        right: calc((100% * (12 / 12)) - 8px);
    }
}

@media (min-width: 1200px) {
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-pull-1 {
        right: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-pull-2 {
        right: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-pull-3 {
        right: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-pull-4 {
        right: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-pull-5 {
        right: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-pull-6 {
        right: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-pull-7 {
        right: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-pull-8 {
        right: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-pull-9 {
        right: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-pull-10 {
        right: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-pull-11 {
        right: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-pull-12 {
        right: calc((100% * (12 / 12)) - 8px);
    }
}

.mw-tiles.mw-fluid .mw-tile.mw-col-push-1 {
    left: calc((100% * (1 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-push-2 {
    left: calc((100% * (2 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-push-3 {
    left: calc((100% * (3 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-push-4 {
    left: calc((100% * (4 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-push-5 {
    left: calc((100% * (5 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-push-6 {
    left: calc((100% * (6 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-push-7 {
    left: calc((100% * (7 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-push-8 {
    left: calc((100% * (8 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-push-9 {
    left: calc((100% * (9 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-push-10 {
    left: calc((100% * (10 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-push-11 {
    left: calc((100% * (11 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-push-12 {
    left: calc((100% * (12 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-push-1 {
    left: calc((100% * (1 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-push-2 {
    left: calc((100% * (2 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-push-3 {
    left: calc((100% * (3 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-push-4 {
    left: calc((100% * (4 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-push-5 {
    left: calc((100% * (5 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-push-6 {
    left: calc((100% * (6 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-push-7 {
    left: calc((100% * (7 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-push-8 {
    left: calc((100% * (8 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-push-9 {
    left: calc((100% * (9 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-push-10 {
    left: calc((100% * (10 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-push-11 {
    left: calc((100% * (11 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-xs-push-12 {
    left: calc((100% * (12 / 12)) - 8px);
}

@media (min-width: 768px) {
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-push-1 {
        left: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-push-2 {
        left: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-push-3 {
        left: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-push-4 {
        left: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-push-5 {
        left: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-push-6 {
        left: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-push-7 {
        left: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-push-8 {
        left: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-push-9 {
        left: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-push-10 {
        left: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-push-11 {
        left: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-sm-push-12 {
        left: calc((100% * (12 / 12)) - 8px);
    }
}

@media (min-width: 992px) {
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-push-1 {
        left: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-push-2 {
        left: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-push-3 {
        left: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-push-4 {
        left: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-push-5 {
        left: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-push-6 {
        left: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-push-7 {
        left: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-push-8 {
        left: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-push-9 {
        left: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-push-10 {
        left: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-push-11 {
        left: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-md-push-12 {
        left: calc((100% * (12 / 12)) - 8px);
    }
}

@media (min-width: 1200px) {
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-push-1 {
        left: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-push-2 {
        left: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-push-3 {
        left: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-push-4 {
        left: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-push-5 {
        left: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-push-6 {
        left: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-push-7 {
        left: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-push-8 {
        left: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-push-9 {
        left: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-push-10 {
        left: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-push-11 {
        left: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-col-lg-push-12 {
        left: calc((100% * (12 / 12)) - 8px);
    }
}

/* Tiles                        
   ========================================================================== */
.mw-tiles {
    padding: 4px 0 0 4px;
    /* space necessary to display outline on tile:hover */
    margin: -4px 0 0 -4px;
    overflow: hidden;
}

.mw-tiles::after {
    display: block;
    content: "";
    clear: both;
}

.mw-tiles .mw-divider {
    clear: left;
}

/* container nested */
.mw-tiles .mw-tiles {
    display: inline-block;
    vertical-align: top;
    float: left;
}

/* tiles medium can be a container too (maximum 4 .mw-tile.mw-small)  */
.mw-tiles.mw-medium {
    width: calc((120px * 1) + ((1 - 1) * 8px));
    height: calc((120px * 1) + ((1 - 1) * 8px));
    margin: 0 8px 8px 0;
    padding: 0;
}

/* Tiles align (left, center, right, top, middle, bottom)
   ========================================================================== */
.mw-tiles.mw-tiles-left .mw-tile,
.mw-tiles.mw-tiles-left .mw-tiles.mw-medium {
    margin-left: 0;
    margin-right: 8px;
}

.mw-tiles.mw-tiles-center .mw-tile,
.mw-tiles.mw-tiles-center .mw-tiles.mw-medium {
    margin-left: 4px;
    margin-right: 4px;
}

.mw-tiles.mw-tiles-right .mw-tile,
.mw-tiles.mw-tiles-right .mw-tiles.mw-medium {
    margin-left: 8px;
    margin-right: 0;
}

.mw-tiles.mw-tiles-top .mw-tile,
.mw-tiles.mw-tiles-top .mw-tiles.mw-medium {
    margin-top: 0;
    margin-bottom: 8px;
}

.mw-tiles.mw-tiles-middle .mw-tile,
.mw-tiles.mw-tiles-middle .mw-tiles.mw-medium {
    margin-top: 4px;
    margin-bottom: 4px;
}

.mw-tiles.mw-tiles-bottom .mw-tile,
.mw-tiles.mw-tiles-bottom .mw-tiles.mw-medium {
    margin-top: 8px;
    margin-bottom: 0;
}

/* tiles nested */
.mw-tiles .mw-tiles.mw-medium .mw-tile {
    margin: 0 8px 8px 0;
}

.mw-tiles.mw-medium .mw-tile:nth-child(even) {
    margin-right: 0;
}

.mw-tiles.mw-medium .mw-tile:nth-child(n+3),
.mw-tiles.mw-medium .mw-tile:nth-child(n+4) {
    margin-bottom: 0;
}

/* ==========================================================================
   Tiles Container (Rows & Cols)
   ========================================================================== */
/* Row */
.mw-tiles.mw-rows-1,
.mw-tiles.mw-groups.mw-rows-1 .mw-group {
    height: calc((120px * 1) + (1 * 8px) + 4px);
}

.mw-tiles.mw-rows-2,
.mw-tiles.mw-groups.mw-rows-2 .mw-group {
    height: calc((120px * 2) + (2 * 8px) + 4px);
}

.mw-tiles.mw-rows-3,
.mw-tiles.mw-groups.mw-rows-3 .mw-group {
    height: calc((120px * 3) + (3 * 8px) + 4px);
}

.mw-tiles.mw-rows-4,
.mw-tiles.mw-groups.mw-rows-4 .mw-group {
    height: calc((120px * 4) + (4 * 8px) + 4px);
}

.mw-tiles.mw-rows-5,
.mw-tiles.mw-groups.mw-rows-5 .mw-group {
    height: calc((120px * 5) + (5 * 8px) + 4px);
}

.mw-tiles.mw-rows-6,
.mw-tiles.mw-groups.mw-rows-6 .mw-group {
    height: calc((120px * 6) + (6 * 8px) + 4px);
}

.mw-tiles.mw-rows-7,
.mw-tiles.mw-groups.mw-rows-7 .mw-group {
    height: calc((120px * 7) + (7 * 8px) + 4px);
}

.mw-tiles.mw-rows-8,
.mw-tiles.mw-groups.mw-rows-8 .mw-group {
    height: calc((120px * 8) + (8 * 8px) + 4px);
}

.mw-tiles.mw-rows-9,
.mw-tiles.mw-groups.mw-rows-9 .mw-group {
    height: calc((120px * 9) + (9 * 8px) + 4px);
}

.mw-tiles.mw-rows-10,
.mw-tiles.mw-groups.mw-rows-10 .mw-group {
    height: calc((120px * 10) + (10 * 8px) + 4px);
}

.mw-tiles.mw-rows-11,
.mw-tiles.mw-groups.mw-rows-11 .mw-group {
    height: calc((120px * 11) + (11 * 8px) + 4px);
}

.mw-tiles.mw-rows-12,
.mw-tiles.mw-groups.mw-rows-12 .mw-group {
    height: calc((120px * 12) + (12 * 8px) + 4px);
}

.mw-tiles.mw-rows-1, .mw-tiles.mw-rows-2, .mw-tiles.mw-rows-3, .mw-tiles.mw-rows-4, .mw-tiles.mw-rows-5, .mw-tiles.mw-rows-6, .mw-tiles.mw-rows-7, .mw-tiles.mw-rows-8, .mw-tiles.mw-rows-9, .mw-tiles.mw-rows-10, .mw-tiles.mw-rows-11, .mw-tiles.mw-rows-12 {
    overflow-y: hidden;
}

/* Column */
.mw-tiles.mw-cols-1 {
    width: calc((120px * 1) + (1 * 8px) + 4px);
}

.mw-tiles.mw-cols-2 {
    width: calc((120px * 2) + (2 * 8px) + 4px);
}

.mw-tiles.mw-cols-3 {
    width: calc((120px * 3) + (3 * 8px) + 4px);
}

.mw-tiles.mw-cols-4 {
    width: calc((120px * 4) + (4 * 8px) + 4px);
}

.mw-tiles.mw-cols-5 {
    width: calc((120px * 5) + (5 * 8px) + 4px);
}

.mw-tiles.mw-cols-6 {
    width: calc((120px * 6) + (6 * 8px) + 4px);
}

.mw-tiles.mw-cols-7 {
    width: calc((120px * 7) + (7 * 8px) + 4px);
}

.mw-tiles.mw-cols-8 {
    width: calc((120px * 8) + (8 * 8px) + 4px);
}

.mw-tiles.mw-cols-9 {
    width: calc((120px * 9) + (9 * 8px) + 4px);
}

.mw-tiles.mw-cols-10 {
    width: calc((120px * 10) + (10 * 8px) + 4px);
}

.mw-tiles.mw-cols-11 {
    width: calc((120px * 11) + (11 * 8px) + 4px);
}

.mw-tiles.mw-cols-12 {
    width: calc((120px * 12) + (12 * 8px) + 4px);
}

.mw-tiles.mw-cols-1, .mw-tiles.mw-cols-2, .mw-tiles.mw-cols-3, .mw-tiles.mw-cols-4, .mw-tiles.mw-cols-5, .mw-tiles.mw-cols-6, .mw-tiles.mw-cols-7, .mw-tiles.mw-cols-8, .mw-tiles.mw-cols-9, .mw-tiles.mw-cols-10, .mw-tiles.mw-cols-11, .mw-tiles.mw-cols-12 {
    overflow-x: hidden;
}

/* ==========================================================================
   Tiles adaptive
   ========================================================================== */
/* Tiles adaptive */
@media (min-width: 768px) {
    .mw-tiles.mw-adaptive {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .mw-tiles.mw-adaptive {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .mw-tiles.mw-adaptive {
        width: 1140px;
    }
}

/* ==========================================================================
       Tile Fluid System
       ========================================================================== */
/* Custom size */
.mw-tiles.mw-fluid .mw-tile.mw-row-1 {
    height: calc((100% * (1 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-2 {
    height: calc((100% * (2 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-3 {
    height: calc((100% * (3 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-4 {
    height: calc((100% * (4 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-5 {
    height: calc((100% * (5 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-6 {
    height: calc((100% * (6 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-7 {
    height: calc((100% * (7 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-8 {
    height: calc((100% * (8 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-9 {
    height: calc((100% * (9 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-10 {
    height: calc((100% * (10 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-11 {
    height: calc((100% * (11 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-12 {
    height: calc((100% * (12 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-1 {
    width: calc((100% * (1 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-2 {
    width: calc((100% * (2 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-3 {
    width: calc((100% * (3 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-4 {
    width: calc((100% * (4 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-5 {
    width: calc((100% * (5 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-6 {
    width: calc((100% * (6 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-7 {
    width: calc((100% * (7 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-8 {
    width: calc((100% * (8 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-9 {
    width: calc((100% * (9 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-10 {
    width: calc((100% * (10 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-11 {
    width: calc((100% * (11 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-col-12 {
    width: calc((100% * (12 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-1 {
    height: calc((100% * (1 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-2 {
    height: calc((100% * (2 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-3 {
    height: calc((100% * (3 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-4 {
    height: calc((100% * (4 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-5 {
    height: calc((100% * (5 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-6 {
    height: calc((100% * (6 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-7 {
    height: calc((100% * (7 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-8 {
    height: calc((100% * (8 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-9 {
    height: calc((100% * (9 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-10 {
    height: calc((100% * (10 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-11 {
    height: calc((100% * (11 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-12 {
    height: calc((100% * (12 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-1 {
    width: calc((100% * (1 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-2 {
    width: calc((100% * (2 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-3 {
    width: calc((100% * (3 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-4 {
    width: calc((100% * (4 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-5 {
    width: calc((100% * (5 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-6 {
    width: calc((100% * (6 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-7 {
    width: calc((100% * (7 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-8 {
    width: calc((100% * (8 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-9 {
    width: calc((100% * (9 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-10 {
    width: calc((100% * (10 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-11 {
    width: calc((100% * (11 / 12)) - 8px);
}

.mw-tiles.mw-fluid .mw-tile.mw-row-xs-12 {
    width: calc((100% * (12 / 12)) - 8px);
}

@media (min-width: 768px) {
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-1 {
        height: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-2 {
        height: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-3 {
        height: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-4 {
        height: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-5 {
        height: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-6 {
        height: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-7 {
        height: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-8 {
        height: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-9 {
        height: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-10 {
        height: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-11 {
        height: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-12 {
        height: calc((100% * (12 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-1 {
        width: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-2 {
        width: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-3 {
        width: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-4 {
        width: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-5 {
        width: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-6 {
        width: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-7 {
        width: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-8 {
        width: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-9 {
        width: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-10 {
        width: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-11 {
        width: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-sm-12 {
        width: calc((100% * (12 / 12)) - 8px);
    }
}

@media (min-width: 992px) {
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-1 {
        height: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-2 {
        height: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-3 {
        height: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-4 {
        height: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-5 {
        height: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-6 {
        height: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-7 {
        height: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-8 {
        height: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-9 {
        height: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-10 {
        height: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-11 {
        height: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-12 {
        height: calc((100% * (12 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-1 {
        width: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-2 {
        width: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-3 {
        width: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-4 {
        width: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-5 {
        width: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-6 {
        width: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-7 {
        width: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-8 {
        width: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-9 {
        width: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-10 {
        width: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-11 {
        width: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-md-12 {
        width: calc((100% * (12 / 12)) - 8px);
    }
}

@media (min-width: 1200px) {
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-1 {
        height: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-2 {
        height: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-3 {
        height: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-4 {
        height: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-5 {
        height: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-6 {
        height: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-7 {
        height: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-8 {
        height: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-9 {
        height: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-10 {
        height: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-11 {
        height: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-12 {
        height: calc((100% * (12 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-1 {
        width: calc((100% * (1 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-2 {
        width: calc((100% * (2 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-3 {
        width: calc((100% * (3 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-4 {
        width: calc((100% * (4 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-5 {
        width: calc((100% * (5 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-6 {
        width: calc((100% * (6 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-7 {
        width: calc((100% * (7 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-8 {
        width: calc((100% * (8 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-9 {
        width: calc((100% * (9 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-10 {
        width: calc((100% * (10 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-11 {
        width: calc((100% * (11 / 12)) - 8px);
    }
    .mw-tiles.mw-fluid .mw-tile.mw-row-lg-12 {
        width: calc((100% * (12 / 12)) - 8px);
    }
}

/* ==========================================================================
       Tiles Ratios
       ========================================================================== */
.mw-tiles.mw-ratios {
    /* Responsive */
}

.mw-tiles.mw-ratios .mw-tile {
    height: auto;
}

.mw-tiles.mw-ratios .mw-tile::before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.mw-tiles.mw-ratios .mw-tile > .mw-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-1-1::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (1 / 1) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-2-1::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (1 / 2) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-3-1::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (1 / 3) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-4-1::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (1 / 4) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-5-1::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (1 / 5) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-6-1::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (1 / 6) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-7-1::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (1 / 7) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-8-1::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (1 / 8) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-9-1::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (1 / 9) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-10-1::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (1 / 10) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-11-1::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (1 / 11) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-12-1::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (1 / 12) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-1-2::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (2 / 1) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-2-2::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (2 / 2) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-3-2::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (2 / 3) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-4-2::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (2 / 4) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-5-2::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (2 / 5) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-6-2::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (2 / 6) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-7-2::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (2 / 7) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-8-2::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (2 / 8) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-9-2::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (2 / 9) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-10-2::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (2 / 10) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-11-2::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (2 / 11) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-12-2::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (2 / 12) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-1-3::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (3 / 1) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-2-3::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (3 / 2) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-3-3::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (3 / 3) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-4-3::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (3 / 4) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-5-3::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (3 / 5) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-6-3::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (3 / 6) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-7-3::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (3 / 7) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-8-3::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (3 / 8) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-9-3::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (3 / 9) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-10-3::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (3 / 10) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-11-3::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (3 / 11) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-12-3::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (3 / 12) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-1-4::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (4 / 1) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-2-4::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (4 / 2) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-3-4::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (4 / 3) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-4-4::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (4 / 4) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-5-4::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (4 / 5) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-6-4::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (4 / 6) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-7-4::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (4 / 7) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-8-4::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (4 / 8) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-9-4::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (4 / 9) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-10-4::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (4 / 10) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-11-4::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (4 / 11) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-12-4::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (4 / 12) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-1-5::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (5 / 1) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-2-5::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (5 / 2) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-3-5::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (5 / 3) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-4-5::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (5 / 4) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-5-5::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (5 / 5) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-6-5::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (5 / 6) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-7-5::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (5 / 7) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-8-5::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (5 / 8) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-9-5::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (5 / 9) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-10-5::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (5 / 10) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-11-5::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (5 / 11) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-12-5::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (5 / 12) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-1-6::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (6 / 1) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-2-6::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (6 / 2) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-3-6::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (6 / 3) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-4-6::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (6 / 4) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-5-6::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (6 / 5) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-6-6::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (6 / 6) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-7-6::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (6 / 7) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-8-6::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (6 / 8) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-9-6::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (6 / 9) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-10-6::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (6 / 10) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-11-6::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (6 / 11) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-12-6::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (6 / 12) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-1-7::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (7 / 1) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-2-7::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (7 / 2) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-3-7::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (7 / 3) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-4-7::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (7 / 4) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-5-7::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (7 / 5) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-6-7::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (7 / 6) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-7-7::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (7 / 7) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-8-7::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (7 / 8) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-9-7::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (7 / 9) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-10-7::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (7 / 10) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-11-7::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (7 / 11) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-12-7::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (7 / 12) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-1-8::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (8 / 1) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-2-8::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (8 / 2) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-3-8::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (8 / 3) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-4-8::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (8 / 4) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-5-8::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (8 / 5) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-6-8::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (8 / 6) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-7-8::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (8 / 7) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-8-8::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (8 / 8) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-9-8::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (8 / 9) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-10-8::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (8 / 10) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-11-8::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (8 / 11) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-12-8::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (8 / 12) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-1-9::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (9 / 1) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-2-9::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (9 / 2) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-3-9::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (9 / 3) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-4-9::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (9 / 4) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-5-9::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (9 / 5) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-6-9::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (9 / 6) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-7-9::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (9 / 7) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-8-9::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (9 / 8) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-9-9::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (9 / 9) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-10-9::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (9 / 10) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-11-9::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (9 / 11) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-12-9::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (9 / 12) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-1-10::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (10 / 1) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-2-10::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (10 / 2) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-3-10::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (10 / 3) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-4-10::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (10 / 4) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-5-10::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (10 / 5) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-6-10::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (10 / 6) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-7-10::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (10 / 7) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-8-10::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (10 / 8) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-9-10::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (10 / 9) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-10-10::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (10 / 10) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-11-10::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (10 / 11) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-12-10::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (10 / 12) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-1-11::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (11 / 1) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-2-11::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (11 / 2) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-3-11::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (11 / 3) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-4-11::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (11 / 4) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-5-11::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (11 / 5) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-6-11::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (11 / 6) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-7-11::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (11 / 7) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-8-11::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (11 / 8) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-9-11::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (11 / 9) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-10-11::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (11 / 10) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-11-11::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (11 / 11) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-12-11::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (11 / 12) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-1-12::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (12 / 1) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-2-12::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (12 / 2) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-3-12::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (12 / 3) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-4-12::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (12 / 4) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-5-12::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (12 / 5) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-6-12::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (12 / 6) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-7-12::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (12 / 7) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-8-12::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (12 / 8) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-9-12::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (12 / 9) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-10-12::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (12 / 10) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-11-12::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (12 / 11) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-12-12::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (12 / 12) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-1-1::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (1 / 1) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-2-1::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (1 / 2) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-3-1::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (1 / 3) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-4-1::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (1 / 4) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-5-1::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (1 / 5) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-6-1::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (1 / 6) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-7-1::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (1 / 7) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-8-1::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (1 / 8) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-9-1::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (1 / 9) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-10-1::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (1 / 10) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-11-1::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (1 / 11) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-12-1::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (1 / 12) + ((0) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-1-2::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (2 / 1) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-2-2::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (2 / 2) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-3-2::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (2 / 3) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-4-2::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (2 / 4) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-5-2::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (2 / 5) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-6-2::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (2 / 6) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-7-2::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (2 / 7) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-8-2::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (2 / 8) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-9-2::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (2 / 9) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-10-2::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (2 / 10) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-11-2::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (2 / 11) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-12-2::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (2 / 12) + ((1) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-1-3::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (3 / 1) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-2-3::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (3 / 2) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-3-3::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (3 / 3) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-4-3::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (3 / 4) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-5-3::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (3 / 5) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-6-3::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (3 / 6) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-7-3::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (3 / 7) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-8-3::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (3 / 8) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-9-3::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (3 / 9) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-10-3::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (3 / 10) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-11-3::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (3 / 11) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-12-3::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (3 / 12) + ((2) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-1-4::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (4 / 1) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-2-4::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (4 / 2) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-3-4::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (4 / 3) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-4-4::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (4 / 4) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-5-4::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (4 / 5) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-6-4::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (4 / 6) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-7-4::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (4 / 7) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-8-4::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (4 / 8) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-9-4::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (4 / 9) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-10-4::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (4 / 10) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-11-4::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (4 / 11) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-12-4::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (4 / 12) + ((3) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-1-5::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (5 / 1) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-2-5::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (5 / 2) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-3-5::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (5 / 3) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-4-5::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (5 / 4) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-5-5::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (5 / 5) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-6-5::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (5 / 6) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-7-5::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (5 / 7) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-8-5::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (5 / 8) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-9-5::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (5 / 9) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-10-5::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (5 / 10) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-11-5::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (5 / 11) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-12-5::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (5 / 12) + ((4) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-1-6::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (6 / 1) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-2-6::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (6 / 2) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-3-6::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (6 / 3) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-4-6::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (6 / 4) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-5-6::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (6 / 5) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-6-6::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (6 / 6) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-7-6::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (6 / 7) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-8-6::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (6 / 8) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-9-6::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (6 / 9) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-10-6::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (6 / 10) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-11-6::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (6 / 11) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-12-6::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (6 / 12) + ((5) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-1-7::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (7 / 1) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-2-7::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (7 / 2) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-3-7::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (7 / 3) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-4-7::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (7 / 4) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-5-7::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (7 / 5) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-6-7::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (7 / 6) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-7-7::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (7 / 7) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-8-7::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (7 / 8) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-9-7::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (7 / 9) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-10-7::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (7 / 10) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-11-7::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (7 / 11) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-12-7::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (7 / 12) + ((6) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-1-8::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (8 / 1) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-2-8::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (8 / 2) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-3-8::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (8 / 3) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-4-8::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (8 / 4) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-5-8::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (8 / 5) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-6-8::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (8 / 6) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-7-8::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (8 / 7) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-8-8::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (8 / 8) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-9-8::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (8 / 9) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-10-8::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (8 / 10) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-11-8::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (8 / 11) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-12-8::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (8 / 12) + ((7) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-1-9::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (9 / 1) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-2-9::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (9 / 2) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-3-9::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (9 / 3) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-4-9::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (9 / 4) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-5-9::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (9 / 5) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-6-9::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (9 / 6) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-7-9::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (9 / 7) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-8-9::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (9 / 8) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-9-9::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (9 / 9) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-10-9::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (9 / 10) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-11-9::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (9 / 11) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-12-9::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (9 / 12) + ((8) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-1-10::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (10 / 1) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-2-10::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (10 / 2) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-3-10::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (10 / 3) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-4-10::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (10 / 4) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-5-10::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (10 / 5) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-6-10::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (10 / 6) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-7-10::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (10 / 7) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-8-10::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (10 / 8) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-9-10::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (10 / 9) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-10-10::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (10 / 10) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-11-10::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (10 / 11) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-12-10::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (10 / 12) + ((9) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-1-11::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (11 / 1) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-2-11::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (11 / 2) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-3-11::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (11 / 3) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-4-11::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (11 / 4) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-5-11::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (11 / 5) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-6-11::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (11 / 6) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-7-11::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (11 / 7) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-8-11::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (11 / 8) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-9-11::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (11 / 9) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-10-11::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (11 / 10) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-11-11::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (11 / 11) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-12-11::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (11 / 12) + ((10) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-1-12::before {
    padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (12 / 1) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-2-12::before {
    padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (12 / 2) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-3-12::before {
    padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (12 / 3) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-4-12::before {
    padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (12 / 4) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-5-12::before {
    padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (12 / 5) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-6-12::before {
    padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (12 / 6) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-7-12::before {
    padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (12 / 7) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-8-12::before {
    padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (12 / 8) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-9-12::before {
    padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (12 / 9) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-10-12::before {
    padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (12 / 10) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-11-12::before {
    padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (12 / 11) + ((11) * 8px)) - 4px);
}

.mw-tiles.mw-ratios .mw-tile.mw-ratio-xs-12-12::before {
    padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (12 / 12) + ((11) * 8px)) - 4px);
}

@media (min-width: 768px) {
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-1-1::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (1 / 1) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-2-1::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (1 / 2) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-3-1::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (1 / 3) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-4-1::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (1 / 4) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-5-1::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (1 / 5) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-6-1::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (1 / 6) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-7-1::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (1 / 7) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-8-1::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (1 / 8) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-9-1::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (1 / 9) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-10-1::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (1 / 10) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-11-1::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (1 / 11) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-12-1::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (1 / 12) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-1-2::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (2 / 1) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-2-2::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (2 / 2) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-3-2::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (2 / 3) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-4-2::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (2 / 4) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-5-2::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (2 / 5) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-6-2::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (2 / 6) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-7-2::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (2 / 7) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-8-2::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (2 / 8) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-9-2::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (2 / 9) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-10-2::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (2 / 10) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-11-2::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (2 / 11) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-12-2::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (2 / 12) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-1-3::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (3 / 1) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-2-3::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (3 / 2) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-3-3::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (3 / 3) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-4-3::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (3 / 4) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-5-3::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (3 / 5) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-6-3::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (3 / 6) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-7-3::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (3 / 7) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-8-3::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (3 / 8) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-9-3::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (3 / 9) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-10-3::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (3 / 10) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-11-3::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (3 / 11) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-12-3::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (3 / 12) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-1-4::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (4 / 1) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-2-4::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (4 / 2) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-3-4::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (4 / 3) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-4-4::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (4 / 4) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-5-4::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (4 / 5) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-6-4::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (4 / 6) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-7-4::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (4 / 7) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-8-4::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (4 / 8) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-9-4::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (4 / 9) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-10-4::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (4 / 10) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-11-4::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (4 / 11) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-12-4::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (4 / 12) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-1-5::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (5 / 1) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-2-5::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (5 / 2) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-3-5::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (5 / 3) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-4-5::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (5 / 4) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-5-5::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (5 / 5) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-6-5::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (5 / 6) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-7-5::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (5 / 7) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-8-5::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (5 / 8) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-9-5::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (5 / 9) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-10-5::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (5 / 10) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-11-5::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (5 / 11) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-12-5::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (5 / 12) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-1-6::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (6 / 1) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-2-6::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (6 / 2) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-3-6::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (6 / 3) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-4-6::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (6 / 4) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-5-6::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (6 / 5) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-6-6::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (6 / 6) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-7-6::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (6 / 7) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-8-6::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (6 / 8) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-9-6::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (6 / 9) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-10-6::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (6 / 10) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-11-6::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (6 / 11) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-12-6::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (6 / 12) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-1-7::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (7 / 1) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-2-7::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (7 / 2) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-3-7::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (7 / 3) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-4-7::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (7 / 4) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-5-7::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (7 / 5) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-6-7::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (7 / 6) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-7-7::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (7 / 7) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-8-7::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (7 / 8) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-9-7::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (7 / 9) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-10-7::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (7 / 10) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-11-7::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (7 / 11) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-12-7::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (7 / 12) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-1-8::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (8 / 1) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-2-8::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (8 / 2) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-3-8::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (8 / 3) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-4-8::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (8 / 4) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-5-8::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (8 / 5) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-6-8::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (8 / 6) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-7-8::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (8 / 7) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-8-8::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (8 / 8) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-9-8::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (8 / 9) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-10-8::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (8 / 10) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-11-8::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (8 / 11) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-12-8::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (8 / 12) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-1-9::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (9 / 1) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-2-9::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (9 / 2) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-3-9::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (9 / 3) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-4-9::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (9 / 4) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-5-9::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (9 / 5) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-6-9::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (9 / 6) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-7-9::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (9 / 7) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-8-9::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (9 / 8) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-9-9::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (9 / 9) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-10-9::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (9 / 10) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-11-9::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (9 / 11) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-12-9::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (9 / 12) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-1-10::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (10 / 1) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-2-10::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (10 / 2) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-3-10::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (10 / 3) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-4-10::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (10 / 4) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-5-10::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (10 / 5) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-6-10::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (10 / 6) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-7-10::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (10 / 7) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-8-10::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (10 / 8) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-9-10::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (10 / 9) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-10-10::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (10 / 10) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-11-10::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (10 / 11) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-12-10::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (10 / 12) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-1-11::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (11 / 1) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-2-11::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (11 / 2) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-3-11::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (11 / 3) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-4-11::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (11 / 4) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-5-11::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (11 / 5) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-6-11::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (11 / 6) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-7-11::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (11 / 7) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-8-11::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (11 / 8) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-9-11::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (11 / 9) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-10-11::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (11 / 10) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-11-11::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (11 / 11) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-12-11::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (11 / 12) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-1-12::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (12 / 1) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-2-12::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (12 / 2) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-3-12::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (12 / 3) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-4-12::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (12 / 4) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-5-12::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (12 / 5) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-6-12::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (12 / 6) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-7-12::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (12 / 7) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-8-12::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (12 / 8) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-9-12::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (12 / 9) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-10-12::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (12 / 10) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-11-12::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (12 / 11) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-sm-12-12::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (12 / 12) + ((11) * 8px)) - 4px);
    }
}

@media (min-width: 992px) {
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-1-1::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (1 / 1) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-2-1::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (1 / 2) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-3-1::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (1 / 3) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-4-1::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (1 / 4) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-5-1::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (1 / 5) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-6-1::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (1 / 6) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-7-1::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (1 / 7) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-8-1::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (1 / 8) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-9-1::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (1 / 9) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-10-1::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (1 / 10) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-11-1::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (1 / 11) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-12-1::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (1 / 12) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-1-2::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (2 / 1) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-2-2::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (2 / 2) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-3-2::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (2 / 3) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-4-2::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (2 / 4) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-5-2::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (2 / 5) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-6-2::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (2 / 6) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-7-2::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (2 / 7) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-8-2::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (2 / 8) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-9-2::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (2 / 9) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-10-2::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (2 / 10) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-11-2::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (2 / 11) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-12-2::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (2 / 12) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-1-3::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (3 / 1) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-2-3::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (3 / 2) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-3-3::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (3 / 3) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-4-3::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (3 / 4) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-5-3::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (3 / 5) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-6-3::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (3 / 6) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-7-3::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (3 / 7) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-8-3::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (3 / 8) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-9-3::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (3 / 9) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-10-3::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (3 / 10) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-11-3::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (3 / 11) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-12-3::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (3 / 12) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-1-4::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (4 / 1) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-2-4::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (4 / 2) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-3-4::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (4 / 3) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-4-4::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (4 / 4) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-5-4::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (4 / 5) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-6-4::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (4 / 6) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-7-4::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (4 / 7) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-8-4::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (4 / 8) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-9-4::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (4 / 9) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-10-4::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (4 / 10) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-11-4::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (4 / 11) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-12-4::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (4 / 12) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-1-5::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (5 / 1) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-2-5::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (5 / 2) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-3-5::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (5 / 3) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-4-5::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (5 / 4) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-5-5::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (5 / 5) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-6-5::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (5 / 6) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-7-5::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (5 / 7) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-8-5::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (5 / 8) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-9-5::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (5 / 9) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-10-5::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (5 / 10) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-11-5::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (5 / 11) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-12-5::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (5 / 12) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-1-6::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (6 / 1) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-2-6::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (6 / 2) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-3-6::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (6 / 3) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-4-6::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (6 / 4) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-5-6::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (6 / 5) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-6-6::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (6 / 6) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-7-6::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (6 / 7) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-8-6::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (6 / 8) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-9-6::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (6 / 9) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-10-6::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (6 / 10) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-11-6::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (6 / 11) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-12-6::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (6 / 12) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-1-7::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (7 / 1) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-2-7::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (7 / 2) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-3-7::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (7 / 3) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-4-7::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (7 / 4) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-5-7::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (7 / 5) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-6-7::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (7 / 6) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-7-7::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (7 / 7) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-8-7::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (7 / 8) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-9-7::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (7 / 9) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-10-7::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (7 / 10) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-11-7::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (7 / 11) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-12-7::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (7 / 12) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-1-8::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (8 / 1) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-2-8::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (8 / 2) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-3-8::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (8 / 3) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-4-8::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (8 / 4) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-5-8::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (8 / 5) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-6-8::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (8 / 6) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-7-8::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (8 / 7) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-8-8::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (8 / 8) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-9-8::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (8 / 9) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-10-8::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (8 / 10) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-11-8::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (8 / 11) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-12-8::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (8 / 12) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-1-9::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (9 / 1) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-2-9::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (9 / 2) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-3-9::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (9 / 3) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-4-9::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (9 / 4) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-5-9::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (9 / 5) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-6-9::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (9 / 6) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-7-9::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (9 / 7) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-8-9::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (9 / 8) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-9-9::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (9 / 9) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-10-9::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (9 / 10) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-11-9::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (9 / 11) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-12-9::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (9 / 12) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-1-10::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (10 / 1) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-2-10::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (10 / 2) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-3-10::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (10 / 3) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-4-10::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (10 / 4) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-5-10::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (10 / 5) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-6-10::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (10 / 6) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-7-10::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (10 / 7) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-8-10::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (10 / 8) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-9-10::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (10 / 9) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-10-10::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (10 / 10) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-11-10::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (10 / 11) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-12-10::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (10 / 12) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-1-11::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (11 / 1) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-2-11::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (11 / 2) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-3-11::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (11 / 3) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-4-11::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (11 / 4) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-5-11::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (11 / 5) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-6-11::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (11 / 6) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-7-11::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (11 / 7) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-8-11::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (11 / 8) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-9-11::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (11 / 9) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-10-11::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (11 / 10) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-11-11::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (11 / 11) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-12-11::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (11 / 12) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-1-12::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (12 / 1) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-2-12::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (12 / 2) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-3-12::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (12 / 3) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-4-12::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (12 / 4) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-5-12::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (12 / 5) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-6-12::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (12 / 6) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-7-12::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (12 / 7) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-8-12::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (12 / 8) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-9-12::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (12 / 9) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-10-12::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (12 / 10) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-11-12::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (12 / 11) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-md-12-12::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (12 / 12) + ((11) * 8px)) - 4px);
    }
}

@media (min-width: 1200px) {
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-1-1::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (1 / 1) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-2-1::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (1 / 2) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-3-1::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (1 / 3) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-4-1::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (1 / 4) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-5-1::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (1 / 5) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-6-1::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (1 / 6) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-7-1::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (1 / 7) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-8-1::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (1 / 8) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-9-1::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (1 / 9) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-10-1::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (1 / 10) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-11-1::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (1 / 11) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-12-1::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (1 / 12) + ((0) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-1-2::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (2 / 1) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-2-2::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (2 / 2) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-3-2::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (2 / 3) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-4-2::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (2 / 4) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-5-2::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (2 / 5) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-6-2::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (2 / 6) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-7-2::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (2 / 7) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-8-2::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (2 / 8) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-9-2::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (2 / 9) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-10-2::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (2 / 10) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-11-2::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (2 / 11) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-12-2::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (2 / 12) + ((1) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-1-3::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (3 / 1) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-2-3::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (3 / 2) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-3-3::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (3 / 3) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-4-3::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (3 / 4) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-5-3::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (3 / 5) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-6-3::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (3 / 6) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-7-3::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (3 / 7) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-8-3::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (3 / 8) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-9-3::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (3 / 9) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-10-3::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (3 / 10) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-11-3::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (3 / 11) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-12-3::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (3 / 12) + ((2) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-1-4::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (4 / 1) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-2-4::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (4 / 2) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-3-4::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (4 / 3) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-4-4::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (4 / 4) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-5-4::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (4 / 5) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-6-4::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (4 / 6) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-7-4::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (4 / 7) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-8-4::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (4 / 8) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-9-4::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (4 / 9) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-10-4::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (4 / 10) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-11-4::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (4 / 11) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-12-4::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (4 / 12) + ((3) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-1-5::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (5 / 1) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-2-5::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (5 / 2) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-3-5::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (5 / 3) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-4-5::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (5 / 4) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-5-5::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (5 / 5) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-6-5::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (5 / 6) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-7-5::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (5 / 7) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-8-5::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (5 / 8) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-9-5::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (5 / 9) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-10-5::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (5 / 10) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-11-5::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (5 / 11) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-12-5::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (5 / 12) + ((4) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-1-6::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (6 / 1) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-2-6::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (6 / 2) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-3-6::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (6 / 3) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-4-6::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (6 / 4) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-5-6::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (6 / 5) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-6-6::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (6 / 6) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-7-6::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (6 / 7) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-8-6::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (6 / 8) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-9-6::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (6 / 9) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-10-6::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (6 / 10) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-11-6::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (6 / 11) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-12-6::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (6 / 12) + ((5) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-1-7::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (7 / 1) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-2-7::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (7 / 2) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-3-7::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (7 / 3) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-4-7::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (7 / 4) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-5-7::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (7 / 5) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-6-7::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (7 / 6) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-7-7::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (7 / 7) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-8-7::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (7 / 8) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-9-7::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (7 / 9) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-10-7::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (7 / 10) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-11-7::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (7 / 11) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-12-7::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (7 / 12) + ((6) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-1-8::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (8 / 1) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-2-8::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (8 / 2) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-3-8::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (8 / 3) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-4-8::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (8 / 4) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-5-8::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (8 / 5) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-6-8::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (8 / 6) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-7-8::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (8 / 7) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-8-8::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (8 / 8) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-9-8::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (8 / 9) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-10-8::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (8 / 10) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-11-8::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (8 / 11) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-12-8::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (8 / 12) + ((7) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-1-9::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (9 / 1) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-2-9::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (9 / 2) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-3-9::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (9 / 3) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-4-9::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (9 / 4) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-5-9::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (9 / 5) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-6-9::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (9 / 6) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-7-9::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (9 / 7) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-8-9::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (9 / 8) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-9-9::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (9 / 9) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-10-9::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (9 / 10) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-11-9::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (9 / 11) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-12-9::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (9 / 12) + ((8) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-1-10::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (10 / 1) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-2-10::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (10 / 2) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-3-10::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (10 / 3) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-4-10::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (10 / 4) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-5-10::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (10 / 5) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-6-10::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (10 / 6) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-7-10::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (10 / 7) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-8-10::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (10 / 8) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-9-10::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (10 / 9) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-10-10::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (10 / 10) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-11-10::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (10 / 11) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-12-10::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (10 / 12) + ((9) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-1-11::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (11 / 1) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-2-11::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (11 / 2) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-3-11::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (11 / 3) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-4-11::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (11 / 4) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-5-11::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (11 / 5) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-6-11::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (11 / 6) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-7-11::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (11 / 7) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-8-11::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (11 / 8) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-9-11::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (11 / 9) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-10-11::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (11 / 10) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-11-11::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (11 / 11) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-12-11::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (11 / 12) + ((10) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-1-12::before {
        padding-bottom: calc(((100% + 4px - ((0) * 8px)) * (12 / 1) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-2-12::before {
        padding-bottom: calc(((100% + 4px - ((1) * 8px)) * (12 / 2) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-3-12::before {
        padding-bottom: calc(((100% + 4px - ((2) * 8px)) * (12 / 3) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-4-12::before {
        padding-bottom: calc(((100% + 4px - ((3) * 8px)) * (12 / 4) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-5-12::before {
        padding-bottom: calc(((100% + 4px - ((4) * 8px)) * (12 / 5) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-6-12::before {
        padding-bottom: calc(((100% + 4px - ((5) * 8px)) * (12 / 6) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-7-12::before {
        padding-bottom: calc(((100% + 4px - ((6) * 8px)) * (12 / 7) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-8-12::before {
        padding-bottom: calc(((100% + 4px - ((7) * 8px)) * (12 / 8) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-9-12::before {
        padding-bottom: calc(((100% + 4px - ((8) * 8px)) * (12 / 9) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-10-12::before {
        padding-bottom: calc(((100% + 4px - ((9) * 8px)) * (12 / 10) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-11-12::before {
        padding-bottom: calc(((100% + 4px - ((10) * 8px)) * (12 / 11) + ((11) * 8px)) - 4px);
    }
    .mw-tiles.mw-ratios .mw-tile.mw-ratio-lg-12-12::before {
        padding-bottom: calc(((100% + 4px - ((11) * 8px)) * (12 / 12) + ((11) * 8px)) - 4px);
    }
}

/* ==========================================================================
   Tile Group System
   ========================================================================== */
/* container group  */
.mw-tiles.mw-groups {
    padding: 0 0 10px 0;
    overflow-x: scroll;
}

.mw-tiles.mw-groups .mw-group {
    width: auto;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    float: left;
    padding: 4px 0 0 4px;
    /* space necessary to display outline on tile:hover */
}

.mw-tiles.mw-groups .mw-group-1 {
    width: 100%;
}

.mw-tiles.mw-groups .mw-group-1 .mw-group {
    width: 100%;
}

.mw-tiles.mw-groups .mw-group-2 {
    width: 200%;
}

.mw-tiles.mw-groups .mw-group-2 .mw-group {
    width: 50%;
}

.mw-tiles.mw-groups .mw-group-3 {
    width: 300%;
}

.mw-tiles.mw-groups .mw-group-3 .mw-group {
    width: 33.33333%;
}

.mw-tiles.mw-groups .mw-group-4 {
    width: 400%;
}

.mw-tiles.mw-groups .mw-group-4 .mw-group {
    width: 25%;
}

.mw-tiles.mw-groups .mw-group-5 {
    width: 500%;
}

.mw-tiles.mw-groups .mw-group-5 .mw-group {
    width: 20%;
}

.mw-tiles.mw-groups .mw-group-1, .mw-tiles.mw-groups .mw-group-2, .mw-tiles.mw-groups .mw-group-3, .mw-tiles.mw-groups .mw-group-4, .mw-tiles.mw-groups .mw-group-5 {
    height: auto;
    position: relative;
}

.mw-tiles.mw-groups .mw-group-1::after, .mw-tiles.mw-groups .mw-group-2::after, .mw-tiles.mw-groups .mw-group-3::after, .mw-tiles.mw-groups .mw-group-4::after, .mw-tiles.mw-groups .mw-group-5::after {
    display: block;
    content: "";
    clear: both;
}

/* Groups Grid System */
.mw-tiles.mw-groups.mw-cols-1 .mw-group,
.mw-tiles.mw-groups.mw-cols-1 + .mw-controls {
    width: calc((120px * 1) + (1 * 8px) + 4px);
}

.mw-tiles.mw-groups.mw-cols-2 .mw-group,
.mw-tiles.mw-groups.mw-cols-2 + .mw-controls {
    width: calc((120px * 2) + (2 * 8px) + 4px);
}

.mw-tiles.mw-groups.mw-cols-3 .mw-group,
.mw-tiles.mw-groups.mw-cols-3 + .mw-controls {
    width: calc((120px * 3) + (3 * 8px) + 4px);
}

.mw-tiles.mw-groups.mw-cols-4 .mw-group,
.mw-tiles.mw-groups.mw-cols-4 + .mw-controls {
    width: calc((120px * 4) + (4 * 8px) + 4px);
}

.mw-tiles.mw-groups.mw-cols-5 .mw-group,
.mw-tiles.mw-groups.mw-cols-5 + .mw-controls {
    width: calc((120px * 5) + (5 * 8px) + 4px);
}

.mw-tiles.mw-groups.mw-cols-6 .mw-group,
.mw-tiles.mw-groups.mw-cols-6 + .mw-controls {
    width: calc((120px * 6) + (6 * 8px) + 4px);
}

.mw-tiles.mw-groups.mw-cols-7 .mw-group,
.mw-tiles.mw-groups.mw-cols-7 + .mw-controls {
    width: calc((120px * 7) + (7 * 8px) + 4px);
}

.mw-tiles.mw-groups.mw-cols-8 .mw-group,
.mw-tiles.mw-groups.mw-cols-8 + .mw-controls {
    width: calc((120px * 8) + (8 * 8px) + 4px);
}

.mw-tiles.mw-groups.mw-cols-9 .mw-group,
.mw-tiles.mw-groups.mw-cols-9 + .mw-controls {
    width: calc((120px * 9) + (9 * 8px) + 4px);
}

.mw-tiles.mw-groups.mw-cols-10 .mw-group,
.mw-tiles.mw-groups.mw-cols-10 + .mw-controls {
    width: calc((120px * 10) + (10 * 8px) + 4px);
}

.mw-tiles.mw-groups.mw-cols-11 .mw-group,
.mw-tiles.mw-groups.mw-cols-11 + .mw-controls {
    width: calc((120px * 11) + (11 * 8px) + 4px);
}

.mw-tiles.mw-groups.mw-cols-12 .mw-group,
.mw-tiles.mw-groups.mw-cols-12 + .mw-controls {
    width: calc((120px * 12) + (12 * 8px) + 4px);
}

.mw-tiles.mw-groups:not(.mw-live) {
    height: auto;
}

/* Groups fluid */
.mw-groups.mw-fluid .mw-group-1, .mw-groups.mw-fluid .mw-group-2, .mw-groups.mw-fluid .mw-group-3, .mw-groups.mw-fluid .mw-group-4, .mw-groups.mw-fluid .mw-group-5 {
    height: 100%;
}

.mw-groups.mw-fluid .mw-group {
    height: 100%;
}

/* Tile title 
   ========================================================================== */
.mw-tile .mw-title {
    display: block;
    padding: 7px 12px;
    margin: 0;
    color: white;
    font-size: 1.25rem;
    user-select: text;
}

.mw-tile .mw-title.mw-text-center {
    text-align: center;
    width: 100%;
}

/* Tile label
   ========================================================================== */
.mw-tile .mw-label {
    display: block;
    height: 30px;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0 15px;
    border-radius: 0;
    color: #FFF;
    font-size: 0.8em;
    text-align: center;
    line-height: 30px;
    z-index: 1;
    opacity: 0.90;
}

.mw-tile .mw-label .mw-icon {
    font-size: 1.1em;
}

/* Tile overlay
   ========================================================================== */
.mw-tile .mw-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    padding: 10px;
    overflow: hidden;
    opacity: 0.9;
    font-size: 1.2rem;
    line-height: 1.3rem;
    color: white;
    font-weight: normal;
    text-transform: none;
    transition: height ease-in-out 0.4s;
    z-index: 10;
}

.mw-tile .mw-overlay > *:not(.mw-title) {
    width: calc(100% - 10px * 2);
    margin: 0;
    position: absolute;
    top: 40px;
    bottom: auto;
    height: calc(120px - (2 * 2px) - 30px - 10px - 10px);
    /* tile height - tile border - title height - title marge - padding */
}

.mw-tile .mw-overlay .mw-title {
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 5px 0 5px 10px;
    position: absolute;
    top: 0;
    bottom: auto;
    padding: 0;
    overflow: hidden;
    font-size: 1.50rem;
    font-weight: bold;
    color: #FFF;
}

.mw-tile .mw-overlay .mw-title .mw-icon {
    font-size: 1em;
    margin-right: 8px;
}

.mw-tile .mw-overlay.mw-position-top > *:not(.mw-title) {
    position: absolute;
    bottom: 40px;
    top: auto;
}

.mw-tile .mw-overlay.mw-position-top .mw-title {
    top: auto;
    bottom: 0;
}

.mw-tile.mw-large .mw-overlay > *:not(.mw-title) {
    height: calc(120px - (2 * 2px) - 30px - 10px - 10px);
    /* tile height - tile border - title height - title marge - padding */
}

.mw-tile.mw-small .mw-overlay > *:not(.mw-title) {
    height: calc(120px - (2 * 2px) - 30px - 10px - 10px);
    /* tile height - tile border - title height - title marge - padding */
}

.mw-tile:hover .mw-overlay:not(.mw-static) {
    height: 100%;
}

/* Tile icon         
   ========================================================================== */
.mw-tile .mw-inner > .mw-icon,
.mw-tile .mw-inner > i {
    color: black;
    transition: color linear 0.4s;
}

.mw-tile:hover .mw-inner > .mw-icon,
.mw-tile:hover .mw-inner > i {
    color: white;
}

.mw-theme-light .mw-tile:hover .mw-inner > .mw-icon, .mw-theme-light
.mw-tile:hover .mw-inner > i {
    color: black;
}

/* Tile preview
   ========================================================================== */
.mw-tiles.mw-preview,
.mw-tiles .mw-tile.mw-preview {
    opacity: 0.5;
}

/* indicators
   ========================================================================== */
.mw-indicators {
    margin: 0;
    padding: 2px;
}

.mw-indicators > ul,
.mw-indicators > ol {
    margin: 0;
    padding: 0;
}

.mw-indicators .mw-indicator {
    margin: 2px;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.75);
    border: 2px solid transparent;
    cursor: pointer;
}

.mw-indicators .mw-indicator.mw-active {
    border: 2px solid black;
}

.mw-indicators .mw-indicator:hover {
    background-color: white;
}

.mw-indicators.mw-bullets .mw-indicator {
    margin: 0 4px;
    padding: 4px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px transparent;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.66);
    transition: box-shadow .4s, background .4s;
}

/* Tile indicators
   ========================================================================== */
.mw-tile .mw-indicators {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    z-index: 10;
}

.mw-tile .mw-indicators .mw-indicator {
    border: none;
}

.mw-tile .mw-indicators .mw-indicator.mw-active {
    background-color: transparent;
    border: 2px solid white;
    position: relative;
    top: 2px;
}

.mw-tiles.mw-groups + .mw-controls .mw-indicators {
    margin: 0;
    padding: 0;
    width: 100%;
}

.mw-tiles.mw-groups + .mw-controls .mw-indicators::after {
    display: block;
    content: "";
    clear: both;
}

.mw-tiles.mw-groups + .mw-controls .mw-indicators .mw-indicator {
    float: left;
    display: inline-block;
    height: 15px;
    margin: 0 8px 0 0;
    cursor: pointer;
}

.mw-tiles.mw-groups + .mw-controls .mw-indicators .mw-indicator a {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid;
    border-radius: 0;
    border-color: rgba(0, 130, 153, 0.66);
    background-color: rgba(0, 130, 153, 0.33);
}

.mw-tiles.mw-groups + .mw-controls .mw-indicators .mw-indicator.mw-active a,
.mw-tiles.mw-groups + .mw-controls .mw-indicators .mw-indicator:hover a {
    border-color: #008299;
    background-color: rgba(0, 130, 153, 0.66);
}

.mw-tiles.mw-groups + .mw-controls .mw-indicators.mw-indicators-1 .mw-indicator {
    width: calc(100% - 8px - 1px);
}

.mw-tiles.mw-groups + .mw-controls .mw-indicators.mw-indicators-2 .mw-indicator {
    width: calc(50% - 8px - 1px);
}

.mw-tiles.mw-groups + .mw-controls .mw-indicators.mw-indicators-3 .mw-indicator {
    width: calc(33.33333% - 8px - 1px);
}

.mw-tiles.mw-groups + .mw-controls .mw-indicators.mw-indicators-4 .mw-indicator {
    width: calc(25% - 8px - 1px);
}

.mw-tiles.mw-groups + .mw-controls .mw-indicators.mw-indicators-5 .mw-indicator {
    width: calc(20% - 8px - 1px);
}

/* Tile bg-image
   ========================================================================== */
/* image */
.mw-tiles .mw-bg-image {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0 0;
    /*background-size: auto auto;*/
}

.mw-tiles .mw-bg-image::after {
    display: block;
    content: "";
    clear: both;
}

.mw-tiles > .mw-bg-image .mw-tile {
    outline: solid 8px black;
}

/* Tile inner (tile content)
   ========================================================================== */
.mw-tile .mw-inner {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 1em;
}

/* Tile flex
   ========================================================================== */
.mw-tile .mw-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}

/* ==========================================================================
   Container
   ========================================================================== */
.mw-container {
    width: calc(((((100vw - (15px * 2)) / 12) * 12) + (11 * 8px)) + (4px * 2));
    /* ((((view port width - (margin container * 2)) / 12 columns) * indexColumn) + (--indexColumn * 8px tile-gap )) + (4px * 2 tile outline)*/
    height: calc(((((100vw - (15px * 2)) / 12) * 12) + (11 * 8px)) + (4px *2));
    /* ((((view port width - (margin container * 2)) / 12 columns) * indexColumn) + (--indexColumn * 8px tile-gap )) + (4px * 2 tile outline)*/
    padding: 4px 0 0 4px;
    margin: 0 0 0 -4px;
    overflow: hidden;
}

/* Audio / Video
   ========================================================================== */
.mw-tile audio,
.mw-tile video {
    width: 100%;
    background-color: black;
}

.mw-tile audio {
    height: 35px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.mw-tile video {
    height: auto;
}

/* Animation
   ========================================================================== */
@keyframes play-horizontal-sprite {
    0% {
        background-position-x: 0;
    }
    100% {
        background-position-x: 100%;
    }
}

.mw-tile .mw-animation.mw-gif {
    width: 100%;
    height: 100%;
    display: block;
    background-color: black;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% 100%;
}

.mw-tile .mw-animation.mw-sprite {
    width: 100%;
    height: 100%;
    display: block;
    background-color: black;
    background-repeat: no-repeat;
    background-position-y: 50%;
}

/* Iframe
   ========================================================================== */
.mw-tile.mw-iframe {
    overflow: visible;
}

.mw-tile.mw-iframe iframe {
    width: 100%;
    height: 100%;
}

/* Favicon 
   ========================================================================== */
.mw-tile .mw-favicon {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    bottom: -8px;
    left: calc(50% - 8px);
    background-size: 100% auto;
    z-index: 1;
}

.mw-tile .mw-favicon a {
    width: 100%;
    height: 100%;
    display: block;
}

.mw-tile .mw-favicon.mw-x-small {
    width: 16px;
    height: 16px;
    bottom: -8px;
    left: calc(50% - 8px);
}

.mw-tile .mw-favicon.mw-small {
    width: 24px;
    height: 24px;
    bottom: -12px;
    left: calc(50% - 12px);
}

.mw-tile .mw-favicon.mw-medium {
    width: 32px;
    height: 32px;
    bottom: -16px;
    left: calc(50% - 16px);
}

.mw-tile .mw-favicon.mw-large {
    width: 48px;
    height: 48px;
    bottom: -24px;
    left: calc(50% - 24px);
}

.mw-tile .mw-favicon.mw-x-large {
    width: 64px;
    height: 64px;
    bottom: -32px;
    left: calc(50% - 32px);
}

/* ==========================================================================
   Tile Behavior
   ========================================================================== */
/* Tile clickable 
   ========================================================================== */
.mw-tiles.mw-clickable .mw-tile:active,
.mw-tile.mw-clickable:active {
    transform: scale(0.95);
}

/* Tile checkable 
   ========================================================================== */
.mw-tile.mw-checked {
    border: 3px solid;
    border-color: rgba(0, 130, 153, 0.9);
}

.mw-tile.mw-checked:before {
    display: inline-block;
    opacity: 1;
    margin: 0em 0.25rem 0em 0em;
    width: 1.18em;
    height: 1em;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    content: "\f00c";
    color: #FFF;
    font-size: 12px;
    z-index: 102;
}

.mw-tile.mw-checked:after {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    border-top: 28px solid;
    border-top-color: rgba(0, 160, 177, 0.9);
    border-left: 28px solid transparent;
    content: "";
    z-index: 101;
}

/* Tile checked color
   ========================================================================== */
.mw-tile.mw-checked.mw-checked-teal-light {
    border-color: #00A0B1 !important;
}

.mw-tile.mw-checked.mw-checked-teal-light:after {
    border-top-color: #00A0B1;
}

.mw-tile.mw-checked.mw-checked-teal-dark {
    border-color: #008299 !important;
}

.mw-tile.mw-checked.mw-checked-teal-dark:after {
    border-top-color: #008299;
}

.mw-tile.mw-checked.mw-checked-green-light {
    border-color: #13AE40 !important;
}

.mw-tile.mw-checked.mw-checked-green-light:after {
    border-top-color: #13AE40;
}

.mw-tile.mw-checked.mw-checked-green-dark {
    border-color: #00A400 !important;
}

.mw-tile.mw-checked.mw-checked-green-dark:after {
    border-top-color: #00A400;
}

.mw-tile.mw-checked.mw-checked-blue-lighter {
    border-color: #4DB0F4 !important;
}

.mw-tile.mw-checked.mw-checked-blue-lighter:after {
    border-top-color: #4DB0F4;
}

.mw-tile.mw-checked.mw-checked-blue-light {
    border-color: #3498DB !important;
}

.mw-tile.mw-checked.mw-checked-blue-light:after {
    border-top-color: #3498DB;
}

.mw-tile.mw-checked.mw-checked-blue-dark {
    border-color: #2672EC !important;
}

.mw-tile.mw-checked.mw-checked-blue-dark:after {
    border-top-color: #2672EC;
}

.mw-tile.mw-checked.mw-checked-blue-darker {
    border-color: #094AB2 !important;
}

.mw-tile.mw-checked.mw-checked-blue-darker:after {
    border-top-color: #094AB2;
}

.mw-tile.mw-checked.mw-checked-purple-light {
    border-color: #8C0095 !important;
}

.mw-tile.mw-checked.mw-checked-purple-light:after {
    border-top-color: #8C0095;
}

.mw-tile.mw-checked.mw-checked-purple-dark {
    border-color: #5133AB !important;
}

.mw-tile.mw-checked.mw-checked-purple-dark:after {
    border-top-color: #5133AB;
}

.mw-tile.mw-checked.mw-checked-yellow-dark {
    border-color: #F1C40F !important;
}

.mw-tile.mw-checked.mw-checked-yellow-dark:after {
    border-top-color: #F1C40F;
}

.mw-tile.mw-checked.mw-checked-orange-light {
    border-color: #F39C12 !important;
}

.mw-tile.mw-checked.mw-checked-orange-light:after {
    border-top-color: #F39C12;
}

.mw-tile.mw-checked.mw-checked-orange-dark {
    border-color: #E67E22 !important;
}

.mw-tile.mw-checked.mw-checked-orange-dark:after {
    border-top-color: #E67E22;
}

.mw-tile.mw-checked.mw-checked-orange-darker {
    border-color: #D35400 !important;
}

.mw-tile.mw-checked.mw-checked-orange-darker:after {
    border-top-color: #D35400;
}

.mw-tile.mw-checked.mw-checked-red-light {
    border-color: #D01616 !important;
}

.mw-tile.mw-checked.mw-checked-red-light:after {
    border-top-color: #D01616;
}

.mw-tile.mw-checked.mw-checked-red-dark {
    border-color: #B61100 !important;
}

.mw-tile.mw-checked.mw-checked-red-dark:after {
    border-top-color: #B61100;
}

.mw-tile.mw-checked.mw-checked-lightgrey-light {
    border-color: #ECF0F1 !important;
}

.mw-tile.mw-checked.mw-checked-lightgrey-light:after {
    border-top-color: #ECF0F1;
}

.mw-tile.mw-checked.mw-checked-lightgrey-dark {
    border-color: #BDC3C7 !important;
}

.mw-tile.mw-checked.mw-checked-lightgrey-dark:after {
    border-top-color: #BDC3C7;
}

.mw-tile.mw-checked.mw-checked-grey-light {
    border-color: #95A5A6 !important;
}

.mw-tile.mw-checked.mw-checked-grey-light:after {
    border-top-color: #95A5A6;
}

.mw-tile.mw-checked.mw-checked-grey-dark {
    border-color: #7F8C8D !important;
}

.mw-tile.mw-checked.mw-checked-grey-dark:after {
    border-top-color: #7F8C8D;
}

.mw-tile.mw-checked.mw-checked-darkgrey-light {
    border-color: #34495E !important;
}

.mw-tile.mw-checked.mw-checked-darkgrey-light:after {
    border-top-color: #34495E;
}

.mw-tile.mw-checked.mw-checked-darkgrey-dark {
    border-color: #2C3E50 !important;
}

.mw-tile.mw-checked.mw-checked-darkgrey-dark:after {
    border-top-color: #2C3E50;
}

.mw-tile.mw-checked.mw-checked-black {
    border-color: #000000 !important;
}

.mw-tile.mw-checked.mw-checked-black:after {
    border-top-color: #000000;
}

.mw-tile.mw-checked.mw-checked-dark {
    border-color: rgba(0, 0, 0, 0.25) !important;
}

.mw-tile.mw-checked.mw-checked-dark:after {
    border-top-color: rgba(0, 0, 0, 0.25);
}

.mw-tile.mw-checked.mw-checked-darker {
    border-color: rgba(0, 0, 0, 0.5) !important;
}

.mw-tile.mw-checked.mw-checked-darker:after {
    border-top-color: rgba(0, 0, 0, 0.5);
}

.mw-tile.mw-checked.mw-checked-light {
    border-color: rgba(255, 255, 255, 0.25) !important;
}

.mw-tile.mw-checked.mw-checked-light:after {
    border-top-color: rgba(255, 255, 255, 0.25);
}

.mw-tile.mw-checked.mw-checked-lighter {
    border-color: rgba(255, 255, 255, 0.5) !important;
}

.mw-tile.mw-checked.mw-checked-lighter:after {
    border-top-color: rgba(255, 255, 255, 0.5);
}

.mw-tile.mw-checked.mw-checked-white {
    border-color: #FFFFFF !important;
}

.mw-tile.mw-checked.mw-checked-white:after {
    border-top-color: #FFFFFF;
}

.mw-tile.mw-checked.mw-checked-transparent {
    border-color: transparent !important;
}

.mw-tile.mw-checked.mw-checked-transparent:after {
    border-top-color: transparent;
}

.mw-tile.mw-checked.mw-checked-gd-teal-light {
    border-image: linear-gradient(to right, rgba(0, 160, 177, 0.9), rgba(0, 183, 203, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-teal-light:after {
    border-top-color: rgba(0, 183, 203, 0.9);
}

.mw-tile.mw-checked.mw-checked-gd-teal-dark {
    border-image: linear-gradient(to right, rgba(0, 130, 153, 0.9), rgba(0, 152, 179, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-teal-dark:after {
    border-top-color: rgba(0, 152, 179, 0.9);
}

.mw-tile.mw-checked.mw-checked-gd-green-light {
    border-image: linear-gradient(to right, rgba(19, 174, 64, 0.9), rgba(11, 208, 68, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-green-light:after {
    border-top-color: rgba(11, 208, 68, 0.9);
}

.mw-tile.mw-checked.mw-checked-gd-green-dark {
    border-image: linear-gradient(to right, rgba(0, 164, 0, 0.9), rgba(0, 190, 0, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-green-dark:after {
    border-top-color: rgba(0, 190, 0, 0.9);
}

.mw-tile.mw-checked.mw-checked-gd-blue-lighter {
    border-image: linear-gradient(to right, rgba(77, 176, 244, 0.9), rgba(93, 188, 254, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-blue-lighter:after {
    border-top-color: rgba(93, 188, 254, 0.9);
}

.mw-tile.mw-checked.mw-checked-gd-blue-light {
    border-image: linear-gradient(to right, rgba(52, 152, 219, 0.9), rgba(63, 165, 234, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-blue-light:after {
    border-top-color: rgba(63, 165, 234, 0.9);
}

.mw-tile.mw-checked.mw-checked-gd-blue-dark {
    border-image: linear-gradient(to right, rgba(38, 114, 236, 0.9), rgba(51, 127, 249, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-blue-dark:after {
    border-top-color: rgba(51, 127, 249, 0.9);
}

.mw-tile.mw-checked.mw-checked-gd-blue-darker {
    border-image: linear-gradient(to right, rgba(9, 74, 178, 0.9), rgba(0, 82, 213, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-blue-darker:after {
    border-top-color: rgba(0, 82, 213, 0.9);
}

.mw-tile.mw-checked.mw-checked-gd-purple-light {
    border-image: linear-gradient(to right, rgba(140, 0, 149, 0.9), rgba(164, 0, 175, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-purple-light:after {
    border-top-color: rgba(164, 0, 175, 0.9);
}

.mw-tile.mw-checked.mw-checked-gd-purple-dark {
    border-image: linear-gradient(to right, rgba(81, 51, 171, 0.9), rgba(84, 44, 203, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-purple-dark:after {
    border-top-color: rgba(84, 44, 203, 0.9);
}

.mw-tile.mw-checked.mw-checked-gd-yellow-dark {
    border-image: linear-gradient(to right, rgba(241, 196, 15, 0.9), rgba(254, 209, 28, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-yellow-dark:after {
    border-top-color: rgba(254, 209, 28, 0.9);
}

.mw-tile.mw-checked.mw-checked-gd-orange-light {
    border-image: linear-gradient(to right, rgba(243, 156, 18, 0.9), rgba(255, 169, 32, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-orange-light:after {
    border-top-color: rgba(255, 169, 32, 0.9);
}

.mw-tile.mw-checked.mw-checked-gd-orange-dark {
    border-image: linear-gradient(to right, rgba(230, 126, 34, 0.9), rgba(244, 139, 46, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-orange-dark:after {
    border-top-color: rgba(244, 139, 46, 0.9);
}

.mw-tile.mw-checked.mw-checked-gd-orange-darker {
    border-image: linear-gradient(to right, rgba(211, 84, 0, 0.9), rgba(237, 94, 0, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-orange-darker:after {
    border-top-color: rgba(237, 94, 0, 0.9);
}

.mw-tile.mw-checked.mw-checked-gd-red-light {
    border-image: linear-gradient(to right, rgba(208, 22, 22, 0.9), rgba(243, 12, 12, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-red-light:after {
    border-top-color: rgba(243, 12, 12, 0.9);
}

.mw-tile.mw-checked.mw-checked-gd-red-dark {
    border-image: linear-gradient(to right, rgba(182, 17, 0, 0.9), rgba(208, 19, 0, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-red-dark:after {
    border-top-color: rgba(208, 19, 0, 0.9);
}

.mw-tile.mw-checked.mw-checked-gd-lightgrey-light {
    border-image: linear-gradient(to right, rgba(236, 240, 241, 0.9), rgba(250, 252, 252, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-lightgrey-light:after {
    border-top-color: rgba(250, 252, 252, 0.9);
}

.mw-tile.mw-checked.mw-checked-gd-lightgrey-dark {
    border-image: linear-gradient(to right, rgba(189, 195, 199, 0.9), rgba(198, 209, 216, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-lightgrey-dark:after {
    border-top-color: rgba(198, 209, 216, 0.9);
}

.mw-tile.mw-checked.mw-checked-gd-grey-light {
    border-image: linear-gradient(to right, rgba(149, 165, 166, 0.9), rgba(154, 184, 186, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-grey-light:after {
    border-top-color: rgba(154, 184, 186, 0.9);
}

.mw-tile.mw-checked.mw-checked-gd-grey-dark {
    border-image: linear-gradient(to right, rgba(127, 140, 141, 0.9), rgba(130, 161, 164, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-grey-dark:after {
    border-top-color: rgba(130, 161, 164, 0.9);
}

.mw-tile.mw-checked.mw-checked-gd-darkgrey-light {
    border-image: linear-gradient(to right, rgba(52, 73, 94, 0.9), rgba(53, 86, 119, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-darkgrey-light:after {
    border-top-color: rgba(53, 86, 119, 0.9);
}

.mw-tile.mw-checked.mw-checked-gd-darkgrey-dark {
    border-image: linear-gradient(to right, rgba(44, 62, 80, 0.9), rgba(46, 75, 104, 0.9));
}

.mw-tile.mw-checked.mw-checked-gd-darkgrey-dark:after {
    border-top-color: rgba(46, 75, 104, 0.9);
}

/* ==========================================================================
   Tile Live
   ========================================================================== */
.mw-tiles.mw-live.mw-groups {
    overflow-x: hidden;
}

.mw-tiles.mw-live,
.mw-tile.mw-live {
    background-color: transparent;
}

.mw-tiles.mw-live .mw-effect,
.mw-tile.mw-live .mw-effect {
    position: absolute;
    animation-duration: 0.65s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

/* Tile live controls (prev, next)
   ========================================================================== */
.mw-tile.mw-live:hover > .mw-controls .mw-control {
    opacity: 0.75;
}

.mw-tile.mw-live > .mw-controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mw-tile.mw-live > .mw-controls .mw-control {
    display: flex;
    align-items: center;
    padding: 0 4%;
    height: 100%;
    position: absolute;
    z-index: 10;
    opacity: 0;
    color: white;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.66);
    transition: all ease 0.4s;
}

.mw-tile.mw-live > .mw-controls .mw-control.mw-prev {
    left: 0;
    right: auto;
}

.mw-tile.mw-live > .mw-controls .mw-control.mw-next {
    left: auto;
    right: 0;
}

.mw-tile.mw-live > .mw-controls .mw-control:hover {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.3333);
}

/*# sourceMappingURL=mw-tile.css.map */
