/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Extracted from Tachyons v4.12.0 (http://tachyons.io) */

.debug * {
    outline: 1px solid gold
}

.sans-serif {
    font-family: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
    font-weight: normal;
}
.serif {
    font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
    font-weight: normal;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    min-height: 100vh;
}

header > img {
    width: 28px;
    height: 28px;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code {
    font-family: monospace, monospace;
}

kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

time {
    display: block;
    /* font-size: 0.3rem */
    /* padding: 1rem 0; */
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

/* Tachyons breakpoint (responsive) classes: -ns (not-small, min-width 30em), -m (medium, 30em-60em), -l (large, min-width 60em) */

@media screen and (min-width:30em) {


    .aspect-ratio-ns {
        height: 0;
        position: relative
    }

    .aspect-ratio--16x9-ns {
        padding-bottom: 56.25%
    }

    .aspect-ratio--9x16-ns {
        padding-bottom: 177.77%
    }

    .aspect-ratio--4x3-ns {
        padding-bottom: 75%
    }

    .aspect-ratio--3x4-ns {
        padding-bottom: 133.33%
    }

    .aspect-ratio--6x4-ns {
        padding-bottom: 66.6%
    }

    .aspect-ratio--4x6-ns {
        padding-bottom: 150%
    }

    .aspect-ratio--8x5-ns {
        padding-bottom: 62.5%
    }

    .aspect-ratio--5x8-ns {
        padding-bottom: 160%
    }

    .aspect-ratio--7x5-ns {
        padding-bottom: 71.42%
    }

    .aspect-ratio--5x7-ns {
        padding-bottom: 140%
    }

    .aspect-ratio--1x1-ns {
        padding-bottom: 100%
    }

    .aspect-ratio--object-ns {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100
    }

    .cover-ns {
        background-size: cover !important
    }

    .contain-ns {
        background-size: contain !important
    }

    .bg-center-ns {
        background-position: 50%
    }

    .bg-center-ns,
    .bg-top-ns {
        background-repeat: no-repeat
    }

    .bg-top-ns {
        background-position: top
    }

    .bg-right-ns {
        background-position: 100%
    }

    .bg-bottom-ns,
    .bg-right-ns {
        background-repeat: no-repeat
    }

    .bg-bottom-ns {
        background-position: bottom
    }

    .bg-left-ns {
        background-repeat: no-repeat;
        background-position: 0
    }

    .outline-ns {
        outline: 1px solid
    }

    .outline-transparent-ns {
        outline: 1px solid transparent
    }

    .outline-0-ns {
        outline: 0
    }

    .ba-ns {
        border-style: solid;
        border-width: 1px
    }

    .bt-ns {
        border-top-style: solid;
        border-top-width: 1px
    }

    .br-ns {
        border-right-style: solid;
        border-right-width: 1px
    }

    .bb-ns {
        border-bottom-style: solid;
        border-bottom-width: 1px
    }

    .bl-ns {
        border-left-style: solid;
        border-left-width: 1px
    }

    .bn-ns {
        border-style: none;
        border-width: 0
    }

    .br0-ns {
        border-radius: 0
    }

    .br1-ns {
        border-radius: .125rem
    }

    .br2-ns {
        border-radius: .25rem
    }

    .br3-ns {
        border-radius: .5rem
    }

    .br4-ns {
        border-radius: 1rem
    }

    .br-100-ns {
        border-radius: 100%
    }

    .br-pill-ns {
        border-radius: 9999px
    }

    .br--bottom-ns {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .br--top-ns {
        border-bottom-right-radius: 0
    }

    .br--right-ns,
    .br--top-ns {
        border-bottom-left-radius: 0
    }

    .br--right-ns {
        border-top-left-radius: 0
    }

    .br--left-ns {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .br-inherit-ns {
        border-radius: inherit
    }

    .br-initial-ns {
        border-radius: initial
    }

    .br-unset-ns {
        border-radius: unset
    }

    .b--dotted-ns {
        border-style: dotted
    }

    .b--dashed-ns {
        border-style: dashed
    }

    .b--solid-ns {
        border-style: solid
    }

    .b--none-ns {
        border-style: none
    }

    .bw0-ns {
        border-width: 0
    }

    .bw1-ns {
        border-width: .125rem
    }

    .bw2-ns {
        border-width: .25rem
    }

    .bw3-ns {
        border-width: .5rem
    }

    .bw4-ns {
        border-width: 1rem
    }

    .bw5-ns {
        border-width: 2rem
    }

    .bt-0-ns {
        border-top-width: 0
    }

    .br-0-ns {
        border-right-width: 0
    }

    .bb-0-ns {
        border-bottom-width: 0
    }

    .bl-0-ns {
        border-left-width: 0
    }

    .shadow-1-ns {
        box-shadow: 0 0 4px 2px rgba(0, 0, 0, .2)
    }

    .shadow-2-ns {
        box-shadow: 0 0 8px 2px rgba(0, 0, 0, .2)
    }

    .shadow-3-ns {
        box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2)
    }

    .shadow-4-ns {
        box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2)
    }

    .shadow-5-ns {
        box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .2)
    }

    .top-0-ns {
        top: 0
    }

    .left-0-ns {
        left: 0
    }

    .right-0-ns {
        right: 0
    }

    .bottom-0-ns {
        bottom: 0
    }

    .top-1-ns {
        top: 1rem
    }

    .left-1-ns {
        left: 1rem
    }

    .right-1-ns {
        right: 1rem
    }

    .bottom-1-ns {
        bottom: 1rem
    }

    .top-2-ns {
        top: 2rem
    }

    .left-2-ns {
        left: 2rem
    }

    .right-2-ns {
        right: 2rem
    }

    .bottom-2-ns {
        bottom: 2rem
    }

    .top--1-ns {
        top: -1rem
    }

    .right--1-ns {
        right: -1rem
    }

    .bottom--1-ns {
        bottom: -1rem
    }

    .left--1-ns {
        left: -1rem
    }

    .top--2-ns {
        top: -2rem
    }

    .right--2-ns {
        right: -2rem
    }

    .bottom--2-ns {
        bottom: -2rem
    }

    .left--2-ns {
        left: -2rem
    }

    .absolute--fill-ns {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .cl-ns {
        clear: left
    }

    .cr-ns {
        clear: right
    }

    .cb-ns {
        clear: both
    }

    .cn-ns {
        clear: none
    }

    .dn-ns {
        display: none
    }

    .di-ns {
        display: inline
    }

    .db-ns {
        display: block
    }

    .dib-ns {
        display: inline-block
    }

    .dit-ns {
        display: inline-table
    }

    .dt-ns {
        display: table
    }

    .dtc-ns {
        display: table-cell
    }

    .dt-row-ns {
        display: table-row
    }

    .dt-row-group-ns {
        display: table-row-group
    }

    .dt-column-ns {
        display: table-column
    }

    .dt-column-group-ns {
        display: table-column-group
    }

    .dt--fixed-ns {
        table-layout: fixed;
        width: 100%
    }

    .flex-ns {
        display: flex
    }

    .inline-flex-ns {
        display: inline-flex
    }

    .flex-auto-ns {
        flex: 1 1 auto;
        min-width: 0;
        min-height: 0
    }

    .flex-none-ns {
        flex: none
    }

    .flex-column-ns {
        flex-direction: column
    }

    .flex-row-ns {
        flex-direction: row
    }

    .flex-wrap-ns {
        flex-wrap: wrap
    }

    .flex-nowrap-ns {
        flex-wrap: nowrap
    }

    .flex-wrap-reverse-ns {
        flex-wrap: wrap-reverse
    }

    .flex-column-reverse-ns {
        flex-direction: column-reverse
    }

    .flex-row-reverse-ns {
        flex-direction: row-reverse
    }

    .items-start-ns {
        align-items: flex-start
    }

    .items-end-ns {
        align-items: flex-end
    }

    .items-center-ns {
        align-items: center
    }

    .items-baseline-ns {
        align-items: baseline
    }

    .items-stretch-ns {
        align-items: stretch
    }

    .self-start-ns {
        align-self: flex-start
    }

    .self-end-ns {
        align-self: flex-end
    }

    .self-center-ns {
        align-self: center
    }

    .self-baseline-ns {
        align-self: baseline
    }

    .self-stretch-ns {
        align-self: stretch
    }

    .justify-start-ns {
        justify-content: flex-start
    }

    .justify-end-ns {
        justify-content: flex-end
    }

    .justify-center-ns {
        justify-content: center
    }

    .justify-between-ns {
        justify-content: space-between
    }

    .justify-around-ns {
        justify-content: space-around
    }

    .content-start-ns {
        align-content: flex-start
    }

    .content-end-ns {
        align-content: flex-end
    }

    .content-center-ns {
        align-content: center
    }

    .content-between-ns {
        align-content: space-between
    }

    .content-around-ns {
        align-content: space-around
    }

    .content-stretch-ns {
        align-content: stretch
    }

    .order-0-ns {
        order: 0
    }

    .order-1-ns {
        order: 1
    }

    .order-2-ns {
        order: 2
    }

    .order-3-ns {
        order: 3
    }

    .order-4-ns {
        order: 4
    }

    .order-5-ns {
        order: 5
    }

    .order-6-ns {
        order: 6
    }

    .order-7-ns {
        order: 7
    }

    .order-8-ns {
        order: 8
    }

    .order-last-ns {
        order: 99999
    }

    .flex-grow-0-ns {
        flex-grow: 0
    }

    .flex-grow-1-ns {
        flex-grow: 1
    }

    .flex-shrink-0-ns {
        flex-shrink: 0
    }

    .flex-shrink-1-ns {
        flex-shrink: 1
    }

    .fl-ns {
        float: left
    }

    .fl-ns,
    .fr-ns {
        _display: inline
    }

    .fr-ns {
        float: right
    }

    .fn-ns {
        float: none
    }

    .i-ns {
        font-style: italic
    }

    .fs-normal-ns {
        font-style: normal
    }

    .normal-ns {
        font-weight: 400
    }

    .b-ns {
        font-weight: 700
    }

    .fw1-ns {
        font-weight: 100
    }

    .fw2-ns {
        font-weight: 200
    }

    .fw3-ns {
        font-weight: 300
    }

    .fw4-ns {
        font-weight: 400
    }

    .fw5-ns {
        font-weight: 500
    }

    .fw6-ns {
        font-weight: 600
    }

    .fw7-ns {
        font-weight: 700
    }

    .fw8-ns {
        font-weight: 800
    }

    .fw9-ns {
        font-weight: 900
    }

    .h1-ns {
        height: 1rem
    }

    .h2-ns {
        height: 2rem
    }

    .h3-ns {
        height: 4rem
    }

    .h4-ns {
        height: 8rem
    }

    .h5-ns {
        height: 16rem
    }

    .h-25-ns {
        height: 25%
    }

    .h-50-ns {
        height: 50%
    }

    .h-75-ns {
        height: 75%
    }

    .h-100-ns {
        height: 100%
    }

    .min-h-100-ns {
        min-height: 100%
    }

    .vh-25-ns {
        height: 25vh
    }

    .vh-50-ns {
        height: 50vh
    }

    .vh-75-ns {
        height: 75vh
    }

    .vh-100-ns {
        height: 100vh
    }

    .min-vh-100-ns {
        min-height: 100vh
    }

    .h-auto-ns {
        height: auto
    }

    .h-inherit-ns {
        height: inherit
    }

    .mw-100-ns {
        max-width: 100%
    }

    .mw1-ns {
        max-width: 1rem
    }

    .mw2-ns {
        max-width: 2rem
    }

    .mw3-ns {
        max-width: 4rem
    }

    .mw4-ns {
        max-width: 8rem
    }

    .mw5-ns {
        max-width: 16rem
    }

    .mw6-ns {
        max-width: 32rem
    }

    .mw7-ns {
        max-width: 48rem
    }

    .mw8-ns {
        max-width: 64rem
    }

    .mw9-ns {
        max-width: 96rem
    }

    .mw-none-ns {
        max-width: none
    }

    .w1-ns {
        width: 1rem
    }

    .w2-ns {
        width: 2rem
    }

    .w3-ns {
        width: 4rem
    }

    .w4-ns {
        width: 8rem
    }

    .w5-ns {
        width: 16rem
    }

    .w-10-ns {
        width: 10%
    }

    .w-20-ns {
        width: 20%
    }

    .w-25-ns {
        width: 25%
    }

    .w-30-ns {
        width: 30%
    }

    .w-33-ns {
        width: 33%
    }

    .w-34-ns {
        width: 34%
    }

    .w-40-ns {
        width: 40%
    }

    .w-50-ns {
        width: 50%
    }

    .w-60-ns {
        width: 60%
    }

    .w-70-ns {
        width: 70%
    }

    .w-75-ns {
        width: 75%
    }

    .w-80-ns {
        width: 80%
    }

    .w-90-ns {
        width: 90%
    }

    .w-100-ns {
        width: 100%
    }

    .w-third-ns {
        width: 33.33333%
    }

    .w-two-thirds-ns {
        width: 66.66667%
    }

    .w-auto-ns {
        width: auto
    }

    .overflow-visible-ns {
        overflow: visible
    }

    .overflow-hidden-ns {
        overflow: hidden
    }

    .overflow-scroll-ns {
        overflow: scroll
    }

    .overflow-auto-ns {
        overflow: auto
    }

    .overflow-x-visible-ns {
        overflow-x: visible
    }

    .overflow-x-hidden-ns {
        overflow-x: hidden
    }

    .overflow-x-scroll-ns {
        overflow-x: scroll
    }

    .overflow-x-auto-ns {
        overflow-x: auto
    }

    .overflow-y-visible-ns {
        overflow-y: visible
    }

    .overflow-y-hidden-ns {
        overflow-y: hidden
    }

    .overflow-y-scroll-ns {
        overflow-y: scroll
    }

    .overflow-y-auto-ns {
        overflow-y: auto
    }

    .static-ns {
        position: static
    }

    .relative-ns {
        position: relative
    }

    .absolute-ns {
        position: absolute
    }

    .fixed-ns {
        position: fixed
    }

    .rotate-45-ns {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .rotate-90-ns {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .rotate-135-ns {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    .rotate-180-ns {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .rotate-225-ns {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg)
    }

    .rotate-270-ns {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    .rotate-315-ns {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg)
    }

    .pa0-ns {
        padding: 0
    }

    .pa1-ns {
        padding: .25rem
    }

    .pa2-ns {
        padding: .5rem
    }

    .pa3-ns {
        padding: 1rem
    }

    .pa4-ns {
        padding: 2rem
    }

    .pa5-ns {
        padding: 4rem
    }

    .pa6-ns {
        padding: 8rem
    }

    .pa7-ns {
        padding: 16rem
    }

    .pl0-ns {
        padding-left: 0
    }

    .pl1-ns {
        padding-left: .25rem
    }

    .pl2-ns {
        padding-left: .5rem
    }

    .pl3-ns {
        padding-left: 1rem
    }

    .pl4-ns {
        padding-left: 2rem
    }

    .pl5-ns {
        padding-left: 4rem
    }

    .pl6-ns {
        padding-left: 8rem
    }

    .pl7-ns {
        padding-left: 16rem
    }

    .pr0-ns {
        padding-right: 0
    }

    .pr1-ns {
        padding-right: .25rem
    }

    .pr2-ns {
        padding-right: .5rem
    }

    .pr3-ns {
        padding-right: 1rem
    }

    .pr4-ns {
        padding-right: 2rem
    }

    .pr5-ns {
        padding-right: 4rem
    }

    .pr6-ns {
        padding-right: 8rem
    }

    .pr7-ns {
        padding-right: 16rem
    }

    .pb0-ns {
        padding-bottom: 0
    }

    .pb1-ns {
        padding-bottom: .25rem
    }

    .pb2-ns {
        padding-bottom: .5rem
    }

    .pb3-ns {
        padding-bottom: 1rem
    }

    .pb4-ns {
        padding-bottom: 2rem
    }

    .pb5-ns {
        padding-bottom: 4rem
    }

    .pb6-ns {
        padding-bottom: 8rem
    }

    .pb7-ns {
        padding-bottom: 16rem
    }

    .pt0-ns {
        padding-top: 0
    }

    .pt1-ns {
        padding-top: .25rem
    }

    .pt2-ns {
        padding-top: .5rem
    }

    .pt3-ns {
        padding-top: 1rem
    }

    .pt4-ns {
        padding-top: 2rem
    }

    .pt5-ns {
        padding-top: 4rem
    }

    .pt6-ns {
        padding-top: 8rem
    }

    .pt7-ns {
        padding-top: 16rem
    }

    .pv0-ns {
        padding-top: 0;
        padding-bottom: 0
    }

    .pv1-ns {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .pv2-ns {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .pv3-ns {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .pv4-ns {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .pv5-ns {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .pv6-ns {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .pv7-ns {
        padding-top: 16rem;
        padding-bottom: 16rem
    }

    .ph0-ns {
        padding-left: 0;
        padding-right: 0
    }

    .ph1-ns {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .ph2-ns {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .ph3-ns {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .ph4-ns {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .ph5-ns {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .ph6-ns {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .ph7-ns {
        padding-left: 16rem;
        padding-right: 16rem
    }

    .ma0-ns {
        margin: 0
    }

    .ma1-ns {
        margin: .25rem
    }

    .ma2-ns {
        margin: .5rem
    }

    .ma3-ns {
        margin: 1rem
    }

    .ma4-ns {
        margin: 2rem
    }

    .ma5-ns {
        margin: 4rem
    }

    .ma6-ns {
        margin: 8rem
    }

    .ma7-ns {
        margin: 16rem
    }

    .ml0-ns {
        margin-left: 0
    }

    .ml1-ns {
        margin-left: .25rem
    }

    .ml2-ns {
        margin-left: .5rem
    }

    .ml3-ns {
        margin-left: 1rem
    }

    .ml4-ns {
        margin-left: 2rem
    }

    .ml5-ns {
        margin-left: 4rem
    }

    .ml6-ns {
        margin-left: 8rem
    }

    .ml7-ns {
        margin-left: 16rem
    }

    .mr0-ns {
        margin-right: 0
    }

    .mr1-ns {
        margin-right: .25rem
    }

    .mr2-ns {
        margin-right: .5rem
    }

    .mr3-ns {
        margin-right: 1rem
    }

    .mr4-ns {
        margin-right: 2rem
    }

    .mr5-ns {
        margin-right: 4rem
    }

    .mr6-ns {
        margin-right: 8rem
    }

    .mr7-ns {
        margin-right: 16rem
    }

    .mb0-ns {
        margin-bottom: 0
    }

    .mb1-ns {
        margin-bottom: .25rem
    }

    .mb2-ns {
        margin-bottom: .5rem
    }

    .mb3-ns {
        margin-bottom: 1rem
    }

    .mb4-ns {
        margin-bottom: 2rem
    }

    .mb5-ns {
        margin-bottom: 4rem
    }

    .mb6-ns {
        margin-bottom: 8rem
    }

    .mb7-ns {
        margin-bottom: 16rem
    }

    .mt0-ns {
        margin-top: 0
    }

    .mt1-ns {
        margin-top: .25rem
    }

    .mt2-ns {
        margin-top: .5rem
    }

    .mt3-ns {
        margin-top: 1rem
    }

    .mt4-ns {
        margin-top: 2rem
    }

    .mt5-ns {
        margin-top: 4rem
    }

    .mt6-ns {
        margin-top: 8rem
    }

    .mt7-ns {
        margin-top: 16rem
    }

    .mv0-ns {
        margin-top: 0;
        margin-bottom: 0
    }

    .mv1-ns {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .mv2-ns {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .mv3-ns {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .mv4-ns {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .mv5-ns {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .mv6-ns {
        margin-top: 8rem;
        margin-bottom: 8rem
    }

    .mv7-ns {
        margin-top: 16rem;
        margin-bottom: 16rem
    }

    .mh0-ns {
        margin-left: 0;
        margin-right: 0
    }

    .mh1-ns {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .mh2-ns {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .mh3-ns {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .mh4-ns {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .mh5-ns {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .mh6-ns {
        margin-left: 8rem;
        margin-right: 8rem
    }

    .mh7-ns {
        margin-left: 16rem;
        margin-right: 16rem
    }

    .na1-ns {
        margin: -.25rem
    }

    .na2-ns {
        margin: -.5rem
    }

    .na3-ns {
        margin: -1rem
    }

    .na4-ns {
        margin: -2rem
    }

    .na5-ns {
        margin: -4rem
    }

    .na6-ns {
        margin: -8rem
    }

    .na7-ns {
        margin: -16rem
    }

    .nl1-ns {
        margin-left: -.25rem
    }

    .nl2-ns {
        margin-left: -.5rem
    }

    .nl3-ns {
        margin-left: -1rem
    }

    .nl4-ns {
        margin-left: -2rem
    }

    .nl5-ns {
        margin-left: -4rem
    }

    .nl6-ns {
        margin-left: -8rem
    }

    .nl7-ns {
        margin-left: -16rem
    }

    .nr1-ns {
        margin-right: -.25rem
    }

    .nr2-ns {
        margin-right: -.5rem
    }

    .nr3-ns {
        margin-right: -1rem
    }

    .nr4-ns {
        margin-right: -2rem
    }

    .nr5-ns {
        margin-right: -4rem
    }

    .nr6-ns {
        margin-right: -8rem
    }

    .nr7-ns {
        margin-right: -16rem
    }

    .nb1-ns {
        margin-bottom: -.25rem
    }

    .nb2-ns {
        margin-bottom: -.5rem
    }

    .nb3-ns {
        margin-bottom: -1rem
    }

    .nb4-ns {
        margin-bottom: -2rem
    }

    .nb5-ns {
        margin-bottom: -4rem
    }

    .nb6-ns {
        margin-bottom: -8rem
    }

    .nb7-ns {
        margin-bottom: -16rem
    }

    .nt1-ns {
        margin-top: -.25rem
    }

    .nt2-ns {
        margin-top: -.5rem
    }

    .nt3-ns {
        margin-top: -1rem
    }

    .nt4-ns {
        margin-top: -2rem
    }

    .nt5-ns {
        margin-top: -4rem
    }

    .nt6-ns {
        margin-top: -8rem
    }

    .nt7-ns {
        margin-top: -16rem
    }

    .strike-ns {
        text-decoration: line-through
    }

    .underline-ns {
        text-decoration: underline
    }

    .no-underline-ns {
        text-decoration: none
    }

    .tl-ns {
        text-align: left
    }

    .tr-ns {
        text-align: right
    }

    .tc-ns {
        text-align: center
    }

    .tj-ns {
        text-align: justify
    }

    .ttc-ns {
        text-transform: capitalize
    }

    .ttl-ns {
        text-transform: lowercase
    }

    .ttu-ns {
        text-transform: uppercase
    }

    .ttn-ns {
        text-transform: none
    }

    .measure-ns {
        max-width: 30em
    }

    .measure-wide-ns {
        max-width: 34em
    }

    .measure-narrow-ns {
        max-width: 20em
    }

    .indent-ns {
        text-indent: 1em;
        margin-top: 0;
        margin-bottom: 0
    }

    .small-caps-ns {
        font-variant: small-caps
    }

    .truncate-ns {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .center-ns {
        margin-left: auto
    }

    .center-ns,
    .mr-auto-ns {
        margin-right: auto
    }

    .ml-auto-ns {
        margin-left: auto
    }

    .clip-ns {
        position: fixed !important;
        _position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px, 1px, 1px, 1px)
    }

    .ws-normal-ns {
        white-space: normal
    }

    .nowrap-ns {
        white-space: nowrap
    }

    .pre-ns {
        white-space: pre
    }

    .v-base-ns {
        vertical-align: baseline
    }

    .v-mid-ns {
        vertical-align: middle
    }

    .v-top-ns {
        vertical-align: top
    }

    .v-btm-ns {
        vertical-align: bottom
    }
}

@media screen and (min-width:30em) and (max-width:60em) {
    .aspect-ratio-m {
        height: 0;
        position: relative
    }

    .aspect-ratio--16x9-m {
        padding-bottom: 56.25%
    }

    .aspect-ratio--9x16-m {
        padding-bottom: 177.77%
    }

    .aspect-ratio--4x3-m {
        padding-bottom: 75%
    }

    .aspect-ratio--3x4-m {
        padding-bottom: 133.33%
    }

    .aspect-ratio--6x4-m {
        padding-bottom: 66.6%
    }

    .aspect-ratio--4x6-m {
        padding-bottom: 150%
    }

    .aspect-ratio--8x5-m {
        padding-bottom: 62.5%
    }

    .aspect-ratio--5x8-m {
        padding-bottom: 160%
    }

    .aspect-ratio--7x5-m {
        padding-bottom: 71.42%
    }

    .aspect-ratio--5x7-m {
        padding-bottom: 140%
    }

    .aspect-ratio--1x1-m {
        padding-bottom: 100%
    }

    .aspect-ratio--object-m {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100
    }

    .cover-m {
        background-size: cover !important
    }

    .contain-m {
        background-size: contain !important
    }

    .bg-center-m {
        background-position: 50%
    }

    .bg-center-m,
    .bg-top-m {
        background-repeat: no-repeat
    }

    .bg-top-m {
        background-position: top
    }

    .bg-right-m {
        background-position: 100%
    }

    .bg-bottom-m,
    .bg-right-m {
        background-repeat: no-repeat
    }

    .bg-bottom-m {
        background-position: bottom
    }

    .bg-left-m {
        background-repeat: no-repeat;
        background-position: 0
    }

    .outline-m {
        outline: 1px solid
    }

    .outline-transparent-m {
        outline: 1px solid transparent
    }

    .outline-0-m {
        outline: 0
    }

    .ba-m {
        border-style: solid;
        border-width: 1px
    }

    .bt-m {
        border-top-style: solid;
        border-top-width: 1px
    }

    .br-m {
        border-right-style: solid;
        border-right-width: 1px
    }

    .bb-m {
        border-bottom-style: solid;
        border-bottom-width: 1px
    }

    .bl-m {
        border-left-style: solid;
        border-left-width: 1px
    }

    .bn-m {
        border-style: none;
        border-width: 0
    }

    .br0-m {
        border-radius: 0
    }

    .br1-m {
        border-radius: .125rem
    }

    .br2-m {
        border-radius: .25rem
    }

    .br3-m {
        border-radius: .5rem
    }

    .br4-m {
        border-radius: 1rem
    }

    .br-100-m {
        border-radius: 100%
    }

    .br-pill-m {
        border-radius: 9999px
    }

    .br--bottom-m {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .br--top-m {
        border-bottom-right-radius: 0
    }

    .br--right-m,
    .br--top-m {
        border-bottom-left-radius: 0
    }

    .br--right-m {
        border-top-left-radius: 0
    }

    .br--left-m {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .br-inherit-m {
        border-radius: inherit
    }

    .br-initial-m {
        border-radius: initial
    }

    .br-unset-m {
        border-radius: unset
    }

    .b--dotted-m {
        border-style: dotted
    }

    .b--dashed-m {
        border-style: dashed
    }

    .b--solid-m {
        border-style: solid
    }

    .b--none-m {
        border-style: none
    }

    .bw0-m {
        border-width: 0
    }

    .bw1-m {
        border-width: .125rem
    }

    .bw2-m {
        border-width: .25rem
    }

    .bw3-m {
        border-width: .5rem
    }

    .bw4-m {
        border-width: 1rem
    }

    .bw5-m {
        border-width: 2rem
    }

    .bt-0-m {
        border-top-width: 0
    }

    .br-0-m {
        border-right-width: 0
    }

    .bb-0-m {
        border-bottom-width: 0
    }

    .bl-0-m {
        border-left-width: 0
    }

    .shadow-1-m {
        box-shadow: 0 0 4px 2px rgba(0, 0, 0, .2)
    }

    .shadow-2-m {
        box-shadow: 0 0 8px 2px rgba(0, 0, 0, .2)
    }

    .shadow-3-m {
        box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2)
    }

    .shadow-4-m {
        box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2)
    }

    .shadow-5-m {
        box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .2)
    }

    .top-0-m {
        top: 0
    }

    .left-0-m {
        left: 0
    }

    .right-0-m {
        right: 0
    }

    .bottom-0-m {
        bottom: 0
    }

    .top-1-m {
        top: 1rem
    }

    .left-1-m {
        left: 1rem
    }

    .right-1-m {
        right: 1rem
    }

    .bottom-1-m {
        bottom: 1rem
    }

    .top-2-m {
        top: 2rem
    }

    .left-2-m {
        left: 2rem
    }

    .right-2-m {
        right: 2rem
    }

    .bottom-2-m {
        bottom: 2rem
    }

    .top--1-m {
        top: -1rem
    }

    .right--1-m {
        right: -1rem
    }

    .bottom--1-m {
        bottom: -1rem
    }

    .left--1-m {
        left: -1rem
    }

    .top--2-m {
        top: -2rem
    }

    .right--2-m {
        right: -2rem
    }

    .bottom--2-m {
        bottom: -2rem
    }

    .left--2-m {
        left: -2rem
    }

    .absolute--fill-m {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .cl-m {
        clear: left
    }

    .cr-m {
        clear: right
    }

    .cb-m {
        clear: both
    }

    .cn-m {
        clear: none
    }

    .dn-m {
        display: none
    }

    .di-m {
        display: inline
    }

    .db-m {
        display: block
    }

    .dib-m {
        display: inline-block
    }

    .dit-m {
        display: inline-table
    }

    .dt-m {
        display: table
    }

    .dtc-m {
        display: table-cell
    }

    .dt-row-m {
        display: table-row
    }

    .dt-row-group-m {
        display: table-row-group
    }

    .dt-column-m {
        display: table-column
    }

    .dt-column-group-m {
        display: table-column-group
    }

    .dt--fixed-m {
        table-layout: fixed;
        width: 100%
    }

    .flex-m {
        display: flex
    }

    .inline-flex-m {
        display: inline-flex
    }

    .flex-auto-m {
        flex: 1 1 auto;
        min-width: 0;
        min-height: 0
    }

    .flex-none-m {
        flex: none
    }

    .flex-column-m {
        flex-direction: column
    }

    .flex-row-m {
        flex-direction: row
    }

    .flex-wrap-m {
        flex-wrap: wrap
    }

    .flex-nowrap-m {
        flex-wrap: nowrap
    }

    .flex-wrap-reverse-m {
        flex-wrap: wrap-reverse
    }

    .flex-column-reverse-m {
        flex-direction: column-reverse
    }

    .flex-row-reverse-m {
        flex-direction: row-reverse
    }

    .items-start-m {
        align-items: flex-start
    }

    .items-end-m {
        align-items: flex-end
    }

    .items-center-m {
        align-items: center
    }

    .items-baseline-m {
        align-items: baseline
    }

    .items-stretch-m {
        align-items: stretch
    }

    .self-start-m {
        align-self: flex-start
    }

    .self-end-m {
        align-self: flex-end
    }

    .self-center-m {
        align-self: center
    }

    .self-baseline-m {
        align-self: baseline
    }

    .self-stretch-m {
        align-self: stretch
    }

    .justify-start-m {
        justify-content: flex-start
    }

    .justify-end-m {
        justify-content: flex-end
    }

    .justify-center-m {
        justify-content: center
    }

    .justify-between-m {
        justify-content: space-between
    }

    .justify-around-m {
        justify-content: space-around
    }

    .content-start-m {
        align-content: flex-start
    }

    .content-end-m {
        align-content: flex-end
    }

    .content-center-m {
        align-content: center
    }

    .content-between-m {
        align-content: space-between
    }

    .content-around-m {
        align-content: space-around
    }

    .content-stretch-m {
        align-content: stretch
    }

    .order-0-m {
        order: 0
    }

    .order-1-m {
        order: 1
    }

    .order-2-m {
        order: 2
    }

    .order-3-m {
        order: 3
    }

    .order-4-m {
        order: 4
    }

    .order-5-m {
        order: 5
    }

    .order-6-m {
        order: 6
    }

    .order-7-m {
        order: 7
    }

    .order-8-m {
        order: 8
    }

    .order-last-m {
        order: 99999
    }

    .flex-grow-0-m {
        flex-grow: 0
    }

    .flex-grow-1-m {
        flex-grow: 1
    }

    .flex-shrink-0-m {
        flex-shrink: 0
    }

    .flex-shrink-1-m {
        flex-shrink: 1
    }

    .fl-m {
        float: left
    }

    .fl-m,
    .fr-m {
        _display: inline
    }

    .fr-m {
        float: right
    }

    .fn-m {
        float: none
    }

    .i-m {
        font-style: italic
    }

    .fs-normal-m {
        font-style: normal
    }

    .normal-m {
        font-weight: 400
    }

    .b-m {
        font-weight: 700
    }

    .fw1-m {
        font-weight: 100
    }

    .fw2-m {
        font-weight: 200
    }

    .fw3-m {
        font-weight: 300
    }

    .fw4-m {
        font-weight: 400
    }

    .fw5-m {
        font-weight: 500
    }

    .fw6-m {
        font-weight: 600
    }

    .fw7-m {
        font-weight: 700
    }

    .fw8-m {
        font-weight: 800
    }

    .fw9-m {
        font-weight: 900
    }

    .h1-m {
        height: 1rem
    }

    .h2-m {
        height: 2rem
    }

    .h3-m {
        height: 4rem
    }

    .h4-m {
        height: 8rem
    }

    .h5-m {
        height: 16rem
    }

    .h-25-m {
        height: 25%
    }

    .h-50-m {
        height: 50%
    }

    .h-75-m {
        height: 75%
    }

    .h-100-m {
        height: 100%
    }

    .min-h-100-m {
        min-height: 100%
    }

    .vh-25-m {
        height: 25vh
    }

    .vh-50-m {
        height: 50vh
    }

    .vh-75-m {
        height: 75vh
    }

    .vh-100-m {
        height: 100vh
    }

    .min-vh-100-m {
        min-height: 100vh
    }

    .h-auto-m {
        height: auto
    }

    .h-inherit-m {
        height: inherit
    }

    .mw-100-m {
        max-width: 100%
    }

    .mw1-m {
        max-width: 1rem
    }

    .mw2-m {
        max-width: 2rem
    }

    .mw3-m {
        max-width: 4rem
    }

    .mw4-m {
        max-width: 8rem
    }

    .mw5-m {
        max-width: 16rem
    }

    .mw6-m {
        max-width: 32rem
    }

    .mw7-m {
        max-width: 48rem
    }

    .mw8-m {
        max-width: 64rem
    }

    .mw9-m {
        max-width: 96rem
    }

    .mw-none-m {
        max-width: none
    }

    .w1-m {
        width: 1rem
    }

    .w2-m {
        width: 2rem
    }

    .w3-m {
        width: 4rem
    }

    .w4-m {
        width: 8rem
    }

    .w5-m {
        width: 16rem
    }

    .w-10-m {
        width: 10%
    }

    .w-20-m {
        width: 20%
    }

    .w-25-m {
        width: 25%
    }

    .w-30-m {
        width: 30%
    }

    .w-33-m {
        width: 33%
    }

    .w-34-m {
        width: 34%
    }

    .w-40-m {
        width: 40%
    }

    .w-50-m {
        width: 50%
    }

    .w-60-m {
        width: 60%
    }

    .w-70-m {
        width: 70%
    }

    .w-75-m {
        width: 75%
    }

    .w-80-m {
        width: 80%
    }

    .w-90-m {
        width: 90%
    }

    .w-100-m {
        width: 100%
    }

    .w-third-m {
        width: 33.33333%
    }

    .w-two-thirds-m {
        width: 66.66667%
    }

    .w-auto-m {
        width: auto
    }

    .overflow-visible-m {
        overflow: visible
    }

    .overflow-hidden-m {
        overflow: hidden
    }

    .overflow-scroll-m {
        overflow: scroll
    }

    .overflow-auto-m {
        overflow: auto
    }

    .overflow-x-visible-m {
        overflow-x: visible
    }

    .overflow-x-hidden-m {
        overflow-x: hidden
    }

    .overflow-x-scroll-m {
        overflow-x: scroll
    }

    .overflow-x-auto-m {
        overflow-x: auto
    }

    .overflow-y-visible-m {
        overflow-y: visible
    }

    .overflow-y-hidden-m {
        overflow-y: hidden
    }

    .overflow-y-scroll-m {
        overflow-y: scroll
    }

    .overflow-y-auto-m {
        overflow-y: auto
    }

    .static-m {
        position: static
    }

    .relative-m {
        position: relative
    }

    .absolute-m {
        position: absolute
    }

    .fixed-m {
        position: fixed
    }

    .rotate-45-m {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .rotate-90-m {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .rotate-135-m {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    .rotate-180-m {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .rotate-225-m {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg)
    }

    .rotate-270-m {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    .rotate-315-m {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg)
    }

    .pa0-m {
        padding: 0
    }

    .pa1-m {
        padding: .25rem
    }

    .pa2-m {
        padding: .5rem
    }

    .pa3-m {
        padding: 1rem
    }

    .pa4-m {
        padding: 2rem
    }

    .pa5-m {
        padding: 4rem
    }

    .pa6-m {
        padding: 8rem
    }

    .pa7-m {
        padding: 16rem
    }

    .pl0-m {
        padding-left: 0
    }

    .pl1-m {
        padding-left: .25rem
    }

    .pl2-m {
        padding-left: .5rem
    }

    .pl3-m {
        padding-left: 1rem
    }

    .pl4-m {
        padding-left: 2rem
    }

    .pl5-m {
        padding-left: 4rem
    }

    .pl6-m {
        padding-left: 8rem
    }

    .pl7-m {
        padding-left: 16rem
    }

    .pr0-m {
        padding-right: 0
    }

    .pr1-m {
        padding-right: .25rem
    }

    .pr2-m {
        padding-right: .5rem
    }

    .pr3-m {
        padding-right: 1rem
    }

    .pr4-m {
        padding-right: 2rem
    }

    .pr5-m {
        padding-right: 4rem
    }

    .pr6-m {
        padding-right: 8rem
    }

    .pr7-m {
        padding-right: 16rem
    }

    .pb0-m {
        padding-bottom: 0
    }

    .pb1-m {
        padding-bottom: .25rem
    }

    .pb2-m {
        padding-bottom: .5rem
    }

    .pb3-m {
        padding-bottom: 1rem
    }

    .pb4-m {
        padding-bottom: 2rem
    }

    .pb5-m {
        padding-bottom: 4rem
    }

    .pb6-m {
        padding-bottom: 8rem
    }

    .pb7-m {
        padding-bottom: 16rem
    }

    .pt0-m {
        padding-top: 0
    }

    .pt1-m {
        padding-top: .25rem
    }

    .pt2-m {
        padding-top: .5rem
    }

    .pt3-m {
        padding-top: 1rem
    }

    .pt4-m {
        padding-top: 2rem
    }

    .pt5-m {
        padding-top: 4rem
    }

    .pt6-m {
        padding-top: 8rem
    }

    .pt7-m {
        padding-top: 16rem
    }

    .pv0-m {
        padding-top: 0;
        padding-bottom: 0
    }

    .pv1-m {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .pv2-m {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .pv3-m {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .pv4-m {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .pv5-m {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .pv6-m {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .pv7-m {
        padding-top: 16rem;
        padding-bottom: 16rem
    }

    .ph0-m {
        padding-left: 0;
        padding-right: 0
    }

    .ph1-m {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .ph2-m {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .ph3-m {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .ph4-m {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .ph5-m {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .ph6-m {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .ph7-m {
        padding-left: 16rem;
        padding-right: 16rem
    }

    .ma0-m {
        margin: 0
    }

    .ma1-m {
        margin: .25rem
    }

    .ma2-m {
        margin: .5rem
    }

    .ma3-m {
        margin: 1rem
    }

    .ma4-m {
        margin: 2rem
    }

    .ma5-m {
        margin: 4rem
    }

    .ma6-m {
        margin: 8rem
    }

    .ma7-m {
        margin: 16rem
    }

    .ml0-m {
        margin-left: 0
    }

    .ml1-m {
        margin-left: .25rem
    }

    .ml2-m {
        margin-left: .5rem
    }

    .ml3-m {
        margin-left: 1rem
    }

    .ml4-m {
        margin-left: 2rem
    }

    .ml5-m {
        margin-left: 4rem
    }

    .ml6-m {
        margin-left: 8rem
    }

    .ml7-m {
        margin-left: 16rem
    }

    .mr0-m {
        margin-right: 0
    }

    .mr1-m {
        margin-right: .25rem
    }

    .mr2-m {
        margin-right: .5rem
    }

    .mr3-m {
        margin-right: 1rem
    }

    .mr4-m {
        margin-right: 2rem
    }

    .mr5-m {
        margin-right: 4rem
    }

    .mr6-m {
        margin-right: 8rem
    }

    .mr7-m {
        margin-right: 16rem
    }

    .mb0-m {
        margin-bottom: 0
    }

    .mb1-m {
        margin-bottom: .25rem
    }

    .mb2-m {
        margin-bottom: .5rem
    }

    .mb3-m {
        margin-bottom: 1rem
    }

    .mb4-m {
        margin-bottom: 2rem
    }

    .mb5-m {
        margin-bottom: 4rem
    }

    .mb6-m {
        margin-bottom: 8rem
    }

    .mb7-m {
        margin-bottom: 16rem
    }

    .mt0-m {
        margin-top: 0
    }

    .mt1-m {
        margin-top: .25rem
    }

    .mt2-m {
        margin-top: .5rem
    }

    .mt3-m {
        margin-top: 1rem
    }

    .mt4-m {
        margin-top: 2rem
    }

    .mt5-m {
        margin-top: 4rem
    }

    .mt6-m {
        margin-top: 8rem
    }

    .mt7-m {
        margin-top: 16rem
    }

    .mv0-m {
        margin-top: 0;
        margin-bottom: 0
    }

    .mv1-m {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .mv2-m {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .mv3-m {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .mv4-m {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .mv5-m {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .mv6-m {
        margin-top: 8rem;
        margin-bottom: 8rem
    }

    .mv7-m {
        margin-top: 16rem;
        margin-bottom: 16rem
    }

    .mh0-m {
        margin-left: 0;
        margin-right: 0
    }

    .mh1-m {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .mh2-m {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .mh3-m {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .mh4-m {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .mh5-m {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .mh6-m {
        margin-left: 8rem;
        margin-right: 8rem
    }

    .mh7-m {
        margin-left: 16rem;
        margin-right: 16rem
    }

    .na1-m {
        margin: -.25rem
    }

    .na2-m {
        margin: -.5rem
    }

    .na3-m {
        margin: -1rem
    }

    .na4-m {
        margin: -2rem
    }

    .na5-m {
        margin: -4rem
    }

    .na6-m {
        margin: -8rem
    }

    .na7-m {
        margin: -16rem
    }

    .nl1-m {
        margin-left: -.25rem
    }

    .nl2-m {
        margin-left: -.5rem
    }

    .nl3-m {
        margin-left: -1rem
    }

    .nl4-m {
        margin-left: -2rem
    }

    .nl5-m {
        margin-left: -4rem
    }

    .nl6-m {
        margin-left: -8rem
    }

    .nl7-m {
        margin-left: -16rem
    }

    .nr1-m {
        margin-right: -.25rem
    }

    .nr2-m {
        margin-right: -.5rem
    }

    .nr3-m {
        margin-right: -1rem
    }

    .nr4-m {
        margin-right: -2rem
    }

    .nr5-m {
        margin-right: -4rem
    }

    .nr6-m {
        margin-right: -8rem
    }

    .nr7-m {
        margin-right: -16rem
    }

    .nb1-m {
        margin-bottom: -.25rem
    }

    .nb2-m {
        margin-bottom: -.5rem
    }

    .nb3-m {
        margin-bottom: -1rem
    }

    .nb4-m {
        margin-bottom: -2rem
    }

    .nb5-m {
        margin-bottom: -4rem
    }

    .nb6-m {
        margin-bottom: -8rem
    }

    .nb7-m {
        margin-bottom: -16rem
    }

    .nt1-m {
        margin-top: -.25rem
    }

    .nt2-m {
        margin-top: -.5rem
    }

    .nt3-m {
        margin-top: -1rem
    }

    .nt4-m {
        margin-top: -2rem
    }

    .nt5-m {
        margin-top: -4rem
    }

    .nt6-m {
        margin-top: -8rem
    }

    .nt7-m {
        margin-top: -16rem
    }

    .strike-m {
        text-decoration: line-through
    }

    .underline-m {
        text-decoration: underline
    }

    .no-underline-m {
        text-decoration: none
    }

    .tl-m {
        text-align: left
    }

    .tr-m {
        text-align: right
    }

    .tc-m {
        text-align: center
    }

    .tj-m {
        text-align: justify
    }

    .ttc-m {
        text-transform: capitalize
    }

    .ttl-m {
        text-transform: lowercase
    }

    .ttu-m {
        text-transform: uppercase
    }

    .ttn-m {
        text-transform: none
    }

    .measure-m {
        max-width: 30em
    }

    .measure-wide-m {
        max-width: 34em
    }

    .measure-narrow-m {
        max-width: 20em
    }

    .indent-m {
        text-indent: 1em;
        margin-top: 0;
        margin-bottom: 0
    }

    .small-caps-m {
        font-variant: small-caps
    }

    .truncate-m {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .center-m {
        margin-left: auto
    }

    .center-m,
    .mr-auto-m {
        margin-right: auto
    }

    .ml-auto-m {
        margin-left: auto
    }

    .clip-m {
        position: fixed !important;
        _position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px, 1px, 1px, 1px)
    }

    .ws-normal-m {
        white-space: normal
    }

    .nowrap-m {
        white-space: nowrap
    }

    .pre-m {
        white-space: pre
    }

    .v-base-m {
        vertical-align: baseline
    }

    .v-mid-m {
        vertical-align: middle
    }

    .v-top-m {
        vertical-align: top
    }

    .v-btm-m {
        vertical-align: bottom
    }
}

@media screen and (min-width:60em) {

    .aspect-ratio-l {
        height: 0;
        position: relative
    }

    .aspect-ratio--16x9-l {
        padding-bottom: 56.25%
    }

    .aspect-ratio--9x16-l {
        padding-bottom: 177.77%
    }

    .aspect-ratio--4x3-l {
        padding-bottom: 75%
    }

    .aspect-ratio--3x4-l {
        padding-bottom: 133.33%
    }

    .aspect-ratio--6x4-l {
        padding-bottom: 66.6%
    }

    .aspect-ratio--4x6-l {
        padding-bottom: 150%
    }

    .aspect-ratio--8x5-l {
        padding-bottom: 62.5%
    }

    .aspect-ratio--5x8-l {
        padding-bottom: 160%
    }

    .aspect-ratio--7x5-l {
        padding-bottom: 71.42%
    }

    .aspect-ratio--5x7-l {
        padding-bottom: 140%
    }

    .aspect-ratio--1x1-l {
        padding-bottom: 100%
    }

    .aspect-ratio--object-l {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100
    }

    .cover-l {
        background-size: cover !important
    }

    .contain-l {
        background-size: contain !important
    }

    .bg-center-l {
        background-position: 50%
    }

    .bg-center-l,
    .bg-top-l {
        background-repeat: no-repeat
    }

    .bg-top-l {
        background-position: top
    }

    .bg-right-l {
        background-position: 100%
    }

    .bg-bottom-l,
    .bg-right-l {
        background-repeat: no-repeat
    }

    .bg-bottom-l {
        background-position: bottom
    }

    .bg-left-l {
        background-repeat: no-repeat;
        background-position: 0
    }

    .outline-l {
        outline: 1px solid
    }

    .outline-transparent-l {
        outline: 1px solid transparent
    }

    .outline-0-l {
        outline: 0
    }

    .ba-l {
        border-style: solid;
        border-width: 1px
    }

    .bt-l {
        border-top-style: solid;
        border-top-width: 1px
    }

    .br-l {
        border-right-style: solid;
        border-right-width: 1px
    }

    .bb-l {
        border-bottom-style: solid;
        border-bottom-width: 1px
    }

    .bl-l {
        border-left-style: solid;
        border-left-width: 1px
    }

    .bn-l {
        border-style: none;
        border-width: 0
    }

    .br0-l {
        border-radius: 0
    }

    .br1-l {
        border-radius: .125rem
    }

    .br2-l {
        border-radius: .25rem
    }

    .br3-l {
        border-radius: .5rem
    }

    .br4-l {
        border-radius: 1rem
    }

    .br-100-l {
        border-radius: 100%
    }

    .br-pill-l {
        border-radius: 9999px
    }

    .br--bottom-l {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .br--top-l {
        border-bottom-right-radius: 0
    }

    .br--right-l,
    .br--top-l {
        border-bottom-left-radius: 0
    }

    .br--right-l {
        border-top-left-radius: 0
    }

    .br--left-l {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .br-inherit-l {
        border-radius: inherit
    }

    .br-initial-l {
        border-radius: initial
    }

    .br-unset-l {
        border-radius: unset
    }

    .b--dotted-l {
        border-style: dotted
    }

    .b--dashed-l {
        border-style: dashed
    }

    .b--solid-l {
        border-style: solid
    }

    .b--none-l {
        border-style: none
    }

    .bw0-l {
        border-width: 0
    }

    .bw1-l {
        border-width: .125rem
    }

    .bw2-l {
        border-width: .25rem
    }

    .bw3-l {
        border-width: .5rem
    }

    .bw4-l {
        border-width: 1rem
    }

    .bw5-l {
        border-width: 2rem
    }

    .bt-0-l {
        border-top-width: 0
    }

    .br-0-l {
        border-right-width: 0
    }

    .bb-0-l {
        border-bottom-width: 0
    }

    .bl-0-l {
        border-left-width: 0
    }

    .shadow-1-l {
        box-shadow: 0 0 4px 2px rgba(0, 0, 0, .2)
    }

    .shadow-2-l {
        box-shadow: 0 0 8px 2px rgba(0, 0, 0, .2)
    }

    .shadow-3-l {
        box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2)
    }

    .shadow-4-l {
        box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2)
    }

    .shadow-5-l {
        box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .2)
    }

    .top-0-l {
        top: 0
    }

    .left-0-l {
        left: 0
    }

    .right-0-l {
        right: 0
    }

    .bottom-0-l {
        bottom: 0
    }

    .top-1-l {
        top: 1rem
    }

    .left-1-l {
        left: 1rem
    }

    .right-1-l {
        right: 1rem
    }

    .bottom-1-l {
        bottom: 1rem
    }

    .top-2-l {
        top: 2rem
    }

    .left-2-l {
        left: 2rem
    }

    .right-2-l {
        right: 2rem
    }

    .bottom-2-l {
        bottom: 2rem
    }

    .top--1-l {
        top: -1rem
    }

    .right--1-l {
        right: -1rem
    }

    .bottom--1-l {
        bottom: -1rem
    }

    .left--1-l {
        left: -1rem
    }

    .top--2-l {
        top: -2rem
    }

    .right--2-l {
        right: -2rem
    }

    .bottom--2-l {
        bottom: -2rem
    }

    .left--2-l {
        left: -2rem
    }

    .absolute--fill-l {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .cl-l {
        clear: left
    }

    .cr-l {
        clear: right
    }

    .cb-l {
        clear: both
    }

    .cn-l {
        clear: none
    }

    .dn-l {
        display: none
    }

    .di-l {
        display: inline
    }

    .db-l {
        display: block
    }

    .dib-l {
        display: inline-block
    }

    .dit-l {
        display: inline-table
    }

    .dt-l {
        display: table
    }

    .dtc-l {
        display: table-cell
    }

    .dt-row-l {
        display: table-row
    }

    .dt-row-group-l {
        display: table-row-group
    }

    .dt-column-l {
        display: table-column
    }

    .dt-column-group-l {
        display: table-column-group
    }

    .dt--fixed-l {
        table-layout: fixed;
        width: 100%
    }

    .flex-l {
        display: flex
    }

    .inline-flex-l {
        display: inline-flex
    }

    .flex-auto-l {
        flex: 1 1 auto;
        min-width: 0;
        min-height: 0
    }

    .flex-none-l {
        flex: none
    }

    .flex-column-l {
        flex-direction: column
    }

    .flex-row-l {
        flex-direction: row
    }

    .flex-wrap-l {
        flex-wrap: wrap
    }

    .flex-nowrap-l {
        flex-wrap: nowrap
    }

    .flex-wrap-reverse-l {
        flex-wrap: wrap-reverse
    }

    .flex-column-reverse-l {
        flex-direction: column-reverse
    }

    .flex-row-reverse-l {
        flex-direction: row-reverse
    }

    .items-start-l {
        align-items: flex-start
    }

    .items-end-l {
        align-items: flex-end
    }

    .items-center-l {
        align-items: center
    }

    .items-baseline-l {
        align-items: baseline
    }

    .items-stretch-l {
        align-items: stretch
    }

    .self-start-l {
        align-self: flex-start
    }

    .self-end-l {
        align-self: flex-end
    }

    .self-center-l {
        align-self: center
    }

    .self-baseline-l {
        align-self: baseline
    }

    .self-stretch-l {
        align-self: stretch
    }

    .justify-start-l {
        justify-content: flex-start
    }

    .justify-end-l {
        justify-content: flex-end
    }

    .justify-center-l {
        justify-content: center
    }

    .justify-between-l {
        justify-content: space-between
    }

    .justify-around-l {
        justify-content: space-around
    }

    .content-start-l {
        align-content: flex-start
    }

    .content-end-l {
        align-content: flex-end
    }

    .content-center-l {
        align-content: center
    }

    .content-between-l {
        align-content: space-between
    }

    .content-around-l {
        align-content: space-around
    }

    .content-stretch-l {
        align-content: stretch
    }

    .order-0-l {
        order: 0
    }

    .order-1-l {
        order: 1
    }

    .order-2-l {
        order: 2
    }

    .order-3-l {
        order: 3
    }

    .order-4-l {
        order: 4
    }

    .order-5-l {
        order: 5
    }

    .order-6-l {
        order: 6
    }

    .order-7-l {
        order: 7
    }

    .order-8-l {
        order: 8
    }

    .order-last-l {
        order: 99999
    }

    .flex-grow-0-l {
        flex-grow: 0
    }

    .flex-grow-1-l {
        flex-grow: 1
    }

    .flex-shrink-0-l {
        flex-shrink: 0
    }

    .flex-shrink-1-l {
        flex-shrink: 1
    }

    .fl-l {
        float: left
    }

    .fl-l,
    .fr-l {
        _display: inline
    }

    .fr-l {
        float: right
    }

    .fn-l {
        float: none
    }

    .i-l {
        font-style: italic
    }

    .fs-normal-l {
        font-style: normal
    }

    .normal-l {
        font-weight: 400
    }

    .b-l {
        font-weight: 700
    }

    .fw1-l {
        font-weight: 100
    }

    .fw2-l {
        font-weight: 200
    }

    .fw3-l {
        font-weight: 300
    }

    .fw4-l {
        font-weight: 400
    }

    .fw5-l {
        font-weight: 500
    }

    .fw6-l {
        font-weight: 600
    }

    .fw7-l {
        font-weight: 700
    }

    .fw8-l {
        font-weight: 800
    }

    .fw9-l {
        font-weight: 900
    }

    .h1-l {
        height: 1rem
    }

    .h2-l {
        height: 2rem
    }

    .h3-l {
        height: 4rem
    }

    .h4-l {
        height: 8rem
    }

    .h5-l {
        height: 16rem
    }

    .h-25-l {
        height: 25%
    }

    .h-50-l {
        height: 50%
    }

    .h-75-l {
        height: 75%
    }

    .h-100-l {
        height: 100%
    }

    .min-h-100-l {
        min-height: 100%
    }

    .vh-25-l {
        height: 25vh
    }

    .vh-50-l {
        height: 50vh
    }

    .vh-75-l {
        height: 75vh
    }

    .vh-100-l {
        height: 100vh
    }

    .min-vh-100-l {
        min-height: 100vh
    }

    .h-auto-l {
        height: auto
    }

    .h-inherit-l {
        height: inherit
    }

    .mw-100-l {
        max-width: 100%
    }

    .mw1-l {
        max-width: 1rem
    }

    .mw2-l {
        max-width: 2rem
    }

    .mw3-l {
        max-width: 4rem
    }

    .mw4-l {
        max-width: 8rem
    }

    .mw5-l {
        max-width: 16rem
    }

    .mw6-l {
        max-width: 32rem
    }

    .mw7-l {
        max-width: 48rem
    }

    .mw8-l {
        max-width: 64rem
    }

    .mw9-l {
        max-width: 96rem
    }

    .mw-none-l {
        max-width: none
    }

    .w1-l {
        width: 1rem
    }

    .w2-l {
        width: 2rem
    }

    .w3-l {
        width: 4rem
    }

    .w4-l {
        width: 8rem
    }

    .w5-l {
        width: 16rem
    }

    .w-10-l {
        width: 10%
    }

    .w-20-l {
        width: 20%
    }

    .w-25-l {
        width: 25%
    }

    .w-30-l {
        width: 30%
    }

    .w-33-l {
        width: 33%
    }

    .w-34-l {
        width: 34%
    }

    .w-40-l {
        width: 40%
    }

    .w-50-l {
        width: 50%
    }

    .w-60-l {
        width: 60%
    }

    .w-70-l {
        width: 70%
    }

    .w-75-l {
        width: 75%
    }

    .w-80-l {
        width: 80%
    }

    .w-90-l {
        width: 90%
    }

    .w-100-l {
        width: 100%
    }

    .w-third-l {
        width: 33.33333%
    }

    .w-two-thirds-l {
        width: 66.66667%
    }

    .w-auto-l {
        width: auto
    }

    .overflow-visible-l {
        overflow: visible
    }

    .overflow-hidden-l {
        overflow: hidden
    }

    .overflow-scroll-l {
        overflow: scroll
    }

    .overflow-auto-l {
        overflow: auto
    }

    .overflow-x-visible-l {
        overflow-x: visible
    }

    .overflow-x-hidden-l {
        overflow-x: hidden
    }

    .overflow-x-scroll-l {
        overflow-x: scroll
    }

    .overflow-x-auto-l {
        overflow-x: auto
    }

    .overflow-y-visible-l {
        overflow-y: visible
    }

    .overflow-y-hidden-l {
        overflow-y: hidden
    }

    .overflow-y-scroll-l {
        overflow-y: scroll
    }

    .overflow-y-auto-l {
        overflow-y: auto
    }

    .static-l {
        position: static
    }

    .relative-l {
        position: relative
    }

    .absolute-l {
        position: absolute
    }

    .fixed-l {
        position: fixed
    }

    .rotate-45-l {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .rotate-90-l {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .rotate-135-l {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    .rotate-180-l {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .rotate-225-l {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg)
    }

    .rotate-270-l {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    .rotate-315-l {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg)
    }

    .pa0-l {
        padding: 0
    }

    .pa1-l {
        padding: .25rem
    }

    .pa2-l {
        padding: .5rem
    }

    .pa3-l {
        padding: 1rem
    }

    .pa4-l {
        padding: 2rem
    }

    .pa5-l {
        padding: 4rem
    }

    .pa6-l {
        padding: 8rem
    }

    .pa7-l {
        padding: 16rem
    }

    .pl0-l {
        padding-left: 0
    }

    .pl1-l {
        padding-left: .25rem
    }

    .pl2-l {
        padding-left: .5rem
    }

    .pl3-l {
        padding-left: 1rem
    }

    .pl4-l {
        padding-left: 2rem
    }

    .pl5-l {
        padding-left: 4rem
    }

    .pl6-l {
        padding-left: 8rem
    }

    .pl7-l {
        padding-left: 16rem
    }

    .pr0-l {
        padding-right: 0
    }

    .pr1-l {
        padding-right: .25rem
    }

    .pr2-l {
        padding-right: .5rem
    }

    .pr3-l {
        padding-right: 1rem
    }

    .pr4-l {
        padding-right: 2rem
    }

    .pr5-l {
        padding-right: 4rem
    }

    .pr6-l {
        padding-right: 8rem
    }

    .pr7-l {
        padding-right: 16rem
    }

    .pb0-l {
        padding-bottom: 0
    }

    .pb1-l {
        padding-bottom: .25rem
    }

    .pb2-l {
        padding-bottom: .5rem
    }

    .pb3-l {
        padding-bottom: 1rem
    }

    .pb4-l {
        padding-bottom: 2rem
    }

    .pb5-l {
        padding-bottom: 4rem
    }

    .pb6-l {
        padding-bottom: 8rem
    }

    .pb7-l {
        padding-bottom: 16rem
    }

    .pt0-l {
        padding-top: 0
    }

    .pt1-l {
        padding-top: .25rem
    }

    .pt2-l {
        padding-top: .5rem
    }

    .pt3-l {
        padding-top: 1rem
    }

    .pt4-l {
        padding-top: 2rem
    }

    .pt5-l {
        padding-top: 4rem
    }

    .pt6-l {
        padding-top: 8rem
    }

    .pt7-l {
        padding-top: 16rem
    }

    .pv0-l {
        padding-top: 0;
        padding-bottom: 0
    }

    .pv1-l {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .pv2-l {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .pv3-l {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .pv4-l {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .pv5-l {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .pv6-l {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .pv7-l {
        padding-top: 16rem;
        padding-bottom: 16rem
    }

    .ph0-l {
        padding-left: 0;
        padding-right: 0
    }

    .ph1-l {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .ph2-l {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .ph3-l {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .ph4-l {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .ph5-l {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .ph6-l {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .ph7-l {
        padding-left: 16rem;
        padding-right: 16rem
    }

    .ma0-l {
        margin: 0
    }

    .ma1-l {
        margin: .25rem
    }

    .ma2-l {
        margin: .5rem
    }

    .ma3-l {
        margin: 1rem
    }

    .ma4-l {
        margin: 2rem
    }

    .ma5-l {
        margin: 4rem
    }

    .ma6-l {
        margin: 8rem
    }

    .ma7-l {
        margin: 16rem
    }

    .ml0-l {
        margin-left: 0
    }

    .ml1-l {
        margin-left: .25rem
    }

    .ml2-l {
        margin-left: .5rem
    }

    .ml3-l {
        margin-left: 1rem
    }

    .ml4-l {
        margin-left: 2rem
    }

    .ml5-l {
        margin-left: 4rem
    }

    .ml6-l {
        margin-left: 8rem
    }

    .ml7-l {
        margin-left: 16rem
    }

    .mr0-l {
        margin-right: 0
    }

    .mr1-l {
        margin-right: .25rem
    }

    .mr2-l {
        margin-right: .5rem
    }

    .mr3-l {
        margin-right: 1rem
    }

    .mr4-l {
        margin-right: 2rem
    }

    .mr5-l {
        margin-right: 4rem
    }

    .mr6-l {
        margin-right: 8rem
    }

    .mr7-l {
        margin-right: 16rem
    }

    .mb0-l {
        margin-bottom: 0
    }

    .mb1-l {
        margin-bottom: .25rem
    }

    .mb2-l {
        margin-bottom: .5rem
    }

    .mb3-l {
        margin-bottom: 1rem
    }

    .mb4-l {
        margin-bottom: 2rem
    }

    .mb5-l {
        margin-bottom: 4rem
    }

    .mb6-l {
        margin-bottom: 8rem
    }

    .mb7-l {
        margin-bottom: 16rem
    }

    .mt0-l {
        margin-top: 0
    }

    .mt1-l {
        margin-top: .25rem
    }

    .mt2-l {
        margin-top: .5rem
    }

    .mt3-l {
        margin-top: 1rem
    }

    .mt4-l {
        margin-top: 2rem
    }

    .mt5-l {
        margin-top: 4rem
    }

    .mt6-l {
        margin-top: 8rem
    }

    .mt7-l {
        margin-top: 16rem
    }

    .mv0-l {
        margin-top: 0;
        margin-bottom: 0
    }

    .mv1-l {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .mv2-l {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .mv3-l {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .mv4-l {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .mv5-l {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .mv6-l {
        margin-top: 8rem;
        margin-bottom: 8rem
    }

    .mv7-l {
        margin-top: 16rem;
        margin-bottom: 16rem
    }

    .mh0-l {
        margin-left: 0;
        margin-right: 0
    }

    .mh1-l {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .mh2-l {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .mh3-l {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .mh4-l {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .mh5-l {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .mh6-l {
        margin-left: 8rem;
        margin-right: 8rem
    }

    .mh7-l {
        margin-left: 16rem;
        margin-right: 16rem
    }

    .na1-l {
        margin: -.25rem
    }

    .na2-l {
        margin: -.5rem
    }

    .na3-l {
        margin: -1rem
    }

    .na4-l {
        margin: -2rem
    }

    .na5-l {
        margin: -4rem
    }

    .na6-l {
        margin: -8rem
    }

    .na7-l {
        margin: -16rem
    }

    .nl1-l {
        margin-left: -.25rem
    }

    .nl2-l {
        margin-left: -.5rem
    }

    .nl3-l {
        margin-left: -1rem
    }

    .nl4-l {
        margin-left: -2rem
    }

    .nl5-l {
        margin-left: -4rem
    }

    .nl6-l {
        margin-left: -8rem
    }

    .nl7-l {
        margin-left: -16rem
    }

    .nr1-l {
        margin-right: -.25rem
    }

    .nr2-l {
        margin-right: -.5rem
    }

    .nr3-l {
        margin-right: -1rem
    }

    .nr4-l {
        margin-right: -2rem
    }

    .nr5-l {
        margin-right: -4rem
    }

    .nr6-l {
        margin-right: -8rem
    }

    .nr7-l {
        margin-right: -16rem
    }

    .nb1-l {
        margin-bottom: -.25rem
    }

    .nb2-l {
        margin-bottom: -.5rem
    }

    .nb3-l {
        margin-bottom: -1rem
    }

    .nb4-l {
        margin-bottom: -2rem
    }

    .nb5-l {
        margin-bottom: -4rem
    }

    .nb6-l {
        margin-bottom: -8rem
    }

    .nb7-l {
        margin-bottom: -16rem
    }

    .nt1-l {
        margin-top: -.25rem
    }

    .nt2-l {
        margin-top: -.5rem
    }

    .nt3-l {
        margin-top: -1rem
    }

    .nt4-l {
        margin-top: -2rem
    }

    .nt5-l {
        margin-top: -4rem
    }

    .nt6-l {
        margin-top: -8rem
    }

    .nt7-l {
        margin-top: -16rem
    }

    .strike-l {
        text-decoration: line-through
    }

    .underline-l {
        text-decoration: underline
    }

    .no-underline-l {
        text-decoration: none
    }

    .tl-l {
        text-align: left
    }

    .tr-l {
        text-align: right
    }

    .tc-l {
        text-align: center
    }

    .tj-l {
        text-align: justify
    }

    .ttc-l {
        text-transform: capitalize
    }

    .ttl-l {
        text-transform: lowercase
    }

    .ttu-l {
        text-transform: uppercase
    }

    .ttn-l {
        text-transform: none
    }

    .measure-l {
        max-width: 30em
    }

    .measure-wide-l {
        max-width: 34em
    }

    .measure-narrow-l {
        max-width: 20em
    }

    .indent-l {
        text-indent: 1em;
        margin-top: 0;
        margin-bottom: 0
    }

    .small-caps-l {
        font-variant: small-caps
    }

    .truncate-l {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .center-l {
        margin-left: auto
    }

    .center-l,
    .mr-auto-l {
        margin-right: auto
    }

    .ml-auto-l {
        margin-left: auto
    }

    .clip-l {
        position: fixed !important;
        _position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px, 1px, 1px, 1px)
    }

    .ws-normal-l {
        white-space: normal
    }

    .nowrap-l {
        white-space: nowrap
    }

    .pre-l {
        white-space: pre
    }

    .v-base-l {
        vertical-align: baseline
    }

    .v-mid-l {
        vertical-align: middle
    }

    .v-top-l {
        vertical-align: top
    }

    .v-btm-l {
        vertical-align: bottom
    }
}

/* ==========================================================================
   Custom CSS Grid system
   Hand-written (not part of Tachyons) to sit alongside the utility classes
   above. Shares Tachyons' 0-7 spacing scale (see pa* / ma*) for gaps, and the
   same -ns/-m/-l breakpoint suffixes used throughout this file.
   ========================================================================== */

.grid {
    display: grid
}

.grid-inline {
    display: inline-grid
}


.grid-flow-row {
    grid-auto-flow: row
}

.grid-flow-col {
    grid-auto-flow: column
}

.grid-flow-row-dense {
    grid-auto-flow: row dense
}

.grid-flow-col-dense {
    grid-auto-flow: column dense
}


.grid-cols-none {
    grid-template-columns: none
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}


.grid-rows-none {
    grid-template-rows: none
}

.grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr))
}

.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
}

.grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr))
}

.grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr))
}

.grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr))
}

.grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr))
}


.col-span-full {
    grid-column: 1 / -1
}

.col-span-1 {
    grid-column: span 1 / span 1
}

.col-span-2 {
    grid-column: span 2 / span 2
}

.col-span-3 {
    grid-column: span 3 / span 3
}

.col-span-4 {
    grid-column: span 4 / span 4
}

.col-span-5 {
    grid-column: span 5 / span 5
}

.col-span-6 {
    grid-column: span 6 / span 6
}

.col-span-7 {
    grid-column: span 7 / span 7
}

.col-span-8 {
    grid-column: span 8 / span 8
}

.col-span-9 {
    grid-column: span 9 / span 9
}

.col-span-10 {
    grid-column: span 10 / span 10
}

.col-span-11 {
    grid-column: span 11 / span 11
}

.col-span-12 {
    grid-column: span 12 / span 12
}


.col-start-auto {
    grid-column-start: auto
}

.col-start-1 {
    grid-column-start: 1
}

.col-start-2 {
    grid-column-start: 2
}

.col-start-3 {
    grid-column-start: 3
}

.col-start-4 {
    grid-column-start: 4
}

.col-start-5 {
    grid-column-start: 5
}

.col-start-6 {
    grid-column-start: 6
}

.col-start-7 {
    grid-column-start: 7
}

.col-start-8 {
    grid-column-start: 8
}

.col-start-9 {
    grid-column-start: 9
}

.col-start-10 {
    grid-column-start: 10
}

.col-start-11 {
    grid-column-start: 11
}

.col-start-12 {
    grid-column-start: 12
}

.col-start-13 {
    grid-column-start: 13
}


.col-end-auto {
    grid-column-end: auto
}

.col-end-1 {
    grid-column-end: 1
}

.col-end-2 {
    grid-column-end: 2
}

.col-end-3 {
    grid-column-end: 3
}

.col-end-4 {
    grid-column-end: 4
}

.col-end-5 {
    grid-column-end: 5
}

.col-end-6 {
    grid-column-end: 6
}

.col-end-7 {
    grid-column-end: 7
}

.col-end-8 {
    grid-column-end: 8
}

.col-end-9 {
    grid-column-end: 9
}

.col-end-10 {
    grid-column-end: 10
}

.col-end-11 {
    grid-column-end: 11
}

.col-end-12 {
    grid-column-end: 12
}

.col-end-13 {
    grid-column-end: 13
}


.row-span-full {
    grid-row: 1 / -1
}

.row-span-1 {
    grid-row: span 1 / span 1
}

.row-span-2 {
    grid-row: span 2 / span 2
}

.row-span-3 {
    grid-row: span 3 / span 3
}

.row-span-4 {
    grid-row: span 4 / span 4
}

.row-span-5 {
    grid-row: span 5 / span 5
}

.row-span-6 {
    grid-row: span 6 / span 6
}


.row-start-auto {
    grid-row-start: auto
}

.row-start-1 {
    grid-row-start: 1
}

.row-start-2 {
    grid-row-start: 2
}

.row-start-3 {
    grid-row-start: 3
}

.row-start-4 {
    grid-row-start: 4
}

.row-start-5 {
    grid-row-start: 5
}

.row-start-6 {
    grid-row-start: 6
}

.row-start-7 {
    grid-row-start: 7
}


.row-end-auto {
    grid-row-end: auto
}

.row-end-1 {
    grid-row-end: 1
}

.row-end-2 {
    grid-row-end: 2
}

.row-end-3 {
    grid-row-end: 3
}

.row-end-4 {
    grid-row-end: 4
}

.row-end-5 {
    grid-row-end: 5
}

.row-end-6 {
    grid-row-end: 6
}

.row-end-7 {
    grid-row-end: 7
}


.gap-0 {
    gap: 0
}

.gap-1 {
    gap: .25rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: 1rem
}

.gap-4 {
    gap: 2rem
}

.gap-5 {
    gap: 4rem
}

.gap-6 {
    gap: 8rem
}

.gap-7 {
    gap: 16rem
}


.row-gap-0 {
    row-gap: 0
}

.row-gap-1 {
    row-gap: .25rem
}

.row-gap-2 {
    row-gap: .5rem
}

.row-gap-3 {
    row-gap: 1rem
}

.row-gap-4 {
    row-gap: 2rem
}

.row-gap-5 {
    row-gap: 4rem
}

.row-gap-6 {
    row-gap: 8rem
}

.row-gap-7 {
    row-gap: 16rem
}


.col-gap-0 {
    column-gap: 0
}

.col-gap-1 {
    column-gap: .25rem
}

.col-gap-2 {
    column-gap: .5rem
}

.col-gap-3 {
    column-gap: 1rem
}

.col-gap-4 {
    column-gap: 2rem
}

.col-gap-5 {
    column-gap: 4rem
}

.col-gap-6 {
    column-gap: 8rem
}

.col-gap-7 {
    column-gap: 16rem
}


.items-start {
    align-items: start
}

.items-center {
    align-items: center
}

.items-end {
    align-items: end
}

.items-stretch {
    align-items: stretch
}

.items-baseline {
    align-items: baseline
}


.justify-items-start {
    justify-items: start
}

.justify-items-center {
    justify-items: center
}

.justify-items-end {
    justify-items: end
}

.justify-items-stretch {
    justify-items: stretch
}


.self-auto {
    align-self: auto
}

.self-start {
    align-self: start
}

.self-center {
    align-self: center
}

.self-end {
    align-self: end
}

.self-stretch {
    align-self: stretch
}

.self-baseline {
    align-self: baseline
}


.justify-self-auto {
    justify-self: auto
}

.justify-self-start {
    justify-self: start
}

.justify-self-center {
    justify-self: center
}

.justify-self-end {
    justify-self: end
}

.justify-self-stretch {
    justify-self: stretch
}


.justify-start {
    justify-content: start
}

.justify-center {
    justify-content: center
}

.justify-end {
    justify-content: end
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}


.content-start {
    align-content: start
}

.content-center {
    align-content: center
}

.content-end {
    align-content: end
}

.content-between {
    align-content: space-between
}

.content-around {
    align-content: space-around
}

.content-evenly {
    align-content: space-evenly
}

.content-stretch {
    align-content: stretch
}


/* Responsive grid variants: -ns (not-small, min-width 30em), -m (medium,
   30em-60em), -l (large, min-width 60em) — mirrors the breakpoints used by
   the Tachyons classes above. */

@media screen and (min-width:30em) {
    .grid-cols-none-ns {
        grid-template-columns: none
    }

    .grid-cols-1-ns {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .grid-cols-2-ns {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .grid-cols-3-ns {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .grid-cols-4-ns {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .grid-cols-5-ns {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .grid-cols-6-ns {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .grid-cols-12-ns {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .col-span-full-ns {
        grid-column: 1 / -1
    }

    .col-span-1-ns {
        grid-column: span 1 / span 1
    }

    .col-span-2-ns {
        grid-column: span 2 / span 2
    }

    .col-span-3-ns {
        grid-column: span 3 / span 3
    }

    .col-span-4-ns {
        grid-column: span 4 / span 4
    }

    .col-span-5-ns {
        grid-column: span 5 / span 5
    }

    .col-span-6-ns {
        grid-column: span 6 / span 6
    }

    .col-span-7-ns {
        grid-column: span 7 / span 7
    }

    .col-span-8-ns {
        grid-column: span 8 / span 8
    }

    .col-span-9-ns {
        grid-column: span 9 / span 9
    }

    .col-span-10-ns {
        grid-column: span 10 / span 10
    }

    .col-span-11-ns {
        grid-column: span 11 / span 11
    }

    .col-span-12-ns {
        grid-column: span 12 / span 12
    }

    .gap-0-ns {
        gap: 0
    }

    .gap-1-ns {
        gap: .25rem
    }

    .gap-2-ns {
        gap: .5rem
    }

    .gap-3-ns {
        gap: 1rem
    }

    .gap-4-ns {
        gap: 2rem
    }

    .gap-5-ns {
        gap: 4rem
    }

    .gap-6-ns {
        gap: 8rem
    }

    .gap-7-ns {
        gap: 16rem
    }

}

@media screen and (min-width:30em) and (max-width:60em) {
    .grid-cols-none-m {
        grid-template-columns: none
    }

    .grid-cols-1-m {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .grid-cols-2-m {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .grid-cols-3-m {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .grid-cols-4-m {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .grid-cols-5-m {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .grid-cols-6-m {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .grid-cols-12-m {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .col-span-full-m {
        grid-column: 1 / -1
    }

    .col-span-1-m {
        grid-column: span 1 / span 1
    }

    .col-span-2-m {
        grid-column: span 2 / span 2
    }

    .col-span-3-m {
        grid-column: span 3 / span 3
    }

    .col-span-4-m {
        grid-column: span 4 / span 4
    }

    .col-span-5-m {
        grid-column: span 5 / span 5
    }

    .col-span-6-m {
        grid-column: span 6 / span 6
    }

    .col-span-7-m {
        grid-column: span 7 / span 7
    }

    .col-span-8-m {
        grid-column: span 8 / span 8
    }

    .col-span-9-m {
        grid-column: span 9 / span 9
    }

    .col-span-10-m {
        grid-column: span 10 / span 10
    }

    .col-span-11-m {
        grid-column: span 11 / span 11
    }

    .col-span-12-m {
        grid-column: span 12 / span 12
    }

    .gap-0-m {
        gap: 0
    }

    .gap-1-m {
        gap: .25rem
    }

    .gap-2-m {
        gap: .5rem
    }

    .gap-3-m {
        gap: 1rem
    }

    .gap-4-m {
        gap: 2rem
    }

    .gap-5-m {
        gap: 4rem
    }

    .gap-6-m {
        gap: 8rem
    }

    .gap-7-m {
        gap: 16rem
    }

}

@media screen and (min-width:60em) {
    .grid-cols-none-l {
        grid-template-columns: none
    }

    .grid-cols-1-l {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .grid-cols-2-l {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .grid-cols-3-l {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .grid-cols-4-l {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .grid-cols-5-l {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .grid-cols-6-l {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .grid-cols-12-l {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .col-span-full-l {
        grid-column: 1 / -1
    }

    .col-span-1-l {
        grid-column: span 1 / span 1
    }

    .col-span-2-l {
        grid-column: span 2 / span 2
    }

    .col-span-3-l {
        grid-column: span 3 / span 3
    }

    .col-span-4-l {
        grid-column: span 4 / span 4
    }

    .col-span-5-l {
        grid-column: span 5 / span 5
    }

    .col-span-6-l {
        grid-column: span 6 / span 6
    }

    .col-span-7-l {
        grid-column: span 7 / span 7
    }

    .col-span-8-l {
        grid-column: span 8 / span 8
    }

    .col-span-9-l {
        grid-column: span 9 / span 9
    }

    .col-span-10-l {
        grid-column: span 10 / span 10
    }

    .col-span-11-l {
        grid-column: span 11 / span 11
    }

    .col-span-12-l {
        grid-column: span 12 / span 12
    }

    .gap-0-l {
        gap: 0
    }

    .gap-1-l {
        gap: .25rem
    }

    .gap-2-l {
        gap: .5rem
    }

    .gap-3-l {
        gap: 1rem
    }

    .gap-4-l {
        gap: 2rem
    }

    .gap-5-l {
        gap: 4rem
    }

    .gap-6-l {
        gap: 8rem
    }

    .gap-7-l {
        gap: 16rem
    }

}

/* ==========================================================================
   Flexbox
   Extracted from Tachyons v4.12.0's flexbox module. Alignment classes
   (.items-*, .justify-*, .content-*, .self-*) already live in the Grid
   system section above and apply equally to flex containers, so they are
   not repeated here.
   ========================================================================== */

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}


.flex-auto {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0
}

.flex-none {
    flex: none
}


.flex-column {
    flex-direction: column
}

.flex-row {
    flex-direction: row
}

.flex-column-reverse {
    flex-direction: column-reverse
}

.flex-row-reverse {
    flex-direction: row-reverse
}


.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}


.flex-grow-0 {
    flex-grow: 0
}

.flex-grow-1 {
    flex-grow: 1
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-shrink-1 {
    flex-shrink: 1
}


.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-last {
    order: 99999
}

/* ==========================================================================
   Centering
   Extracted from Tachyons v4.12.0. .center sets both margins to auto, for
   horizontally centering a block-level element that has a set width or
   max-width. .mr-auto / .ml-auto set a single side, handy for pushing a
   flex or grid item to one end of its container.
   ========================================================================== */

.center {
    margin-left: auto
}

.center,
.mr-auto {
    margin-right: auto
}

.ml-auto {
    margin-left: auto
}

/* ==========================================================================
   Spacing (padding & margin)
   Extracted from Tachyons v4.12.0. Scale 0-7 matches the gap-* scale in the
   Grid system section: 0, .25rem, .5rem, 1rem, 2rem, 4rem, 8rem, 16rem.
   pa/pt/pr/pb/pl/ph/pv = padding (all/top/right/bottom/left/horizontal/vertical)
   ma/mt/mr/mb/ml/mh/mv = margin, same suffixes. na/nt/nr/nb/nl = negative margin.
   ========================================================================== */

.pa0 {
    padding: 0
}

.pa1 {
    padding: .25rem
}

.pa2 {
    padding: .5rem
}

.pa3 {
    padding: 1rem
}

.pa4 {
    padding: 2rem
}

.pa5 {
    padding: 4rem
}

.pa6 {
    padding: 8rem
}

.pa7 {
    padding: 16rem
}

.pl0 {
    padding-left: 0
}

.pl1 {
    padding-left: .25rem
}

.pl2 {
    padding-left: .5rem
}

.pl3 {
    padding-left: 1rem
}

.pl4 {
    padding-left: 2rem
}

.pl5 {
    padding-left: 4rem
}

.pl6 {
    padding-left: 8rem
}

.pl7 {
    padding-left: 16rem
}

.pr0 {
    padding-right: 0
}

.pr1 {
    padding-right: .25rem
}

.pr2 {
    padding-right: .5rem
}

.pr3 {
    padding-right: 1rem
}

.pr4 {
    padding-right: 2rem
}

.pr5 {
    padding-right: 4rem
}

.pr6 {
    padding-right: 8rem
}

.pr7 {
    padding-right: 16rem
}

.pb0 {
    padding-bottom: 0
}

.pb1 {
    padding-bottom: .25rem
}

.pb2 {
    padding-bottom: .5rem
}

.pb3 {
    padding-bottom: 1rem
}

.pb4 {
    padding-bottom: 2rem
}

.pb5 {
    padding-bottom: 4rem
}

.pb6 {
    padding-bottom: 8rem
}

.pb7 {
    padding-bottom: 16rem
}

.pt0 {
    padding-top: 0
}

.pt1 {
    padding-top: .25rem
}

.pt2 {
    padding-top: .5rem
}

.pt3 {
    padding-top: 1rem
}

.pt4 {
    padding-top: 2rem
}

.pt5 {
    padding-top: 4rem
}

.pt6 {
    padding-top: 8rem
}

.pt7 {
    padding-top: 16rem
}

.pv0 {
    padding-top: 0;
    padding-bottom: 0
}

.pv1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.pv2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.pv3 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.pv4 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.pv5 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.pv6 {
    padding-top: 8rem;
    padding-bottom: 8rem
}

.pv7 {
    padding-top: 16rem;
    padding-bottom: 16rem
}

.ph0 {
    padding-left: 0;
    padding-right: 0
}

.ph1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.ph2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.ph3 {
    padding-left: 1rem;
    padding-right: 1rem
}

.ph4 {
    padding-left: 2rem;
    padding-right: 2rem
}

.ph5 {
    padding-left: 4rem;
    padding-right: 4rem
}

.ph6 {
    padding-left: 8rem;
    padding-right: 8rem
}

.ph7 {
    padding-left: 16rem;
    padding-right: 16rem
}

.ma0 {
    margin: 0
}

.ma1 {
    margin: .25rem
}

.ma2 {
    margin: .5rem
}

.ma3 {
    margin: 1rem
}

.ma4 {
    margin: 2rem
}

.ma5 {
    margin: 4rem
}

.ma6 {
    margin: 8rem
}

.ma7 {
    margin: 16rem
}

.ml0 {
    margin-left: 0
}

.ml1 {
    margin-left: .25rem
}

.ml2 {
    margin-left: .5rem
}

.ml3 {
    margin-left: 1rem
}

.ml4 {
    margin-left: 2rem
}

.ml5 {
    margin-left: 4rem
}

.ml6 {
    margin-left: 8rem
}

.ml7 {
    margin-left: 16rem
}

.mr0 {
    margin-right: 0
}

.mr1 {
    margin-right: .25rem
}

.mr2 {
    margin-right: .5rem
}

.mr3 {
    margin-right: 1rem
}

.mr4 {
    margin-right: 2rem
}

.mr5 {
    margin-right: 4rem
}

.mr6 {
    margin-right: 8rem
}

.mr7 {
    margin-right: 16rem
}

.mb0 {
    margin-bottom: 0
}

.mb1 {
    margin-bottom: .25rem
}

.mb2 {
    margin-bottom: .5rem
}

.mb3 {
    margin-bottom: 1rem
}

.mb4 {
    margin-bottom: 2rem
}

.mb5 {
    margin-bottom: 4rem
}

.mb6 {
    margin-bottom: 8rem
}

.mb7 {
    margin-bottom: 16rem
}

.mt0 {
    margin-top: 0
}

.mt1 {
    margin-top: .25rem
}

.mt2 {
    margin-top: .5rem
}

.mt3 {
    margin-top: 1rem
}

.mt4 {
    margin-top: 2rem
}

.mt5 {
    margin-top: 4rem
}

.mt6 {
    margin-top: 8rem
}

.mt7 {
    margin-top: 16rem
}

.mv0 {
    margin-top: 0;
    margin-bottom: 0
}

.mv1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.mv2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.mv3 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.mv4 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.mv5 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.mv6 {
    margin-top: 8rem;
    margin-bottom: 8rem
}

.mv7 {
    margin-top: 16rem;
    margin-bottom: 16rem
}

.mh0 {
    margin-left: 0;
    margin-right: 0
}

.mh1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mh2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mh3 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mh4 {
    margin-left: 2rem;
    margin-right: 2rem
}

.mh5 {
    margin-left: 4rem;
    margin-right: 4rem
}

.mh6 {
    margin-left: 8rem;
    margin-right: 8rem
}

.mh7 {
    margin-left: 16rem;
    margin-right: 16rem
}

.na1 {
    margin: -.25rem
}

.na2 {
    margin: -.5rem
}

.na3 {
    margin: -1rem
}

.na4 {
    margin: -2rem
}

.na5 {
    margin: -4rem
}

.na6 {
    margin: -8rem
}

.na7 {
    margin: -16rem
}

.nl1 {
    margin-left: -.25rem
}

.nl2 {
    margin-left: -.5rem
}

.nl3 {
    margin-left: -1rem
}

.nl4 {
    margin-left: -2rem
}

.nl5 {
    margin-left: -4rem
}

.nl6 {
    margin-left: -8rem
}

.nl7 {
    margin-left: -16rem
}

.nr1 {
    margin-right: -.25rem
}

.nr2 {
    margin-right: -.5rem
}

.nr3 {
    margin-right: -1rem
}

.nr4 {
    margin-right: -2rem
}

.nr5 {
    margin-right: -4rem
}

.nr6 {
    margin-right: -8rem
}

.nr7 {
    margin-right: -16rem
}

.nb1 {
    margin-bottom: -.25rem
}

.nb2 {
    margin-bottom: -.5rem
}

.nb3 {
    margin-bottom: -1rem
}

.nb4 {
    margin-bottom: -2rem
}

.nb5 {
    margin-bottom: -4rem
}

.nb6 {
    margin-bottom: -8rem
}

.nb7 {
    margin-bottom: -16rem
}

.nt1 {
    margin-top: -.25rem
}

.nt2 {
    margin-top: -.5rem
}

.nt3 {
    margin-top: -1rem
}

.nt4 {
    margin-top: -2rem
}

.nt5 {
    margin-top: -4rem
}

.nt6 {
    margin-top: -8rem
}

.nt7 {
    margin-top: -16rem
}

/* ==========================================================================
   Display
   Extracted from Tachyons v4.12.0.
   ========================================================================== */

.dn {
    display: none
}

.di {
    display: inline
}

.db {
    display: block
}

.dib {
    display: inline-block
}

.dit {
    display: inline-table
}

.dt {
    display: table
}

.dtc {
    display: table-cell
}

.dt-row {
    display: table-row
}

.dt-row-group {
    display: table-row-group
}

.dt-column {
    display: table-column
}

/* ==========================================================================
   Colors
   Extracted from Tachyons v4.12.0 — full text-color and background-color
   palette, plus the black/white transparency scales (05-90) and
   .color-inherit / .bg-inherit / .bg-transparent.
   ========================================================================== */

.black-90 {
    color: rgba(0, 0, 0, .9)
}

.black-80 {
    color: rgba(0, 0, 0, .8)
}

.black-70 {
    color: rgba(0, 0, 0, .7)
}

.black-60 {
    color: rgba(0, 0, 0, .6)
}

.black-50 {
    color: rgba(0, 0, 0, .5)
}

.black-40 {
    color: rgba(0, 0, 0, .4)
}

.black-30 {
    color: rgba(0, 0, 0, .3)
}

.black-20 {
    color: rgba(0, 0, 0, .2)
}

.black-10 {
    color: rgba(0, 0, 0, .1)
}

.black-05 {
    color: rgba(0, 0, 0, .05)
}

.white-90 {
    color: hsla(0, 0%, 100%, .9)
}

.white-80 {
    color: hsla(0, 0%, 100%, .8)
}

.white-70 {
    color: hsla(0, 0%, 100%, .7)
}

.white-60 {
    color: hsla(0, 0%, 100%, .6)
}

.white-50 {
    color: hsla(0, 0%, 100%, .5)
}

.white-40 {
    color: hsla(0, 0%, 100%, .4)
}

.white-30 {
    color: hsla(0, 0%, 100%, .3)
}

.white-20 {
    color: hsla(0, 0%, 100%, .2)
}

.white-10 {
    color: hsla(0, 0%, 100%, .1)
}

.black {
    color: #000
}

.near-black {
    color: #111
}

.dark-gray {
    color: #333
}

.mid-gray {
    color: #555
}

.gray {
    color: #777
}

.silver {
    color: #999
}

.light-silver {
    color: #aaa
}

.moon-gray {
    color: #ccc
}

.light-gray {
    color: #eee
}

.near-white {
    color: #f4f4f4
}

.white {
    color: #fff
}

.dark-red {
    color: #e7040f
}

.red {
    color: #ff4136
}

.light-red {
    color: #ff725c
}

.orange {
    color: #ff6300
}

.gold {
    color: #ffb700
}

.yellow {
    color: gold
}

.light-yellow {
    color: #fbf1a9
}

.purple {
    color: #5e2ca5
}

.light-purple {
    color: #a463f2
}

.dark-pink {
    color: #d5008f
}

.hot-pink {
    color: #ff41b4
}

.pink {
    color: #ff80cc
}

.light-pink {
    color: #ffa3d7
}

.dark-green {
    color: #137752
}

.green {
    color: #19a974
}

.light-green {
    color: #9eebcf
}

.navy {
    color: #001b44
}

.dark-blue {
    color: #00449e
}

.blue {
    color: #357edd
}

.light-blue {
    color: #96ccff
}

.lightest-blue {
    color: #cdecff
}

.washed-blue {
    color: #f6fffe
}

.washed-green {
    color: #e8fdf5
}

.washed-yellow {
    color: #fffceb
}

.washed-red {
    color: #ffdfdf
}

.color-inherit {
    color: inherit
}

.bg-black-90 {
    background-color: rgba(0, 0, 0, .9)
}

.bg-black-80 {
    background-color: rgba(0, 0, 0, .8)
}

.bg-black-70 {
    background-color: rgba(0, 0, 0, .7)
}

.bg-black-60 {
    background-color: rgba(0, 0, 0, .6)
}

.bg-black-50 {
    background-color: rgba(0, 0, 0, .5)
}

.bg-black-40 {
    background-color: rgba(0, 0, 0, .4)
}

.bg-black-30 {
    background-color: rgba(0, 0, 0, .3)
}

.bg-black-20 {
    background-color: rgba(0, 0, 0, .2)
}

.bg-black-10 {
    background-color: rgba(0, 0, 0, .1)
}

.bg-black-05 {
    background-color: rgba(0, 0, 0, .05)
}

.bg-white-90 {
    background-color: hsla(0, 0%, 100%, .9)
}

.bg-white-80 {
    background-color: hsla(0, 0%, 100%, .8)
}

.bg-white-70 {
    background-color: hsla(0, 0%, 100%, .7)
}

.bg-white-60 {
    background-color: hsla(0, 0%, 100%, .6)
}

.bg-white-50 {
    background-color: hsla(0, 0%, 100%, .5)
}

.bg-white-40 {
    background-color: hsla(0, 0%, 100%, .4)
}

.bg-white-30 {
    background-color: hsla(0, 0%, 100%, .3)
}

.bg-white-20 {
    background-color: hsla(0, 0%, 100%, .2)
}

.bg-white-10 {
    background-color: hsla(0, 0%, 100%, .1)
}

.bg-black {
    background-color: #000
}

.bg-near-black {
    background-color: #111
}

.bg-dark-gray {
    background-color: #333
}

.bg-mid-gray {
    background-color: #555
}

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

.bg-silver {
    background-color: #999
}

.bg-light-silver {
    background-color: #aaa
}

.bg-moon-gray {
    background-color: #ccc
}

.bg-light-gray {
    background-color: #eee
}

.bg-near-white {
    background-color: #f4f4f4
}

.bg-white {
    background-color: #fff
}

.bg-transparent {
    background-color: transparent
}

.bg-dark-red {
    background-color: #e7040f
}

.bg-red {
    background-color: #ff4136
}

.bg-light-red {
    background-color: #ff725c
}

.bg-orange {
    background-color: #ff6300
}

.bg-gold {
    background-color: #ffb700
}

.bg-yellow {
    background-color: gold
}

.bg-light-yellow {
    background-color: #fbf1a9
}

.bg-purple {
    background-color: #5e2ca5
}

.bg-light-purple {
    background-color: #a463f2
}

.bg-dark-pink {
    background-color: #d5008f
}

.bg-hot-pink {
    background-color: #ff41b4
}

.bg-pink {
    background-color: #ff80cc
}

.bg-light-pink {
    background-color: #ffa3d7
}

.bg-dark-green {
    background-color: #137752
}

.bg-green {
    background-color: #19a974
}

.bg-light-green {
    background-color: #9eebcf
}

.bg-navy {
    background-color: #001b44
}

.bg-dark-blue {
    background-color: #00449e
}

.bg-blue {
    background-color: #357edd
}

.bg-light-blue {
    background-color: #96ccff
}

.bg-lightest-blue {
    background-color: #cdecff
}

.bg-washed-blue {
    background-color: #f6fffe
}

.bg-washed-green {
    background-color: #e8fdf5
}

.bg-washed-yellow {
    background-color: #fffceb
}

.bg-washed-red {
    background-color: #ffdfdf
}

.bg-inherit {
    background-color: inherit
}

footer img {
    height: 32px;
    width: 32px;
}