#app * {
    box-sizing: border-box;
    position: relative
}

body {
    margin: 0
}

[class*=grid-],
[class*=grid_],
[class~=grid] {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    margin: 0 -.5rem
}

[class*=col-],
[class*=col_],
[class~=col] {
    box-sizing: border-box;
    padding: 0 .5rem 1rem;
    max-width: 100%
}

[class*=col_],
[class~=col] {
    flex: 1 1 0%
}

[class*=grid-][class*=col-],
[class*=grid-][class*=col_],
[class*=grid-][class~=col],
[class*=grid_][class*=col-],
[class*=grid_][class*=col_],
[class*=grid_][class~=col],
[class~=grid][class*=col-],
[class~=grid][class*=col_],
[class~=grid][class~=col] {
    margin: 0;
    padding: 0
}

[class*=grid-][class*=-noGutter] {
    margin: 0
}

[class*=grid-][class*=-noGutter]>[class*=col-],
[class*=grid-][class*=-noGutter]>[class~=col] {
    padding: 0
}

[class*=grid-][class*=-noWrap] {
    flex-wrap: nowrap
}

[class*=grid-][class*=-center] {
    justify-content: center
}

[class*=grid-][class*=-right] {
    justify-content: flex-end;
    align-self: flex-end;
    margin-left: auto
}

[class*=grid-][class*=-top] {
    align-items: flex-start
}

[class*=grid-][class*=-middle] {
    align-items: center
}

[class*=grid-][class*=-bottom] {
    align-items: flex-end
}

[class*=grid-][class*=-reverse] {
    flex-direction: row-reverse
}

[class*=grid-][class*=-column] {
    flex-direction: column
}

[class*=grid-][class*=-column]>[class*=col-] {
    flex-basis: auto
}

[class*=grid-][class*=-column-reverse] {
    flex-direction: column-reverse
}

[class*=grid-][class*=-spaceBetween] {
    justify-content: space-between
}

[class*=grid-][class*=-spaceAround] {
    justify-content: space-around
}

[class*=grid-][class*=-equalHeight]>[class*=col-],
[class*=grid-][class*=-equalHeight]>[class*=col_],
[class*=grid-][class*=-equalHeight]>[class~=col] {
    align-self: stretch
}

[class*=grid-][class*=-equalHeight]>[class*=col-]>*,
[class*=grid-][class*=-equalHeight]>[class*=col_]>*,
[class*=grid-][class*=-equalHeight]>[class~=col]>* {
    height: 100%
}

[class*=grid-][class*=-noBottom]>[class*=col-],
[class*=grid-][class*=-noBottom]>[class*=col_],
[class*=grid-][class*=-noBottom]>[class~=col] {
    padding-bottom: 0
}

[class*=col-][class*=-top] {
    align-self: flex-start
}

[class*=col-][class*=-middle] {
    align-self: center
}

[class*=col-][class*=-bottom] {
    align-self: flex-end
}

[class*=col-][class*=-first] {
    order: -1
}

[class*=col-][class*=-last] {
    order: 1
}

[class*=grid-1]>[class*=col-],
[class*=grid-1]>[class*=col_],
[class*=grid-1]>[class~=col] {
    flex-basis: 100%;
    max-width: 100%
}

[class*=grid-2]>[class*=col-],
[class*=grid-2]>[class*=col_],
[class*=grid-2]>[class~=col] {
    flex-basis: 50%;
    max-width: 50%
}

[class*=grid-3]>[class*=col-],
[class*=grid-3]>[class*=col_],
[class*=grid-3]>[class~=col] {
    flex-basis: 33.33333%;
    max-width: 33.33333%
}

[class*=grid-4]>[class*=col-],
[class*=grid-4]>[class*=col_],
[class*=grid-4]>[class~=col] {
    flex-basis: 25%;
    max-width: 25%
}

[class*=grid-5]>[class*=col-],
[class*=grid-5]>[class*=col_],
[class*=grid-5]>[class~=col] {
    flex-basis: 20%;
    max-width: 20%
}

[class*=grid-6]>[class*=col-],
[class*=grid-6]>[class*=col_],
[class*=grid-6]>[class~=col] {
    flex-basis: 16.66667%;
    max-width: 16.66667%
}

[class*=grid-7]>[class*=col-],
[class*=grid-7]>[class*=col_],
[class*=grid-7]>[class~=col] {
    flex-basis: 14.28571%;
    max-width: 14.28571%
}

[class*=grid-8]>[class*=col-],
[class*=grid-8]>[class*=col_],
[class*=grid-8]>[class~=col] {
    flex-basis: 12.5%;
    max-width: 12.5%
}

[class*=grid-9]>[class*=col-],
[class*=grid-9]>[class*=col_],
[class*=grid-9]>[class~=col] {
    flex-basis: 11.11111%;
    max-width: 11.11111%
}

[class*=grid-10]>[class*=col-],
[class*=grid-10]>[class*=col_],
[class*=grid-10]>[class~=col] {
    flex-basis: 10%;
    max-width: 10%
}

[class*=grid-11]>[class*=col-],
[class*=grid-11]>[class*=col_],
[class*=grid-11]>[class~=col] {
    flex-basis: 9.09091%;
    max-width: 9.09091%
}

[class*=grid-12]>[class*=col-],
[class*=grid-12]>[class*=col_],
[class*=grid-12]>[class~=col] {
    flex-basis: 8.33333%;
    max-width: 8.33333%
}

@media (max-width: 80em) {

    [class*=_lg-1]>[class*=col-],
    [class*=_lg-1]>[class*=col_],
    [class*=_lg-1]>[class~=col] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=_lg-2]>[class*=col-],
    [class*=_lg-2]>[class*=col_],
    [class*=_lg-2]>[class~=col] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=_lg-3]>[class*=col-],
    [class*=_lg-3]>[class*=col_],
    [class*=_lg-3]>[class~=col] {
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class*=_lg-4]>[class*=col-],
    [class*=_lg-4]>[class*=col_],
    [class*=_lg-4]>[class~=col] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=_lg-5]>[class*=col-],
    [class*=_lg-5]>[class*=col_],
    [class*=_lg-5]>[class~=col] {
        flex-basis: 20%;
        max-width: 20%
    }

    [class*=_lg-6]>[class*=col-],
    [class*=_lg-6]>[class*=col_],
    [class*=_lg-6]>[class~=col] {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class*=_lg-7]>[class*=col-],
    [class*=_lg-7]>[class*=col_],
    [class*=_lg-7]>[class~=col] {
        flex-basis: 14.28571%;
        max-width: 14.28571%
    }

    [class*=_lg-8]>[class*=col-],
    [class*=_lg-8]>[class*=col_],
    [class*=_lg-8]>[class~=col] {
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    [class*=_lg-9]>[class*=col-],
    [class*=_lg-9]>[class*=col_],
    [class*=_lg-9]>[class~=col] {
        flex-basis: 11.11111%;
        max-width: 11.11111%
    }

    [class*=_lg-10]>[class*=col-],
    [class*=_lg-10]>[class*=col_],
    [class*=_lg-10]>[class~=col] {
        flex-basis: 10%;
        max-width: 10%
    }

    [class*=_lg-11]>[class*=col-],
    [class*=_lg-11]>[class*=col_],
    [class*=_lg-11]>[class~=col] {
        flex-basis: 9.09091%;
        max-width: 9.09091%
    }

    [class*=_lg-12]>[class*=col-],
    [class*=_lg-12]>[class*=col_],
    [class*=_lg-12]>[class~=col] {
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }
}

@media (max-width: 64em) {

    [class*=_md-1]>[class*=col-],
    [class*=_md-1]>[class*=col_],
    [class*=_md-1]>[class~=col] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=_md-2]>[class*=col-],
    [class*=_md-2]>[class*=col_],
    [class*=_md-2]>[class~=col] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=_md-3]>[class*=col-],
    [class*=_md-3]>[class*=col_],
    [class*=_md-3]>[class~=col] {
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class*=_md-4]>[class*=col-],
    [class*=_md-4]>[class*=col_],
    [class*=_md-4]>[class~=col] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=_md-5]>[class*=col-],
    [class*=_md-5]>[class*=col_],
    [class*=_md-5]>[class~=col] {
        flex-basis: 20%;
        max-width: 20%
    }

    [class*=_md-6]>[class*=col-],
    [class*=_md-6]>[class*=col_],
    [class*=_md-6]>[class~=col] {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class*=_md-7]>[class*=col-],
    [class*=_md-7]>[class*=col_],
    [class*=_md-7]>[class~=col] {
        flex-basis: 14.28571%;
        max-width: 14.28571%
    }

    [class*=_md-8]>[class*=col-],
    [class*=_md-8]>[class*=col_],
    [class*=_md-8]>[class~=col] {
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    [class*=_md-9]>[class*=col-],
    [class*=_md-9]>[class*=col_],
    [class*=_md-9]>[class~=col] {
        flex-basis: 11.11111%;
        max-width: 11.11111%
    }

    [class*=_md-10]>[class*=col-],
    [class*=_md-10]>[class*=col_],
    [class*=_md-10]>[class~=col] {
        flex-basis: 10%;
        max-width: 10%
    }

    [class*=_md-11]>[class*=col-],
    [class*=_md-11]>[class*=col_],
    [class*=_md-11]>[class~=col] {
        flex-basis: 9.09091%;
        max-width: 9.09091%
    }

    [class*=_md-12]>[class*=col-],
    [class*=_md-12]>[class*=col_],
    [class*=_md-12]>[class~=col] {
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }
}

