
/* #Grid containing element
============================= */


.lib-grid {

  display: grid;
  grid-gap: var(--lib-gutter);  
}


div[data-layoutmodifier='lib-wrap'],
div[data-layoutmodifier='lib-wrap--small'],
div[data-layoutmodifier='lib-wrap--medium'],
div[data-layoutmodifier='lib-wrap--large'],
div[data-layoutmodifier='lib-wrap--xlarge'],
div[data-layoutmodifier='lib-wrap--xxlarge'],
.lib-wrap,
.lib-wrap--small,
.lib-wrap--medium,
.lib-wrap--large,
.lib-wrap--xlarge,
.lib-wrap--xxlarge {

  max-width: 100%;
  width: 100%; 
  margin: 0 auto!important;
  padding-right: 8px;
  padding-left: 8px;
}

  .lib-wrap__left {

    margin-left: 0!important;
  }
  .lib-wrap__right {

    margin-right: 0!important;
  }

.design_template_container div[class*='lib-wrap__'] {

  margin-left: auto;
  margin-right: auto;
}


/* Our definition of a small-sized screen */
@media (min-width: 25em) {

  div[data-layoutmodifier='lib-wrap--small'],
  .lib-wrap--small {

    max-width: var(--lib-wrap-small);
  }

}


/* Our definition of a medium-sized screen */
@media (min-width: 37.5em) {

  div[data-layoutmodifier='lib-wrap'],
  div[data-layoutmodifier='lib-wrap--small'],
  div[data-layoutmodifier='lib-wrap--medium'],
  div[data-layoutmodifier='lib-wrap--large'],
  div[data-layoutmodifier='lib-wrap--xlarge'],
  div[data-layoutmodifier='lib-wrap--xxlarge'],
  .lib-wrap,
  .lib-wrap--small,
  .lib-wrap--medium,
  .lib-wrap--large,
  .lib-wrap--xlarge,
  .lib-wrap--xxlarge {

    padding-left: 16px;
    padding-right: 16px;
  }

  div[data-layoutmodifier='lib-wrap--medium'],
  .lib-wrap--medium {

    max-width: var(--lib-wrap-medium);
  }

}


/* Our definition of a large-sized screen */
@media (min-width: 56.25em) {

  div[data-layoutmodifier='lib-wrap--large'],
  .lib-wrap--large {

    max-width: var(--lib-wrap-large);
  }

}

/* Our definition of a extra large-sized screen */
@media (min-width: 63em) {

  div[data-layoutmodifier='lib-wrap--xlarge'],
  .lib-wrap--xlarge {

    max-width: var(--lib-wrap-xlarge);
  }
}


/* Our definition of a extra-extra large-sized screen */
@media (min-width: 80em) {

  div[data-layoutmodifier='lib-wrap'],
  div[data-layoutmodifier='lib-wrap--xxlarge'],
  .lib-wrap--xxlarge,
  .lib-wrap {

    max-width: var(--lib-wrap-xxlarge); /* this may get overidden in the theme custom CSS */
  }

}




div[data-layoutmodifier="lib-wrap--large"] .full-width-section,
div[data-layoutmodifier="lib-wrap--xlarge"] .full-width-section,
div[data-layoutmodifier="lib-wrap--xxlarge"] .full-width-section {

  padding-left: var(--lib-gutter);
  margin-left: calc(-1 * var(--lib-gutter));
  padding-right: var(--lib-gutter);
  margin-right: calc(-1 * var(--lib-gutter));
}











/* #A grid row
============================= */

.lib-layout {

  margin-right: 0;
  margin-left: -8px;
  padding-right: 0;
  padding-left: 0;
  list-style: none;
  /*text-align: left;*/

  clear: both;

  font-size: 0 !important;
  letter-spacing: 0 !important;
}

.lib-layout > * {

  font-size: var(--sys-font-body-size);
}


