/*! Basscss | http://basscss.com | MIT License */


.h1 {
    font-size: var(--h1)
  }
  
  .h2 {
    font-size: var(--h2)
  }
  
  .h3 {
    font-size: var(--h3)
  }
  
  .h4 {
    font-size: var(--h4)
  }
  
  .h5 {
    font-size: var(--h5)
  }
  
  .h6 {
    font-size: var(--h6)
  }
  
  .font-family-inherit {
    font-family: inherit
  }
  
  .font-size-inherit {
    font-size: inherit
  }
  
  .text-decoration-none {
    text-decoration: none
  }
  
  .bold {
    font-weight: var(--bold)
  }
  
  .regular {
    font-weight: var(--regular)
  }
  
  .italic {
    font-style: italic
  }
  
  .caps {
    text-transform: uppercase;
    letter-spacing: .2em
  }
  
  .left-align {
    text-align: left
  }
  
  .center {
    text-align: center
  }
  
  .right-align {
    text-align: right
  }
  
  .justify {
    text-align: justify
  }
  
  .nowrap {
    white-space: nowrap
  }
  
  .break-word {
    word-wrap: break-word
  }
  
  .line-height-1 {
    line-height: var(--lineHeight1)
  }
  
  .line-height-2 {
    line-height: var(--lineHeight2)
  }
  
  .line-height-3 {
    line-height: var(--lineHeight3)
  }
  
  .line-height-4 {
    line-height: var(--lineHeight4)
  }
  
  .list-style-none {
    list-style: none
  }
  
  .underline {
    text-decoration: underline
  }
  
  .truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }
  
  .list-reset {
    list-style: none;
    padding-left: 0
  }
  
  .inline {
    display: inline
  }
  
  .block {
    display: block
  }
  
  .inline-block {
    display: inline-block
  }
  
  .table {
    display: table
  }
  
  .table-cell {
    display: table-cell
  }
  
  .overflow-hidden {
    overflow: hidden
  }
  
  .overflow-scroll {
    overflow: scroll
  }
  
  .overflow-auto {
    overflow: auto
  }
  
  .clearfix:after,
  .clearfix:before {
    content: " ";
    display: table
  }
  
  .clearfix:after {
    clear: both
  }
  
  .left {
    float: left
  }
  
  .right {
    float: right
  }
  
  .fit {
    max-width: 100%
  }
  
  .max-width-1 {
    max-width: var(--maxWidth1)
  }
  
  .max-width-2 {
    max-width: var(--maxWidth2)
  }
  
  .max-width-3 {
    max-width: var(--maxWidth3)
  }
  
  .max-width-4 {
    max-width: var(--maxWidth4)
  }
  
  .border-box {
    box-sizing: border-box
  }
  
  .align-baseline {
    vertical-align: baseline
  }
  
  .align-top {
    vertical-align: top
  }
  
  .align-middle {
    vertical-align: middle
  }
  
  .align-bottom {
    vertical-align: bottom
  }
  
  .m0 {
    margin: 0
  }
  
  .mt0 {
    margin-top: 0
  }
  
  .mr0 {
    margin-right: 0
  }
  
  .mb0 {
    margin-bottom: 0
  }
  
  .ml0,
  .mx0 {
    margin-left: 0
  }
  
  .mx0 {
    margin-right: 0
  }
  
  .my0 {
    margin-top: 0;
    margin-bottom: 0
  }
  
  .m1 {
    margin: var(--m1)
  }
  
  .mt1 {
    margin-top: var(--m1)
  }
  
  .mr1 {
    margin-right: var(--m1)
  }
  
  .mb1 {
    margin-bottom: var(--m1)
  }
  
  .ml1,
  .mx1 {
    margin-left: var(--m1)
  }
  
  .mx1 {
    margin-right: var(--m1)
  }
  
  .my1 {
    margin-top: var(--m1);
    margin-bottom: var(--m1)
  }
  
  .m2 {
    margin: var(--m2)
  }
  
  .mt2 {
    margin-top: var(--m2)
  }
  
  .mr2 {
    margin-right: var(--m2)
  }
  
  .mb2 {
    margin-bottom: var(--m2)
  }
  
  .ml2,
  .mx2 {
    margin-left: var(--m2)
  }
  
  .mx2 {
    margin-right: var(--m2)
  }
  
  .my2 {
    margin-top: var(--m2);
    margin-bottom: var(--m2)
  }
  
  .m3 {
    margin: var(--m3)
  }
  
  .mt3 {
    margin-top: var(--m3)
  }
  
  .mr3 {
    margin-right: var(--m3)
  }
  
  .mb3 {
    margin-bottom: var(--m3)
  }
  
  .ml3,
  .mx3 {
    margin-left: var(--m3)
  }
  
  .mx3 {
    margin-right: var(--m3)
  }
  
  .my3 {
    margin-top: var(--m3);
    margin-bottom: var(--m3)
  }
  
  .m4 {
    margin: var(--m4)
  }
  
  .mt4 {
    margin-top: var(--m4)
  }
  
  .mr4 {
    margin-right: var(--m4)
  }
  
  .mb4 {
    margin-bottom: var(--m4)
  }
  
  .ml4,
  .mx4 {
    margin-left: var(--m4)
  }
  
  .mx4 {
    margin-right: var(--m4)
  }
  
  .my4 {
    margin-top: var(--m4);
    margin-bottom: var(--m4)
  }
  
  .mxn1 {
    margin-left: var(--nm1);
    margin-right: var(--nm1)
  }
  
  .mxn2 {
    margin-left: var(--nm2);
    margin-right: var(--nm2)
  }
  
  .mxn3 {
    margin-left: var(--nm3);
    margin-right: var(--nm3)
  }
  
  .mxn4 {
    margin-left: var(--nm4);
    margin-right: var(--nm4)
  }
  
  .ml-auto {
    margin-left: auto
  }
  
  .mr-auto,
  .mx-auto {
    margin-right: auto
  }
  
  .mx-auto {
    margin-left: auto
  }
  
  .p0 {
    padding: 0
  }
  
  .pt0 {
    padding-top: 0
  }
  
  .pr0 {
    padding-right: 0
  }
  
  .pb0 {
    padding-bottom: 0
  }
  
  .pl0,
  .px0 {
    padding-left: 0
  }
  
  .px0 {
    padding-right: 0
  }
  
  .py0 {
    padding-top: 0;
    padding-bottom: 0
  }
  
  .p1 {
    padding: var(--p1)
  }
  
  .pt1 {
    padding-top: var(--p1)
  }
  
  .pr1 {
    padding-right: var(--p1)
  }
  
  .pb1 {
    padding-bottom: var(--p1)
  }
  
  .pl1 {
    padding-left: var(--p1)
  }
  
  .py1 {
    padding-top: var(--p1);
    padding-bottom: var(--p1)
  }
  
  .px1 {
    padding-left: var(--p1);
    padding-right: var(--p1)
  }
  
  .p2 {
    padding: var(--p2)
  }
  
  .pt2 {
    padding-top: var(--p2)
  }
  
  .pr2 {
    padding-right: var(--p2)
  }
  
  .pb2 {
    padding-bottom: var(--p2)
  }
  
  .pl2 {
    padding-left: var(--p2)
  }
  
  .py2 {
    padding-top: var(--p2);
    padding-bottom: var(--p2)
  }
  
  .px2 {
    padding-left: var(--p2);
    padding-right: var(--p2)
  }
  
  .p3 {
    padding: var(--p3)
  }
  
  .pt3 {
    padding-top: var(--p3)
  }
  
  .pr3 {
    padding-right: var(--p3)
  }
  
  .pb3 {
    padding-bottom: var(--p3)
  }
  
  .pl3 {
    padding-left: var(--p3)
  }
  
  .py3 {
    padding-top: var(--p3);
    padding-bottom: var(--p3)
  }
  
  .px3 {
    padding-left: var(--p3);
    padding-right: var(--p3)
  }
  
  .p4 {
    padding: var(--p4)
  }
  
  .pt4 {
    padding-top: var(--p4)
  }
  
  .pr4 {
    padding-right: var(--p4)
  }
  
  .pb4 {
    padding-bottom: var(--p4)
  }
  
  .pl4 {
    padding-left: var(--p4)
  }
  
  .py4 {
    padding-top: var(--p4);
    padding-bottom: var(--p4)
  }
  
  .px4 {
    padding-left: var(--p4);
    padding-right: var(--p4)
  }
  
  .col {
    float: left
  }
  
  .col,
  .col-right {
    box-sizing: border-box
  }
  
  .col-right {
    float: right
  }
  
  .col-1 {
    width: 8.33333%
  }
  
  .col-2 {
    width: 16.66667%
  }
  
  .col-3 {
    width: 25%
  }
  
  .col-4 {
    width: 33.33333%
  }
  
  .col-5 {
    width: 41.66667%
  }
  
  .col-6 {
    width: 50%
  }
  
  .col-7 {
    width: 58.33333%
  }
  
  .col-8 {
    width: 66.66667%
  }
  
  .col-9 {
    width: 75%
  }
  
  .col-10 {
    width: 83.33333%
  }
  
  .col-11 {
    width: 91.66667%
  }
  
  .col-12 {
    width: 100%
  }
  
  @media (min-width:40em) {
    .sm-col {
      float: left;
      box-sizing: border-box
    }
    .sm-col-right {
      float: right;
      box-sizing: border-box
    }
    .sm-col-1 {
      width: 8.33333%
    }
    .sm-col-2 {
      width: 16.66667%
    }
    .sm-col-3 {
      width: 25%
    }
    .sm-col-4 {
      width: 33.33333%
    }
    .sm-col-5 {
      width: 41.66667%
    }
    .sm-col-6 {
      width: 50%
    }
    .sm-col-7 {
      width: 58.33333%
    }
    .sm-col-8 {
      width: 66.66667%
    }
    .sm-col-9 {
      width: 75%
    }
    .sm-col-10 {
      width: 83.33333%
    }
    .sm-col-11 {
      width: 91.66667%
    }
    .sm-col-12 {
      width: 100%
    }
  }
  
  @media (min-width:52em) {
    .md-col {
      float: left;
      box-sizing: border-box
    }
    .md-col-right {
      float: right;
      box-sizing: border-box
    }
    .md-col-1 {
      width: 8.33333%
    }
    .md-col-2 {
      width: 16.66667%
    }
    .md-col-3 {
      width: 25%
    }
    .md-col-4 {
      width: 33.33333%
    }
    .md-col-5 {
      width: 41.66667%
    }
    .md-col-6 {
      width: 50%
    }
    .md-col-7 {
      width: 58.33333%
    }
    .md-col-8 {
      width: 66.66667%
    }
    .md-col-9 {
      width: 75%
    }
    .md-col-10 {
      width: 83.33333%
    }
    .md-col-11 {
      width: 91.66667%
    }
    .md-col-12 {
      width: 100%
    }
  }
  
  @media (min-width:64em) {
    .lg-col {
      float: left;
      box-sizing: border-box
    }
    .lg-col-right {
      float: right;
      box-sizing: border-box
    }
    .lg-col-1 {
      width: 8.33333%
    }
    .lg-col-2 {
      width: 16.66667%
    }
    .lg-col-3 {
      width: 25%
    }
    .lg-col-4 {
      width: 33.33333%
    }
    .lg-col-5 {
      width: 41.66667%
    }
    .lg-col-6 {
      width: 50%
    }
    .lg-col-7 {
      width: 58.33333%
    }
    .lg-col-8 {
      width: 66.66667%
    }
    .lg-col-9 {
      width: 75%
    }
    .lg-col-10 {
      width: 83.33333%
    }
    .lg-col-11 {
      width: 91.66667%
    }
    .lg-col-12 {
      width: 100%
    }
  }
  
  .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }
  
  @media (min-width:40em) {
    .sm-flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex
    }
  }
  
  @media (min-width:52em) {
    .md-flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex
    }
  }
  
  @media (min-width:64em) {
    .lg-flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex
    }
  }
  
  .flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  
  .flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .items-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start
  }
  
  .items-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end
  }
  
  .items-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
  }
  
  .items-baseline {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    -ms-grid-row-align: baseline;
    align-items: baseline
  }
  
  .items-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch
  }
  
  .self-start {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
  }
  
  .self-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
  }
  
  .self-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
  }
  
  .self-baseline {
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline
  }
  
  .self-stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
  }
  
  .justify-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  
  .justify-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
  
  .justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  
  .justify-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  
  .justify-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  
  .content-start {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
  }
  
  .content-end {
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end
  }
  
  .content-center {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
  }
  
  .content-between {
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between
  }
  
  .content-around {
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around
  }
  
  .content-stretch {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
  }
  
  .flex-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0
  }
  
  .flex-none {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
  }
  
  .order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
  }
  
  .order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
  }
  
  .order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
  }
  
  .order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
  }
  
  .order-last {
    -webkit-box-ordinal-group: 100000;
    -webkit-order: 99999;
    -ms-flex-order: 99999;
    order: 99999
  }
  
  .relative {
    position: relative
  }
  
  .absolute {
    position: absolute
  }
  
  .fixed {
    position: fixed
  }
  
  .top-0 {
    top: 0
  }
  
  .right-0 {
    right: 0
  }
  
  .bottom-0 {
    bottom: 0
  }
  
  .left-0 {
    left: 0
  }
  
  .z1 {
    z-index: var(--z1)
  }
  
  .z2 {
    z-index: var(--z2)
  }
  
  .z3 {
    z-index: var(--z3)
  }
  
  .z4 {
    z-index: var(--z4)
  }
  
  .border {
    border-style: solid;
    border-width: var(--borderWidth)
  }
  
  .border-top {
    border-top-style: solid;
    border-top-width: var(--borderWidth)
  }
  
  .border-right {
    border-right-style: solid;
    border-right-width: var(--borderWidth)
  }
  
  .border-bottom {
    border-bottom-style: solid;
    border-bottom-width: var(--borderWidth)
  }
  
  .border-left {
    border-left-style: solid;
    border-left-width: var(--borderWidth)
  }
  
  .border-none {
    border: 0
  }
  
  .rounded {
    border-radius: var(--borderRadius)
  }
  
  .circle {
    border-radius: 50%
  }
  
  .rounded-top {
    border-radius: var(--borderRadius) var(--borderRadius) 0 0
  }
  
  .rounded-right {
    border-radius: 0 var(--borderRadius) var(--borderRadius) 0
  }
  
  .rounded-bottom {
    border-radius: 0 0 var(--borderRadius) var(--borderRadius)
  }
  
  .rounded-left {
    border-radius: var(--borderRadius) 0 0 var(--borderRadius)
  }
  
  .not-rounded {
    border-radius: 0
  }
  
  .hide {
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
  }
  
  @media (max-width:40em) {
    .xs-hide {
      display: none!important
    }
  }
  
  @media (min-width:40em) and (max-width:52em) {
    .sm-hide {
      display: none!important
    }
  }
  
  @media (min-width:52em) and (max-width:64em) {
    .md-hide {
      display: none!important
    }
  }
  
  @media (min-width:64em) {
    .lg-hide {
      display: none!important
    }
  }
  
  .display-none {
    display: none!important
  }
  
  @media (min-width:40em) {
    .sm-inline {
      display: inline
    }
    .sm-block {
      display: block
    }
    .sm-inline-block {
      display: inline-block
    }
    .sm-table {
      display: table
    }
    .sm-table-cell {
      display: table-cell
    }
    .sm-overflow-hidden {
      overflow: hidden
    }
    .sm-overflow-scroll {
      overflow: scroll
    }
    .sm-overflow-auto {
      overflow: auto
    }
    .sm-left {
      float: left
    }
    .sm-right {
      float: right
    }
  }
  
  @media (min-width:52em) {
    .md-inline {
      display: inline
    }
    .md-block {
      display: block
    }
    .md-inline-block {
      display: inline-block
    }
    .md-table {
      display: table
    }
    .md-table-cell {
      display: table-cell
    }
    .md-overflow-hidden {
      overflow: hidden
    }
    .md-overflow-scroll {
      overflow: scroll
    }
    .md-overflow-auto {
      overflow: auto
    }
    .md-left {
      float: left
    }
    .md-right {
      float: right
    }
  }
  
  @media (min-width:64em) {
    .lg-inline {
      display: inline
    }
    .lg-block {
      display: block
    }
    .lg-inline-block {
      display: inline-block
    }
    .lg-table {
      display: table
    }
    .lg-table-cell {
      display: table-cell
    }
    .lg-overflow-hidden {
      overflow: hidden
    }
    .lg-overflow-scroll {
      overflow: scroll
    }
    .lg-overflow-auto {
      overflow: auto
    }
    .lg-left {
      float: left
    }
    .lg-right {
      float: right
    }
  }
  
  @media (min-width:40em) {
    .sm-m0 {
      margin: 0
    }
    .sm-mt0 {
      margin-top: 0
    }
    .sm-mr0 {
      margin-right: 0
    }
    .sm-mb0 {
      margin-bottom: 0
    }
    .sm-ml0 {
      margin-left: 0
    }
    .sm-mx0 {
      margin-left: 0;
      margin-right: 0
    }
    .sm-my0 {
      margin-top: 0;
      margin-bottom: 0
    }
    .sm-m1 {
      margin: var(--m1)
    }
    .sm-mt1 {
      margin-top: var(--m1)
    }
    .sm-mr1 {
      margin-right: var(--m1)
    }
    .sm-mb1 {
      margin-bottom: var(--m1)
    }
    .sm-ml1 {
      margin-left: var(--m1)
    }
    .sm-mx1 {
      margin-left: var(--m1);
      margin-right: var(--m1)
    }
    .sm-my1 {
      margin-top: var(--m1);
      margin-bottom: var(--m1)
    }
    .sm-m2 {
      margin: var(--m2)
    }
    .sm-mt2 {
      margin-top: var(--m2)
    }
    .sm-mr2 {
      margin-right: var(--m2)
    }
    .sm-mb2 {
      margin-bottom: var(--m2)
    }
    .sm-ml2 {
      margin-left: var(--m2)
    }
    .sm-mx2 {
      margin-left: var(--m2);
      margin-right: var(--m2)
    }
    .sm-my2 {
      margin-top: var(--m2);
      margin-bottom: var(--m2)
    }
    .sm-m3 {
      margin: var(--m3)
    }
    .sm-mt3 {
      margin-top: var(--m3)
    }
    .sm-mr3 {
      margin-right: var(--m3)
    }
    .sm-mb3 {
      margin-bottom: var(--m3)
    }
    .sm-ml3 {
      margin-left: var(--m3)
    }
    .sm-mx3 {
      margin-left: var(--m3);
      margin-right: var(--m3)
    }
    .sm-my3 {
      margin-top: var(--m3);
      margin-bottom: var(--m3)
    }
    .sm-m4 {
      margin: var(--m4)
    }
    .sm-mt4 {
      margin-top: var(--m4)
    }
    .sm-mr4 {
      margin-right: var(--m4)
    }
    .sm-mb4 {
      margin-bottom: var(--m4)
    }
    .sm-ml4 {
      margin-left: var(--m4)
    }
    .sm-mx4 {
      margin-left: var(--m4);
      margin-right: var(--m4)
    }
    .sm-my4 {
      margin-top: var(--m4);
      margin-bottom: var(--m4)
    }
    .sm-mxn1 {
      margin-left: var(--nm1);
      margin-right: var(--nm1)
    }
    .sm-mxn2 {
      margin-left: var(--nm2);
      margin-right: var(--nm2)
    }
    .sm-mxn3 {
      margin-left: var(--nm3);
      margin-right: var(--nm3)
    }
    .sm-mxn4 {
      margin-left: var(--nm4);
      margin-right: var(--nm4)
    }
    .sm-ml-auto {
      margin-left: auto
    }
    .sm-mr-auto {
      margin-right: auto
    }
    .sm-mx-auto {
      margin-left: auto;
      margin-right: auto
    }
  }
  
  @media (min-width:52em) {
    .md-m0 {
      margin: 0
    }
    .md-mt0 {
      margin-top: 0
    }
    .md-mr0 {
      margin-right: 0
    }
    .md-mb0 {
      margin-bottom: 0
    }
    .md-ml0 {
      margin-left: 0
    }
    .md-mx0 {
      margin-left: 0;
      margin-right: 0
    }
    .md-my0 {
      margin-top: 0;
      margin-bottom: 0
    }
    .md-m1 {
      margin: var(--m1)
    }
    .md-mt1 {
      margin-top: var(--m1)
    }
    .md-mr1 {
      margin-right: var(--m1)
    }
    .md-mb1 {
      margin-bottom: var(--m1)
    }
    .md-ml1 {
      margin-left: var(--m1)
    }
    .md-mx1 {
      margin-left: var(--m1);
      margin-right: var(--m1)
    }
    .md-my1 {
      margin-top: var(--m1);
      margin-bottom: var(--m1)
    }
    .md-m2 {
      margin: var(--m2)
    }
    .md-mt2 {
      margin-top: var(--m2)
    }
    .md-mr2 {
      margin-right: var(--m2)
    }
    .md-mb2 {
      margin-bottom: var(--m2)
    }
    .md-ml2 {
      margin-left: var(--m2)
    }
    .md-mx2 {
      margin-left: var(--m2);
      margin-right: var(--m2)
    }
    .md-my2 {
      margin-top: var(--m2);
      margin-bottom: var(--m2)
    }
    .md-m3 {
      margin: var(--m3)
    }
    .md-mt3 {
      margin-top: var(--m3)
    }
    .md-mr3 {
      margin-right: var(--m3)
    }
    .md-mb3 {
      margin-bottom: var(--m3)
    }
    .md-ml3 {
      margin-left: var(--m3)
    }
    .md-mx3 {
      margin-left: var(--m3);
      margin-right: var(--m3)
    }
    .md-my3 {
      margin-top: var(--m3);
      margin-bottom: var(--m3)
    }
    .md-m4 {
      margin: var(--m4)
    }
    .md-mt4 {
      margin-top: var(--m4)
    }
    .md-mr4 {
      margin-right: var(--m4)
    }
    .md-mb4 {
      margin-bottom: var(--m4)
    }
    .md-ml4 {
      margin-left: var(--m4)
    }
    .md-mx4 {
      margin-left: var(--m4);
      margin-right: var(--m4)
    }
    .md-my4 {
      margin-top: var(--m4);
      margin-bottom: var(--m4)
    }
    .md-mxn1 {
      margin-left: var(--nm1);
      margin-right: var(--nm1)
    }
    .md-mxn2 {
      margin-left: var(--nm2);
      margin-right: var(--nm2)
    }
    .md-mxn3 {
      margin-left: var(--nm3);
      margin-right: var(--nm3)
    }
    .md-mxn4 {
      margin-left: var(--nm4);
      margin-right: var(--nm4)
    }
    .md-ml-auto {
      margin-left: auto
    }
    .md-mr-auto {
      margin-right: auto
    }
    .md-mx-auto {
      margin-left: auto;
      margin-right: auto
    }
  }
  
  @media (min-width:64em) {
    .lg-m0 {
      margin: 0
    }
    .lg-mt0 {
      margin-top: 0
    }
    .lg-mr0 {
      margin-right: 0
    }
    .lg-mb0 {
      margin-bottom: 0
    }
    .lg-ml0 {
      margin-left: 0
    }
    .lg-mx0 {
      margin-left: 0;
      margin-right: 0
    }
    .lg-my0 {
      margin-top: 0;
      margin-bottom: 0
    }
    .lg-m1 {
      margin: var(--m1)
    }
    .lg-mt1 {
      margin-top: var(--m1)
    }
    .lg-mr1 {
      margin-right: var(--m1)
    }
    .lg-mb1 {
      margin-bottom: var(--m1)
    }
    .lg-ml1 {
      margin-left: var(--m1)
    }
    .lg-mx1 {
      margin-left: var(--m1);
      margin-right: var(--m1)
    }
    .lg-my1 {
      margin-top: var(--m1);
      margin-bottom: var(--m1)
    }
    .lg-m2 {
      margin: var(--m2)
    }
    .lg-mt2 {
      margin-top: var(--m2)
    }
    .lg-mr2 {
      margin-right: var(--m2)
    }
    .lg-mb2 {
      margin-bottom: var(--m2)
    }
    .lg-ml2 {
      margin-left: var(--m2)
    }
    .lg-mx2 {
      margin-left: var(--m2);
      margin-right: var(--m2)
    }
    .lg-my2 {
      margin-top: var(--m2);
      margin-bottom: var(--m2)
    }
    .lg-m3 {
      margin: var(--m3)
    }
    .lg-mt3 {
      margin-top: var(--m3)
    }
    .lg-mr3 {
      margin-right: var(--m3)
    }
    .lg-mb3 {
      margin-bottom: var(--m3)
    }
    .lg-ml3 {
      margin-left: var(--m3)
    }
    .lg-mx3 {
      margin-left: var(--m3);
      margin-right: var(--m3)
    }
    .lg-my3 {
      margin-top: var(--m3);
      margin-bottom: var(--m3)
    }
    .lg-m4 {
      margin: var(--m4)
    }
    .lg-mt4 {
      margin-top: var(--m4)
    }
    .lg-mr4 {
      margin-right: var(--m4)
    }
    .lg-mb4 {
      margin-bottom: var(--m4)
    }
    .lg-ml4 {
      margin-left: var(--m4)
    }
    .lg-mx4 {
      margin-left: var(--m4);
      margin-right: var(--m4)
    }
    .lg-my4 {
      margin-top: var(--m4);
      margin-bottom: var(--m4)
    }
    .lg-mxn1 {
      margin-left: var(--nm1);
      margin-right: var(--nm1)
    }
    .lg-mxn2 {
      margin-left: var(--nm2);
      margin-right: var(--nm2)
    }
    .lg-mxn3 {
      margin-left: var(--nm3);
      margin-right: var(--nm3)
    }
    .lg-mxn4 {
      margin-left: var(--nm4);
      margin-right: var(--nm4)
    }
    .lg-ml-auto {
      margin-left: auto
    }
    .lg-mr-auto {
      margin-right: auto
    }
    .lg-mx-auto {
      margin-left: auto;
      margin-right: auto
    }
  }
  
  @media (min-width:40em) {
    .sm-p0 {
      padding: 0
    }
    .sm-pt0 {
      padding-top: 0
    }
    .sm-pr0 {
      padding-right: 0
    }
    .sm-pb0 {
      padding-bottom: 0
    }
    .sm-pl0 {
      padding-left: 0
    }
    .sm-px0 {
      padding-left: 0;
      padding-right: 0
    }
    .sm-py0 {
      padding-top: 0;
      padding-bottom: 0
    }
    .sm-p1 {
      padding: var(--p1)
    }
    .sm-pt1 {
      padding-top: var(--p1)
    }
    .sm-pr1 {
      padding-right: var(--p1)
    }
    .sm-pb1 {
      padding-bottom: var(--p1)
    }
    .sm-pl1 {
      padding-left: var(--p1)
    }
    .sm-px1 {
      padding-left: var(--p1);
      padding-right: var(--p1)
    }
    .sm-py1 {
      padding-top: var(--p1);
      padding-bottom: var(--p1)
    }
    .sm-p2 {
      padding: var(--p2)
    }
    .sm-pt2 {
      padding-top: var(--p2)
    }
    .sm-pr2 {
      padding-right: var(--p2)
    }
    .sm-pb2 {
      padding-bottom: var(--p2)
    }
    .sm-pl2 {
      padding-left: var(--p2)
    }
    .sm-px2 {
      padding-left: var(--p2);
      padding-right: var(--p2)
    }
    .sm-py2 {
      padding-top: var(--p2);
      padding-bottom: var(--p2)
    }
    .sm-p3 {
      padding: var(--p3)
    }
    .sm-pt3 {
      padding-top: var(--p3)
    }
    .sm-pr3 {
      padding-right: var(--p3)
    }
    .sm-pb3 {
      padding-bottom: var(--p3)
    }
    .sm-pl3 {
      padding-left: var(--p3)
    }
    .sm-px3 {
      padding-left: var(--p3);
      padding-right: var(--p3)
    }
    .sm-py3 {
      padding-top: var(--p3);
      padding-bottom: var(--p3)
    }
    .sm-p4 {
      padding: var(--p4)
    }
    .sm-pt4 {
      padding-top: var(--p4)
    }
    .sm-pr4 {
      padding-right: var(--p4)
    }
    .sm-pb4 {
      padding-bottom: var(--p4)
    }
    .sm-pl4 {
      padding-left: var(--p4)
    }
    .sm-px4 {
      padding-left: var(--p4);
      padding-right: var(--p4)
    }
    .sm-py4 {
      padding-top: var(--p4);
      padding-bottom: var(--p4)
    }
  }
  
  @media (min-width:52em) {
    .md-p0 {
      padding: 0
    }
    .md-pt0 {
      padding-top: 0
    }
    .md-pr0 {
      padding-right: 0
    }
    .md-pb0 {
      padding-bottom: 0
    }
    .md-pl0 {
      padding-left: 0
    }
    .md-px0 {
      padding-left: 0;
      padding-right: 0
    }
    .md-py0 {
      padding-top: 0;
      padding-bottom: 0
    }
    .md-p1 {
      padding: var(--p1)
    }
    .md-pt1 {
      padding-top: var(--p1)
    }
    .md-pr1 {
      padding-right: var(--p1)
    }
    .md-pb1 {
      padding-bottom: var(--p1)
    }
    .md-pl1 {
      padding-left: var(--p1)
    }
    .md-px1 {
      padding-left: var(--p1);
      padding-right: var(--p1)
    }
    .md-py1 {
      padding-top: var(--p1);
      padding-bottom: var(--p1)
    }
    .md-p2 {
      padding: var(--p2)
    }
    .md-pt2 {
      padding-top: var(--p2)
    }
    .md-pr2 {
      padding-right: var(--p2)
    }
    .md-pb2 {
      padding-bottom: var(--p2)
    }
    .md-pl2 {
      padding-left: var(--p2)
    }
    .md-px2 {
      padding-left: var(--p2);
      padding-right: var(--p2)
    }
    .md-py2 {
      padding-top: var(--p2);
      padding-bottom: var(--p2)
    }
    .md-p3 {
      padding: var(--p3)
    }
    .md-pt3 {
      padding-top: var(--p3)
    }
    .md-pr3 {
      padding-right: var(--p3)
    }
    .md-pb3 {
      padding-bottom: var(--p3)
    }
    .md-pl3 {
      padding-left: var(--p3)
    }
    .md-px3 {
      padding-left: var(--p3);
      padding-right: var(--p3)
    }
    .md-py3 {
      padding-top: var(--p3);
      padding-bottom: var(--p3)
    }
    .md-p4 {
      padding: var(--p4)
    }
    .md-pt4 {
      padding-top: var(--p4)
    }
    .md-pr4 {
      padding-right: var(--p4)
    }
    .md-pb4 {
      padding-bottom: var(--p4)
    }
    .md-pl4 {
      padding-left: var(--p4)
    }
    .md-px4 {
      padding-left: var(--p4);
      padding-right: var(--p4)
    }
    .md-py4 {
      padding-top: var(--p4);
      padding-bottom: var(--p4)
    }
  }
  
  @media (min-width:64em) {
    .lg-p0 {
      padding: 0
    }
    .lg-pt0 {
      padding-top: 0
    }
    .lg-pr0 {
      padding-right: 0
    }
    .lg-pb0 {
      padding-bottom: 0
    }
    .lg-pl0 {
      padding-left: 0
    }
    .lg-px0 {
      padding-left: 0;
      padding-right: 0
    }
    .lg-py0 {
      padding-top: 0;
      padding-bottom: 0
    }
    .lg-p1 {
      padding: var(--p1)
    }
    .lg-pt1 {
      padding-top: var(--p1)
    }
    .lg-pr1 {
      padding-right: var(--p1)
    }
    .lg-pb1 {
      padding-bottom: var(--p1)
    }
    .lg-pl1 {
      padding-left: var(--p1)
    }
    .lg-px1 {
      padding-left: var(--p1);
      padding-right: var(--p1)
    }
    .lg-py1 {
      padding-top: var(--p1);
      padding-bottom: var(--p1)
    }
    .lg-p2 {
      padding: var(--p2)
    }
    .lg-pt2 {
      padding-top: var(--p2)
    }
    .lg-pr2 {
      padding-right: var(--p2)
    }
    .lg-pb2 {
      padding-bottom: var(--p2)
    }
    .lg-pl2 {
      padding-left: var(--p2)
    }
    .lg-px2 {
      padding-left: var(--p2);
      padding-right: var(--p2)
    }
    .lg-py2 {
      padding-top: var(--p2);
      padding-bottom: var(--p2)
    }
    .lg-p3 {
      padding: var(--p3)
    }
    .lg-pt3 {
      padding-top: var(--p3)
    }
    .lg-pr3 {
      padding-right: var(--p3)
    }
    .lg-pb3 {
      padding-bottom: var(--p3)
    }
    .lg-pl3 {
      padding-left: var(--p3)
    }
    .lg-px3 {
      padding-left: var(--p3);
      padding-right: var(--p3)
    }
    .lg-py3 {
      padding-top: var(--p3);
      padding-bottom: var(--p3)
    }
    .lg-p4 {
      padding: var(--p4)
    }
    .lg-pt4 {
      padding-top: var(--p4)
    }
    .lg-pr4 {
      padding-right: var(--p4)
    }
    .lg-pb4 {
      padding-bottom: var(--p4)
    }
    .lg-pl4 {
      padding-left: var(--p4)
    }
    .lg-px4 {
      padding-left: var(--p4);
      padding-right: var(--p4)
    }
    .lg-py4 {
      padding-top: var(--p4);
      padding-bottom: var(--p4)
    }
  }
  
  @media (min-width:40em) {
    .sm-relative {
      position: relative
    }
    .sm-absolute {
      position: absolute
    }
    .sm-fixed {
      position: fixed
    }
    .sm-top-0 {
      top: 0
    }
    .sm-right-0 {
      right: 0
    }
    .sm-bottom-0 {
      bottom: 0
    }
    .sm-left-0 {
      left: 0
    }
    .sm-static {
      position: static
    }
  }
  
  @media (min-width:52em) {
    .md-relative {
      position: relative
    }
    .md-absolute {
      position: absolute
    }
    .md-fixed {
      position: fixed
    }
    .md-top-0 {
      top: 0
    }
    .md-right-0 {
      right: 0
    }
    .md-bottom-0 {
      bottom: 0
    }
    .md-left-0 {
      left: 0
    }
    .md-static {
      position: static
    }
  }
  
  @media (min-width:64em) {
    .lg-relative {
      position: relative
    }
    .lg-absolute {
      position: absolute
    }
    .lg-fixed {
      position: fixed
    }
    .lg-top-0 {
      top: 0
    }
    .lg-right-0 {
      right: 0
    }
    .lg-bottom-0 {
      bottom: 0
    }
    .lg-left-0 {
      left: 0
    }
    .lg-static {
      position: static
    }
  }
  
  @media (min-width:40em) {
    .sm-h00 {
      font-size: var(--h00)
    }
    .sm-h0 {
      font-size: var(--h0)
    }
    .sm-h1 {
      font-size: var(--h1)
    }
    .sm-h2 {
      font-size: var(--h2)
    }
    .sm-h3 {
      font-size: var(--h3)
    }
    .sm-h4 {
      font-size: var(--h4)
    }
    .sm-h5 {
      font-size: var(--h5)
    }
    .sm-h6 {
      font-size: var(--h6)
    }
  }
  
  @media (min-width:52em) {
    .md-h00 {
      font-size: var(--h00)
    }
    .md-h0 {
      font-size: var(--h0)
    }
    .md-h1 {
      font-size: var(--h1)
    }
    .md-h2 {
      font-size: var(--h2)
    }
    .md-h3 {
      font-size: var(--h3)
    }
    .md-h4 {
      font-size: var(--h4)
    }
    .md-h5 {
      font-size: var(--h5)
    }
    .md-h6 {
      font-size: var(--h6)
    }
  }
  
  @media (min-width:64em) {
    .lg-h00 {
      font-size: var(--h00)
    }
    .lg-h0 {
      font-size: var(--h0)
    }
    .lg-h1 {
      font-size: var(--h1)
    }
    .lg-h2 {
      font-size: var(--h2)
    }
    .lg-h3 {
      font-size: var(--h3)
    }
    .lg-h4 {
      font-size: var(--h4)
    }
    .lg-h5 {
      font-size: var(--h5)
    }
    .lg-h6 {
      font-size: var(--h6)
    }
  }
  
  @media (min-width:40em) {
    .sm-left-align {
      text-align: left
    }
    .sm-center {
      text-align: center
    }
    .sm-right-align {
      text-align: right
    }
    .sm-justify {
      text-align: justify
    }
  }
  
  @media (min-width:52em) {
    .md-left-align {
      text-align: left
    }
    .md-center {
      text-align: center
    }
    .md-right-align {
      text-align: right
    }
    .md-justify {
      text-align: justify
    }
  }
  
  @media (min-width:64em) {
    .lg-left-align {
      text-align: left
    }
    .lg-center {
      text-align: center
    }
    .lg-right-align {
      text-align: right
    }
    .lg-justify {
      text-align: justify
    }
  }