@media (max-width: 54em) {

    [class*=_sm-1]>[class*=col-],
    [class*=_sm-1]>[class*=col_],
    [class*=_sm-1]>[class~=col] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=_sm-2]>[class*=col-],
    [class*=_sm-2]>[class*=col_],
    [class*=_sm-2]>[class~=col] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=_sm-3]>[class*=col-],
    [class*=_sm-3]>[class*=col_],
    [class*=_sm-3]>[class~=col] {
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class*=_sm-4]>[class*=col-],
    [class*=_sm-4]>[class*=col_],
    [class*=_sm-4]>[class~=col] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=_sm-5]>[class*=col-],
    [class*=_sm-5]>[class*=col_],
    [class*=_sm-5]>[class~=col] {
        flex-basis: 20%;
        max-width: 20%
    }

    [class*=_sm-6]>[class*=col-],
    [class*=_sm-6]>[class*=col_],
    [class*=_sm-6]>[class~=col] {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class*=_sm-7]>[class*=col-],
    [class*=_sm-7]>[class*=col_],
    [class*=_sm-7]>[class~=col] {
        flex-basis: 14.28571%;
        max-width: 14.28571%
    }

    [class*=_sm-8]>[class*=col-],
    [class*=_sm-8]>[class*=col_],
    [class*=_sm-8]>[class~=col] {
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    [class*=_sm-9]>[class*=col-],
    [class*=_sm-9]>[class*=col_],
    [class*=_sm-9]>[class~=col] {
        flex-basis: 11.11111%;
        max-width: 11.11111%
    }

    [class*=_sm-10]>[class*=col-],
    [class*=_sm-10]>[class*=col_],
    [class*=_sm-10]>[class~=col] {
        flex-basis: 10%;
        max-width: 10%
    }

    [class*=_sm-11]>[class*=col-],
    [class*=_sm-11]>[class*=col_],
    [class*=_sm-11]>[class~=col] {
        flex-basis: 9.09091%;
        max-width: 9.09091%
    }

    [class*=_sm-12]>[class*=col-],
    [class*=_sm-12]>[class*=col_],
    [class*=_sm-12]>[class~=col] {
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }
}

@media (max-width: 36em) {

    [class*=_xs-1]>[class*=col-],
    [class*=_xs-1]>[class*=col_],
    [class*=_xs-1]>[class~=col] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=_xs-2]>[class*=col-],
    [class*=_xs-2]>[class*=col_],
    [class*=_xs-2]>[class~=col] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=_xs-3]>[class*=col-],
    [class*=_xs-3]>[class*=col_],
    [class*=_xs-3]>[class~=col] {
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class*=_xs-4]>[class*=col-],
    [class*=_xs-4]>[class*=col_],
    [class*=_xs-4]>[class~=col] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=_xs-5]>[class*=col-],
    [class*=_xs-5]>[class*=col_],
    [class*=_xs-5]>[class~=col] {
        flex-basis: 20%;
        max-width: 20%
    }

    [class*=_xs-6]>[class*=col-],
    [class*=_xs-6]>[class*=col_],
    [class*=_xs-6]>[class~=col] {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class*=_xs-7]>[class*=col-],
    [class*=_xs-7]>[class*=col_],
    [class*=_xs-7]>[class~=col] {
        flex-basis: 14.28571%;
        max-width: 14.28571%
    }

    [class*=_xs-8]>[class*=col-],
    [class*=_xs-8]>[class*=col_],
    [class*=_xs-8]>[class~=col] {
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    [class*=_xs-9]>[class*=col-],
    [class*=_xs-9]>[class*=col_],
    [class*=_xs-9]>[class~=col] {
        flex-basis: 11.11111%;
        max-width: 11.11111%
    }

    [class*=_xs-10]>[class*=col-],
    [class*=_xs-10]>[class*=col_],
    [class*=_xs-10]>[class~=col] {
        flex-basis: 10%;
        max-width: 10%
    }

    [class*=_xs-11]>[class*=col-],
    [class*=_xs-11]>[class*=col_],
    [class*=_xs-11]>[class~=col] {
        flex-basis: 9.09091%;
        max-width: 9.09091%
    }

    [class*=_xs-12]>[class*=col-],
    [class*=_xs-12]>[class*=col_],
    [class*=_xs-12]>[class~=col] {
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }
}

[class*=grid-]>[class*=col-1],
[class*=grid_]>[class*=col-1],
[class~=grid]>[class*=col-1] {
    flex-basis: 8.33333%;
    max-width: 8.33333%
}

[class*=grid-]>[class*=col-2],
[class*=grid_]>[class*=col-2],
[class~=grid]>[class*=col-2] {
    flex-basis: 16.66667%;
    max-width: 16.66667%
}

[class*=grid-]>[class*=col-3],
[class*=grid_]>[class*=col-3],
[class~=grid]>[class*=col-3] {
    flex-basis: 25%;
    max-width: 25%
}

[class*=grid-]>[class*=col-4],
[class*=grid_]>[class*=col-4],
[class~=grid]>[class*=col-4] {
    flex-basis: 33.33333%;
    max-width: 33.33333%
}

[class*=grid-]>[class*=col-5],
[class*=grid_]>[class*=col-5],
[class~=grid]>[class*=col-5] {
    flex-basis: 41.66667%;
    max-width: 41.66667%
}

[class*=grid-]>[class*=col-6],
[class*=grid_]>[class*=col-6],
[class~=grid]>[class*=col-6] {
    flex-basis: 50%;
    max-width: 50%
}

[class*=grid-]>[class*=col-7],
[class*=grid_]>[class*=col-7],
[class~=grid]>[class*=col-7] {
    flex-basis: 58.33333%;
    max-width: 58.33333%
}

[class*=grid-]>[class*=col-8],
[class*=grid_]>[class*=col-8],
[class~=grid]>[class*=col-8] {
    flex-basis: 66.66667%;
    max-width: 66.66667%
}

[class*=grid-]>[class*=col-9],
[class*=grid_]>[class*=col-9],
[class~=grid]>[class*=col-9] {
    flex-basis: 75%;
    max-width: 75%
}

[class*=grid-]>[class*=col-10],
[class*=grid_]>[class*=col-10],
[class~=grid]>[class*=col-10] {
    flex-basis: 83.33333%;
    max-width: 83.33333%
}

[class*=grid-]>[class*=col-11],
[class*=grid_]>[class*=col-11],
[class~=grid]>[class*=col-11] {
    flex-basis: 91.66667%;
    max-width: 91.66667%
}

[class*=grid-]>[class*=col-12],
[class*=grid_]>[class*=col-12],
[class~=grid]>[class*=col-12] {
    flex-basis: 100%;
    max-width: 100%
}

[class*=grid-]>[data-push-left*=off-0],
[class*=grid_]>[data-push-left*=off-0],
[class~=grid]>[data-push-left*=off-0] {
    margin-left: 0
}

[class*=grid-]>[data-push-left*=off-1],
[class*=grid_]>[data-push-left*=off-1],
[class~=grid]>[data-push-left*=off-1] {
    margin-left: 8.33333%
}

[class*=grid-]>[data-push-left*=off-2],
[class*=grid_]>[data-push-left*=off-2],
[class~=grid]>[data-push-left*=off-2] {
    margin-left: 16.66667%
}

[class*=grid-]>[data-push-left*=off-3],
[class*=grid_]>[data-push-left*=off-3],
[class~=grid]>[data-push-left*=off-3] {
    margin-left: 25%
}

[class*=grid-]>[data-push-left*=off-4],
[class*=grid_]>[data-push-left*=off-4],
[class~=grid]>[data-push-left*=off-4] {
    margin-left: 33.33333%
}

[class*=grid-]>[data-push-left*=off-5],
[class*=grid_]>[data-push-left*=off-5],
[class~=grid]>[data-push-left*=off-5] {
    margin-left: 41.66667%
}

[class*=grid-]>[data-push-left*=off-6],
[class*=grid_]>[data-push-left*=off-6],
[class~=grid]>[data-push-left*=off-6] {
    margin-left: 50%
}

[class*=grid-]>[data-push-left*=off-7],
[class*=grid_]>[data-push-left*=off-7],
[class~=grid]>[data-push-left*=off-7] {
    margin-left: 58.33333%
}