.lib-layout--flex {

  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.center-items .lib-layout--flex,
.lib-layout--flex.center-items,
.p-center .lib-layout--flex {

  justify-content: center;
}



@media (min-width: 37.5em) {

  .lib-layout {

    margin-left: -16px;
  }

}



/* #A single grid item
============================= */

.lib-grid > div,
.lib-grid > a > div {

  height: 100%;
}

.lib-layout__item,
.lib-layout > div,
.lib-layout > li,
.lib-layout > aside,
.lib-layout > a {

  display: inline-block;
  padding-left: 8px;
  margin-bottom: 16px;
  width: 100%;
  vertical-align: top;
}

.lib-layout--flex .lib-layout__item,
.lib-layout--flex > div,
.lib-layout--flex > li,
.lib-layout--flex > aside,
.lib-layout--flex > article {

  min-width: 0;
  order: 0; 

  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  flex-direction: column;
}

.lib-layout--flex.lib-layout--flex__nowrap {

  flex-wrap: nowrap;
}

.lib-layout--flex.lib-layout--flex__row {

  flex-direction: row;
}

.lib-layout--flex.lib-layout--flex__row-reverse {

  flex-direction: row-reverse;
}

.lib-layout--flex.lib-layout--flex__col-reverse {

  flex-direction: column-reverse;
}

.lib-layout--flex .additional-content.hide {

  display: none;
}

.lib-layout--flex .main-content {

  order: 0;
}

.lib-layout--flex .additional-content {

  order: 1;
}


.lib-layout.mr-1 > div,
.lib-layout.mr-1 > li {

  margin-right: 1%;
}


@media (min-width: 37.5em) {

  .lib-layout__item,
  .lib-layout > div,
  .lib-layout > li {

    padding-left: 16px;
  }

}


/* #Layouts with no gutters
============================= */

.lib-layout--flush {

  margin-left: 0;
}

.lib-layout--flush > .lib-layout__item,
.lib-layout--flush > div,
.lib-layout--flush > li {

  padding-left: 0;
}

/* #Layouts with larger gutters
============================= */
.lib-layout.lib-layout__gutter-2x {

  margin-left: -32px;
}
  .lib-layout__gutter-2x > div,
  .lib-layout__gutter-2x > li {

    padding-left: 32px;
  }


.lib-layout.lib-layout__gutter-3x {

  margin-left: -48px;
}
  .lib-layout__gutter-3x > div,
  .lib-layout__gutter-3x > li {

    padding-left: 48px;
  }


.lib-layout.lib-layout__gutter-6x {

  margin-left: -96px;
}

  .lib-layout__gutter-6x > div,
  .lib-layout__gutter-6x > li {

    padding-left: 96px;
  }



/* #Align layout items to the vertical centers of each other
============================= */

.lib-layout--flex.lib-layout--middle {

  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

.lib-layout--middle > .lib-layout__item,
.lib-layout--flush > div,
.lib-layout--flush > li {

  vertical-align: middle;
}



/* #Align layout items to the vertical tops of each other
============================= */

.lib-layout--flex.lib-layout--top {

  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}


/* #Align layout items to the vertical bottoms of each other
============================= */

.lib-layout--flex.lib-layout--bottom {

  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end;
}



/* #Align layout items to the vertical middle of each other
============================= */

.lib-layout--flex.lib-layout--middle {

  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}



/* #Align layout items to have space between
============================= */

.lib-layout--flex.lib-layout--spacebetween {

  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}


/* #layout items to fill from the right hand side
============================= */
.lib-layout--flex.lib-layout--right {

  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}

/* #layout items to fill from the center outward
============================= */
.lib-layout--flex.lib-layout--center {

  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}



@media (min-width: 56.25em) {

  .lib-layout--flex .main-content,
  .lib-layout--flex .additional-content {

    order: 0;
  }

}








.lib-grid.lib-grid__2-items {

  grid-template-columns: 1fr 1fr;
}

.lib-grid.lib-grid__3-items {

  grid-template-columns: 1fr 1fr 1fr;
}

.lib-grid.lib-grid__4-items {

  grid-template-columns: 1fr 1fr 1fr 1fr;
}


/* #Asymmetric 2-column grid layouts
============================= */

.lib-grid.lib-grid__1-2 {

  grid-template-columns: 1fr 2fr;
}

.lib-grid.lib-grid__2-1 {

  grid-template-columns: 2fr 1fr;
}

.lib-grid.lib-grid__1-3 {

  grid-template-columns: 1fr 3fr;
}

.lib-grid.lib-grid__3-1 {

  grid-template-columns: 3fr 1fr;
}


/* #Asymmetric 3-column grid layouts
============================= */

.lib-grid.lib-grid__2-1-1 {

  grid-template-columns: 2fr 1fr 1fr;
}

.lib-grid.lib-grid__1-1-2 {

  grid-template-columns: 1fr 1fr 2fr;
}

.lib-grid.lib-grid__1-2-1 {

  grid-template-columns: 1fr 2fr 1fr;
}

.lib-grid.lib-grid__1-2-2 {

  grid-template-columns: 1fr 2fr 2fr;
}

.lib-grid.lib-grid__2-2-1 {

  grid-template-columns: 2fr 2fr 1fr;
}





.lib-layout .lib-1\/1,
.lib-layout__lib-1\/1 > div,
.lib-layout__lib-1\/1 > li,
.lib-layout__lib-1\/1 > a {

  width: 100% !important;
}

.lib-layout .lib-1\/2,
.lib-layout__lib-1\/2 > div,
.lib-layout__lib-1\/2 > li,
.lib-layout__lib-1\/2 > a {

  width: 50% !important;
}

.lib-layout.mr-1 .lib-1\/2,
.lib-layout__lib-1\/2.mr-1 > div,
.lib-layout__lib-1\/2.mr-1 > li,
.lib-layout__lib-1\/2.mr-1 > a {

  width: calc(49% - 1%)!important;
}

.lib-layout .lib-1\/3,
.lib-layout__lib-1\/3 > div,
.lib-layout__lib-1\/3 > li,
.lib-layout__lib-1\/3 > a {

  width: 33.33333% !important;
}

.lib-layout.mr-1 .lib-1\/3,
.lib-layout__lib-1\/3.mr-1 > div,
.lib-layout__lib-1\/3.mr-1 > li,
.lib-layout__lib-1\/3.mr-1 > a {

  width: calc(33.33333% - 1%)!important;
}

.lib-layout .lib-2\/3,
.lib-layout__lib-2\/3 > div,
.lib-layout__lib-2\/3 > li,
.lib-layout__lib-2\/3 > a {

  width: 66.66667% !important;
}

.lib-layout.mr-1 .lib-2\/3,
.lib-layout__lib-2\/3.mr-1 > div,
.lib-layout__lib-2\/3.mr-1 > li,
.lib-layout__lib-2\/3.mr-1 > a {

  width: calc(66.66667% - 1%)!important;
}

.lib-layout .lib-1\/4,
.lib-layout__lib-1\/4 > div,
.lib-layout__lib-1\/4 > li,
.lib-layout__lib-1\/4 > a {

  width: 25% !important;
}

.lib-layout.mr-1 .lib-1\/4,
.lib-layout__lib-1\/4.mr-1 > div,
.lib-layout__lib-1\/4.mr-1 > li,
.lib-layout__lib-1\/4.mr-1 > a {

  width: calc(25% - 1%)!important;
}

.lib-layout .lib-2\/4,
.lib-layout__lib-2\/4 > div,
.lib-layout__lib-2\/4 > li,
.lib-layout__lib-2\/4 > a {

  width: 50% !important;
}

.lib-layout.mr-1 .lib-2\/4,
.lib-layout__lib-2\/4.mr-1 > div,
.lib-layout__lib-2\/4.mr-1 > li,
.lib-layout__lib-2\/4.mr-1 > a {

  width: calc(50% - 1%)!important;
}

.lib-layout .lib-3\/4,
.lib-layout__lib-3\/4 > div,
.lib-layout__lib-3\/4 > li,
.lib-layout__lib-3\/4 > a {

  width: 75% !important;
}

.lib-layout.mr-1 .lib-3\/4,
.lib-layout__lib-3\/4.mr-1 > div,
.lib-layout__lib-3\/4.mr-1 > li,
.lib-layout__lib-3\/4.mr-1 > a {

  width: calc(75% - 1%)!important;
}

.lib-layout .lib-1\/5,
.lib-layout__lib-1\/5 > div,
.lib-layout__lib-1\/5 > li,
.lib-layout__lib-1\/5 > a {

  width: 20% !important;
}

.lib-layout.mr-1 .lib-1\/5,
.lib-layout__lib-1\/5.mr-1 > div,
.lib-layout__lib-1\/5.mr-1 > li,
.lib-layout__lib-1\/5.mr-1 > a {

  width: calc(20% - 1%)!important;
}

.lib-layout .lib-2\/5,
.lib-layout__lib-2\/5 > div,
.lib-layout__lib-2\/5 > li,
.lib-layout__lib-2\/5 > a {

  width: 40% !important;
}

.lib-layout.mr-1 .lib-2\/5,
.lib-layout__lib-2\/5.mr-1 > div,
.lib-layout__lib-2\/5.mr-1 > li,
.lib-layout__lib-2\/5.mr-1 > a {

  width: calc(40% - 1%)!important;
}

.lib-layout .lib-3\/5,
.lib-layout__lib-3\/5 > div,
.lib-layout__lib-3\/5 > li,
.lib-layout__lib-3\/5 > a {

  width: 60% !important;
}

.lib-layout.mr-1 .lib-3\/5,
.lib-layout__lib-3\/5.mr-1 > div,
.lib-layout__lib-3\/5.mr-1 > li,
.lib-layout__lib-3\/5.mr-1 > a {

  width: calc(60% - 1%)!important;
}

.lib-layout .lib-4\/5,
.lib-layout__lib-4\/5 > div,
.lib-layout__lib-4\/5 > li,
.lib-layout__lib-4\/5 > a {

  width: 80% !important;
}

.lib-layout.mr-1 .lib-4\/5,
.lib-layout__lib-4\/5.mr-1 > div,
.lib-layout__lib-4\/5.mr-1 > li,
.lib-layout__lib-4\/5.mr-1 > a {

  width: calc(80% - 1%)!important;
}

.lib-layout .lib-1\/8,
.lib-layout__lib-1\/8 > div,
.lib-layout__lib-1\/8 > li,
.lib-layout__lib-1\/8 > a {

  width: 12.5% !important;
}

.lib-layout .lib-2\/8,
.lib-layout__lib-2\/8 > div,
.lib-layout__lib-2\/8 > li,
.lib-layout__lib-2\/8 > a {

  width: 25% !important;
}

.lib-layout .lib-3\/8,
.lib-layout__lib-3\/8 > div,
.lib-layout__lib-3\/8 > li,
.lib-layout__lib-3\/8 > a {

  width: 37.5% !important;
}

.lib-layout .lib-4\/8,
.lib-layout__lib-4\/8 > div,
.lib-layout__lib-4\/8 > li,
.lib-layout__lib-4\/8 > a {

  width: 50% !important;
}

.lib-layout .lib-5\/8,
.lib-layout__lib-5\/8 > div,
.lib-layout__lib-5\/8 > li,
.lib-layout__lib-5\/8 > a {

  width: 62.5% !important;
}

.lib-layout .lib-6\/8,
.lib-layout__lib-6\/8 > div,
.lib-layout__lib-6\/8 > li,
.lib-layout__lib-6\/8 > a {

  width: 75% !important;
}

.lib-layout .lib-7\/8,
.lib-layout__lib-7\/8 > div,
.lib-layout__lib-7\/8 > li,
.lib-layout__lib-7\/8 > a {

  width: 87.5% !important;
}


/* Our definition of a small-sized screen */
@media (min-width: 25em) {

  .lib-layout .lib-1\/1\@s,
  .lib-layout__lib-1\/1\@s > div,
  .lib-layout__lib-1\/1\@s > li,
  .lib-layout__lib-1\/1\@s > a {
    width: 100% !important;
  }

  .lib-layout .lib-1\/2\@s,
  .lib-layout__lib-1\/2\@s > div,
  .lib-layout__lib-1\/2\@s > li,
  .lib-layout__lib-1\/2\@s > a {
    width: 50% !important;
  }

  .lib-layout.mr-1 .lib-1\/2\@s,
  .lib-layout__lib-1\/2\@s.mr-1 > div,
  .lib-layout__lib-1\/2\@s.mr-1 > li,
  .lib-layout__lib-1\/2\@s.mr-1 > a {
    width: calc(50% - 1%)!important;
  }

  .lib-layout .lib-1\/3\@s,
  .lib-layout__lib-1\/3\@s > div,
  .lib-layout__lib-1\/3\@s > li,
  .lib-layout__lib-1\/3\@s > a {
    width: 33.33333% !important;
  }

  .lib-layout.mr-1 .lib-1\/3\@s,
  .lib-layout__lib-1\/3\@s.mr-1 > div,
  .lib-layout__lib-1\/3\@s.mr-1 > li,
  .lib-layout__lib-1\/3\@s.mr-1 > a {
    width: calc(33.33333% - 1%)!important;
  }

  .lib-layout .lib-2\/3\@s,
  .lib-layout__lib-2\/3\@s > div,
  .lib-layout__lib-2\/3\@s > li,
  .lib-layout__lib-2\/3\@s > a {
    width: 66.66667% !important;
  }

  .lib-layout.mr-1 .lib-2\/3\@s,
  .lib-layout__lib-2\/3\@s.mr-1 > div,
  .lib-layout__lib-2\/3\@s.mr-1 > li,
  .lib-layout__lib-2\/3\@s.mr-1 > a {
    width: calc(66.66667% - 1%)!important;
  }

  .lib-layout .lib-1\/4\@s,
  .lib-layout__lib-1\/4\@s > div,
  .lib-layout__lib-1\/4\@s > li,
  .lib-layout__lib-1\/4\@s > a {
    width: 25% !important;
  }

  .lib-layout.mr-1 .lib-1\/4\@s,
  .lib-layout__lib-1\/4\@s.mr-1 > div,
  .lib-layout__lib-1\/4\@s.mr-1 > li,
  .lib-layout__lib-1\/4\@s.mr-1 > a {
    width: calc(25% - 1%)!important;
  }

  .lib-layout .lib-2\/4\@s,
  .lib-layout__lib-2\/4\@s > div,
  .lib-layout__lib-2\/4\@s > li,
  .lib-layout__lib-2\/4\@s > a {
    width: 50% !important;
  }

  .lib-layout.mr-1 .lib-2\/4\@s,
  .lib-layout__lib-2\/4\@smr-1 > div,
  .lib-layout__lib-2\/4\@smr-1 > li,
  .lib-layout__lib-2\/4\@smr-1 > a {
    width: calc(50% - 1%)!important;
  }

  .lib-layout .lib-3\/4\@s,
  .lib-layout__lib-3\/4\@s > div,
  .lib-layout__lib-3\/4\@s > li,
  .lib-layout__lib-3\/4\@s > a {
    width: 75% !important;
  }

  .lib-layout.mr-1 .lib-3\/4\@s,
  .lib-layout__lib-3\/4\@s.mr-1 > div,
  .lib-layout__lib-3\/4\@s.mr-1 > li,
  .lib-layout__lib-3\/4\@s.mr-1 > a {
    width: calc(75% - 1%)!important;
  }

  .lib-layout .lib-1\/5\@s,
  .lib-layout__lib-1\/5\@s > div,
  .lib-layout__lib-1\/5\@s > li,
  .lib-layout__lib-1\/5\@s > a {
    width: 20% !important;
  }

  .lib-layout.mr-1 .lib-1\/5\@s,
  .lib-layout__lib-1\/5\@s.mr-1 > div,
  .lib-layout__lib-1\/5\@s.mr-1 > li,
  .lib-layout__lib-1\/5\@s.mr-1 > a {
    width: calc(20% - 1%)!important;
  }

  .lib-layout .lib-2\/5\@s,
  .lib-layout__lib-2\/5\@s > div,
  .lib-layout__lib-2\/5\@s > li,
  .lib-layout__lib-2\/5\@s > a {
    width: 40% !important;
  }

  .lib-layout.mr-1 .lib-2\/5\@s,
  .lib-layout__lib-2\/5\@s.mr-1 > div,
  .lib-layout__lib-2\/5\@s.mr-1 > li,
  .lib-layout__lib-2\/5\@s.mr-1 > a {
    width: calc(40% - 1%)!important;
  }

  .lib-layout .lib-3\/5\@s,
  .lib-layout__lib-3\/5\@s > div,
  .lib-layout__lib-3\/5\@s > li,
  .lib-layout__lib-3\/5\@s > a {
    width: 60% !important;
  }

  .lib-layout.mr-1 .lib-3\/5\@s,
  .lib-layout__lib-3\/5\@s.mr-1 > div,
  .lib-layout__lib-3\/5\@s.mr-1 > li,
  .lib-layout__lib-3\/5\@s.mr-1 > a {
    width: calc(60% - 1%)!important;
  }

  .lib-layout .lib-4\/5\@s,
  .lib-layout__lib-4\/5\@s > div,
  .lib-layout__lib-4\/5\@s > li,
  .lib-layout__lib-4\/5\@s > a {
    width: 80% !important;
  }

  .lib-layout.mr-1 .lib-4\/5\@s,
  .lib-layout__lib-4\/5\@s.mr-1 > div,
  .lib-layout__lib-4\/5\@s.mr-1 > li,
  .lib-layout__lib-4\/5\@s.mr-1 > a {
    width: calc(80% - 1%)!important;
  }

  .lib-layout .lib-1\/8\@s,
  .lib-layout__lib-1\/8\@s > div,
  .lib-layout__lib-1\/8\@s > li,
  .lib-layout__lib-1\/8\@s > a {
    width: 12.5% !important;
  }

  .lib-layout .lib-2\/8\@s,
  .lib-layout__lib-2\/8\@s > div,
  .lib-layout__lib-2\/8\@s > li,
  .lib-layout__lib-2\/8\@s > a {
    width: 25% !important;
  }

  .lib-layout .lib-3\/8\@s,
  .lib-layout__lib-3\/8\@s > div,
  .lib-layout__lib-3\/8\@s > li,
  .lib-layout__lib-3\/8\@s > a {
    width: 37.5% !important;
  }

  .lib-layout .lib-4\/8\@s,
  .lib-layout__lib-4\/8\@s > div,
  .lib-layout__lib-4\/8\@s > li,
  .lib-layout__lib-4\/8\@s > a {
    width: 50% !important;
  }

  .lib-layout .lib-5\/8\@s,
  .lib-layout__lib-5\/8\@s > div,
  .lib-layout__lib-5\/8\@s > li,
  .lib-layout__lib-5\/8\@s > a {
    width: 62.5% !important;
  }

  .lib-layout .lib-6\/8\@s,
  .lib-layout__lib-6\/8\@s > div,
  .lib-layout__lib-6\/8\@s > li,
  .lib-layout__lib-6\/8\@s > a {
    width: 75% !important;
  }

  .lib-layout .lib-7\/8\@s,
  .lib-layout__lib-7\/8\@s > div,
  .lib-layout__lib-7\/8\@s > li,
  .lib-layout__lib-7\/8\@s > a {
    width: 87.5% !important;
  }

  .lib-col-2\@s {

       -moz-column-count: 2;
    -webkit-column-count: 2;
            column-count: 2;
  }

  .lib-col-3\@s {

       -moz-column-count: 3;
    -webkit-column-count: 3;
            column-count: 3;
  }

  .lib-col-4\@s {

       -moz-column-count: 4;
    -webkit-column-count: 4;
            column-count: 4;
  }


  .lib-grid\@s {

    display: grid;
    grid-gap: var(--lib-gutter);  
  }

  .lib-grid.lib-grid__2-items\@s {

    grid-template-columns: 1fr 1fr;
  }

  .lib-grid.lib-grid__3-items\@s {

    grid-template-columns: 1fr 1fr 1fr;
  }

  .lib-grid.lib-grid__4-items\@s {

    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .lib-grid.lib-grid__5-items\@s {

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .lib-grid.lib-grid__1-2\@s {

    grid-template-columns: 1fr 2fr;
  }

  .lib-grid.lib-grid__2-1\@s {

    grid-template-columns: 2fr 1fr;
  }

  .lib-grid.lib-grid__1-3\@s {

    grid-template-columns: 1fr 3fr;
  }

  .lib-grid.lib-grid__3-1\@s {

    grid-template-columns: 3fr 1fr;
  }

  .lib-grid.lib-grid__2-1-1\@s {

    grid-template-columns: 2fr 1fr 1fr;
  }

  .lib-grid.lib-grid__1-1-2\@s {

    grid-template-columns: 1fr 1fr 2fr;
  }

  .lib-grid.lib-grid__1-2-1\@s {

    grid-template-columns: 1fr 2fr 1fr;
  }

  .lib-grid.lib-grid__1-2-2\@s {

    grid-template-columns: 1fr 2fr 2fr;
  }

  .lib-grid.lib-grid__2-2-1\@s {

    grid-template-columns: 2fr 2fr 1fr;
  }

}


/* Our definition of a medium-sized screen */
@media (min-width: 37.5em) {

  .lib-layout .lib-1\/1\@m,
  .lib-layout__lib-1\/1\@m > div,
  .lib-layout__lib-1\/1\@m > li,
  .lib-layout__lib-1\/1\@m > a {
    width: 100% !important;
  }

  .lib-layout .lib-1\/2\@m,
  .lib-layout__lib-1\/2\@m > div,
  .lib-layout__lib-1\/2\@m > li,
  .lib-layout__lib-1\/2\@m > a {
    width: 50% !important;
  }

  .lib-layout.mr-1 .lib-1\/2\@m,
  .lib-layout__lib-1\/2\@m.mr-1 > div,
  .lib-layout__lib-1\/2\@m.mr-1 > li,
  .lib-layout__lib-1\/2\@m.mr-1 > a {
    width: calc(50% - 1%)!important;
  }

  .lib-layout .lib-1\/3\@m,
  .lib-layout__lib-1\/3\@m > div,
  .lib-layout__lib-1\/3\@m > li,
  .lib-layout__lib-1\/3\@m > a {
    width: 33.33333% !important;
  }

  .lib-layout.mr-1 .lib-1\/3\@m,
  .lib-layout__lib-1\/3\@m.mr-1 > div,
  .lib-layout__lib-1\/3\@m.mr-1 > li,
  .lib-layout__lib-1\/3\@m.mr-1 > a {
    width: calc(33.33333% - 1%)!important;
  }

  .lib-layout .lib-2\/3\@m,
  .lib-layout__lib-2\/3\@m > div,
  .lib-layout__lib-2\/3\@m > li,
  .lib-layout__lib-2\/3\@m > a {
    width: 66.66667% !important;
  }

  .lib-layout.mr-1 .lib-2\/3\@m,
  .lib-layout__lib-2\/3\@m.mr-1 > div,
  .lib-layout__lib-2\/3\@m.mr-1 > li,
  .lib-layout__lib-2\/3\@m.mr-1 > a {
    width: calc(66.66667% - 1%)!important;
  }

  .lib-layout .lib-1\/4\@m,
  .lib-layout__lib-1\/4\@m > div,
  .lib-layout__lib-1\/4\@m > li,
  .lib-layout__lib-1\/4\@m > a {
    width: 25% !important;
  }

  .lib-layout.mr-1 .lib-1\/4\@m,
  .lib-layout__lib-1\/4\@m.mr-1 > div,
  .lib-layout__lib-1\/4\@m.mr-1 > li,
  .lib-layout__lib-1\/4\@m.mr-1 > a {
    width: calc(25% - 1%)!important;
  }

  .lib-layout .lib-2\/4\@m,
  .lib-layout__lib-2\/4\@m > div,
  .lib-layout__lib-2\/4\@m > li,
  .lib-layout__lib-2\/4\@m > a {
    width: 50% !important;
  }

  .lib-layout.mr-1 .lib-2\/4\@m,
  .lib-layout__lib-2\/4\@m.mr-1 > div,
  .lib-layout__lib-2\/4\@m.mr-1 > li,
  .lib-layout__lib-2\/4\@m.mr-1 > a {
    width: calc(50% - 1%)!important;
  }

  .lib-layout .lib-3\/4\@m,
  .lib-layout__lib-3\/4\@m > div,
  .lib-layout__lib-3\/4\@m > li,
  .lib-layout__lib-3\/4\@m > a {
    width: 75% !important;
  }

  .lib-layout.mr-1 .lib-3\/4\@m,
  .lib-layout__lib-3\/4\@m.mr-1 > div,
  .lib-layout__lib-3\/4\@m.mr-1 > li,
  .lib-layout__lib-3\/4\@m.mr-1 > a {
    width: calc(75% - 1%)!important;
  }

  .lib-layout .lib-1\/5\@m,
  .lib-layout__lib-1\/5\@m > div,
  .lib-layout__lib-1\/5\@m > li,
  .lib-layout__lib-1\/5\@m > a {
    width: 20% !important;
  }

  .lib-layout.mr-1 .lib-1\/5\@m,
  .lib-layout__lib-1\/5\@m.mr-1 > div,
  .lib-layout__lib-1\/5\@m.mr-1 > li,
  .lib-layout__lib-1\/5\@m.mr-1 > a {
    width: calc(20% - 1%)!important;
  }

  .lib-layout .lib-2\/5\@m,
  .lib-layout__lib-2\/5\@m > div,
  .lib-layout__lib-2\/5\@m > li,
  .lib-layout__lib-2\/5\@m > a {
    width: 40% !important;
  }

  .lib-layout.mr-1 .lib-2\/5\@m,
  .lib-layout__lib-2\/5\@m.mr-1 > div,
  .lib-layout__lib-2\/5\@m.mr-1 > li,
  .lib-layout__lib-2\/5\@m.mr-1 > a {
    width: calc(40% - 1%)!important;
  }

  .lib-layout .lib-3\/5\@m,
  .lib-layout__lib-3\/5\@m > div,
  .lib-layout__lib-3\/5\@m > li,
  .lib-layout__lib-3\/5\@m > a {
    width: 60% !important;
  }

  .lib-layout.mr-1 .lib-3\/5\@m,
  .lib-layout__lib-3\/5\@m.mr-1 > div,
  .lib-layout__lib-3\/5\@m.mr-1 > li,
  .lib-layout__lib-3\/5\@m.mr-1 > a {
    width: calc(60% - 1%)!important;
  }

  .lib-layout .lib-4\/5\@m,
  .lib-layout__lib-4\/5\@m > div,
  .lib-layout__lib-4\/5\@m > li,
  .lib-layout__lib-4\/5\@m > a {
    width: 80% !important;
  }

  .lib-layout.mr-1 .lib-4\/5\@m,
  .lib-layout__lib-4\/5\@m.mr-1 > div,
  .lib-layout__lib-4\/5\@m.mr-1 > li,
  .lib-layout__lib-4\/5\@m.mr-1 > a {
    width: calc(80% - 1%)!important;
  }

  .lib-layout .lib-1\/8\@m,
  .lib-layout__lib-1\/8\@m > div,
  .lib-layout__lib-1\/8\@m > li,
  .lib-layout__lib-1\/8\@m > a {
    width: 12.5% !important;
  }

  .lib-layout .lib-2\/8\@m,
  .lib-layout__lib-2\/8\@m > div,
  .lib-layout__lib-2\/8\@m > li,
  .lib-layout__lib-2\/8\@m > a {
    width: 25% !important;
  }

  .lib-layout .lib-3\/8\@m,
  .lib-layout__lib-3\/8\@m > div,
  .lib-layout__lib-3\/8\@m > li,
  .lib-layout__lib-3\/8\@m > a {
    width: 37.5% !important;
  }

  .lib-layout .lib-4\/8\@m,
  .lib-layout__lib-4\/8\@m > div,
  .lib-layout__lib-4\/8\@m > li,
  .lib-layout__lib-4\/8\@m > a {
    width: 50% !important;
  }

  .lib-layout .lib-5\/8\@m,
  .lib-layout__lib-5\/8\@m > div,
  .lib-layout__lib-5\/8\@m > li,
  .lib-layout__lib-5\/8\@m > a {
    width: 62.5% !important;
  }

  .lib-layout .lib-6\/8\@m,
  .lib-layout__lib-6\/8\@m > div,
  .lib-layout__lib-6\/8\@m > li,
  .lib-layout__lib-6\/8\@m > a {
    width: 75% !important;
  }

  .lib-layout .lib-7\/8\@m,
  .lib-layout__lib-7\/8\@m > div,
  .lib-layout__lib-7\/8\@m > li,
  .lib-layout__lib-7\/8\@m > a {
    width: 87.5% !important;
  }

  .lib-col-2\@m {

       -moz-column-count: 2;
    -webkit-column-count: 2;
            column-count: 2;
  }

  .lib-col-3\@m {

       -moz-column-count: 3;
    -webkit-column-count: 3;
            column-count: 3;
  }

  .lib-col-4\@m {

       -moz-column-count: 4;
    -webkit-column-count: 4;
            column-count: 4;
  }

  .lib-grid\@m {

    display: grid;
    grid-gap: var(--lib-gutter);  
  }

  .lib-grid.lib-grid__2-items\@m {

    grid-template-columns: 1fr 1fr;
  }

  .lib-grid.lib-grid__3-items\@m {

    grid-template-columns: 1fr 1fr 1fr;
  }

  .lib-grid.lib-grid__4-items\@m {

    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .lib-grid.lib-grid__5-items\@m {

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .lib-grid.lib-grid__1-2\@m {

    grid-template-columns: 1fr 2fr;
  }

  .lib-grid.lib-grid__2-1\@m {

    grid-template-columns: 2fr 1fr;
  }

  .lib-grid.lib-grid__1-3\@m {

    grid-template-columns: 1fr 3fr;
  }

  .lib-grid.lib-grid__3-1\@m {

    grid-template-columns: 3fr 1fr;
  }

  .lib-grid.lib-grid__2-1-1\@m {

    grid-template-columns: 2fr 1fr 1fr;
  }

  .lib-grid.lib-grid__1-1-2\@m {

    grid-template-columns: 1fr 1fr 2fr;
  }

  .lib-grid.lib-grid__1-2-1\@m {

    grid-template-columns: 1fr 2fr 1fr;
  }

  .lib-grid.lib-grid__1-2-2\@m {

    grid-template-columns: 1fr 2fr 2fr;
  }

  .lib-grid.lib-grid__2-2-1\@m {

    grid-template-columns: 2fr 2fr 1fr;
  }

}


/* Our definition of a large-sized screen */
@media (min-width: 56.25em) {

  .lib-layout .lib-1\/1\@l,
  .lib-layout__lib-1\/1\@l > div,
  .lib-layout__lib-1\/1\@l > li,
  .lib-layout__lib-1\/1\@l > a {
    width: 100% !important;
  }

  .lib-layout .lib-1\/2\@l,
  .lib-layout__lib-1\/2\@l > div,
  .lib-layout__lib-1\/2\@l > li,
  .lib-layout__lib-1\/2\@l > a {
    width: 50% !important;
  }

  .lib-layout .lib-1\/3\@l,
  .lib-layout__lib-1\/3\@l > div,
  .lib-layout__lib-1\/3\@l > li,
  .lib-layout__lib-1\/3\@l > a {
    width: 33.33333% !important;
  }

  .lib-layout .lib-2\/3\@l,
  .lib-layout__lib-2\/3\@l > div,
  .lib-layout__lib-2\/3\@l > li,
  .lib-layout__lib-2\/3\@l > a {
    width: 66.66667% !important;
  }

  .lib-layout .lib-1\/4\@l,
  .lib-layout__lib-1\/4\@l > div,
  .lib-layout__lib-1\/4\@l > li,
  .lib-layout__lib-1\/4\@l > a {
    width: 25% !important;
  }

  .lib-layout .lib-2\/4\@l,
  .lib-layout__lib-2\/4\@l > div,
  .lib-layout__lib-2\/4\@l > li,
  .lib-layout__lib-2\/4\@l > a {
    width: 50% !important;
  }

  .lib-layout .lib-3\/4\@l,
  .lib-layout__lib-3\/4\@l > div,
  .lib-layout__lib-3\/4\@l > li,
  .lib-layout__lib-3\/4\@l > a {
    width: 75% !important;
  }

  .lib-layout .lib-1\/5\@l,
  .lib-layout__lib-1\/5\@l > div,
  .lib-layout__lib-1\/5\@l > li,
  .lib-layout__lib-1\/5\@l > a {
    width: 20% !important;
  }

  .lib-layout .lib-2\/5\@l,
  .lib-layout__lib-2\/5\@l > div,
  .lib-layout__lib-2\/5\@l > li,
  .lib-layout__lib-2\/5\@l > a {
    width: 40% !important;
  }

  .lib-layout .lib-3\/5\@l,
  .lib-layout__lib-3\/5\@l > div,
  .lib-layout__lib-3\/5\@l > li,
  .lib-layout__lib-3\/5\@l > a {
    width: 60% !important;
  }

  .lib-layout .lib-4\/5\@l,
  .lib-layout__lib-4\/5\@l > div,
  .lib-layout__lib-4\/5\@l > li,
  .lib-layout__lib-4\/5\@l > a {
    width: 80% !important;
  }

  .lib-layout .lib-1\/8\@l,
  .lib-layout__lib-1\/8\@l > div,
  .lib-layout__lib-1\/8\@l > li,
  .lib-layout__lib-1\/8\@l > a {
    width: 12.5% !important;
  }

  .lib-layout .lib-2\/8\@l,
  .lib-layout__lib-2\/8\@l > div,
  .lib-layout__lib-2\/8\@l > li,
  .lib-layout__lib-2\/8\@l > a {
    width: 25% !important;
  }

  .lib-layout .lib-3\/8\@l,
  .lib-layout__lib-3\/8\@l > div,
  .lib-layout__lib-3\/8\@l > li,
  .lib-layout__lib-3\/8\@l > a {
    width: 37.5% !important;
  }

  .lib-layout .lib-4\/8\@l,
  .lib-layout__lib-4\/8\@l > div,
  .lib-layout__lib-4\/8\@l > li,
  .lib-layout__lib-4\/8\@l > a {
    width: 50% !important;
  }

  .lib-layout .lib-5\/8\@l,
  .lib-layout__lib-5\/8\@l > div,
  .lib-layout__lib-5\/8\@l > li,
  .lib-layout__lib-5\/8\@l > a {
    width: 62.5% !important;
  }

  .lib-layout .lib-6\/8\@l,
  .lib-layout__lib-6\/8\@l > div,
  .lib-layout__lib-6\/8\@l > li,
  .lib-layout__lib-6\/8\@l > a {
    width: 75% !important;
  }

  .lib-layout .lib-7\/8\@l,
  .lib-layout__lib-7\/8\@l > div,
  .lib-layout__lib-7\/8\@l > li,
  .lib-layout__lib-7\/8\@l > a {
    width: 87.5% !important;
  }



  .lib-layout.mr-1 .lib-1\/2\@l,
  .lib-layout__lib-1\/2\@l.mr-1 > div,
  .lib-layout__lib-1\/2\@l.mr-1 > li,
  .lib-layout__lib-1\/2\@l.mr-1 > a {
    width: calc(50% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-1\/3\@l,
  .lib-layout__lib-1\/3\@l.mr-1 > div,
  .lib-layout__lib-1\/3\@l.mr-1 > li,
  .lib-layout__lib-1\/3\@l.mr-1 > a {
    width: calc(33.33333% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-2\/3\@l,
  .lib-layout__lib-2\/3\@l.mr-1 > div,
  .lib-layout__lib-2\/3\@l.mr-1 > li,
  .lib-layout__lib-2\/3\@l.mr-1 > a {
    width: calc(66.66667% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-1\/4\@l,
  .lib-layout__lib-1\/4\@l.mr-1 > div,
  .lib-layout__lib-1\/4\@l.mr-1 > li,
  .lib-layout__lib-1\/4\@l.mr-1 > a {
    width: calc(25% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-2\/4\@l,
  .lib-layout__lib-2\/4\@l.mr-1 > div,
  .lib-layout__lib-2\/4\@l.mr-1 > li,
  .lib-layout__lib-2\/4\@l.mr-1 > a {
    width: calc(50% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-3\/4\@l,
  .lib-layout__lib-3\/4\@l.mr-1 > div,
  .lib-layout__lib-3\/4\@l.mr-1 > li,
  .lib-layout__lib-3\/4\@l.mr-1 > a {
    width: calc(75% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-1\/5\@l,
  .lib-layout__lib-1\/5\@l.mr-1 > div,
  .lib-layout__lib-1\/5\@l.mr-1 > li,
  .lib-layout__lib-1\/5\@l.mr-1 > a {
    width: calc(20% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-2\/5\@l,
  .lib-layout__lib-2\/5\@l.mr-1 > div,
  .lib-layout__lib-2\/5\@l.mr-1 > li,
  .lib-layout__lib-2\/5\@l.mr-1 > a {
    width: calc(40% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-3\/5\@l,
  .lib-layout__lib-3\/5\@l.mr-1 > div,
  .lib-layout__lib-3\/5\@l.mr-1 > li,
  .lib-layout__lib-3\/5\@l.mr-1 > a {
    width: calc(60% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-4\/5\@l,
  .lib-layout__lib-4\/5\@l.mr-1 > div,
  .lib-layout__lib-4\/5\@l.mr-1 > li,
  .lib-layout__lib-4\/5\@l.mr-1 > a {
    width: calc(80% - 1%)!important;
  }


  .lib-col-2\@l {

       -moz-column-count: 2;
    -webkit-column-count: 2;
            column-count: 2;
  }

  .lib-col-3\@l {

       -moz-column-count: 3;
    -webkit-column-count: 3;
            column-count: 3;
  }

  .lib-col-4\@l {

       -moz-column-count: 4;
    -webkit-column-count: 4;
            column-count: 4;
  }

  .lib-grid\@l {

    display: grid;
    grid-gap: var(--lib-gutter);  
  }

  .lib-grid.lib-grid__2-items\@l {

    grid-template-columns: 1fr 1fr;
  }

  .lib-grid.lib-grid__3-items\@l {

    grid-template-columns: 1fr 1fr 1fr;
  }

  .lib-grid.lib-grid__4-items\@l {

    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .lib-grid.lib-grid__5-items\@l {

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .lib-grid.lib-grid__1-2\@l {

    grid-template-columns: 1fr 2fr;
  }

  .lib-grid.lib-grid__2-1\@l {

    grid-template-columns: 2fr 1fr;
  }

  .lib-grid.lib-grid__1-3\@l {

    grid-template-columns: 1fr 3fr;
  }

  .lib-grid.lib-grid__3-1\@l {

    grid-template-columns: 3fr 1fr;
  }

  .lib-grid.lib-grid__2-1-1\@l {

    grid-template-columns: 2fr 1fr 1fr;
  }

  .lib-grid.lib-grid__1-1-2\@l {

    grid-template-columns: 1fr 1fr 2fr;
  }

  .lib-grid.lib-grid__1-2-1\@l {

    grid-template-columns: 1fr 2fr 1fr;
  }

  .lib-grid.lib-grid__1-2-2\@l {

    grid-template-columns: 1fr 2fr 2fr;
  }

  .lib-grid.lib-grid__2-2-1\@l {

    grid-template-columns: 2fr 2fr 1fr;
  }

}


/* Our definition of a extra large-sized screen */
@media (min-width: 63em) {

  .lib-layout .lib-1\/1\@xl,
  .lib-layout__lib-1\/1\@xl > div,
  .lib-layout__lib-1\/1\@xl > li,
  .lib-layout__lib-1\/1\@xl > a {

    width: 100% !important;
  }

  .lib-layout .lib-1\/2\@xl,
  .lib-layout__lib-1\/2\@xl > div,
  .lib-layout__lib-1\/2\@xl > li,
  .lib-layout__lib-1\/2\@xl > a {

    width: 50% !important;
  }

  .lib-layout .lib-1\/3\@xl,
  .lib-layout__lib-1\/3\@xl > div,
  .lib-layout__lib-1\/4\@xl > li,
  .lib-layout__lib-1\/4\@xl > a {

    width: 33.33333% !important;
  }

  .lib-layout .lib-2\/3\@xl,
  .lib-layout__lib-2\/3\@xl > div,
  .lib-layout__lib-2\/3\@xl > li,
  .lib-layout__lib-2\/3\@xl > a {

    width: 66.66667% !important;
  }

  .lib-layout .lib-1\/4\@xl,
  .lib-layout__lib-1\/4\@xl > div,
  .lib-layout__lib-1\/4\@xl > li,
  .lib-layout__lib-1\/4\@xl > a {

    width: 25% !important;
  }

  .lib-layout .lib-2\/4\@xl,
  .lib-layout__lib-2\/4\@xl > div,
  .lib-layout__lib-2\/4\@xl > li,
  .lib-layout__lib-2\/4\@xl > a {

    width: 50% !important;
  }

  .lib-layout .lib-3\/4\@xl,
  .lib-layout__lib-3\/4\@xl > div,
  .lib-layout__lib-3\/4\@xl > li,
  .lib-layout__lib-3\/4\@xl > a {

    width: 75% !important;
  }

  .lib-layout .lib-1\/5\@xl,
  .lib-layout__lib-1\/5\@xl > div,
  .lib-layout__lib-1\/5\@xl > li,
  .lib-layout__lib-1\/5\@xl > a {

    width: 20% !important;
  }

  .lib-layout .lib-2\/5\@xl,
  .lib-layout__lib-2\/5\@xl > div,
  .lib-layout__lib-2\/5\@xl > li,
  .lib-layout__lib-2\/5\@xl > a {

    width: 40% !important;
  }

  .lib-layout .lib-3\/5\@xl,
  .lib-layout__lib-3\/5\@xl > div,
  .lib-layout__lib-3\/5\@xl > li,
  .lib-layout__lib-3\/5\@xl > a {

    width: 60% !important;
  }

  .lib-layout .lib-4\/5\@xl,
  .lib-layout__lib-4\/5\@xl > div,
  .lib-layout__lib-4\/5\@xl > li,
  .lib-layout__lib-4\/5\@xl > a {

    width: 80% !important;
  }

  .lib-layout .lib-1\/8\@xl,
  .lib-layout__lib-1\/8\@xl > div,
  .lib-layout__lib-1\/8\@xl > li,
  .lib-layout__lib-1\/8\@xl > a {

    width: 12.5% !important;
  }

  .lib-layout .lib-2\/8\@xl,
  .lib-layout__lib-2\/8\@xl > div,
  .lib-layout__lib-2\/8\@xl > li,
  .lib-layout__lib-2\/8\@xl > a {

    width: 25% !important;
  }

  .lib-layout .lib-3\/8\@xl,
  .lib-layout__lib-3\/8\@xl > div,
  .lib-layout__lib-3\/8\@xl > li,
  .lib-layout__lib-3\/8\@xl > a {

    width: 37.5% !important;
  }

  .lib-layout .lib-4\/8\@xl,
  .lib-layout__lib-4\/8\@xl > div,
  .lib-layout__lib-4\/8\@xl > li,
  .lib-layout__lib-4\/8\@xl > a {

    width: 50% !important;
  }

  .lib-layout .lib-5\/8\@xl,
  .lib-layout__lib-5\/8\@xl > div,
  .lib-layout__lib-5\/8\@xl > li,
  .lib-layout__lib-5\/8\@xl > a {

    width: 62.5% !important;
  }

  .lib-layout .lib-6\/8\@xl,
  .lib-layout__lib-6\/8\@xl > div,
  .lib-layout__lib-6\/8\@xl > li,
  .lib-layout__lib-6\/8\@xl > a {

    width: 75% !important;
  }

  .lib-layout .lib-7\/8\@xl,
  .lib-layout__lib-7\/8\@xl > div,
  .lib-layout__lib-7\/8\@xl > li,
  .lib-layout__lib-7\/8\@xl > a {

    width: 87.5% !important;
  }





  .lib-layout.mr-1 .lib-1\/2\@xl,
  .lib-layout__lib-1\/2\@xl.mr-1 > div,
  .lib-layout__lib-1\/2\@xl.mr-1 > li,
  .lib-layout__lib-1\/2\@xl.mr-1 > a {
    width: calc(50% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-1\/3\@xl,
  .lib-layout__lib-1\/3\@xl.mr-1 > div,
  .lib-layout__lib-1\/3\@xl.mr-1 > li,
  .lib-layout__lib-1\/3\@xl.mr-1 > a {
    width: calc(33.33333% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-2\/3\@xl,
  .lib-layout__lib-2\/3\@xl.mr-1 > div,
  .lib-layout__lib-2\/3\@xl.mr-1 > li,
  .lib-layout__lib-2\/3\@xl.mr-1 > a {
    width: calc(66.66667% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-1\/4\@xl,
  .lib-layout__lib-1\/4\@xl.mr-1 > div,
  .lib-layout__lib-1\/4\@xl.mr-1 > li,
  .lib-layout__lib-1\/4\@xl.mr-1 > a {
    width: calc(25% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-2\/4\@xl,
  .lib-layout__lib-2\/4\@xl.mr-1 > div,
  .lib-layout__lib-2\/4\@xl.mr-1 > li,
  .lib-layout__lib-2\/4\@xl.mr-1 > a {
    width: calc(50% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-3\/4\@xl,
  .lib-layout__lib-3\/4\@xl.mr-1 > div,
  .lib-layout__lib-3\/4\@xl.mr-1 > li,
  .lib-layout__lib-3\/4\@xl.mr-1 > a {
    width: calc(75% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-1\/5\@xl,
  .lib-layout__lib-1\/5\@xl.mr-1 > div,
  .lib-layout__lib-1\/5\@xl.mr-1 > li,
  .lib-layout__lib-1\/5\@xl.mr-1 > a {
    width: calc(20% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-2\/5\@xl,
  .lib-layout__lib-2\/5\@xl.mr-1 > div,
  .lib-layout__lib-2\/5\@xl.mr-1 > li,
  .lib-layout__lib-2\/5\@xl.mr-1 > a {
    width: calc(40% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-3\/5\@xl,
  .lib-layout__lib-3\/5\@xl.mr-1 > div,
  .lib-layout__lib-3\/5\@xl.mr-1 > li,
  .lib-layout__lib-3\/5\@xl.mr-1 > a {
    width: calc(60% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-4\/5\@xl,
  .lib-layout__lib-4\/5\@xl.mr-1 > div,
  .lib-layout__lib-4\/5\@xl.mr-1 > li,
  .lib-layout__lib-4\/5\@xl.mr-1 > a {
    width: calc(80% - 1%)!important;
  }

  .lib-col-2\@xl {

       -moz-column-count: 2;
    -webkit-column-count: 2;
            column-count: 2;
  }

  .lib-col-3\@xl {

       -moz-column-count: 3;
    -webkit-column-count: 3;
            column-count: 3;
  }

  .lib-col-4\@xl {

       -moz-column-count: 4;
    -webkit-column-count: 4;
            column-count: 4;
  }

  .lib-grid\@xl {

    display: grid;
    grid-gap: var(--lib-gutter);  
  }

  .lib-grid.lib-grid__2-items\@xl {

    grid-template-columns: 1fr 1fr;
  }

  .lib-grid.lib-grid__3-items\@xl {

    grid-template-columns: 1fr 1fr 1fr;
  }

  .lib-grid.lib-grid__4-items\@xl {

    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .lib-grid.lib-grid__5-items\@xl {

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .lib-grid.lib-grid__1-2\@xl {

    grid-template-columns: 1fr 2fr;
  }

  .lib-grid.lib-grid__2-1\@xl {

    grid-template-columns: 2fr 1fr;
  }

  .lib-grid.lib-grid__1-3\@xl {

    grid-template-columns: 1fr 3fr;
  }

  .lib-grid.lib-grid__3-1\@xl {

    grid-template-columns: 3fr 1fr;
  }

  .lib-grid.lib-grid__2-1-1\@xl {

    grid-template-columns: 2fr 1fr 1fr;
  }

  .lib-grid.lib-grid__1-1-2\@xl {

    grid-template-columns: 1fr 1fr 2fr;
  }

  .lib-grid.lib-grid__1-2-1\@xl {

    grid-template-columns: 1fr 2fr 1fr;
  }

  .lib-grid.lib-grid__1-2-2\@xl {

    grid-template-columns: 1fr 2fr 2fr;
  }

  .lib-grid.lib-grid__2-2-1\@xl {

    grid-template-columns: 2fr 2fr 1fr;
  }

}




/* Our definition of a extra-extra large-sized screen */
@media (min-width: 80em) {

  .lib-layout .lib-1\/1\@xxl,
  .lib-layout__lib-1\/1\@xxl > div,
  .lib-layout__lib-1\/1\@xxl > li,
  .lib-layout__lib-1\/1\@xxl > a {

    width: 100% !important;
  }

  .lib-layout .lib-1\/2\@xxl,
  .lib-layout__lib-1\/2\@xxl > div,
  .lib-layout__lib-1\/2\@xxl > li,
  .lib-layout__lib-1\/2\@xxl > a {

    width: 50% !important;
  }

  .lib-layout .lib-1\/3\@xxl,
  .lib-layout__lib-1\/3\@xxl > div,
  .lib-layout__lib-1\/3\@xxl > li,
  .lib-layout__lib-1\/3\@xxl > a {

    width: 33.33333% !important;
  }

  .lib-layout .lib-2\/3\@xxl,
  .lib-layout__lib-2\/3\@xxl > div,
  .lib-layout__lib-2\/3\@xxl > li,
  .lib-layout__lib-2\/3\@xxl > a {

    width: 66.66667% !important;
  }

  .lib-layout .lib-1\/4\@xxl,
  .lib-layout__lib-1\/4\@xxl > div,
  .lib-layout__lib-1\/4\@xxl > li,
  .lib-layout__lib-1\/4\@xxl > a {

    width: 25% !important;
  }

  .lib-layout .lib-2\/4\@xxl,
  .lib-layout__lib-2\/4\@xxl > div,
  .lib-layout__lib-2\/4\@xxl > li,
  .lib-layout__lib-2\/4\@xxl > a {

    width: 50% !important;
  }

  .lib-layout .lib-3\/4\@xxl,
  .lib-layout__lib-3\/4\@xxl > div,
  .lib-layout__lib-3\/4\@xxl > li,
  .lib-layout__lib-3\/4\@xxl > a {

    width: 75% !important;
  }

  .lib-layout .lib-1\/5\@xxl,
  .lib-layout__lib-1\/5\@xxl > div,
  .lib-layout__lib-1\/5\@xxl > li,
  .lib-layout__lib-1\/5\@xxl > a {

    width: 20% !important;
  }

  .lib-layout .lib-2\/5\@xxl,
  .lib-layout__lib-2\/5\@xxl > div,
  .lib-layout__lib-2\/5\@xxl > li,
  .lib-layout__lib-2\/5\@xxl > a {

    width: 40% !important;
  }

  .lib-layout .lib-3\/5\@xxl,
  .lib-layout__lib-3\/5\@xxl > div,
  .lib-layout__lib-3\/5\@xxl > li,
  .lib-layout__lib-3\/5\@xxl > a {

    width: 60% !important;
  }

  .lib-layout .lib-4\/5\@xxl,
  .lib-layout__lib-4\/5\@xxl > div,
  .lib-layout__lib-4\/5\@xxl > li,
  .lib-layout__lib-4\/5\@xxl > a {

    width: 80% !important;
  }

  .lib-layout .lib-1\/8\@xxl,
  .lib-layout__lib-1\/8\@xxl > div,
  .lib-layout__lib-1\/8\@xxl > li,
  .lib-layout__lib-1\/8\@xxl > a {

    width: 12.5% !important;
  }

  .lib-layout .lib-2\/8\@xxl,
  .lib-layout__lib-2\/8\@xxl > div,
  .lib-layout__lib-2\/8\@xxl > li,
  .lib-layout__lib-2\/8\@xxl > a {

    width: 25% !important;
  }

  .lib-layout .lib-3\/8\@xxl,
  .lib-layout__lib-3\/8\@xxl > div,
  .lib-layout__lib-3\/8\@xxl > li,
  .lib-layout__lib-3\/8\@xxl > a {

    width: 37.5% !important;
  }

  .lib-layout .lib-4\/8\@xxl,
  .lib-layout__lib-4\/8\@xxl > div,
  .lib-layout__lib-4\/8\@xxl > li,
  .lib-layout__lib-4\/8\@xxl > a {

    width: 50% !important;
  }

  .lib-layout .lib-5\/8\@xxl,
  .lib-layout__lib-5\/8\@xxl > div,
  .lib-layout__lib-5\/8\@xxl > li,
  .lib-layout__lib-5\/8\@xxl > a {

    width: 62.5% !important;
  }

  .lib-layout .lib-6\/8\@xxl,
  .lib-layout__lib-6\/8\@xxl > div,
  .lib-layout__lib-6\/8\@xxl > li,
  .lib-layout__lib-6\/8\@xxl > a {

    width: 75% !important;
  }

  .lib-layout .lib-7\/8\@xxl,
  .lib-layout__lib-7\/8\@xxl > div,
  .lib-layout__lib-7\/8\@xxl > li,
  .lib-layout__lib-7\/8\@xxl > a {

    width: 87.5% !important;
  }






  .lib-layout.mr-1 .lib-1\/2\@xxl,
  .lib-layout__lib-1\/2\@xxl.mr-1 > div,
  .lib-layout__lib-1\/2\@xxl.mr-1 > li,
  .lib-layout__lib-1\/2\@xxl.mr-1 > a {
    width: calc(50% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-1\/3\@xxl,
  .lib-layout__lib-1\/3\@xxl.mr-1 > div,
  .lib-layout__lib-1\/3\@xxl.mr-1 > li,
  .lib-layout__lib-1\/3\@xxl.mr-1 > a {
    width: calc(33.33333% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-2\/3\@xxl,
  .lib-layout__lib-2\/3\@xxl.mr-1 > div,
  .lib-layout__lib-2\/3\@xxl.mr-1 > li,
  .lib-layout__lib-2\/3\@xxl.mr-1 > a {
    width: calc(66.66667% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-1\/4\@xxl,
  .lib-layout__lib-1\/4\@xxl.mr-1 > div,
  .lib-layout__lib-1\/4\@xxl.mr-1 > li,
  .lib-layout__lib-1\/4\@xxl.mr-1 > a {
    width: calc(25% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-2\/4\@xxl,
  .lib-layout__lib-2\/4\@xxl.mr-1 > div,
  .lib-layout__lib-2\/4\@xxl.mr-1 > li,
  .lib-layout__lib-2\/4\@xxl.mr-1 > a {
    width: calc(50% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-3\/4\@xxl,
  .lib-layout__lib-3\/4\@xxl.mr-1 > div,
  .lib-layout__lib-3\/4\@xxl.mr-1 > li,
  .lib-layout__lib-3\/4\@xxl.mr-1 > a {
    width: calc(75% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-1\/5\@xxl,
  .lib-layout__lib-1\/5\@xxl.mr-1 > div,
  .lib-layout__lib-1\/5\@xxl.mr-1 > li,
  .lib-layout__lib-1\/5\@xxl.mr-1 > a {
    width: calc(20% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-2\/5\@xxl,
  .lib-layout__lib-2\/5\@xxl.mr-1 > div,
  .lib-layout__lib-2\/5\@xxl.mr-1 > li,
  .lib-layout__lib-2\/5\@xxl.mr-1 > a {
    width: calc(40% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-3\/5\@xxl,
  .lib-layout__lib-3\/5\@xxl.mr-1 > div,
  .lib-layout__lib-3\/5\@xxl.mr-1 > li,
  .lib-layout__lib-3\/5\@xxl.mr-1 > a {
    width: calc(60% - 1%)!important;
  }

  .lib-layout.mr-1 .lib-4\/5\@xxl,
  .lib-layout__lib-4\/5\@xxl.mr-1 > div,
  .lib-layout__lib-4\/5\@xxl.mr-1 > li,
  .lib-layout__lib-4\/5\@xxl.mr-1 > a {
    width: calc(80% - 1%)!important;
  }

  .lib-col-2\@xxl {

       -moz-column-count: 2;
    -webkit-column-count: 2;
            column-count: 2;
  }

  .lib-col-3\@xxl {

       -moz-column-count: 3;
    -webkit-column-count: 3;
            column-count: 3;
  }

  .lib-col-4\@xxl {

       -moz-column-count: 4;
    -webkit-column-count: 4;
            column-count: 4;
  }


  .lib-grid\@xxl {

    display: grid;
    grid-gap: var(--lib-gutter);  
  }

  .lib-grid.lib-grid__2-items\@xxl {

    grid-template-columns: 1fr 1fr;
  }

  .lib-grid.lib-grid__3-items\@xxl {

    grid-template-columns: 1fr 1fr 1fr;
  }

  .lib-grid.lib-grid__4-items\@xxl {

    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .lib-grid.lib-grid__5-items\@xxl {

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .lib-grid.lib-grid__1-2\@xxl {

    grid-template-columns: 1fr 2fr;
  }

  .lib-grid.lib-grid__2-1\@xxl {

    grid-template-columns: 2fr 1fr;
  }

  .lib-grid.lib-grid__1-3\@xxl {

    grid-template-columns: 1fr 3fr;
  }

  .lib-grid.lib-grid__3-1\@xxl {

    grid-template-columns: 3fr 1fr;
  }

  .lib-grid.lib-grid__2-1-1\@xxl {

    grid-template-columns: 2fr 1fr 1fr;
  }

  .lib-grid.lib-grid__1-1-2\@xxl {

    grid-template-columns: 1fr 1fr 2fr;
  }

  .lib-grid.lib-grid__1-2-1\@xxl {

    grid-template-columns: 1fr 2fr 1fr;
  }

  .lib-grid.lib-grid__1-2-2\@xxl {

    grid-template-columns: 1fr 2fr 2fr;
  }

  .lib-grid.lib-grid__2-2-1\@xxl {

    grid-template-columns: 2fr 2fr 1fr;
  }

}


.lib-layout .lib-1\/1--override {

  width: 100%!important;
}




/* #layouts as containers (experimental)
 *
 * Resets the items based on the container size
 * rather than the window size.
============================= */
.lib-layout__lib-1\/2\@xl {
  
  container-name: layout-container-1-2-xl;
  container-type: inline-size;
}

  @container layout-container-1-2-xl (width < 1008px) {

    .lib-layout__lib-1\/2\@xl > div {
      width: 100% !important;
    }
  }