[class*=grid-]>[data-push-left*=off-8],
[class*=grid_]>[data-push-left*=off-8],
[class~=grid]>[data-push-left*=off-8] {
    margin-left: 66.66667%
}

[class*=grid-]>[data-push-left*=off-9],
[class*=grid_]>[data-push-left*=off-9],
[class~=grid]>[data-push-left*=off-9] {
    margin-left: 75%
}

[class*=grid-]>[data-push-left*=off-10],
[class*=grid_]>[data-push-left*=off-10],
[class~=grid]>[data-push-left*=off-10] {
    margin-left: 83.33333%
}

[class*=grid-]>[data-push-left*=off-11],
[class*=grid_]>[data-push-left*=off-11],
[class~=grid]>[data-push-left*=off-11] {
    margin-left: 91.66667%
}

[class*=grid-]>[data-push-right*=off-0],
[class*=grid_]>[data-push-right*=off-0],
[class~=grid]>[data-push-right*=off-0] {
    margin-right: 0
}

[class*=grid-]>[data-push-right*=off-1],
[class*=grid_]>[data-push-right*=off-1],
[class~=grid]>[data-push-right*=off-1] {
    margin-right: 8.33333%
}

[class*=grid-]>[data-push-right*=off-2],
[class*=grid_]>[data-push-right*=off-2],
[class~=grid]>[data-push-right*=off-2] {
    margin-right: 16.66667%
}

[class*=grid-]>[data-push-right*=off-3],
[class*=grid_]>[data-push-right*=off-3],
[class~=grid]>[data-push-right*=off-3] {
    margin-right: 25%
}

[class*=grid-]>[data-push-right*=off-4],
[class*=grid_]>[data-push-right*=off-4],
[class~=grid]>[data-push-right*=off-4] {
    margin-right: 33.33333%
}

[class*=grid-]>[data-push-right*=off-5],
[class*=grid_]>[data-push-right*=off-5],
[class~=grid]>[data-push-right*=off-5] {
    margin-right: 41.66667%
}

[class*=grid-]>[data-push-right*=off-6],
[class*=grid_]>[data-push-right*=off-6],
[class~=grid]>[data-push-right*=off-6] {
    margin-right: 50%
}

[class*=grid-]>[data-push-right*=off-7],
[class*=grid_]>[data-push-right*=off-7],
[class~=grid]>[data-push-right*=off-7] {
    margin-right: 58.33333%
}

[class*=grid-]>[data-push-right*=off-8],
[class*=grid_]>[data-push-right*=off-8],
[class~=grid]>[data-push-right*=off-8] {
    margin-right: 66.66667%
}

[class*=grid-]>[data-push-right*=off-9],
[class*=grid_]>[data-push-right*=off-9],
[class~=grid]>[data-push-right*=off-9] {
    margin-right: 75%
}

[class*=grid-]>[data-push-right*=off-10],
[class*=grid_]>[data-push-right*=off-10],
[class~=grid]>[data-push-right*=off-10] {
    margin-right: 83.33333%
}

[class*=grid-]>[data-push-right*=off-11],
[class*=grid_]>[data-push-right*=off-11],
[class~=grid]>[data-push-right*=off-11] {
    margin-right: 91.66667%
}

@media (max-width: 80em) {

    [class*=grid-]>[class*=_lg-1],
    [class*=grid_]>[class*=_lg-1],
    [class~=grid]>[class*=_lg-1] {
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    [class*=grid-]>[class*=_lg-2],
    [class*=grid_]>[class*=_lg-2],
    [class~=grid]>[class*=_lg-2] {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class*=grid-]>[class*=_lg-3],
    [class*=grid_]>[class*=_lg-3],
    [class~=grid]>[class*=_lg-3] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=grid-]>[class*=_lg-4],
    [class*=grid_]>[class*=_lg-4],
    [class~=grid]>[class*=_lg-4] {
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class*=grid-]>[class*=_lg-5],
    [class*=grid_]>[class*=_lg-5],
    [class~=grid]>[class*=_lg-5] {
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    [class*=grid-]>[class*=_lg-6],
    [class*=grid_]>[class*=_lg-6],
    [class~=grid]>[class*=_lg-6] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=grid-]>[class*=_lg-7],
    [class*=grid_]>[class*=_lg-7],
    [class~=grid]>[class*=_lg-7] {
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    [class*=grid-]>[class*=_lg-8],
    [class*=grid_]>[class*=_lg-8],
    [class~=grid]>[class*=_lg-8] {
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    [class*=grid-]>[class*=_lg-9],
    [class*=grid_]>[class*=_lg-9],
    [class~=grid]>[class*=_lg-9] {
        flex-basis: 75%;
        max-width: 75%
    }

    [class*=grid-]>[class*=_lg-10],
    [class*=grid_]>[class*=_lg-10],
    [class~=grid]>[class*=_lg-10] {
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    [class*=grid-]>[class*=_lg-11],
    [class*=grid_]>[class*=_lg-11],
    [class~=grid]>[class*=_lg-11] {
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    [class*=grid-]>[class*=_lg-12],
    [class*=grid_]>[class*=_lg-12],
    [class~=grid]>[class*=_lg-12] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=grid-]>[data-push-left*=_lg-0],
    [class*=grid_]>[data-push-left*=_lg-0],
    [class~=grid]>[data-push-left*=_lg-0] {
        margin-left: 0
    }

    [class*=grid-]>[data-push-left*=_lg-1],
    [class*=grid_]>[data-push-left*=_lg-1],
    [class~=grid]>[data-push-left*=_lg-1] {
        margin-left: 8.33333%
    }

    [class*=grid-]>[data-push-left*=_lg-2],
    [class*=grid_]>[data-push-left*=_lg-2],
    [class~=grid]>[data-push-left*=_lg-2] {
        margin-left: 16.66667%
    }

    [class*=grid-]>[data-push-left*=_lg-3],
    [class*=grid_]>[data-push-left*=_lg-3],
    [class~=grid]>[data-push-left*=_lg-3] {
        margin-left: 25%
    }

    [class*=grid-]>[data-push-left*=_lg-4],
    [class*=grid_]>[data-push-left*=_lg-4],
    [class~=grid]>[data-push-left*=_lg-4] {
        margin-left: 33.33333%
    }

    [class*=grid-]>[data-push-left*=_lg-5],
    [class*=grid_]>[data-push-left*=_lg-5],
    [class~=grid]>[data-push-left*=_lg-5] {
        margin-left: 41.66667%
    }

    [class*=grid-]>[data-push-left*=_lg-6],
    [class*=grid_]>[data-push-left*=_lg-6],
    [class~=grid]>[data-push-left*=_lg-6] {
        margin-left: 50%
    }

    [class*=grid-]>[data-push-left*=_lg-7],
    [class*=grid_]>[data-push-left*=_lg-7],
    [class~=grid]>[data-push-left*=_lg-7] {
        margin-left: 58.33333%
    }

    [class*=grid-]>[data-push-left*=_lg-8],
    [class*=grid_]>[data-push-left*=_lg-8],
    [class~=grid]>[data-push-left*=_lg-8] {
        margin-left: 66.66667%
    }

    [class*=grid-]>[data-push-left*=_lg-9],
    [class*=grid_]>[data-push-left*=_lg-9],
    [class~=grid]>[data-push-left*=_lg-9] {
        margin-left: 75%
    }

    [class*=grid-]>[data-push-left*=_lg-10],
    [class*=grid_]>[data-push-left*=_lg-10],
    [class~=grid]>[data-push-left*=_lg-10] {
        margin-left: 83.33333%
    }

    [class*=grid-]>[data-push-left*=_lg-11],
    [class*=grid_]>[data-push-left*=_lg-11],
    [class~=grid]>[data-push-left*=_lg-11] {
        margin-left: 91.66667%
    }

    [class*=grid-]>[data-push-right*=_lg-0],
    [class*=grid_]>[data-push-right*=_lg-0],
    [class~=grid]>[data-push-right*=_lg-0] {
        margin-right: 0
    }

    [class*=grid-]>[data-push-right*=_lg-1],
    [class*=grid_]>[data-push-right*=_lg-1],
    [class~=grid]>[data-push-right*=_lg-1] {
        margin-right: 8.33333%
    }

    [class*=grid-]>[data-push-right*=_lg-2],
    [class*=grid_]>[data-push-right*=_lg-2],
    [class~=grid]>[data-push-right*=_lg-2] {
        margin-right: 16.66667%
    }

    [class*=grid-]>[data-push-right*=_lg-3],
    [class*=grid_]>[data-push-right*=_lg-3],
    [class~=grid]>[data-push-right*=_lg-3] {
        margin-right: 25%
    }

    [class*=grid-]>[data-push-right*=_lg-4],
    [class*=grid_]>[data-push-right*=_lg-4],
    [class~=grid]>[data-push-right*=_lg-4] {
        margin-right: 33.33333%
    }

    [class*=grid-]>[data-push-right*=_lg-5],
    [class*=grid_]>[data-push-right*=_lg-5],
    [class~=grid]>[data-push-right*=_lg-5] {
        margin-right: 41.66667%
    }

    [class*=grid-]>[data-push-right*=_lg-6],
    [class*=grid_]>[data-push-right*=_lg-6],
    [class~=grid]>[data-push-right*=_lg-6] {
        margin-right: 50%
    }

    [class*=grid-]>[data-push-right*=_lg-7],
    [class*=grid_]>[data-push-right*=_lg-7],
    [class~=grid]>[data-push-right*=_lg-7] {
        margin-right: 58.33333%
    }

    [class*=grid-]>[data-push-right*=_lg-8],
    [class*=grid_]>[data-push-right*=_lg-8],
    [class~=grid]>[data-push-right*=_lg-8] {
        margin-right: 66.66667%
    }

    [class*=grid-]>[data-push-right*=_lg-9],
    [class*=grid_]>[data-push-right*=_lg-9],
    [class~=grid]>[data-push-right*=_lg-9] {
        margin-right: 75%
    }

    [class*=grid-]>[data-push-right*=_lg-10],
    [class*=grid_]>[data-push-right*=_lg-10],
    [class~=grid]>[data-push-right*=_lg-10] {
        margin-right: 83.33333%
    }

    [class*=grid-]>[data-push-right*=_lg-11],
    [class*=grid_]>[data-push-right*=_lg-11],
    [class~=grid]>[data-push-right*=_lg-11] {
        margin-right: 91.66667%
    }

    [class*=grid-] [class*=_lg-first],
    [class*=grid_] [class*=_lg-first],
    [class~=grid] [class*=_lg-first] {
        order: -1
    }

    [class*=grid-] [class*=_lg-last],
    [class*=grid_] [class*=_lg-last],
    [class~=grid] [class*=_lg-last] {
        order: 1
    }
}

@media (max-width: 64em) {

    [class*=grid-]>[class*=_md-1],
    [class*=grid_]>[class*=_md-1],
    [class~=grid]>[class*=_md-1] {
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    [class*=grid-]>[class*=_md-2],
    [class*=grid_]>[class*=_md-2],
    [class~=grid]>[class*=_md-2] {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class*=grid-]>[class*=_md-3],
    [class*=grid_]>[class*=_md-3],
    [class~=grid]>[class*=_md-3] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=grid-]>[class*=_md-4],
    [class*=grid_]>[class*=_md-4],
    [class~=grid]>[class*=_md-4] {
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class*=grid-]>[class*=_md-5],
    [class*=grid_]>[class*=_md-5],
    [class~=grid]>[class*=_md-5] {
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    [class*=grid-]>[class*=_md-6],
    [class*=grid_]>[class*=_md-6],
    [class~=grid]>[class*=_md-6] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=grid-]>[class*=_md-7],
    [class*=grid_]>[class*=_md-7],
    [class~=grid]>[class*=_md-7] {
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    [class*=grid-]>[class*=_md-8],
    [class*=grid_]>[class*=_md-8],
    [class~=grid]>[class*=_md-8] {
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    [class*=grid-]>[class*=_md-9],
    [class*=grid_]>[class*=_md-9],
    [class~=grid]>[class*=_md-9] {
        flex-basis: 75%;
        max-width: 75%
    }

    [class*=grid-]>[class*=_md-10],
    [class*=grid_]>[class*=_md-10],
    [class~=grid]>[class*=_md-10] {
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    [class*=grid-]>[class*=_md-11],
    [class*=grid_]>[class*=_md-11],
    [class~=grid]>[class*=_md-11] {
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    [class*=grid-]>[class*=_md-12],
    [class*=grid_]>[class*=_md-12],
    [class~=grid]>[class*=_md-12] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=grid-]>[data-push-left*=_md-0],
    [class*=grid_]>[data-push-left*=_md-0],
    [class~=grid]>[data-push-left*=_md-0] {
        margin-left: 0
    }

    [class*=grid-]>[data-push-left*=_md-1],
    [class*=grid_]>[data-push-left*=_md-1],
    [class~=grid]>[data-push-left*=_md-1] {
        margin-left: 8.33333%
    }

    [class*=grid-]>[data-push-left*=_md-2],
    [class*=grid_]>[data-push-left*=_md-2],
    [class~=grid]>[data-push-left*=_md-2] {
        margin-left: 16.66667%
    }

    [class*=grid-]>[data-push-left*=_md-3],
    [class*=grid_]>[data-push-left*=_md-3],
    [class~=grid]>[data-push-left*=_md-3] {
        margin-left: 25%
    }

    [class*=grid-]>[data-push-left*=_md-4],
    [class*=grid_]>[data-push-left*=_md-4],
    [class~=grid]>[data-push-left*=_md-4] {
        margin-left: 33.33333%
    }

    [class*=grid-]>[data-push-left*=_md-5],
    [class*=grid_]>[data-push-left*=_md-5],
    [class~=grid]>[data-push-left*=_md-5] {
        margin-left: 41.66667%
    }

    [class*=grid-]>[data-push-left*=_md-6],
    [class*=grid_]>[data-push-left*=_md-6],
    [class~=grid]>[data-push-left*=_md-6] {
        margin-left: 50%
    }

    [class*=grid-]>[data-push-left*=_md-7],
    [class*=grid_]>[data-push-left*=_md-7],
    [class~=grid]>[data-push-left*=_md-7] {
        margin-left: 58.33333%
    }

    [class*=grid-]>[data-push-left*=_md-8],
    [class*=grid_]>[data-push-left*=_md-8],
    [class~=grid]>[data-push-left*=_md-8] {
        margin-left: 66.66667%
    }

    [class*=grid-]>[data-push-left*=_md-9],
    [class*=grid_]>[data-push-left*=_md-9],
    [class~=grid]>[data-push-left*=_md-9] {
        margin-left: 75%
    }

    [class*=grid-]>[data-push-left*=_md-10],
    [class*=grid_]>[data-push-left*=_md-10],
    [class~=grid]>[data-push-left*=_md-10] {
        margin-left: 83.33333%
    }

    [class*=grid-]>[data-push-left*=_md-11],
    [class*=grid_]>[data-push-left*=_md-11],
    [class~=grid]>[data-push-left*=_md-11] {
        margin-left: 91.66667%
    }

    [class*=grid-]>[data-push-right*=_md-0],
    [class*=grid_]>[data-push-right*=_md-0],
    [class~=grid]>[data-push-right*=_md-0] {
        margin-right: 0
    }

    [class*=grid-]>[data-push-right*=_md-1],
    [class*=grid_]>[data-push-right*=_md-1],
    [class~=grid]>[data-push-right*=_md-1] {
        margin-right: 8.33333%
    }

    [class*=grid-]>[data-push-right*=_md-2],
    [class*=grid_]>[data-push-right*=_md-2],
    [class~=grid]>[data-push-right*=_md-2] {
        margin-right: 16.66667%
    }

    [class*=grid-]>[data-push-right*=_md-3],
    [class*=grid_]>[data-push-right*=_md-3],
    [class~=grid]>[data-push-right*=_md-3] {
        margin-right: 25%
    }

    [class*=grid-]>[data-push-right*=_md-4],
    [class*=grid_]>[data-push-right*=_md-4],
    [class~=grid]>[data-push-right*=_md-4] {
        margin-right: 33.33333%
    }

    [class*=grid-]>[data-push-right*=_md-5],
    [class*=grid_]>[data-push-right*=_md-5],
    [class~=grid]>[data-push-right*=_md-5] {
        margin-right: 41.66667%
    }

    [class*=grid-]>[data-push-right*=_md-6],
    [class*=grid_]>[data-push-right*=_md-6],
    [class~=grid]>[data-push-right*=_md-6] {
        margin-right: 50%
    }

    [class*=grid-]>[data-push-right*=_md-7],
    [class*=grid_]>[data-push-right*=_md-7],
    [class~=grid]>[data-push-right*=_md-7] {
        margin-right: 58.33333%
    }

    [class*=grid-]>[data-push-right*=_md-8],
    [class*=grid_]>[data-push-right*=_md-8],
    [class~=grid]>[data-push-right*=_md-8] {
        margin-right: 66.66667%
    }

    [class*=grid-]>[data-push-right*=_md-9],
    [class*=grid_]>[data-push-right*=_md-9],
    [class~=grid]>[data-push-right*=_md-9] {
        margin-right: 75%
    }

    [class*=grid-]>[data-push-right*=_md-10],
    [class*=grid_]>[data-push-right*=_md-10],
    [class~=grid]>[data-push-right*=_md-10] {
        margin-right: 83.33333%
    }

    [class*=grid-]>[data-push-right*=_md-11],
    [class*=grid_]>[data-push-right*=_md-11],
    [class~=grid]>[data-push-right*=_md-11] {
        margin-right: 91.66667%
    }

    [class*=grid-] [class*=_md-first],
    [class*=grid_] [class*=_md-first],
    [class~=grid] [class*=_md-first] {
        order: -1
    }

    [class*=grid-] [class*=_md-last],
    [class*=grid_] [class*=_md-last],
    [class~=grid] [class*=_md-last] {
        order: 1
    }
}

@media (max-width: 54em) {

    [class*=grid-]>[class*=_sm-1],
    [class*=grid_]>[class*=_sm-1],
    [class~=grid]>[class*=_sm-1] {
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    [class*=grid-]>[class*=_sm-2],
    [class*=grid_]>[class*=_sm-2],
    [class~=grid]>[class*=_sm-2] {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class*=grid-]>[class*=_sm-3],
    [class*=grid_]>[class*=_sm-3],
    [class~=grid]>[class*=_sm-3] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=grid-]>[class*=_sm-4],
    [class*=grid_]>[class*=_sm-4],
    [class~=grid]>[class*=_sm-4] {
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class*=grid-]>[class*=_sm-5],
    [class*=grid_]>[class*=_sm-5],
    [class~=grid]>[class*=_sm-5] {
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    [class*=grid-]>[class*=_sm-6],
    [class*=grid_]>[class*=_sm-6],
    [class~=grid]>[class*=_sm-6] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=grid-]>[class*=_sm-7],
    [class*=grid_]>[class*=_sm-7],
    [class~=grid]>[class*=_sm-7] {
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    [class*=grid-]>[class*=_sm-8],
    [class*=grid_]>[class*=_sm-8],
    [class~=grid]>[class*=_sm-8] {
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    [class*=grid-]>[class*=_sm-9],
    [class*=grid_]>[class*=_sm-9],
    [class~=grid]>[class*=_sm-9] {
        flex-basis: 75%;
        max-width: 75%
    }

    [class*=grid-]>[class*=_sm-10],
    [class*=grid_]>[class*=_sm-10],
    [class~=grid]>[class*=_sm-10] {
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    [class*=grid-]>[class*=_sm-11],
    [class*=grid_]>[class*=_sm-11],
    [class~=grid]>[class*=_sm-11] {
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    [class*=grid-]>[class*=_sm-12],
    [class*=grid_]>[class*=_sm-12],
    [class~=grid]>[class*=_sm-12] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=grid-]>[data-push-left*=_sm-0],
    [class*=grid_]>[data-push-left*=_sm-0],
    [class~=grid]>[data-push-left*=_sm-0] {
        margin-left: 0
    }

    [class*=grid-]>[data-push-left*=_sm-1],
    [class*=grid_]>[data-push-left*=_sm-1],
    [class~=grid]>[data-push-left*=_sm-1] {
        margin-left: 8.33333%
    }

    [class*=grid-]>[data-push-left*=_sm-2],
    [class*=grid_]>[data-push-left*=_sm-2],
    [class~=grid]>[data-push-left*=_sm-2] {
        margin-left: 16.66667%
    }

    [class*=grid-]>[data-push-left*=_sm-3],
    [class*=grid_]>[data-push-left*=_sm-3],
    [class~=grid]>[data-push-left*=_sm-3] {
        margin-left: 25%
    }

    [class*=grid-]>[data-push-left*=_sm-4],
    [class*=grid_]>[data-push-left*=_sm-4],
    [class~=grid]>[data-push-left*=_sm-4] {
        margin-left: 33.33333%
    }

    [class*=grid-]>[data-push-left*=_sm-5],
    [class*=grid_]>[data-push-left*=_sm-5],
    [class~=grid]>[data-push-left*=_sm-5] {
        margin-left: 41.66667%
    }

    [class*=grid-]>[data-push-left*=_sm-6],
    [class*=grid_]>[data-push-left*=_sm-6],
    [class~=grid]>[data-push-left*=_sm-6] {
        margin-left: 50%
    }

    [class*=grid-]>[data-push-left*=_sm-7],
    [class*=grid_]>[data-push-left*=_sm-7],
    [class~=grid]>[data-push-left*=_sm-7] {
        margin-left: 58.33333%
    }

    [class*=grid-]>[data-push-left*=_sm-8],
    [class*=grid_]>[data-push-left*=_sm-8],
    [class~=grid]>[data-push-left*=_sm-8] {
        margin-left: 66.66667%
    }

    [class*=grid-]>[data-push-left*=_sm-9],
    [class*=grid_]>[data-push-left*=_sm-9],
    [class~=grid]>[data-push-left*=_sm-9] {
        margin-left: 75%
    }

    [class*=grid-]>[data-push-left*=_sm-10],
    [class*=grid_]>[data-push-left*=_sm-10],
    [class~=grid]>[data-push-left*=_sm-10] {
        margin-left: 83.33333%
    }

    [class*=grid-]>[data-push-left*=_sm-11],
    [class*=grid_]>[data-push-left*=_sm-11],
    [class~=grid]>[data-push-left*=_sm-11] {
        margin-left: 91.66667%
    }

    [class*=grid-]>[data-push-right*=_sm-0],
    [class*=grid_]>[data-push-right*=_sm-0],
    [class~=grid]>[data-push-right*=_sm-0] {
        margin-right: 0
    }

    [class*=grid-]>[data-push-right*=_sm-1],
    [class*=grid_]>[data-push-right*=_sm-1],
    [class~=grid]>[data-push-right*=_sm-1] {
        margin-right: 8.33333%
    }

    [class*=grid-]>[data-push-right*=_sm-2],
    [class*=grid_]>[data-push-right*=_sm-2],
    [class~=grid]>[data-push-right*=_sm-2] {
        margin-right: 16.66667%
    }

    [class*=grid-]>[data-push-right*=_sm-3],
    [class*=grid_]>[data-push-right*=_sm-3],
    [class~=grid]>[data-push-right*=_sm-3] {
        margin-right: 25%
    }

    [class*=grid-]>[data-push-right*=_sm-4],
    [class*=grid_]>[data-push-right*=_sm-4],
    [class~=grid]>[data-push-right*=_sm-4] {
        margin-right: 33.33333%
    }

    [class*=grid-]>[data-push-right*=_sm-5],
    [class*=grid_]>[data-push-right*=_sm-5],
    [class~=grid]>[data-push-right*=_sm-5] {
        margin-right: 41.66667%
    }

    [class*=grid-]>[data-push-right*=_sm-6],
    [class*=grid_]>[data-push-right*=_sm-6],
    [class~=grid]>[data-push-right*=_sm-6] {
        margin-right: 50%
    }

    [class*=grid-]>[data-push-right*=_sm-7],
    [class*=grid_]>[data-push-right*=_sm-7],
    [class~=grid]>[data-push-right*=_sm-7] {
        margin-right: 58.33333%
    }

    [class*=grid-]>[data-push-right*=_sm-8],
    [class*=grid_]>[data-push-right*=_sm-8],
    [class~=grid]>[data-push-right*=_sm-8] {
        margin-right: 66.66667%
    }

    [class*=grid-]>[data-push-right*=_sm-9],
    [class*=grid_]>[data-push-right*=_sm-9],
    [class~=grid]>[data-push-right*=_sm-9] {
        margin-right: 75%
    }

    [class*=grid-]>[data-push-right*=_sm-10],
    [class*=grid_]>[data-push-right*=_sm-10],
    [class~=grid]>[data-push-right*=_sm-10] {
        margin-right: 83.33333%
    }

    [class*=grid-]>[data-push-right*=_sm-11],
    [class*=grid_]>[data-push-right*=_sm-11],
    [class~=grid]>[data-push-right*=_sm-11] {
        margin-right: 91.66667%
    }

    [class*=grid-] [class*=_sm-first],
    [class*=grid_] [class*=_sm-first],
    [class~=grid] [class*=_sm-first] {
        order: -1
    }

    [class*=grid-] [class*=_sm-last],
    [class*=grid_] [class*=_sm-last],
    [class~=grid] [class*=_sm-last] {
        order: 1
    }
}

@media (max-width: 36em) {

    [class*=grid-]>[class*=_xs-1],
    [class*=grid_]>[class*=_xs-1],
    [class~=grid]>[class*=_xs-1] {
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    [class*=grid-]>[class*=_xs-2],
    [class*=grid_]>[class*=_xs-2],
    [class~=grid]>[class*=_xs-2] {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class*=grid-]>[class*=_xs-3],
    [class*=grid_]>[class*=_xs-3],
    [class~=grid]>[class*=_xs-3] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=grid-]>[class*=_xs-4],
    [class*=grid_]>[class*=_xs-4],
    [class~=grid]>[class*=_xs-4] {
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class*=grid-]>[class*=_xs-5],
    [class*=grid_]>[class*=_xs-5],
    [class~=grid]>[class*=_xs-5] {
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    [class*=grid-]>[class*=_xs-6],
    [class*=grid_]>[class*=_xs-6],
    [class~=grid]>[class*=_xs-6] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=grid-]>[class*=_xs-7],
    [class*=grid_]>[class*=_xs-7],
    [class~=grid]>[class*=_xs-7] {
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    [class*=grid-]>[class*=_xs-8],
    [class*=grid_]>[class*=_xs-8],
    [class~=grid]>[class*=_xs-8] {
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    [class*=grid-]>[class*=_xs-9],
    [class*=grid_]>[class*=_xs-9],
    [class~=grid]>[class*=_xs-9] {
        flex-basis: 75%;
        max-width: 75%
    }

    [class*=grid-]>[class*=_xs-10],
    [class*=grid_]>[class*=_xs-10],
    [class~=grid]>[class*=_xs-10] {
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    [class*=grid-]>[class*=_xs-11],
    [class*=grid_]>[class*=_xs-11],
    [class~=grid]>[class*=_xs-11] {
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    [class*=grid-]>[class*=_xs-12],
    [class*=grid_]>[class*=_xs-12],
    [class~=grid]>[class*=_xs-12] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=grid-]>[data-push-left*=_xs-0],
    [class*=grid_]>[data-push-left*=_xs-0],
    [class~=grid]>[data-push-left*=_xs-0] {
        margin-left: 0
    }

    [class*=grid-]>[data-push-left*=_xs-1],
    [class*=grid_]>[data-push-left*=_xs-1],
    [class~=grid]>[data-push-left*=_xs-1] {
        margin-left: 8.33333%
    }

    [class*=grid-]>[data-push-left*=_xs-2],
    [class*=grid_]>[data-push-left*=_xs-2],
    [class~=grid]>[data-push-left*=_xs-2] {
        margin-left: 16.66667%
    }

    [class*=grid-]>[data-push-left*=_xs-3],
    [class*=grid_]>[data-push-left*=_xs-3],
    [class~=grid]>[data-push-left*=_xs-3] {
        margin-left: 25%
    }

    [class*=grid-]>[data-push-left*=_xs-4],
    [class*=grid_]>[data-push-left*=_xs-4],
    [class~=grid]>[data-push-left*=_xs-4] {
        margin-left: 33.33333%
    }

    [class*=grid-]>[data-push-left*=_xs-5],
    [class*=grid_]>[data-push-left*=_xs-5],
    [class~=grid]>[data-push-left*=_xs-5] {
        margin-left: 41.66667%
    }

    [class*=grid-]>[data-push-left*=_xs-6],
    [class*=grid_]>[data-push-left*=_xs-6],
    [class~=grid]>[data-push-left*=_xs-6] {
        margin-left: 50%
    }

    [class*=grid-]>[data-push-left*=_xs-7],
    [class*=grid_]>[data-push-left*=_xs-7],
    [class~=grid]>[data-push-left*=_xs-7] {
        margin-left: 58.33333%
    }

    [class*=grid-]>[data-push-left*=_xs-8],
    [class*=grid_]>[data-push-left*=_xs-8],
    [class~=grid]>[data-push-left*=_xs-8] {
        margin-left: 66.66667%
    }

    [class*=grid-]>[data-push-left*=_xs-9],
    [class*=grid_]>[data-push-left*=_xs-9],
    [class~=grid]>[data-push-left*=_xs-9] {
        margin-left: 75%
    }

    [class*=grid-]>[data-push-left*=_xs-10],
    [class*=grid_]>[data-push-left*=_xs-10],
    [class~=grid]>[data-push-left*=_xs-10] {
        margin-left: 83.33333%
    }

    [class*=grid-]>[data-push-left*=_xs-11],
    [class*=grid_]>[data-push-left*=_xs-11],
    [class~=grid]>[data-push-left*=_xs-11] {
        margin-left: 91.66667%
    }

    [class*=grid-]>[data-push-right*=_xs-0],
    [class*=grid_]>[data-push-right*=_xs-0],
    [class~=grid]>[data-push-right*=_xs-0] {
        margin-right: 0
    }

    [class*=grid-]>[data-push-right*=_xs-1],
    [class*=grid_]>[data-push-right*=_xs-1],
    [class~=grid]>[data-push-right*=_xs-1] {
        margin-right: 8.33333%
    }

    [class*=grid-]>[data-push-right*=_xs-2],
    [class*=grid_]>[data-push-right*=_xs-2],
    [class~=grid]>[data-push-right*=_xs-2] {
        margin-right: 16.66667%
    }

    [class*=grid-]>[data-push-right*=_xs-3],
    [class*=grid_]>[data-push-right*=_xs-3],
    [class~=grid]>[data-push-right*=_xs-3] {
        margin-right: 25%
    }

    [class*=grid-]>[data-push-right*=_xs-4],
    [class*=grid_]>[data-push-right*=_xs-4],
    [class~=grid]>[data-push-right*=_xs-4] {
        margin-right: 33.33333%
    }

    [class*=grid-]>[data-push-right*=_xs-5],
    [class*=grid_]>[data-push-right*=_xs-5],
    [class~=grid]>[data-push-right*=_xs-5] {
        margin-right: 41.66667%
    }

    [class*=grid-]>[data-push-right*=_xs-6],
    [class*=grid_]>[data-push-right*=_xs-6],
    [class~=grid]>[data-push-right*=_xs-6] {
        margin-right: 50%
    }

    [class*=grid-]>[data-push-right*=_xs-7],
    [class*=grid_]>[data-push-right*=_xs-7],
    [class~=grid]>[data-push-right*=_xs-7] {
        margin-right: 58.33333%
    }

    [class*=grid-]>[data-push-right*=_xs-8],
    [class*=grid_]>[data-push-right*=_xs-8],
    [class~=grid]>[data-push-right*=_xs-8] {
        margin-right: 66.66667%
    }

    [class*=grid-]>[data-push-right*=_xs-9],
    [class*=grid_]>[data-push-right*=_xs-9],
    [class~=grid]>[data-push-right*=_xs-9] {
        margin-right: 75%
    }

    [class*=grid-]>[data-push-right*=_xs-10],
    [class*=grid_]>[data-push-right*=_xs-10],
    [class~=grid]>[data-push-right*=_xs-10] {
        margin-right: 83.33333%
    }

    [class*=grid-]>[data-push-right*=_xs-11],
    [class*=grid_]>[data-push-right*=_xs-11],
    [class~=grid]>[data-push-right*=_xs-11] {
        margin-right: 91.66667%
    }

    [class*=grid-] [class*=_xs-first],
    [class*=grid_] [class*=_xs-first],
    [class~=grid] [class*=_xs-first] {
        order: -1
    }

    [class*=grid-] [class*=_xs-last],
    [class*=grid_] [class*=_xs-last],
    [class~=grid] [class*=_xs-last] {
        order: 1
    }
}

@media (max-width: 80em) {
    [class*=lg-hidden] {
        display: none
    }
}

@media (max-width: 64em) {
    [class*=md-hidden] {
        display: none
    }
}

@media (max-width: 54em) {
    [class*=sm-hidden] {
        display: none
    }
}

@media (max-width: 36em) {
    [class*=xs-hidden] {
        display: none
    }
}

@font-face {
    font-family: metropolisbold;
    src: url(/wp-content/plugins/abortion-map/assets/metropolis-bold-webfont-8d351a27.woff2) format("woff2"), url(/wp-content/plugins/abortion-map/assets/metropolis-bold-webfont-8b1a95c0.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: metropolisextra_bold;
    src: url(/wp-content/plugins/abortion-map/assets/metropolis-extrabold-webfont-46b906c7.woff2) format("woff2"), url(/wp-content/plugins/abortion-map/assets/metropolis-extrabold-webfont-75ce7e4b.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: metropolismedium;
    src: url(/wp-content/plugins/abortion-map/assets/metropolis-medium-webfont-a4e61db0.woff2) format("woff2"), url(/wp-content/plugins/abortion-map/assets/metropolis-medium-webfont-caa76b84.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

body {
    background-color: #e3eff8
}

.container {
    max-width: 88.19vw;
    margin: 0 auto
}

#app {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    text-align: center;
    min-height: 100vh;
    background-color: #eeeded;
    padding: 0rem 1rem 1.5rem 1.5rem;
    line-height: 1.5
}

@media screen and (max-width: 864px) {
    #app {
        padding: 0rem .5rem;
        min-height: auto
    }
}

#app li:before {
    content: "";
    font-size: 40px;
    padding-right: px;
    padding-bottom: 0
}

#app .mobile-notice {
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    text-align: center;
    position: absolute;
    top: 0;
    background-color: #f0be9b;
    padding: 1.5em 0 1em;
    margin-bottom: 1em;
    font-family: metropolismedium, sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 100%;
    height: 50px;
    color: #1f2a44
}

#app .top-over {
    z-index: 999;
    background-color: #eeeded;
    margin: 1em 0 0
}

@media screen and (max-width: 864px) {
    #app .top-over {
        margin: 2em 0 0
    }
}

#app .svg-pan-zoom__default {
    height: 100%
}

#app svg#usmap {
    display: block;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    z-index: 998;
    min-height: 60vh;
    position: relative
}

@media screen and (max-width: 864px) {
    #app svg#usmap {
        min-height: 50vh;
        overflow-x: visible !important;
        height: auto
    }
}

#app svg#usmap path {
    stroke-opacity: 1;
    stroke-width: 1;
    stroke: #929ac6;
    transition: fill .4s ease
}

#app #map-main-container {
    margin: 0 auto;
    max-width: 1600px;
    padding: 2em 1em 4em
}

@media screen and (max-width: 864px) {
    #app #map-main-container {
        padding: 1.75em .5em 2em
    }
}

#app #map-main-container h1,
#app #map-main-container h2,
#app #map-main-container h3,
#app #map-main-container h4,
#app #map-main-container p,
#app #map-main-container ul,
#app #map-main-container li,
#app #map-main-container span {
    color: #1f2a44;
    font-family: metropolismedium, sans-serif;
    text-align: left;
    margin: 0
}

#app #map-main-container p {
    font-size: 21px;
    line-height: 1.25
}

@media screen and (max-width: 864px) {
    #app #map-main-container p {
        font-size: 18px
    }
}

#app #map-main-container h3 {
    font-family: metropolisbold, serif;
    font-size: 31px;
    line-height: 1.25
}

@media screen and (max-width: 864px) {
    #app #map-main-container h3 {
        font-size: 21px
    }
}

#app #map-main-container .map-title {
    margin: 0
}

#app #map-main-container .map-title h2 {
    margin: 0;
    padding: 0;
    text-align: left;
    font-family: metropolisbold, serif;
    color: #1f2a44;
    width: 50%;
    font-size: 48px;
    line-height: 1;
    letter-spacing: 0px;
    font-weight: 400
}

@media screen and (max-width: 1350px) {
    #app #map-main-container .map-title h2 {
        width: 60%;
        font-size: 42px
    }
}

@media screen and (max-width: 1200px) {
    #app #map-main-container .map-title h2 {
        width: 70%;
        font-size: 42px
    }
}

@media screen and (max-width: 1020px) {
    #app #map-main-container .map-title h2 {
        width: 85%
    }
}

@media screen and (max-width: 864px) {
    #app #map-main-container .map-title h2 {
        font-size: 24px
    }
}

#app #map-main-container .title-info p {
    font-size: 13px;
    color: #f47720
}

#app #map-main-container p.mobile-subtitle {
    font-size: 13px;
    padding: 10px 0;
    text-align: left
}

#app #map-main-container .color-bar-wrapper {
    padding: 0 30px 0 0
}

@media screen and (min-width: 1400px) {
    #app #map-main-container .color-bar-wrapper {
        width: 90%;
        padding: 0
    }
}

@media screen and (max-width: 1200px) {
    #app #map-main-container .color-bar-wrapper {
        padding: 0
    }
}

@media screen and (max-width: 864px) {
    #app #map-main-container .color-bar-wrapper {
        width: 100%;
        padding: 0 15px 0 0;
        margin-top: -15px
    }
}

#app #map-main-container .color-bar {
    margin: 5px 0 0;
    width: 100%;
    height: 30px;
    background: linear-gradient(to right, #343e55 0%, #343e55 5.56%, #475064 5.56%, #475064 11.11%, #596173 11.11%, #596173 16.67%, #6c7383 16.67%, #6c7383 22.22%, #7e8492 22.22%, #7e8492 27.78%, #9196a1 27.78%, #9196a1 33.33%, #a4a7b0 33.33%, #a4a7b0 38.89%, #b6b6bb 38.89%, #b6b6bb 44.44%, #c9cacf 44.44%, #c9cacf 50%, #dbdcde 50%, #dbdcde 55.56%, #eee9e7 55.56%, #eee9e7 61.116%, #f0be9b 61.11%, #f0be9b 66.67%, #f2a672 66.67%, #f2a672 72.22%, #f38f49 72.22%, #f38f49 77.78%, #f47720 77.78%, #f47720 83.33%, #f46020 83.33%, #f46020 88.89%, #f45320 88.89%, #f45320 94.44%, #f44620 94.44%, #f44620 100%)
}

@media screen and (max-width: 864px) {
    #app #map-main-container .color-bar {
        height: 14px
    }
}

#app #map-main-container .color-bar-subtitle {
    margin: 20px 0 0;
    text-align: left;
    font-family: metropolismedium, sans-serif;
    font-size: 13px;
    text-transform: uppercase
}

#app #map-main-container .tick-marks {
    margin: 0;
    width: 100%;
    height: 8px;
    background: repeating-linear-gradient(to right, #929ac6 0px, #929ac6 .5px, #eeeded 0%, #eeeded 5.55%)
}

@media screen and (max-width: 864px) {
    #app #map-main-container .tick-marks {
        height: 8px
    }
}

@media screen and (max-width: 1200px) {
    #app #map-main-container .tick-marks {
        background: repeating-linear-gradient(to right, #929ac6 0px, #929ac6 .5px, #eeeded 0%, #eeeded 11.11%)
    }

    #app #map-main-container .tick-marks:after {
        content: "";
        display: inline-block;
        height: 8px;
        width: .51px;
        background-color: #929ac6;
        position: absolute;
        right: 0
    }
}

#app #map-main-container .tick-marks-mobile {
    height: 0px
}

@media screen and (max-width: 1200px) {
    #app #map-main-container .tick-marks-mobile {
        margin: 0;
        width: 100%;
        top: -8px;
        height: 20px;
        left: 5.55%;
        background: repeating-linear-gradient(to right, #929ac6 0px, #929ac6 .5px, transparent 0%, transparent 11.11%);
        overflow-x: hidden
    }
}

#app #map-main-container ul.tick-labels {
    margin-top: 6px;
    padding: 0;
    width: 105%;
    margin-left: -2.5%;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    justify-content: center
}

#app #map-main-container ul.tick-labels li {
    flex: 1;
    flex-grow: 1;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    display: list-item;
    text-indent: 0;
    width: 5.55%;
    top: -3px;
    position: absolute
}

@media screen and (max-width: 1200px) {
    #app #map-main-container ul.tick-labels li {
        top: -10px
    }
}

#app #map-main-container ul.tick-labels li:before {
    content: "";
    font-size: 0px;
    padding-right: 0;
    line-height: 1;
    padding-bottom: 0;
    padding: 0 !important
}

#app #map-main-container ul.tick-labels li:nth-child(1) {
    left: -.5%
}

#app #map-main-container ul.tick-labels li:nth-child(2) {
    left: 4.55%
}

#app #map-main-container ul.tick-labels li:nth-child(3) {
    left: 10.1%
}

#app #map-main-container ul.tick-labels li:nth-child(4) {
    left: 15.2%
}

#app #map-main-container ul.tick-labels li:nth-child(5) {
    left: 21%
}

#app #map-main-container ul.tick-labels li:nth-child(6) {
    left: 26.1%
}

#app #map-main-container ul.tick-labels li:nth-child(7) {
    left: 31.3%
}

#app #map-main-container ul.tick-labels li:nth-child(8) {
    left: 36.3%
}

#app #map-main-container ul.tick-labels li:nth-child(9) {
    left: 42%
}

#app #map-main-container ul.tick-labels li:nth-child(10) {
    left: 47%
}

#app #map-main-container ul.tick-labels li:nth-child(11) {
    left: 52.5%
}

#app #map-main-container ul.tick-labels li:nth-child(12) {
    left: 57.8%
}

#app #map-main-container ul.tick-labels li:nth-child(13) {
    left: 63%
}

#app #map-main-container ul.tick-labels li:nth-child(14) {
    left: 68%
}

#app #map-main-container ul.tick-labels li:nth-child(15) {
    left: 73.5%
}

#app #map-main-container ul.tick-labels li:nth-child(16) {
    left: 79%
}

#app #map-main-container ul.tick-labels li:nth-child(17) {
    left: 84%
}

#app #map-main-container ul.tick-labels li:nth-child(18) {
    left: 89.5%
}

#app #map-main-container ul.tick-labels li:nth-child(19) {
    left: 95%
}

@media screen and (max-width: 1200px) {

    #app #map-main-container ul.tick-labels li:nth-child(1),
    #app #map-main-container ul.tick-labels li:nth-child(3),
    #app #map-main-container ul.tick-labels li:nth-child(5),
    #app #map-main-container ul.tick-labels li:nth-child(7),
    #app #map-main-container ul.tick-labels li:nth-child(9),
    #app #map-main-container ul.tick-labels li:nth-child(11),
    #app #map-main-container ul.tick-labels li:nth-child(13),
    #app #map-main-container ul.tick-labels li:nth-child(15),
    #app #map-main-container ul.tick-labels li:nth-child(17),
    #app #map-main-container ul.tick-labels li:nth-child(19) {
        display: none !important
    }
}

@media screen and (max-width: 1050px) {
    #app #map-main-container ul.tick-labels li {
        font-size: 11px
    }

    #app #map-main-container ul.tick-labels li:nth-child(1),
    #app #map-main-container ul.tick-labels li:nth-child(3),
    #app #map-main-container ul.tick-labels li:nth-child(5),
    #app #map-main-container ul.tick-labels li:nth-child(7),
    #app #map-main-container ul.tick-labels li:nth-child(9),
    #app #map-main-container ul.tick-labels li:nth-child(11),
    #app #map-main-container ul.tick-labels li:nth-child(13),
    #app #map-main-container ul.tick-labels li:nth-child(15),
    #app #map-main-container ul.tick-labels li:nth-child(17),
    #app #map-main-container ul.tick-labels li:nth-child(19) {
        display: none !important
    }
}

#app #map-main-container .month-nav {
    -ms-overflow-style: none;
    scrollbar-width: none
}

#app #map-main-container .month-nav::-webkit-scrollbar {
    display: none
}

#app #map-main-container .month-nav ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    border-left: 5px solid #1f2a44;
    padding: 0
}

#app #map-main-container .month-nav ul:before {
    content: "";
    width: 5px;
    height: 18px;
    background-color: #eeeded;
    position: absolute;
    left: -5px
}

@media screen and (max-height: 600px) {
    #app #map-main-container .month-nav ul:before {
        height: 20px
    }
}

#app #map-main-container .month-nav ul:after {
    content: "";
    width: 5px;
    height: 32px;
    background-color: #eeeded;
    position: absolute;
    left: -5px;
    bottom: 0px
}

@media screen and (max-height: 600px) {
    #app #map-main-container .month-nav ul:after {
        height: 21px
    }
}

@media screen and (max-width: 1200px) {
    #app #map-main-container .month-nav ul:after {
        height: 22px
    }
}

#app #map-main-container .month-nav ul li {
    list-style-type: none;
    padding: 8px 0;
    font-size: 18px;
    text-transform: uppercase;
    color: #1f2a44;
    transition: all .25s linear
}

#app #map-main-container .month-nav ul li:before {
    content: "";
    padding-left: 0;
    padding-right: 0;
    margin-left: 11px
}

@media screen and (max-width: 1200px) {
    #app #map-main-container .month-nav ul li {
        font-size: 15px
    }
}

@media screen and (max-height: 600px) {
    #app #map-main-container .month-nav ul li {
        padding: 2px 0
    }
}

#app #map-main-container .month-nav ul li:hover {
    color: #343e55
}

#app #map-main-container .month-nav input {
    visibility: hidden
}

#app #map-main-container .month-nav label {
    cursor: pointer;
    position: relative;
    padding-left: 5px;
    transition: all .5s ease
}

#app #map-main-container .month-nav label:before {
    content: "";
    width: 20px;
    height: 1px;
    background: black;
    position: absolute;
    top: 10px;
    left: -25px
}

#app #map-main-container .month-nav input:checked+label {
    font-family: metropolisextra_bold, sans-serif;
    letter-spacing: 1px;
    font-size: 21px
}

@media screen and (max-width: 1100px) {
    #app #map-main-container .month-nav input:checked+label {
        font-size: 21px
    }
}

#app #map-main-container .month-nav input:checked+label:before {
    content: "";
    height: 12px;
    width: 40px;
    background: #1f2a44;
    position: absolute;
    border-radius: 12px;
    left: -44px;
    top: 10px;
    z-index: 99
}

#app #map-main-container .svg-pan-zoom {
    position: relative
}

@media screen and (max-width: 864px) {
    #app #map-main-container .svg-pan-zoom {
        position: relative;
        top: 10px;
        height: auto
    }
}

@media screen and (max-width: 864px) {
    #app #map-main-container .svg-pan-zoom__default {
        height: auto
    }
}

#app #map-main-container .show-mobile {
    display: none
}

@media screen and (max-width: 864px) {
    #app #map-main-container .show-mobile {
        display: block
    }
}

#app #map-main-container .hide-mobile {
    display: inline-block
}

@media screen and (max-width: 864px) {
    #app #map-main-container .hide-mobile {
        display: none
    }
}

#app #map-main-container #details-box {
    box-shadow: 0 7px 40px #000000b3;
    opacity: 0%;
    padding: 0;
    border-radius: 10px 10px 0 0;
    position: fixed;
    background-color: #eeeded;
    width: fit-content;
    transform: translate(-50%);
    transition: opacity .4s ease;
    z-index: 999
}

@media screen and (max-width: 864px) {
    #app #map-main-container #details-box {
        position: absolute;
        top: 320px;
        left: 25%;
        max-width: 50%
    }
}

#app #map-main-container .details-title {
    width: 100%;
    padding: 1em;
    border-radius: 10px 10px 0 0;
    background-color: #1f2a44
}

@media screen and (max-width: 864px) {
    #app #map-main-container .details-title {
        padding: .75em
    }
}

#app #map-main-container .details-title h4 {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 24px
}

@media screen and (max-width: 864px) {
    #app #map-main-container .details-title h4 {
        font-size: 18px
    }
}

@media screen and (min-width: 864px) {
    #app #map-main-container .details-title:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 30px solid #1f2a44;
        left: -20px;
        top: 13px
    }
}

#app #map-main-container .details-title .close-popup {
    color: #fff;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 18px;
    font-family: metropolisbold, serif
}

@media screen and (max-width: 864px) {
    #app #map-main-container .details-title .close-popup {
        top: 12px
    }
}

#app #map-main-container .details-content {
    padding: 1em;
    text-align: center
}

@media screen and (max-width: 864px) {
    #app #map-main-container .details-content {
        padding: .5em
    }
}

#app #map-main-container .details-content .subtitle {
    padding: 0 0 7px;
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center
}

@media screen and (max-width: 864px) {
    #app #map-main-container .details-content .subtitle {
        font-size: 11px
    }
}

#app #map-main-container .details-content .data {
    font-family: metropolisextra_bold, sans-serif;
    font-size: 24px;
    text-align: center
}

@media screen and (max-width: 864px) {
    #app #map-main-container .details-content .data {
        font-size: 18px
    }
}

#app #map-main-container .details-content div {
    padding: 10px 0;
    border-bottom: 1px solid #1f2a44
}

#app #map-main-container .details-content div:last-of-type {
    padding: 10px 0;
    border-bottom: none
}

#app #map-main-container .controls {
    position: absolute;
    left: 0px;
    bottom: 30px;
    height: auto;
    z-index: 999
}

@media screen and (max-width: 864px) {
    #app #map-main-container .controls {
        position: absolute;
        left: 0px;
        bottom: 30px;
        height: auto;
        display: none
    }
}

#app #map-main-container .controls button {
    border: none;
    margin: 0 10px;
    background-color: #1f2a44;
    color: #fff;
    font-family: metropolisbold, serif;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 30px;
    padding: 0;
    line-height: 1
}

#app #map-main-container .controls button:hover {
    background-color: #475064;
    cursor: pointer
}

#app #map-main-container .controls button:nth-of-type(1) {
    padding: 0 0 2px
}

#app #map-main-container .controls button:last-of-type {
    background-color: #1f2a44;
    width: auto;
    height: auto;
    color: #eeeded;
    border-radius: 0;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px
}

#app #map-main-container .controls #reset {
    display: none
}

#app #map-main-container svg text {
    font-family: metropolismedium, sans-serif;
    font-size: 18px
}

#app #map-main-container svg text:hover {
    cursor: default
}

#app #map-main-container #_CT,
#app #map-main-container #_MA,
#app #map-main-container #_NH,
#app #map-main-container #_VT,
#app #map-main-container #_MA {
    font-size: 14px
}

#app #map-main-container #_MD,
#app #map-main-container #_DE,
#app #map-main-container #_NJ,
#app #map-main-container #_RI {
    font-size: 18px
}

#app .mobile-select {
    width: 100%
}

#app .mobile-select:after {
    color: #1f2a44;
    font-family: metropolismedium, sans-serif;
    font-size: 35px;
    position: absolute;
    right: 15px;
    top: -5px
}

#app .mobile-select svg {
    position: absolute;
    right: 15px;
    top: 22px
}

#app .mobile-select select {
    width: 100%;
    max-width: 100%;
    min-width: 8.5rem;
    transition: border-color .1s linear;
    border: 2px solid #1f2a44;
    border-radius: 2px;
    padding: 16px 44px 16px 16px;
    color: #1f2a44;
    background-color: #fff;
    font-family: metropolismedium, sans-serif;
    font-size: 20px;
    appearance: none;
    outline: none
}

.bg-gray {
    background-color: #eeeded
}