@import url(trellis-config.css?uc=1);
:root {
  --t-phi: 1.618033988749895;
  @custom-media --t-mobile-landscape-min (min-width: var(--t-mobile-landscape));
  /* Min width */
  @custom-media --t-mobile-landscape-max (max-width: var(--t-mobile-landscape));
  /* Min width */
  @custom-media --t-tablet-portrait-min (min-width: var(--t-tablet-portrait));
  /* Min width */
  @custom-media --t-tablet-portrait-max (max-width: var(--t-tablet-portrait));
  /* Min width */
  @custom-media --t-desktop-min (min-width: var(--t-desktop));
  /* Min width */
  @custom-media --t-desktop-max (max-width: var(--t-desktop));
  /* Min width */
  @custom-media --t-desktopxl-min (min-width: var(--t-desktopxl));
  /* Min width */
  @custom-media --t-desktopxl-max (max-width: var(--t-desktopxl));
  /* Min width */
}

/* Libraries */
/* Text colors */
.t-txt\:clr1, .t-txt\:clr1 > p {
  color: var(--t-color-primary);
}

.t-txt\:clr2, .t-txt\:clr2 > p {
  color: var(--t-color-secondary);
}

.t-txt\:clr3, .t-txt\:clr3 > p {
  color: var(--t-color-tertiary);
}

.t-txt\:clr4, .t-txt\:clr4 > p {
  color: var(--t-color-quaternary);
}

.t-txt\:clr5, .t-txt\:clr5 > p {
  color: var(--t-color-quinary);
}

.t-txt\:clr6, .t-txt\:clr6 > p {
  color: var(--t-color-senary);
}

.t-txt\:clr7, .t-txt\:clr7 > p {
  color: var(--t-color-severnary);
}

.t-txt\:clr8, .t-txt\:clr8 > p {
  color: var(--t-color-octarnary);
}

.t-txt\:grey1, .t-txt\:grey1 > p {
  color: var(--t-grey-light);
  -webkit-font-smoothing: antialiased;
}

.t-txt\:grey2, .t-txt\:grey2 > p {
  color: var(--t-grey-norm);
}

.t-txt\:grey3, .t-txt\:grey3 > p {
  color: var(--t-grey-med);
}

.t-txt\:grey4, .t-txt\:grey4 > p {
  color: var(--t-grey-dark);
}

.t-txt\:blk, .t-txt\:blk > p {
  color: #000;
}

.t-txt\:wht, .t-txt\:wht > p {
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

.t-txt\:wht h1, .t-txt\:wht h2, .t-txt\:wht h3, .t-txt\:wht h4, .t-txt\:wht h5 {
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

/* Background colors */
.t-bg\:clr1 {
  background-color: var(--t-color-primary);
}

.t-bg\:clr2 {
  background-color: var(--t-color-secondary);
}

.t-bg\:clr3 {
  background-color: var(--t-color-tertiary);
}

.t-bg\:clr4 {
  background-color: var(--t-color-quaternary);
}

.t-bg\:clr5 {
  background-color: var(--t-color-quinary);
}

.t-bg\:clr6 {
  background-color: var(--t-color-senary);
}

.t-bg\:clr7 {
  background-color: var(--t-color-severnary);
}

.t-bg\:clr8 {
  background-color: var(--t-color-octarnary);
}

.t-bg\:grey1 {
  background-color: var(--t-grey-light);
}

.t-bg\:grey2 {
  background-color: var(--t-grey-norm);
}

.t-bg\:grey3 {
  background-color: var(--t-grey-med);
}

.t-bg\:grey4 {
  background-color: var(--t-grey-dark);
}

.t-bg\:blk {
  background-color: #000;
}

.t-bg\:wht {
  background-color: #fff;
}

h1 {
  font-size: var(--t-txt-headline-big);
}

h2 {
  font-size: var(--t-txt-headline-med);
}

h3 {
  font-size: var(--t-txt-headline-norm);
}

h4 {
  font-size: var(--t-txt-headline-small);
}

.t-txt\:italic {
  font-style: italic;
}

.t-txt\:uppercase {
  text-transform: uppercase;
}

.t-txt\:underline {
  text-decoration: underline;
}

.t-txt\:h1, .t-txt\:h1 p {
  font-size: var(--t-txt-headline-big);
}

.t-txt\:h2, .t-txt\:h2 p {
  font-size: var(--t-txt-headline-med);
}

.t-txt\:h3, .t-txt\:h3 p {
  font-size: var(--t-txt-headline-norm);
}

.t-txt\:h4, .t-txt\:h4 p {
  font-size: var(--t-txt-headline-small);
}

.t-txt\:big, .t-txt\:big p {
  font-size: var(--t-txt-big);
}

.t-txt\:med, .t-txt\:med p {
  font-size: var(--t-txt-med);
}

.t-txt\:norm, .t-txt\:norm p {
  font-size: var(--t-txt-norm);
}

.t-txt\:sm, .t-txt\:sm p {
  font-size: var(--t-txt-small);
}

.t-txt\:xsm, .t-txt\:xsm p {
  font-size: var(--t-txt-xsmall);
}

.t-fnt\:1 {
  font-family: var(--t-font-primary);
}

.t-fnt\:2 {
  font-family: var(--t-font-secondary);
}

.t-fnt\:3 {
  font-family: var(--t-font-tertiary);
}

.t-fnt\:smooth {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.t-fnt\:smooth\:auto {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.t-fnt\:100 {
  font-weight: 100;
}

.t-fnt\:200 {
  font-weight: 200;
}

.t-fnt\:300 {
  font-weight: 300;
}

.t-fnt\:400 {
  font-weight: 400;
}

.t-fnt\:500 {
  font-weight: 500;
}

.t-fnt\:600 {
  font-weight: 600;
}

.t-fnt\:700 {
  font-weight: 700;
}

.t-fnt\:800 {
  font-weight: 800;
}

.t-fnt\:light {
  font-weight: 200;
}

.t-fnt\:bold {
  font-weight: 700;
}

.t-fnt\:extra-bold {
  font-weight: 800;
}

.t-txt\:cntr, .t-txt\:cntr p {
  text-align: center;
}

@media (min-width: 728px) {
  .t-txt\:lt, .t-txt\:lt p {
    text-align: left;
  }
}
.t-txt\:rt, .t-txt\:rt p {
  text-align: right;
}

@media (max-width: 501px) {
  html .t-txt\:cntr\:xs, html .t-txt\:cntr\:xs p {
    text-align: center;
  }
  html .t-txt\:lt\:xs, html .t-txt\:lt\:xs p {
    text-align: left;
  }
  html .t-txt\:rt\:xs, html .t-txt\:rt\:xs p {
    text-align: right;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  html .t-txt\:cntr\:s, html .t-txt\:cntr\:s p {
    text-align: center;
  }
  html .t-txt\:lt\:s, html .t-txt\:lt\:s p {
    text-align: left;
  }
  html .t-txt\:rt\:s, html .t-txt\:rt\:s p {
    text-align: right;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-txt\:cntr\:m, html .t-txt\:cntr\:m p {
    text-align: center;
  }
  html .t-txt\:lt\:m, html .t-txt\:lt\:m p {
    text-align: left;
  }
  html .t-txt\:rt\:m, html .t-txt\:rt\:m p {
    text-align: right;
  }
}
@media (min-width: 1023px) {
  html .t-txt\:cntr\:l, html .t-txt\:cntr\:l p {
    text-align: center;
  }
  html .t-txt\:lt\:l, html .t-txt\:lt\:l p {
    text-align: left;
  }
  html .t-txt\:rt\:l, html .t-txt\:rt\:l p {
    text-align: right;
  }
}

/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
@media (min-width: 0px) {
  .t-txt\:lt {
    text-align: left;
  }

  .t-txt\:rt {
    text-align: right;
  }

  .t-txt\:cntr {
    text-align: center;
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
@media (min-width: 0px) and (max-width: var(--t-mobile-landscape)) {
  .t-txt\:lt\:xs {
    text-align: left;
  }

  .t-txt\:rt\:xs {
    text-align: right;
  }

  .t-txt\:cntr\:xs {
    text-align: center;
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
@media (min-width: var(--t-mobile-landscape)) and (max-width: var(--t-tablet-portrait)) {
  .t-txt\:lt\:s {
    text-align: left;
  }

  .t-txt\:rt\:s {
    text-align: right;
  }

  .t-txt\:cntr\:s {
    text-align: center;
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
@media (min-width: var(--t-tablet-portrait)) and (max-width: var(--t-desktop)) {
  .t-txt\:lt\:m {
    text-align: left;
  }

  .t-txt\:rt\:m {
    text-align: right;
  }

  .t-txt\:cntr\:m {
    text-align: center;
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
@media (min-width: var(--t-desktop)) {
  .t-txt\:lt\:l {
    text-align: left;
  }

  .t-txt\:rt\:l {
    text-align: right;
  }

  .t-txt\:cntr\:l {
    text-align: center;
  }
}
@media (max-width: 501px) {
  h1 {
    font-size: var(--t-txt-headline-big-mob);
  }

  h2 {
    font-size: var(--t-txt-headline-med-mob);
  }

  h3 {
    font-size: var(--t-txt-headline-norm-mob);
  }

  h4 {
    font-size: var(--t-txt-headline-small-mob);
  }

  .t-txt\:h1, .t-txt\:h1 p {
    font-size: var(--t-txt-headline-big-mob);
  }

  .t-txt\:h2, .t-txt\:h2 p {
    font-size: var(--t-txt-headline-med-mob);
  }

  .t-txt\:h3, .t-txt\:h3 p {
    font-size: var(--t-txt-headline-norm-mob);
  }

  .t-txt\:h4, .t-txt\:h4 p {
    font-size: var(--t-txt-headline-small-mob);
  }

  .t-txt\:big, .t-txt\:big p {
    font-size: var(--t-txt-big-mob);
  }

  .t-txt\:med, .t-txt\:med p {
    font-size: var(--t-txt-med-mob);
  }

  .t-txt\:norm, .t-txt\:norm p {
    font-size: var(--t-txt-norm-mob);
  }

  .t-txt\:sm, .t-txt\:sm p {
    font-size: var(--t-txt-small-mob);
  }

  .t-txt\:xsm, .t-txt\:xsm p {
    font-size: var(--t-txt-xsmall-mob);
  }
}
@media (min-width: 1250px) {
  h1 {
    font-size: var(--t-txt-headline-big-xl);
  }

  h2 {
    font-size: var(--t-txt-headline-med-xl);
  }

  h3 {
    font-size: var(--t-txt-headline-norm-xl);
  }

  h4 {
    font-size: var(--t-txt-headline-small-xl);
  }

  .t-txt\:h1, .t-txt\:h1 p {
    font-size: var(--t-txt-headline-big-xl);
  }

  .t-txt\:h2, .t-txt\:h2 p {
    font-size: var(--t-txt-headline-med-xl);
  }

  .t-txt\:h3, .t-txt\:h3 p {
    font-size: var(--t-txt-headline-norm-xl);
  }

  .t-txt\:h4, .t-txt\:h4 p {
    font-size: var(--t-txt-headline-small-xl);
  }

  .t-txt\:big, .t-txt\:big p {
    font-size: var(--t-txt-big-xl);
  }

  .t-txt\:med, .t-txt\:med p {
    font-size: var(--t-txt-med-xl);
  }

  .t-txt\:norm, .t-txt\:norm p {
    font-size: var(--t-txt-norm-xl);
  }

  .t-txt\:sm, .t-txt\:sm p {
    font-size: var(--t-txt-small-xl);
  }

  .t-txt\:xsm, .t-txt\:xsm p {
    font-size: var(--t-txt-xsmall-xl);
  }
}
.t-img\:cntr\:m {
  background-position: center center !important;
}

.t-img\:lt\:m {
  background-position: left center !important;
}

.t-img\:rt\:m {
  background-position: right center !important;
}

.t-img\:cntr\:b {
  background-position: center bottom !important;
}

.t-img\:lt\:b {
  background-position: left bottom !important;
}

.t-img\:rt\:b {
  background-position: right bottom !important;
}

.t-img\:cntr\:t {
  background-position: center top !important;
}

.t-img\:lt\:t {
  background-position: left top !important;
}

.t-img\:rt\:t {
  background-position: right top !important;
}

@media (min-width: 0) and (max-width: 501px) {
  .t-br\:xs {
    display: block;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  .t-br\:s {
    display: block;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  .t-br\:m {
    display: block;
  }
}
@media (min-width: 1023px) {
  .t-br\:l {
    display: block;
  }
}
@media (min-width: 1250px) {
  .t-br\:xl {
    display: block;
  }
}
:root {
  --t-phi-1: calc(100% / (var(--t-phi) *1));
  --t-phi-2: calc(100% / (var(--t-phi) *2));
  --t-phi-3: calc(100% / (var(--t-phi) *3));
  --t-phi-4: calc(100% / (var(--t-phi) *4));
  --t-phi-5: calc(100% / (var(--t-phi) *5));
  --t-phi-6: calc(100% / (var(--t-phi) *6));
  --t-phi-7: calc(100% / (var(--t-phi) *7));
  --t-phi-8: calc(100% / (var(--t-phi) *8));
  --t-phi-9: calc(100% / (var(--t-phi) *9));
  --t-phi-1-offset: calc(100% - (100% / (var(--t-phi) *1)));
  --t-phi-2-offset: calc(100% - (100% / (var(--t-phi) *2)));
  --t-phi-3-offset: calc(100% - (100% / (var(--t-phi) *3)));
  --t-phi-4-offset: calc(100% - (100% / (var(--t-phi) *4)));
  --t-phi-5-offset: calc(100% - (100% / (var(--t-phi) *5)));
  --t-phi-6-offset: calc(100% - (100% / (var(--t-phi) *6)));
  --t-phi-7-offset: calc(100% - (100% / (var(--t-phi) *7)));
  --t-phi-8-offset: calc(100% - (100% / (var(--t-phi) *8)));
  --t-phi-9-offset: calc(100% - (100% / (var(--t-phi) *9)));
}

.t-hide {
  display: none;
}

.t-clear {
  clear: both !important;
}

@media (max-width: 1024px) {
  .t-display\:above\:l {
    display: none;
  }
}
@media (max-width: 767px) {
  .t-display\:above\:m {
    display: none;
  }
}
@media (max-width: 501px) {
  .t-display\:above\:s {
    display: none;
  }
}
.t-display\:below\:l {
  display: none;
}

.t-display\:below\:m {
  display: none;
}

.t-display\:below\:s {
  display: none;
}

@media (max-width: 1024px) {
  .t-display\:below\:l {
    display: block;
  }
}
@media (max-width: 767px) {
  .t-display\:below\:m {
    display: block;
  }
}
@media (max-width: 501px) {
  .t-display\:below\:s {
    display: block;
  }
}
.t-overflow\:vis {
  overflow: visible;
}

.t-contain {
  max-width: var(--t-site-width);
}

.t-pos\:cntr {
  margin-right: auto;
  margin-left: auto;
}

.t-pos\:rt {
  margin-right: 0;
  margin-left: auto;
}

.t-pos\:lt {
  margin-right: auto;
  margin-left: 0;
}

@media (min-width: 0) {
  .t-pos\:cntr\:s {
    margin-right: auto;
    margin-left: auto;
  }

  .t-pos\:rt\:s {
    margin-right: 0;
    margin-left: auto;
  }

  .t-pos\:lt\:s {
    margin-right: auto;
    margin-left: 0;
  }
}
@media (min-width: 501px) {
  .t-pos\:cntr\:m {
    margin-right: auto;
    margin-left: auto;
  }

  .t-pos\:rt\:m {
    margin-right: 0;
    margin-left: auto;
  }

  .t-pos\:lt\:m {
    margin-right: auto;
    margin-left: 0;
  }
}
@media (min-width: 1023px) {
  .t-pos\:cntr\:l {
    margin-right: auto;
    margin-left: auto;
  }

  .t-pos\:rt\:l {
    margin-right: 0;
    margin-left: auto;
  }

  .t-pos\:lt\:l {
    margin-right: auto;
    margin-left: 0;
  }
}
@media (min-width: 1250px) {
  .t-pos\:cntr\:xl {
    margin-right: auto;
    margin-left: auto;
  }

  .t-pos\:rt\:xl {
    margin-right: 0;
    margin-left: auto;
  }

  .t-pos\:lt\:xl {
    margin-right: auto;
    margin-left: 0;
  }
}
@media (min-width: 767px) {
  .t-pos\:cntr\:m {
    margin-right: auto;
    margin-left: auto;
  }

  .t-pos\:rt\:m {
    margin-right: 0;
    margin-left: auto;
  }

  .t-pos\:lt\:m {
    margin-right: auto;
    margin-left: 0;
  }
}
.t-pos\:rel {
  position: relative;
}

.t-pos\:abs {
  position: absolute;
}

.t-pos\:fix {
  position: fixed;
}

.t-flex {
  display: flex;
}
.t-flex\:align\:cntr {
  justify-content: center;
  display: flex;
}
.t-flex\:align\:lt {
  justify-content: flex-start;
  display: flex;
}
.t-flex\:align\:rt {
  justify-content: flex-end;
  display: flex;
}
.t-flex\:valign\:mid {
  align-items: center;
  display: flex;
}
.t-flex\:valign\:top {
  align-items: flex-start;
}
.t-flex\:valign\:bot {
  align-items: flex-end;
  display: flex;
}

@media (min-width: 501px) {
  .t-flex\:s {
    display: flex;
  }

  .t-flex\:align\:cntr\:s {
    justify-content: center;
    display: flex;
  }
  .t-flex\:align\:lt\:s {
    justify-content: flex-start;
    display: flex;
  }
  .t-flex\:align\:rt\:s {
    justify-content: flex-end;
    display: flex;
  }
  .t-flex\:valign\:mid\:s {
    align-items: center;
    display: flex;
  }
  .t-flex\:valign\:top\:s {
    align-items: flex-start;
    display: flex;
  }
  .t-flex\:valign\:bot\:s {
    align-items: flex-end;
    display: flex;
  }
}
@media (min-width: 767px) {
  .t-flex\:m {
    display: flex;
  }

  .t-flex\:align\:cntr\:m {
    justify-content: center;
    display: flex;
  }
  .t-flex\:align\:lt\:m {
    justify-content: flex-start;
    display: flex;
  }
  .t-flex\:align\:rt\:m {
    justify-content: flex-end;
    display: flex;
  }
  .t-flex\:valign\:mid\:m {
    align-items: center;
    display: flex;
  }
  .t-flex\:valign\:top\:m {
    align-items: flex-start;
    display: flex;
  }
  .t-flex\:valign\:bot\:m {
    align-items: flex-end;
    display: flex;
  }
}
@media (min-width: 1023px) {
  .t-flex\:l {
    display: flex;
  }

  .t-flex\:align\:cntr\:l {
    justify-content: center;
    display: flex;
  }
  .t-flex\:align\:lt\:l {
    justify-content: flex-start;
    display: flex;
  }
  .t-flex\:align\:rt\:l {
    justify-content: flex-end;
    display: flex;
  }
  .t-flex\:valign\:mid\:l {
    align-items: center;
    display: flex;
  }
  .t-flex\:valign\:top\:l {
    align-items: flex-start;
    display: flex;
  }
  .t-flex\:valign\:bot\:l {
    align-items: flex-end;
    display: flex;
  }
}
.t-display\:block {
  display: block;
}

.t-display\:inline {
  display: inline;
}

.t-display\:inline-block {
  display: inline-block;
}

/* Set grid item's width individually by percent */
.t-grid\:10pc {
  display: block;
  float: left;
  width: 10%;
}

.t-grid\:15pc {
  display: block;
  float: left;
  width: 15%;
}

.t-grid\:20pc {
  display: block;
  float: left;
  width: 20%;
}

.t-grid\:25pc {
  display: block;
  float: left;
  width: 25%;
}

.t-grid\:30pc {
  display: block;
  float: left;
  width: 30%;
}

.t-grid\:35pc {
  display: block;
  float: left;
  width: 35%;
}

.t-grid\:40pc {
  display: block;
  float: left;
  width: 40%;
}

.t-grid\:45pc {
  display: block;
  float: left;
  width: 45%;
}

.t-grid\:50pc {
  display: block;
  float: left;
  width: 50%;
}

.t-grid\:55pc {
  display: block;
  float: left;
  width: 55%;
}

.t-grid\:60pc {
  display: block;
  float: left;
  width: 60%;
}

.t-grid\:65pc {
  display: block;
  float: left;
  width: 65%;
}

.t-grid\:70pc {
  display: block;
  float: left;
  width: 70%;
}

.t-grid\:75pc {
  display: block;
  float: left;
  width: 75%;
}

.t-grid\:80pc {
  display: block;
  float: left;
  width: 80%;
}

.t-grid\:85pc {
  display: block;
  float: left;
  width: 85%;
}

.t-grid\:90pc {
  display: block;
  float: left;
  width: 90%;
}

.t-grid\:95pc {
  display: block;
  float: left;
  width: 95%;
}

.t-grid\:100pc {
  display: block;
  float: left;
  width: 100%;
}

.t-grid\:105pc {
  display: block;
  float: left;
  width: 105%;
}

.t-grid\:phi\:-1 {
  display: block;
  float: left;
  width: calc(100% / (var(--t-phi) * 1));
}

.t-grid\:phi\:-2 {
  display: block;
  float: left;
  width: calc(100% / (var(--t-phi) * 2));
}

.t-grid\:phi\:-3 {
  display: block;
  float: left;
  width: calc(100% / (var(--t-phi) * 3));
}

.t-grid\:phi\:-4 {
  display: block;
  float: left;
  width: calc(100% / (var(--t-phi) * 4));
}

.t-grid\:phi\:-5 {
  display: block;
  float: left;
  width: calc(100% / (var(--t-phi) * 5));
}

.t-grid\:phi\:-6 {
  display: block;
  float: left;
  width: calc(100% / (var(--t-phi) * 6));
}

.t-grid\:phi\:-7 {
  display: block;
  float: left;
  width: calc(100% / (var(--t-phi) * 7));
}

.t-grid\:phi\:-8 {
  display: block;
  float: left;
  width: calc(100% / (var(--t-phi) * 8));
}

.t-grid\:phi\:-9 {
  display: block;
  float: left;
  width: calc(100% / (var(--t-phi) * 9));
}

.t-grid\:phi\:-1 {
  display: block;
  float: left;
  width: var(--t-phi-1);
}

.t-grid\:phi\:-1\:offset {
  display: block;
  float: left;
  width: var(--t-phi-1-offset);
}

.t-grid\:phi\:-2 {
  display: block;
  float: left;
  width: var(--t-phi-2);
}

.t-grid\:phi\:-2\:offset {
  display: block;
  float: left;
  width: var(--t-phi-2-offset);
}

.t-grid\:phi\:-3 {
  display: block;
  float: left;
  width: var(--t-phi-3);
}

.t-grid\:phi\:-3\:offset {
  display: block;
  float: left;
  width: var(--t-phi-3-offset);
}

.t-grid\:phi\:-4 {
  display: block;
  float: left;
  width: var(--t-phi-4);
}

.t-grid\:phi\:-4\:offset {
  display: block;
  float: left;
  width: var(--t-phi-4-offset);
}

.t-grid\:phi\:-5 {
  display: block;
  float: left;
  width: var(--t-phi-5);
}

.t-grid\:phi\:-5\:offset {
  display: block;
  float: left;
  width: var(--t-phi-5-offset);
}

.t-grid\:phi\:-6 {
  display: block;
  float: left;
  width: var(--t-phi-6);
}

.t-grid\:phi\:-6\:offset {
  display: block;
  float: left;
  width: var(--t-phi-6-offset);
}

.t-grid\:phi\:-7 {
  display: block;
  float: left;
  width: var(--t-phi-7);
}

.t-grid\:phi\:-7\:offset {
  display: block;
  float: left;
  width: var(--t-phi-7-offset);
}

.t-grid\:phi\:-8 {
  display: block;
  float: left;
  width: var(--t-phi-8);
}

.t-grid\:phi\:-8\:offset {
  display: block;
  float: left;
  width: var(--t-phi-8-offset);
}

.t-grid\:phi\:-9 {
  display: block;
  float: left;
  width: var(--t-phi-9);
}

.t-grid\:phi\:-9\:offset {
  display: block;
  float: left;
  width: var(--t-phi-9-offset);
}

@media (max-width: 501px) {
  .t-grid\:10pc\:xs {
    display: block;
    float: left;
    width: 10%;
  }

  .t-grid\:15pc\:xs {
    display: block;
    float: left;
    width: 15%;
  }

  .t-grid\:20pc\:xs {
    display: block;
    float: left;
    width: 20%;
  }

  .t-grid\:25pc\:xs {
    display: block;
    float: left;
    width: 25%;
  }

  .t-grid\:30pc\:xs {
    display: block;
    float: left;
    width: 30%;
  }

  .t-grid\:35pc\:xs {
    display: block;
    float: left;
    width: 35%;
  }

  .t-grid\:40pc\:xs {
    display: block;
    float: left;
    width: 40%;
  }

  .t-grid\:45pc\:xs {
    display: block;
    float: left;
    width: 45%;
  }

  .t-grid\:50pc\:xs {
    display: block;
    float: left;
    width: 50%;
  }

  .t-grid\:55pc\:xs {
    display: block;
    float: left;
    width: 55%;
  }

  .t-grid\:60pc\:xs {
    display: block;
    float: left;
    width: 60%;
  }

  .t-grid\:65pc\:xs {
    display: block;
    float: left;
    width: 65%;
  }

  .t-grid\:70pc\:xs {
    display: block;
    float: left;
    width: 70%;
  }

  .t-grid\:75pc\:xs {
    display: block;
    float: left;
    width: 75%;
  }

  .t-grid\:80pc\:xs {
    display: block;
    float: left;
    width: 80%;
  }

  .t-grid\:85pc\:xs {
    display: block;
    float: left;
    width: 85%;
  }

  .t-grid\:90pc\:xs {
    display: block;
    float: left;
    width: 90%;
  }

  .t-grid\:95pc\:xs {
    display: block;
    float: left;
    width: 95%;
  }

  .t-grid\:100pc\:xs {
    display: block;
    float: left;
    width: 100%;
  }

  .t-grid\:105pc\:xs {
    display: block;
    float: left;
    width: 105%;
  }

  .t-grid\:phi\:-1\:xs {
    display: block;
    float: left;
    width: var(--t-phi-1);
  }

  .t-grid\:phi\:-1\:offset {
    display: block;
    float: left;
    width: var(--t-phi-1-offset);
  }

  .t-grid\:phi\:-2\:xs {
    display: block;
    float: left;
    width: var(--t-phi-2);
  }

  .t-grid\:phi\:-2\:offset {
    display: block;
    float: left;
    width: var(--t-phi-2-offset);
  }

  .t-grid\:phi\:-3\:xs {
    display: block;
    float: left;
    width: var(--t-phi-3);
  }

  .t-grid\:phi\:-3\:offset {
    display: block;
    float: left;
    width: var(--t-phi-3-offset);
  }

  .t-grid\:phi\:-4\:xs {
    display: block;
    float: left;
    width: var(--t-phi-4);
  }

  .t-grid\:phi\:-4\:offset {
    display: block;
    float: left;
    width: var(--t-phi-4-offset);
  }

  .t-grid\:phi\:-5\:xs {
    display: block;
    float: left;
    width: var(--t-phi-5);
  }

  .t-grid\:phi\:-5\:offset {
    display: block;
    float: left;
    width: var(--t-phi-5-offset);
  }

  .t-grid\:phi\:-6\:xs {
    display: block;
    float: left;
    width: var(--t-phi-6);
  }

  .t-grid\:phi\:-6\:offset {
    display: block;
    float: left;
    width: var(--t-phi-6-offset);
  }

  .t-grid\:phi\:-7\:xs {
    display: block;
    float: left;
    width: var(--t-phi-7);
  }

  .t-grid\:phi\:-7\:offset {
    display: block;
    float: left;
    width: var(--t-phi-7-offset);
  }

  .t-grid\:phi\:-8\:xs {
    display: block;
    float: left;
    width: var(--t-phi-8);
  }

  .t-grid\:phi\:-8\:offset {
    display: block;
    float: left;
    width: var(--t-phi-8-offset);
  }

  .t-grid\:phi\:-9\:xs {
    display: block;
    float: left;
    width: var(--t-phi-9);
  }

  .t-grid\:phi\:-9\:offset {
    display: block;
    float: left;
    width: var(--t-phi-9-offset);
  }
}
@media (min-width: 501px) {
  .t-grid\:10pc\:s {
    display: block;
    float: left;
    width: 10%;
  }

  .t-grid\:15pc\:s {
    display: block;
    float: left;
    width: 15%;
  }

  .t-grid\:20pc\:s {
    display: block;
    float: left;
    width: 20%;
  }

  .t-grid\:25pc\:s {
    display: block;
    float: left;
    width: 25%;
  }

  .t-grid\:30pc\:s {
    display: block;
    float: left;
    width: 30%;
  }

  .t-grid\:35pc\:s {
    display: block;
    float: left;
    width: 35%;
  }

  .t-grid\:40pc\:s {
    display: block;
    float: left;
    width: 40%;
  }

  .t-grid\:45pc\:s {
    display: block;
    float: left;
    width: 45%;
  }

  .t-grid\:50pc\:s {
    display: block;
    float: left;
    width: 50%;
  }

  .t-grid\:55pc\:s {
    display: block;
    float: left;
    width: 55%;
  }

  .t-grid\:60pc\:s {
    display: block;
    float: left;
    width: 60%;
  }

  .t-grid\:65pc\:s {
    display: block;
    float: left;
    width: 65%;
  }

  .t-grid\:70pc\:s {
    display: block;
    float: left;
    width: 70%;
  }

  .t-grid\:75pc\:s {
    display: block;
    float: left;
    width: 75%;
  }

  .t-grid\:80pc\:s {
    display: block;
    float: left;
    width: 80%;
  }

  .t-grid\:85pc\:s {
    display: block;
    float: left;
    width: 85%;
  }

  .t-grid\:90pc\:s {
    display: block;
    float: left;
    width: 90%;
  }

  .t-grid\:95pc\:s {
    display: block;
    float: left;
    width: 95%;
  }

  .t-grid\:100pc\:s {
    display: block;
    float: left;
    width: 100%;
  }

  .t-grid\:105pc\:s {
    display: block;
    float: left;
    width: 105%;
  }

  .t-grid\:phi\:-1\:s {
    display: block;
    float: left;
    width: var(--t-phi-1);
  }

  .t-grid\:phi\:-1\:offset {
    display: block;
    float: left;
    width: var(--t-phi-1-offset);
  }

  .t-grid\:phi\:-2\:s {
    display: block;
    float: left;
    width: var(--t-phi-2);
  }

  .t-grid\:phi\:-2\:offset {
    display: block;
    float: left;
    width: var(--t-phi-2-offset);
  }

  .t-grid\:phi\:-3\:s {
    display: block;
    float: left;
    width: var(--t-phi-3);
  }

  .t-grid\:phi\:-3\:offset {
    display: block;
    float: left;
    width: var(--t-phi-3-offset);
  }

  .t-grid\:phi\:-4\:s {
    display: block;
    float: left;
    width: var(--t-phi-4);
  }

  .t-grid\:phi\:-4\:offset {
    display: block;
    float: left;
    width: var(--t-phi-4-offset);
  }

  .t-grid\:phi\:-5\:s {
    display: block;
    float: left;
    width: var(--t-phi-5);
  }

  .t-grid\:phi\:-5\:offset {
    display: block;
    float: left;
    width: var(--t-phi-5-offset);
  }

  .t-grid\:phi\:-6\:s {
    display: block;
    float: left;
    width: var(--t-phi-6);
  }

  .t-grid\:phi\:-6\:offset {
    display: block;
    float: left;
    width: var(--t-phi-6-offset);
  }

  .t-grid\:phi\:-7\:s {
    display: block;
    float: left;
    width: var(--t-phi-7);
  }

  .t-grid\:phi\:-7\:offset {
    display: block;
    float: left;
    width: var(--t-phi-7-offset);
  }

  .t-grid\:phi\:-8\:s {
    display: block;
    float: left;
    width: var(--t-phi-8);
  }

  .t-grid\:phi\:-8\:offset {
    display: block;
    float: left;
    width: var(--t-phi-8-offset);
  }

  .t-grid\:phi\:-9\:s {
    display: block;
    float: left;
    width: var(--t-phi-9);
  }

  .t-grid\:phi\:-9\:offset {
    display: block;
    float: left;
    width: var(--t-phi-9-offset);
  }
}
@media (min-width: 767px) {
  .t-grid\:10pc\:m {
    display: block;
    float: left;
    width: 10%;
  }

  .t-grid\:15pc\:m {
    display: block;
    float: left;
    width: 15%;
  }

  .t-grid\:20pc\:m {
    display: block;
    float: left;
    width: 20%;
  }

  .t-grid\:25pc\:m {
    display: block;
    float: left;
    width: 25%;
  }

  .t-grid\:30pc\:m {
    display: block;
    float: left;
    width: 30%;
  }

  .t-grid\:35pc\:m {
    display: block;
    float: left;
    width: 35%;
  }

  .t-grid\:40pc\:m {
    display: block;
    float: left;
    width: 40%;
  }

  .t-grid\:45pc\:m {
    display: block;
    float: left;
    width: 45%;
  }

  .t-grid\:50pc\:m {
    display: block;
    float: left;
    width: 50%;
  }

  .t-grid\:55pc\:m {
    display: block;
    float: left;
    width: 55%;
  }

  .t-grid\:60pc\:m {
    display: block;
    float: left;
    width: 60%;
  }

  .t-grid\:65pc\:m {
    display: block;
    float: left;
    width: 65%;
  }

  .t-grid\:70pc\:m {
    display: block;
    float: left;
    width: 70%;
  }

  .t-grid\:75pc\:m {
    display: block;
    float: left;
    width: 75%;
  }

  .t-grid\:80pc\:m {
    display: block;
    float: left;
    width: 80%;
  }

  .t-grid\:85pc\:m {
    display: block;
    float: left;
    width: 85%;
  }

  .t-grid\:90pc\:m {
    display: block;
    float: left;
    width: 90%;
  }

  .t-grid\:95pc\:m {
    display: block;
    float: left;
    width: 95%;
  }

  .t-grid\:100pc\:m {
    display: block;
    float: left;
    width: 100%;
  }

  .t-grid\:105pc\:m {
    display: block;
    float: left;
    width: 105%;
  }

  .t-grid\:phi\:-1\:m {
    display: block;
    float: left;
    width: var(--t-phi-1);
  }

  .t-grid\:phi\:-1\:offset {
    display: block;
    float: left;
    width: var(--t-phi-1-offset);
  }

  .t-grid\:phi\:-2\:m {
    display: block;
    float: left;
    width: var(--t-phi-2);
  }

  .t-grid\:phi\:-2\:offset {
    display: block;
    float: left;
    width: var(--t-phi-2-offset);
  }

  .t-grid\:phi\:-3\:m {
    display: block;
    float: left;
    width: var(--t-phi-3);
  }

  .t-grid\:phi\:-3\:offset {
    display: block;
    float: left;
    width: var(--t-phi-3-offset);
  }

  .t-grid\:phi\:-4\:m {
    display: block;
    float: left;
    width: var(--t-phi-4);
  }

  .t-grid\:phi\:-4\:offset {
    display: block;
    float: left;
    width: var(--t-phi-4-offset);
  }

  .t-grid\:phi\:-5\:m {
    display: block;
    float: left;
    width: var(--t-phi-5);
  }

  .t-grid\:phi\:-5\:offset {
    display: block;
    float: left;
    width: var(--t-phi-5-offset);
  }

  .t-grid\:phi\:-6\:m {
    display: block;
    float: left;
    width: var(--t-phi-6);
  }

  .t-grid\:phi\:-6\:offset {
    display: block;
    float: left;
    width: var(--t-phi-6-offset);
  }

  .t-grid\:phi\:-7\:m {
    display: block;
    float: left;
    width: var(--t-phi-7);
  }

  .t-grid\:phi\:-7\:offset {
    display: block;
    float: left;
    width: var(--t-phi-7-offset);
  }

  .t-grid\:phi\:-8\:m {
    display: block;
    float: left;
    width: var(--t-phi-8);
  }

  .t-grid\:phi\:-8\:offset {
    display: block;
    float: left;
    width: var(--t-phi-8-offset);
  }

  .t-grid\:phi\:-9\:m {
    display: block;
    float: left;
    width: var(--t-phi-9);
  }

  .t-grid\:phi\:-9\:offset {
    display: block;
    float: left;
    width: var(--t-phi-9-offset);
  }
}
@media (min-width: 1023px) {
  .t-grid\:10pc\:l {
    display: block;
    float: left;
    width: 10%;
  }

  .t-grid\:15pc\:l {
    display: block;
    float: left;
    width: 15%;
  }

  .t-grid\:20pc\:l {
    display: block;
    float: left;
    width: 20%;
  }

  .t-grid\:25pc\:l {
    display: block;
    float: left;
    width: 25%;
  }

  .t-grid\:30pc\:l {
    display: block;
    float: left;
    width: 30%;
  }

  .t-grid\:35pc\:l {
    display: block;
    float: left;
    width: 35%;
  }

  .t-grid\:40pc\:l {
    display: block;
    float: left;
    width: 40%;
  }

  .t-grid\:45pc\:l {
    display: block;
    float: left;
    width: 45%;
  }

  .t-grid\:50pc\:l {
    display: block;
    float: left;
    width: 50%;
  }

  .t-grid\:55pc\:l {
    display: block;
    float: left;
    width: 55%;
  }

  .t-grid\:60pc\:l {
    display: block;
    float: left;
    width: 60%;
  }

  .t-grid\:65pc\:l {
    display: block;
    float: left;
    width: 65%;
  }

  .t-grid\:70pc\:l {
    display: block;
    float: left;
    width: 70%;
  }

  .t-grid\:75pc\:l {
    display: block;
    float: left;
    width: 75%;
  }

  .t-grid\:80pc\:l {
    display: block;
    float: left;
    width: 80%;
  }

  .t-grid\:85pc\:l {
    display: block;
    float: left;
    width: 85%;
  }

  .t-grid\:90pc\:l {
    display: block;
    float: left;
    width: 90%;
  }

  .t-grid\:95pc\:l {
    display: block;
    float: left;
    width: 95%;
  }

  .t-grid\:100pc\:l {
    display: block;
    float: left;
    width: 100%;
  }

  .t-grid\:105pc\:l {
    display: block;
    float: left;
    width: 105%;
  }

  .t-grid\:phi\:-1\:l {
    display: block;
    float: left;
    width: var(--t-phi-1);
  }

  .t-grid\:phi\:-1\:offset {
    display: block;
    float: left;
    width: var(--t-phi-1-offset);
  }

  .t-grid\:phi\:-2\:l {
    display: block;
    float: left;
    width: var(--t-phi-2);
  }

  .t-grid\:phi\:-2\:offset {
    display: block;
    float: left;
    width: var(--t-phi-2-offset);
  }

  .t-grid\:phi\:-3\:l {
    display: block;
    float: left;
    width: var(--t-phi-3);
  }

  .t-grid\:phi\:-3\:offset {
    display: block;
    float: left;
    width: var(--t-phi-3-offset);
  }

  .t-grid\:phi\:-4\:l {
    display: block;
    float: left;
    width: var(--t-phi-4);
  }

  .t-grid\:phi\:-4\:offset {
    display: block;
    float: left;
    width: var(--t-phi-4-offset);
  }

  .t-grid\:phi\:-5\:l {
    display: block;
    float: left;
    width: var(--t-phi-5);
  }

  .t-grid\:phi\:-5\:offset {
    display: block;
    float: left;
    width: var(--t-phi-5-offset);
  }

  .t-grid\:phi\:-6\:l {
    display: block;
    float: left;
    width: var(--t-phi-6);
  }

  .t-grid\:phi\:-6\:offset {
    display: block;
    float: left;
    width: var(--t-phi-6-offset);
  }

  .t-grid\:phi\:-7\:l {
    display: block;
    float: left;
    width: var(--t-phi-7);
  }

  .t-grid\:phi\:-7\:offset {
    display: block;
    float: left;
    width: var(--t-phi-7-offset);
  }

  .t-grid\:phi\:-8\:l {
    display: block;
    float: left;
    width: var(--t-phi-8);
  }

  .t-grid\:phi\:-8\:offset {
    display: block;
    float: left;
    width: var(--t-phi-8-offset);
  }

  .t-grid\:phi\:-9\:l {
    display: block;
    float: left;
    width: var(--t-phi-9);
  }

  .t-grid\:phi\:-9\:offset {
    display: block;
    float: left;
    width: var(--t-phi-9-offset);
  }
}
@media (min-width: 1250px) {
  .t-grid\:10pc\:xl {
    display: block;
    float: left;
    width: 10%;
  }

  .t-grid\:15pc\:xl {
    display: block;
    float: left;
    width: 15%;
  }

  .t-grid\:20pc\:xl {
    display: block;
    float: left;
    width: 20%;
  }

  .t-grid\:25pc\:xl {
    display: block;
    float: left;
    width: 25%;
  }

  .t-grid\:30pc\:xl {
    display: block;
    float: left;
    width: 30%;
  }

  .t-grid\:35pc\:xl {
    display: block;
    float: left;
    width: 35%;
  }

  .t-grid\:40pc\:xl {
    display: block;
    float: left;
    width: 40%;
  }

  .t-grid\:45pc\:xl {
    display: block;
    float: left;
    width: 45%;
  }

  .t-grid\:50pc\:xl {
    display: block;
    float: left;
    width: 50%;
  }

  .t-grid\:55pc\:xl {
    display: block;
    float: left;
    width: 55%;
  }

  .t-grid\:60pc\:xl {
    display: block;
    float: left;
    width: 60%;
  }

  .t-grid\:65pc\:xl {
    display: block;
    float: left;
    width: 65%;
  }

  .t-grid\:70pc\:xl {
    display: block;
    float: left;
    width: 70%;
  }

  .t-grid\:75pc\:xl {
    display: block;
    float: left;
    width: 75%;
  }

  .t-grid\:80pc\:xl {
    display: block;
    float: left;
    width: 80%;
  }

  .t-grid\:85pc\:xl {
    display: block;
    float: left;
    width: 85%;
  }

  .t-grid\:90pc\:xl {
    display: block;
    float: left;
    width: 90%;
  }

  .t-grid\:95pc\:xl {
    display: block;
    float: left;
    width: 95%;
  }

  .t-grid\:100pc\:xl {
    display: block;
    float: left;
    width: 100%;
  }

  .t-grid\:105pc\:xl {
    display: block;
    float: left;
    width: 105%;
  }
}
/* Set items with by number of items in row*/
.t-grid\:fit\:1 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:1 > * {
  width: 100%;
}

.t-grid\:fit\:2 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:2 > * {
  width: 50%;
}

.t-grid\:fit\:3 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:3 > * {
  width: 33.3333333333%;
}

.t-grid\:fit\:4 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:4 > * {
  width: 25%;
}

.t-grid\:fit\:5 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:5 > * {
  width: 20%;
}

.t-grid\:fit\:6 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:6 > * {
  width: 16.6666666667%;
}

.t-grid\:fit\:7 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:7 > * {
  width: 14.2857142857%;
}

.t-grid\:fit\:8 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:8 > * {
  width: 12.5%;
}

.t-grid\:fit\:9 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:9 > * {
  width: 11.1111111111%;
}

.t-grid\:fit\:10 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:10 > * {
  width: 10%;
}

.t-grid\:fit\:11 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:11 > * {
  width: 9.0909090909%;
}

.t-grid\:fit\:12 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:12 > * {
  width: 8.3333333333%;
}

.t-grid\:fit\:13 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:13 > * {
  width: 7.6923076923%;
}

.t-grid\:fit\:14 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:14 > * {
  width: 7.1428571429%;
}

.t-grid\:fit\:15 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:15 > * {
  width: 6.6666666667%;
}

.t-grid\:fit\:16 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:16 > * {
  width: 6.25%;
}

.t-grid\:fit\:17 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:17 > * {
  width: 5.8823529412%;
}

.t-grid\:fit\:18 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:18 > * {
  width: 5.5555555556%;
}

.t-grid\:fit\:19 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:19 > * {
  width: 5.2631578947%;
}

.t-grid\:fit\:20 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:20 > * {
  width: 5%;
}

.t-grid\:fit\:21 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:21 > * {
  width: 4.7619047619%;
}

.t-grid\:fit\:22 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:22 > * {
  width: 4.5454545455%;
}

.t-grid\:fit\:23 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:23 > * {
  width: 4.347826087%;
}

.t-grid\:fit\:24 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:24 > * {
  width: 4.1666666667%;
}

.t-grid\:fit\:25 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:25 > * {
  width: 4%;
}

.t-grid\:fit\:26 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:26 > * {
  width: 3.8461538462%;
}

.t-grid\:fit\:27 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:27 > * {
  width: 3.7037037037%;
}

.t-grid\:fit\:28 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:28 > * {
  width: 3.5714285714%;
}

.t-grid\:fit\:29 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:29 > * {
  width: 3.4482758621%;
}

.t-grid\:fit\:30 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:30 > * {
  width: 3.3333333333%;
}

.t-grid\:fit\:31 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:31 > * {
  width: 3.2258064516%;
}

.t-grid\:fit\:32 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:32 > * {
  width: 3.125%;
}

.t-grid\:fit\:33 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:33 > * {
  width: 3.0303030303%;
}

.t-grid\:fit\:34 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:34 > * {
  width: 2.9411764706%;
}

.t-grid\:fit\:35 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:35 > * {
  width: 2.8571428571%;
}

.t-grid\:fit\:36 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:36 > * {
  width: 2.7777777778%;
}

.t-grid\:fit\:37 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:37 > * {
  width: 2.7027027027%;
}

.t-grid\:fit\:38 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:38 > * {
  width: 2.6315789474%;
}

.t-grid\:fit\:39 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:39 > * {
  width: 2.5641025641%;
}

.t-grid\:fit\:40 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:40 > * {
  width: 2.5%;
}

.t-grid\:fit\:41 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:41 > * {
  width: 2.4390243902%;
}

.t-grid\:fit\:42 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:42 > * {
  width: 2.380952381%;
}

.t-grid\:fit\:43 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:43 > * {
  width: 2.3255813953%;
}

.t-grid\:fit\:44 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:44 > * {
  width: 2.2727272727%;
}

.t-grid\:fit\:45 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:45 > * {
  width: 2.2222222222%;
}

.t-grid\:fit\:46 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:46 > * {
  width: 2.1739130435%;
}

.t-grid\:fit\:47 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:47 > * {
  width: 2.1276595745%;
}

.t-grid\:fit\:48 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:48 > * {
  width: 2.0833333333%;
}

.t-grid\:fit\:49 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:49 > * {
  width: 2.0408163265%;
}

.t-grid\:fit\:50 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:50 > * {
  width: 2%;
}

.t-grid\:fit\:51 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:51 > * {
  width: 1.9607843137%;
}

.t-grid\:fit\:52 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:52 > * {
  width: 1.9230769231%;
}

.t-grid\:fit\:53 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:53 > * {
  width: 1.8867924528%;
}

.t-grid\:fit\:54 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:54 > * {
  width: 1.8518518519%;
}

.t-grid\:fit\:55 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:55 > * {
  width: 1.8181818182%;
}

.t-grid\:fit\:56 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:56 > * {
  width: 1.7857142857%;
}

.t-grid\:fit\:57 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:57 > * {
  width: 1.7543859649%;
}

.t-grid\:fit\:58 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:58 > * {
  width: 1.724137931%;
}

.t-grid\:fit\:59 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:59 > * {
  width: 1.6949152542%;
}

.t-grid\:fit\:60 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:60 > * {
  width: 1.6666666667%;
}

.t-grid\:fit\:61 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:61 > * {
  width: 1.6393442623%;
}

.t-grid\:fit\:62 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:62 > * {
  width: 1.6129032258%;
}

.t-grid\:fit\:63 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:63 > * {
  width: 1.5873015873%;
}

.t-grid\:fit\:64 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:64 > * {
  width: 1.5625%;
}

.t-grid\:fit\:65 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:65 > * {
  width: 1.5384615385%;
}

.t-grid\:fit\:66 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:66 > * {
  width: 1.5151515152%;
}

.t-grid\:fit\:67 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:67 > * {
  width: 1.4925373134%;
}

.t-grid\:fit\:68 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:68 > * {
  width: 1.4705882353%;
}

.t-grid\:fit\:69 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:69 > * {
  width: 1.4492753623%;
}

.t-grid\:fit\:70 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:70 > * {
  width: 1.4285714286%;
}

.t-grid\:fit\:71 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:71 > * {
  width: 1.4084507042%;
}

.t-grid\:fit\:72 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:72 > * {
  width: 1.3888888889%;
}

.t-grid\:fit\:73 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:73 > * {
  width: 1.3698630137%;
}

.t-grid\:fit\:74 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:74 > * {
  width: 1.3513513514%;
}

.t-grid\:fit\:75 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:75 > * {
  width: 1.3333333333%;
}

.t-grid\:fit\:76 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:76 > * {
  width: 1.3157894737%;
}

.t-grid\:fit\:77 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:77 > * {
  width: 1.2987012987%;
}

.t-grid\:fit\:78 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:78 > * {
  width: 1.2820512821%;
}

.t-grid\:fit\:79 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:79 > * {
  width: 1.2658227848%;
}

.t-grid\:fit\:80 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:80 > * {
  width: 1.25%;
}

.t-grid\:fit\:81 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:81 > * {
  width: 1.2345679012%;
}

.t-grid\:fit\:82 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:82 > * {
  width: 1.2195121951%;
}

.t-grid\:fit\:83 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:83 > * {
  width: 1.2048192771%;
}

.t-grid\:fit\:84 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:84 > * {
  width: 1.1904761905%;
}

.t-grid\:fit\:85 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:85 > * {
  width: 1.1764705882%;
}

.t-grid\:fit\:86 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:86 > * {
  width: 1.1627906977%;
}

.t-grid\:fit\:87 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:87 > * {
  width: 1.1494252874%;
}

.t-grid\:fit\:88 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:88 > * {
  width: 1.1363636364%;
}

.t-grid\:fit\:89 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:89 > * {
  width: 1.1235955056%;
}

.t-grid\:fit\:90 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:90 > * {
  width: 1.1111111111%;
}

.t-grid\:fit\:91 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:91 > * {
  width: 1.0989010989%;
}

.t-grid\:fit\:92 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:92 > * {
  width: 1.0869565217%;
}

.t-grid\:fit\:93 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:93 > * {
  width: 1.0752688172%;
}

.t-grid\:fit\:94 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:94 > * {
  width: 1.0638297872%;
}

.t-grid\:fit\:95 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:95 > * {
  width: 1.0526315789%;
}

.t-grid\:fit\:96 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:96 > * {
  width: 1.0416666667%;
}

.t-grid\:fit\:97 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:97 > * {
  width: 1.0309278351%;
}

.t-grid\:fit\:98 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:98 > * {
  width: 1.0204081633%;
}

.t-grid\:fit\:99 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:99 > * {
  width: 1.0101010101%;
}

.t-grid\:fit\:100 {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:100 > * {
  width: 1%;
}

.t-grid\:fit\:1\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:1\:xs > * {
  width: 100%;
}

.t-grid\:fit\:2\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:2\:xs > * {
  width: 50%;
}

.t-grid\:fit\:3\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:3\:xs > * {
  width: 33.3333333333%;
}

.t-grid\:fit\:4\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:4\:xs > * {
  width: 25%;
}

.t-grid\:fit\:5\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:5\:xs > * {
  width: 20%;
}

.t-grid\:fit\:6\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:6\:xs > * {
  width: 16.6666666667%;
}

.t-grid\:fit\:7\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:7\:xs > * {
  width: 14.2857142857%;
}

.t-grid\:fit\:8\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:8\:xs > * {
  width: 12.5%;
}

.t-grid\:fit\:9\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:9\:xs > * {
  width: 11.1111111111%;
}

.t-grid\:fit\:10\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:10\:xs > * {
  width: 10%;
}

.t-grid\:fit\:11\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:11\:xs > * {
  width: 9.0909090909%;
}

.t-grid\:fit\:12\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:12\:xs > * {
  width: 8.3333333333%;
}

.t-grid\:fit\:13\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:13\:xs > * {
  width: 7.6923076923%;
}

.t-grid\:fit\:14\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:14\:xs > * {
  width: 7.1428571429%;
}

.t-grid\:fit\:15\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:15\:xs > * {
  width: 6.6666666667%;
}

.t-grid\:fit\:16\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:16\:xs > * {
  width: 6.25%;
}

.t-grid\:fit\:17\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:17\:xs > * {
  width: 5.8823529412%;
}

.t-grid\:fit\:18\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:18\:xs > * {
  width: 5.5555555556%;
}

.t-grid\:fit\:19\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:19\:xs > * {
  width: 5.2631578947%;
}

.t-grid\:fit\:20\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:20\:xs > * {
  width: 5%;
}

.t-grid\:fit\:21\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:21\:xs > * {
  width: 4.7619047619%;
}

.t-grid\:fit\:22\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:22\:xs > * {
  width: 4.5454545455%;
}

.t-grid\:fit\:23\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:23\:xs > * {
  width: 4.347826087%;
}

.t-grid\:fit\:24\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:24\:xs > * {
  width: 4.1666666667%;
}

.t-grid\:fit\:25\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:25\:xs > * {
  width: 4%;
}

.t-grid\:fit\:26\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:26\:xs > * {
  width: 3.8461538462%;
}

.t-grid\:fit\:27\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:27\:xs > * {
  width: 3.7037037037%;
}

.t-grid\:fit\:28\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:28\:xs > * {
  width: 3.5714285714%;
}

.t-grid\:fit\:29\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:29\:xs > * {
  width: 3.4482758621%;
}

.t-grid\:fit\:30\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:30\:xs > * {
  width: 3.3333333333%;
}

.t-grid\:fit\:31\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:31\:xs > * {
  width: 3.2258064516%;
}

.t-grid\:fit\:32\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:32\:xs > * {
  width: 3.125%;
}

.t-grid\:fit\:33\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:33\:xs > * {
  width: 3.0303030303%;
}

.t-grid\:fit\:34\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:34\:xs > * {
  width: 2.9411764706%;
}

.t-grid\:fit\:35\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:35\:xs > * {
  width: 2.8571428571%;
}

.t-grid\:fit\:36\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:36\:xs > * {
  width: 2.7777777778%;
}

.t-grid\:fit\:37\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:37\:xs > * {
  width: 2.7027027027%;
}

.t-grid\:fit\:38\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:38\:xs > * {
  width: 2.6315789474%;
}

.t-grid\:fit\:39\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:39\:xs > * {
  width: 2.5641025641%;
}

.t-grid\:fit\:40\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:40\:xs > * {
  width: 2.5%;
}

.t-grid\:fit\:41\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:41\:xs > * {
  width: 2.4390243902%;
}

.t-grid\:fit\:42\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:42\:xs > * {
  width: 2.380952381%;
}

.t-grid\:fit\:43\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:43\:xs > * {
  width: 2.3255813953%;
}

.t-grid\:fit\:44\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:44\:xs > * {
  width: 2.2727272727%;
}

.t-grid\:fit\:45\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:45\:xs > * {
  width: 2.2222222222%;
}

.t-grid\:fit\:46\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:46\:xs > * {
  width: 2.1739130435%;
}

.t-grid\:fit\:47\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:47\:xs > * {
  width: 2.1276595745%;
}

.t-grid\:fit\:48\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:48\:xs > * {
  width: 2.0833333333%;
}

.t-grid\:fit\:49\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:49\:xs > * {
  width: 2.0408163265%;
}

.t-grid\:fit\:50\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:50\:xs > * {
  width: 2%;
}

.t-grid\:fit\:51\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:51\:xs > * {
  width: 1.9607843137%;
}

.t-grid\:fit\:52\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:52\:xs > * {
  width: 1.9230769231%;
}

.t-grid\:fit\:53\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:53\:xs > * {
  width: 1.8867924528%;
}

.t-grid\:fit\:54\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:54\:xs > * {
  width: 1.8518518519%;
}

.t-grid\:fit\:55\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:55\:xs > * {
  width: 1.8181818182%;
}

.t-grid\:fit\:56\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:56\:xs > * {
  width: 1.7857142857%;
}

.t-grid\:fit\:57\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:57\:xs > * {
  width: 1.7543859649%;
}

.t-grid\:fit\:58\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:58\:xs > * {
  width: 1.724137931%;
}

.t-grid\:fit\:59\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:59\:xs > * {
  width: 1.6949152542%;
}

.t-grid\:fit\:60\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:60\:xs > * {
  width: 1.6666666667%;
}

.t-grid\:fit\:61\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:61\:xs > * {
  width: 1.6393442623%;
}

.t-grid\:fit\:62\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:62\:xs > * {
  width: 1.6129032258%;
}

.t-grid\:fit\:63\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:63\:xs > * {
  width: 1.5873015873%;
}

.t-grid\:fit\:64\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:64\:xs > * {
  width: 1.5625%;
}

.t-grid\:fit\:65\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:65\:xs > * {
  width: 1.5384615385%;
}

.t-grid\:fit\:66\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:66\:xs > * {
  width: 1.5151515152%;
}

.t-grid\:fit\:67\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:67\:xs > * {
  width: 1.4925373134%;
}

.t-grid\:fit\:68\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:68\:xs > * {
  width: 1.4705882353%;
}

.t-grid\:fit\:69\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:69\:xs > * {
  width: 1.4492753623%;
}

.t-grid\:fit\:70\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:70\:xs > * {
  width: 1.4285714286%;
}

.t-grid\:fit\:71\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:71\:xs > * {
  width: 1.4084507042%;
}

.t-grid\:fit\:72\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:72\:xs > * {
  width: 1.3888888889%;
}

.t-grid\:fit\:73\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:73\:xs > * {
  width: 1.3698630137%;
}

.t-grid\:fit\:74\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:74\:xs > * {
  width: 1.3513513514%;
}

.t-grid\:fit\:75\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:75\:xs > * {
  width: 1.3333333333%;
}

.t-grid\:fit\:76\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:76\:xs > * {
  width: 1.3157894737%;
}

.t-grid\:fit\:77\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:77\:xs > * {
  width: 1.2987012987%;
}

.t-grid\:fit\:78\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:78\:xs > * {
  width: 1.2820512821%;
}

.t-grid\:fit\:79\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:79\:xs > * {
  width: 1.2658227848%;
}

.t-grid\:fit\:80\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:80\:xs > * {
  width: 1.25%;
}

.t-grid\:fit\:81\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:81\:xs > * {
  width: 1.2345679012%;
}

.t-grid\:fit\:82\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:82\:xs > * {
  width: 1.2195121951%;
}

.t-grid\:fit\:83\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:83\:xs > * {
  width: 1.2048192771%;
}

.t-grid\:fit\:84\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:84\:xs > * {
  width: 1.1904761905%;
}

.t-grid\:fit\:85\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:85\:xs > * {
  width: 1.1764705882%;
}

.t-grid\:fit\:86\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:86\:xs > * {
  width: 1.1627906977%;
}

.t-grid\:fit\:87\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:87\:xs > * {
  width: 1.1494252874%;
}

.t-grid\:fit\:88\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:88\:xs > * {
  width: 1.1363636364%;
}

.t-grid\:fit\:89\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:89\:xs > * {
  width: 1.1235955056%;
}

.t-grid\:fit\:90\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:90\:xs > * {
  width: 1.1111111111%;
}

.t-grid\:fit\:91\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:91\:xs > * {
  width: 1.0989010989%;
}

.t-grid\:fit\:92\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:92\:xs > * {
  width: 1.0869565217%;
}

.t-grid\:fit\:93\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:93\:xs > * {
  width: 1.0752688172%;
}

.t-grid\:fit\:94\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:94\:xs > * {
  width: 1.0638297872%;
}

.t-grid\:fit\:95\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:95\:xs > * {
  width: 1.0526315789%;
}

.t-grid\:fit\:96\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:96\:xs > * {
  width: 1.0416666667%;
}

.t-grid\:fit\:97\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:97\:xs > * {
  width: 1.0309278351%;
}

.t-grid\:fit\:98\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:98\:xs > * {
  width: 1.0204081633%;
}

.t-grid\:fit\:99\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:99\:xs > * {
  width: 1.0101010101%;
}

.t-grid\:fit\:100\:xs {
  display: flex;
  flex-wrap: wrap;
}
.t-grid\:fit\:100\:xs > * {
  width: 1%;
}

@media (min-width: 501px) {
  .t-grid\:fit\:1\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:1\:s > * {
    width: 100%;
  }

  .t-grid\:fit\:2\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:2\:s > * {
    width: 50%;
  }

  .t-grid\:fit\:3\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:3\:s > * {
    width: 33.3333333333%;
  }

  .t-grid\:fit\:4\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:4\:s > * {
    width: 25%;
  }

  .t-grid\:fit\:5\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:5\:s > * {
    width: 20%;
  }

  .t-grid\:fit\:6\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:6\:s > * {
    width: 16.6666666667%;
  }

  .t-grid\:fit\:7\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:7\:s > * {
    width: 14.2857142857%;
  }

  .t-grid\:fit\:8\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:8\:s > * {
    width: 12.5%;
  }

  .t-grid\:fit\:9\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:9\:s > * {
    width: 11.1111111111%;
  }

  .t-grid\:fit\:10\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:10\:s > * {
    width: 10%;
  }

  .t-grid\:fit\:11\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:11\:s > * {
    width: 9.0909090909%;
  }

  .t-grid\:fit\:12\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:12\:s > * {
    width: 8.3333333333%;
  }

  .t-grid\:fit\:13\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:13\:s > * {
    width: 7.6923076923%;
  }

  .t-grid\:fit\:14\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:14\:s > * {
    width: 7.1428571429%;
  }

  .t-grid\:fit\:15\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:15\:s > * {
    width: 6.6666666667%;
  }

  .t-grid\:fit\:16\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:16\:s > * {
    width: 6.25%;
  }

  .t-grid\:fit\:17\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:17\:s > * {
    width: 5.8823529412%;
  }

  .t-grid\:fit\:18\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:18\:s > * {
    width: 5.5555555556%;
  }

  .t-grid\:fit\:19\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:19\:s > * {
    width: 5.2631578947%;
  }

  .t-grid\:fit\:20\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:20\:s > * {
    width: 5%;
  }

  .t-grid\:fit\:21\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:21\:s > * {
    width: 4.7619047619%;
  }

  .t-grid\:fit\:22\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:22\:s > * {
    width: 4.5454545455%;
  }

  .t-grid\:fit\:23\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:23\:s > * {
    width: 4.347826087%;
  }

  .t-grid\:fit\:24\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:24\:s > * {
    width: 4.1666666667%;
  }

  .t-grid\:fit\:25\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:25\:s > * {
    width: 4%;
  }

  .t-grid\:fit\:26\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:26\:s > * {
    width: 3.8461538462%;
  }

  .t-grid\:fit\:27\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:27\:s > * {
    width: 3.7037037037%;
  }

  .t-grid\:fit\:28\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:28\:s > * {
    width: 3.5714285714%;
  }

  .t-grid\:fit\:29\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:29\:s > * {
    width: 3.4482758621%;
  }

  .t-grid\:fit\:30\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:30\:s > * {
    width: 3.3333333333%;
  }

  .t-grid\:fit\:31\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:31\:s > * {
    width: 3.2258064516%;
  }

  .t-grid\:fit\:32\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:32\:s > * {
    width: 3.125%;
  }

  .t-grid\:fit\:33\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:33\:s > * {
    width: 3.0303030303%;
  }

  .t-grid\:fit\:34\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:34\:s > * {
    width: 2.9411764706%;
  }

  .t-grid\:fit\:35\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:35\:s > * {
    width: 2.8571428571%;
  }

  .t-grid\:fit\:36\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:36\:s > * {
    width: 2.7777777778%;
  }

  .t-grid\:fit\:37\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:37\:s > * {
    width: 2.7027027027%;
  }

  .t-grid\:fit\:38\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:38\:s > * {
    width: 2.6315789474%;
  }

  .t-grid\:fit\:39\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:39\:s > * {
    width: 2.5641025641%;
  }

  .t-grid\:fit\:40\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:40\:s > * {
    width: 2.5%;
  }

  .t-grid\:fit\:41\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:41\:s > * {
    width: 2.4390243902%;
  }

  .t-grid\:fit\:42\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:42\:s > * {
    width: 2.380952381%;
  }

  .t-grid\:fit\:43\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:43\:s > * {
    width: 2.3255813953%;
  }

  .t-grid\:fit\:44\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:44\:s > * {
    width: 2.2727272727%;
  }

  .t-grid\:fit\:45\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:45\:s > * {
    width: 2.2222222222%;
  }

  .t-grid\:fit\:46\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:46\:s > * {
    width: 2.1739130435%;
  }

  .t-grid\:fit\:47\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:47\:s > * {
    width: 2.1276595745%;
  }

  .t-grid\:fit\:48\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:48\:s > * {
    width: 2.0833333333%;
  }

  .t-grid\:fit\:49\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:49\:s > * {
    width: 2.0408163265%;
  }

  .t-grid\:fit\:50\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:50\:s > * {
    width: 2%;
  }

  .t-grid\:fit\:51\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:51\:s > * {
    width: 1.9607843137%;
  }

  .t-grid\:fit\:52\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:52\:s > * {
    width: 1.9230769231%;
  }

  .t-grid\:fit\:53\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:53\:s > * {
    width: 1.8867924528%;
  }

  .t-grid\:fit\:54\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:54\:s > * {
    width: 1.8518518519%;
  }

  .t-grid\:fit\:55\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:55\:s > * {
    width: 1.8181818182%;
  }

  .t-grid\:fit\:56\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:56\:s > * {
    width: 1.7857142857%;
  }

  .t-grid\:fit\:57\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:57\:s > * {
    width: 1.7543859649%;
  }

  .t-grid\:fit\:58\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:58\:s > * {
    width: 1.724137931%;
  }

  .t-grid\:fit\:59\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:59\:s > * {
    width: 1.6949152542%;
  }

  .t-grid\:fit\:60\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:60\:s > * {
    width: 1.6666666667%;
  }

  .t-grid\:fit\:61\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:61\:s > * {
    width: 1.6393442623%;
  }

  .t-grid\:fit\:62\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:62\:s > * {
    width: 1.6129032258%;
  }

  .t-grid\:fit\:63\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:63\:s > * {
    width: 1.5873015873%;
  }

  .t-grid\:fit\:64\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:64\:s > * {
    width: 1.5625%;
  }

  .t-grid\:fit\:65\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:65\:s > * {
    width: 1.5384615385%;
  }

  .t-grid\:fit\:66\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:66\:s > * {
    width: 1.5151515152%;
  }

  .t-grid\:fit\:67\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:67\:s > * {
    width: 1.4925373134%;
  }

  .t-grid\:fit\:68\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:68\:s > * {
    width: 1.4705882353%;
  }

  .t-grid\:fit\:69\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:69\:s > * {
    width: 1.4492753623%;
  }

  .t-grid\:fit\:70\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:70\:s > * {
    width: 1.4285714286%;
  }

  .t-grid\:fit\:71\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:71\:s > * {
    width: 1.4084507042%;
  }

  .t-grid\:fit\:72\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:72\:s > * {
    width: 1.3888888889%;
  }

  .t-grid\:fit\:73\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:73\:s > * {
    width: 1.3698630137%;
  }

  .t-grid\:fit\:74\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:74\:s > * {
    width: 1.3513513514%;
  }

  .t-grid\:fit\:75\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:75\:s > * {
    width: 1.3333333333%;
  }

  .t-grid\:fit\:76\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:76\:s > * {
    width: 1.3157894737%;
  }

  .t-grid\:fit\:77\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:77\:s > * {
    width: 1.2987012987%;
  }

  .t-grid\:fit\:78\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:78\:s > * {
    width: 1.2820512821%;
  }

  .t-grid\:fit\:79\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:79\:s > * {
    width: 1.2658227848%;
  }

  .t-grid\:fit\:80\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:80\:s > * {
    width: 1.25%;
  }

  .t-grid\:fit\:81\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:81\:s > * {
    width: 1.2345679012%;
  }

  .t-grid\:fit\:82\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:82\:s > * {
    width: 1.2195121951%;
  }

  .t-grid\:fit\:83\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:83\:s > * {
    width: 1.2048192771%;
  }

  .t-grid\:fit\:84\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:84\:s > * {
    width: 1.1904761905%;
  }

  .t-grid\:fit\:85\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:85\:s > * {
    width: 1.1764705882%;
  }

  .t-grid\:fit\:86\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:86\:s > * {
    width: 1.1627906977%;
  }

  .t-grid\:fit\:87\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:87\:s > * {
    width: 1.1494252874%;
  }

  .t-grid\:fit\:88\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:88\:s > * {
    width: 1.1363636364%;
  }

  .t-grid\:fit\:89\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:89\:s > * {
    width: 1.1235955056%;
  }

  .t-grid\:fit\:90\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:90\:s > * {
    width: 1.1111111111%;
  }

  .t-grid\:fit\:91\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:91\:s > * {
    width: 1.0989010989%;
  }

  .t-grid\:fit\:92\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:92\:s > * {
    width: 1.0869565217%;
  }

  .t-grid\:fit\:93\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:93\:s > * {
    width: 1.0752688172%;
  }

  .t-grid\:fit\:94\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:94\:s > * {
    width: 1.0638297872%;
  }

  .t-grid\:fit\:95\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:95\:s > * {
    width: 1.0526315789%;
  }

  .t-grid\:fit\:96\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:96\:s > * {
    width: 1.0416666667%;
  }

  .t-grid\:fit\:97\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:97\:s > * {
    width: 1.0309278351%;
  }

  .t-grid\:fit\:98\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:98\:s > * {
    width: 1.0204081633%;
  }

  .t-grid\:fit\:99\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:99\:s > * {
    width: 1.0101010101%;
  }

  .t-grid\:fit\:100\:s {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:100\:s > * {
    width: 1%;
  }
}
@media (min-width: 767px) {
  .t-grid\:fit\:1\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:1\:m > * {
    width: 100%;
  }

  .t-grid\:fit\:2\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:2\:m > * {
    width: 50%;
  }

  .t-grid\:fit\:3\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:3\:m > * {
    width: 33.3333333333%;
  }

  .t-grid\:fit\:4\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:4\:m > * {
    width: 25%;
  }

  .t-grid\:fit\:5\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:5\:m > * {
    width: 20%;
  }

  .t-grid\:fit\:6\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:6\:m > * {
    width: 16.6666666667%;
  }

  .t-grid\:fit\:7\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:7\:m > * {
    width: 14.2857142857%;
  }

  .t-grid\:fit\:8\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:8\:m > * {
    width: 12.5%;
  }

  .t-grid\:fit\:9\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:9\:m > * {
    width: 11.1111111111%;
  }

  .t-grid\:fit\:10\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:10\:m > * {
    width: 10%;
  }

  .t-grid\:fit\:11\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:11\:m > * {
    width: 9.0909090909%;
  }

  .t-grid\:fit\:12\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:12\:m > * {
    width: 8.3333333333%;
  }

  .t-grid\:fit\:13\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:13\:m > * {
    width: 7.6923076923%;
  }

  .t-grid\:fit\:14\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:14\:m > * {
    width: 7.1428571429%;
  }

  .t-grid\:fit\:15\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:15\:m > * {
    width: 6.6666666667%;
  }

  .t-grid\:fit\:16\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:16\:m > * {
    width: 6.25%;
  }

  .t-grid\:fit\:17\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:17\:m > * {
    width: 5.8823529412%;
  }

  .t-grid\:fit\:18\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:18\:m > * {
    width: 5.5555555556%;
  }

  .t-grid\:fit\:19\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:19\:m > * {
    width: 5.2631578947%;
  }

  .t-grid\:fit\:20\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:20\:m > * {
    width: 5%;
  }

  .t-grid\:fit\:21\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:21\:m > * {
    width: 4.7619047619%;
  }

  .t-grid\:fit\:22\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:22\:m > * {
    width: 4.5454545455%;
  }

  .t-grid\:fit\:23\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:23\:m > * {
    width: 4.347826087%;
  }

  .t-grid\:fit\:24\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:24\:m > * {
    width: 4.1666666667%;
  }

  .t-grid\:fit\:25\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:25\:m > * {
    width: 4%;
  }

  .t-grid\:fit\:26\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:26\:m > * {
    width: 3.8461538462%;
  }

  .t-grid\:fit\:27\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:27\:m > * {
    width: 3.7037037037%;
  }

  .t-grid\:fit\:28\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:28\:m > * {
    width: 3.5714285714%;
  }

  .t-grid\:fit\:29\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:29\:m > * {
    width: 3.4482758621%;
  }

  .t-grid\:fit\:30\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:30\:m > * {
    width: 3.3333333333%;
  }

  .t-grid\:fit\:31\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:31\:m > * {
    width: 3.2258064516%;
  }

  .t-grid\:fit\:32\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:32\:m > * {
    width: 3.125%;
  }

  .t-grid\:fit\:33\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:33\:m > * {
    width: 3.0303030303%;
  }

  .t-grid\:fit\:34\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:34\:m > * {
    width: 2.9411764706%;
  }

  .t-grid\:fit\:35\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:35\:m > * {
    width: 2.8571428571%;
  }

  .t-grid\:fit\:36\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:36\:m > * {
    width: 2.7777777778%;
  }

  .t-grid\:fit\:37\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:37\:m > * {
    width: 2.7027027027%;
  }

  .t-grid\:fit\:38\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:38\:m > * {
    width: 2.6315789474%;
  }

  .t-grid\:fit\:39\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:39\:m > * {
    width: 2.5641025641%;
  }

  .t-grid\:fit\:40\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:40\:m > * {
    width: 2.5%;
  }

  .t-grid\:fit\:41\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:41\:m > * {
    width: 2.4390243902%;
  }

  .t-grid\:fit\:42\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:42\:m > * {
    width: 2.380952381%;
  }

  .t-grid\:fit\:43\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:43\:m > * {
    width: 2.3255813953%;
  }

  .t-grid\:fit\:44\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:44\:m > * {
    width: 2.2727272727%;
  }

  .t-grid\:fit\:45\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:45\:m > * {
    width: 2.2222222222%;
  }

  .t-grid\:fit\:46\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:46\:m > * {
    width: 2.1739130435%;
  }

  .t-grid\:fit\:47\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:47\:m > * {
    width: 2.1276595745%;
  }

  .t-grid\:fit\:48\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:48\:m > * {
    width: 2.0833333333%;
  }

  .t-grid\:fit\:49\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:49\:m > * {
    width: 2.0408163265%;
  }

  .t-grid\:fit\:50\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:50\:m > * {
    width: 2%;
  }

  .t-grid\:fit\:51\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:51\:m > * {
    width: 1.9607843137%;
  }

  .t-grid\:fit\:52\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:52\:m > * {
    width: 1.9230769231%;
  }

  .t-grid\:fit\:53\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:53\:m > * {
    width: 1.8867924528%;
  }

  .t-grid\:fit\:54\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:54\:m > * {
    width: 1.8518518519%;
  }

  .t-grid\:fit\:55\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:55\:m > * {
    width: 1.8181818182%;
  }

  .t-grid\:fit\:56\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:56\:m > * {
    width: 1.7857142857%;
  }

  .t-grid\:fit\:57\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:57\:m > * {
    width: 1.7543859649%;
  }

  .t-grid\:fit\:58\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:58\:m > * {
    width: 1.724137931%;
  }

  .t-grid\:fit\:59\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:59\:m > * {
    width: 1.6949152542%;
  }

  .t-grid\:fit\:60\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:60\:m > * {
    width: 1.6666666667%;
  }

  .t-grid\:fit\:61\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:61\:m > * {
    width: 1.6393442623%;
  }

  .t-grid\:fit\:62\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:62\:m > * {
    width: 1.6129032258%;
  }

  .t-grid\:fit\:63\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:63\:m > * {
    width: 1.5873015873%;
  }

  .t-grid\:fit\:64\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:64\:m > * {
    width: 1.5625%;
  }

  .t-grid\:fit\:65\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:65\:m > * {
    width: 1.5384615385%;
  }

  .t-grid\:fit\:66\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:66\:m > * {
    width: 1.5151515152%;
  }

  .t-grid\:fit\:67\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:67\:m > * {
    width: 1.4925373134%;
  }

  .t-grid\:fit\:68\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:68\:m > * {
    width: 1.4705882353%;
  }

  .t-grid\:fit\:69\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:69\:m > * {
    width: 1.4492753623%;
  }

  .t-grid\:fit\:70\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:70\:m > * {
    width: 1.4285714286%;
  }

  .t-grid\:fit\:71\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:71\:m > * {
    width: 1.4084507042%;
  }

  .t-grid\:fit\:72\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:72\:m > * {
    width: 1.3888888889%;
  }

  .t-grid\:fit\:73\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:73\:m > * {
    width: 1.3698630137%;
  }

  .t-grid\:fit\:74\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:74\:m > * {
    width: 1.3513513514%;
  }

  .t-grid\:fit\:75\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:75\:m > * {
    width: 1.3333333333%;
  }

  .t-grid\:fit\:76\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:76\:m > * {
    width: 1.3157894737%;
  }

  .t-grid\:fit\:77\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:77\:m > * {
    width: 1.2987012987%;
  }

  .t-grid\:fit\:78\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:78\:m > * {
    width: 1.2820512821%;
  }

  .t-grid\:fit\:79\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:79\:m > * {
    width: 1.2658227848%;
  }

  .t-grid\:fit\:80\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:80\:m > * {
    width: 1.25%;
  }

  .t-grid\:fit\:81\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:81\:m > * {
    width: 1.2345679012%;
  }

  .t-grid\:fit\:82\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:82\:m > * {
    width: 1.2195121951%;
  }

  .t-grid\:fit\:83\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:83\:m > * {
    width: 1.2048192771%;
  }

  .t-grid\:fit\:84\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:84\:m > * {
    width: 1.1904761905%;
  }

  .t-grid\:fit\:85\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:85\:m > * {
    width: 1.1764705882%;
  }

  .t-grid\:fit\:86\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:86\:m > * {
    width: 1.1627906977%;
  }

  .t-grid\:fit\:87\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:87\:m > * {
    width: 1.1494252874%;
  }

  .t-grid\:fit\:88\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:88\:m > * {
    width: 1.1363636364%;
  }

  .t-grid\:fit\:89\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:89\:m > * {
    width: 1.1235955056%;
  }

  .t-grid\:fit\:90\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:90\:m > * {
    width: 1.1111111111%;
  }

  .t-grid\:fit\:91\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:91\:m > * {
    width: 1.0989010989%;
  }

  .t-grid\:fit\:92\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:92\:m > * {
    width: 1.0869565217%;
  }

  .t-grid\:fit\:93\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:93\:m > * {
    width: 1.0752688172%;
  }

  .t-grid\:fit\:94\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:94\:m > * {
    width: 1.0638297872%;
  }

  .t-grid\:fit\:95\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:95\:m > * {
    width: 1.0526315789%;
  }

  .t-grid\:fit\:96\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:96\:m > * {
    width: 1.0416666667%;
  }

  .t-grid\:fit\:97\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:97\:m > * {
    width: 1.0309278351%;
  }

  .t-grid\:fit\:98\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:98\:m > * {
    width: 1.0204081633%;
  }

  .t-grid\:fit\:99\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:99\:m > * {
    width: 1.0101010101%;
  }

  .t-grid\:fit\:100\:m {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:100\:m > * {
    width: 1%;
  }
}
@media (min-width: 1023px) {
  .t-grid\:fit\:1\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:1\:l > * {
    width: 100%;
  }

  .t-grid\:fit\:2\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:2\:l > * {
    width: 50%;
  }

  .t-grid\:fit\:3\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:3\:l > * {
    width: 33.3333333333%;
  }

  .t-grid\:fit\:4\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:4\:l > * {
    width: 25%;
  }

  .t-grid\:fit\:5\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:5\:l > * {
    width: 20%;
  }

  .t-grid\:fit\:6\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:6\:l > * {
    width: 16.6666666667%;
  }

  .t-grid\:fit\:7\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:7\:l > * {
    width: 14.2857142857%;
  }

  .t-grid\:fit\:8\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:8\:l > * {
    width: 12.5%;
  }

  .t-grid\:fit\:9\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:9\:l > * {
    width: 11.1111111111%;
  }

  .t-grid\:fit\:10\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:10\:l > * {
    width: 10%;
  }

  .t-grid\:fit\:11\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:11\:l > * {
    width: 9.0909090909%;
  }

  .t-grid\:fit\:12\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:12\:l > * {
    width: 8.3333333333%;
  }

  .t-grid\:fit\:13\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:13\:l > * {
    width: 7.6923076923%;
  }

  .t-grid\:fit\:14\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:14\:l > * {
    width: 7.1428571429%;
  }

  .t-grid\:fit\:15\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:15\:l > * {
    width: 6.6666666667%;
  }

  .t-grid\:fit\:16\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:16\:l > * {
    width: 6.25%;
  }

  .t-grid\:fit\:17\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:17\:l > * {
    width: 5.8823529412%;
  }

  .t-grid\:fit\:18\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:18\:l > * {
    width: 5.5555555556%;
  }

  .t-grid\:fit\:19\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:19\:l > * {
    width: 5.2631578947%;
  }

  .t-grid\:fit\:20\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:20\:l > * {
    width: 5%;
  }

  .t-grid\:fit\:21\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:21\:l > * {
    width: 4.7619047619%;
  }

  .t-grid\:fit\:22\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:22\:l > * {
    width: 4.5454545455%;
  }

  .t-grid\:fit\:23\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:23\:l > * {
    width: 4.347826087%;
  }

  .t-grid\:fit\:24\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:24\:l > * {
    width: 4.1666666667%;
  }

  .t-grid\:fit\:25\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:25\:l > * {
    width: 4%;
  }

  .t-grid\:fit\:26\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:26\:l > * {
    width: 3.8461538462%;
  }

  .t-grid\:fit\:27\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:27\:l > * {
    width: 3.7037037037%;
  }

  .t-grid\:fit\:28\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:28\:l > * {
    width: 3.5714285714%;
  }

  .t-grid\:fit\:29\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:29\:l > * {
    width: 3.4482758621%;
  }

  .t-grid\:fit\:30\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:30\:l > * {
    width: 3.3333333333%;
  }

  .t-grid\:fit\:31\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:31\:l > * {
    width: 3.2258064516%;
  }

  .t-grid\:fit\:32\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:32\:l > * {
    width: 3.125%;
  }

  .t-grid\:fit\:33\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:33\:l > * {
    width: 3.0303030303%;
  }

  .t-grid\:fit\:34\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:34\:l > * {
    width: 2.9411764706%;
  }

  .t-grid\:fit\:35\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:35\:l > * {
    width: 2.8571428571%;
  }

  .t-grid\:fit\:36\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:36\:l > * {
    width: 2.7777777778%;
  }

  .t-grid\:fit\:37\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:37\:l > * {
    width: 2.7027027027%;
  }

  .t-grid\:fit\:38\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:38\:l > * {
    width: 2.6315789474%;
  }

  .t-grid\:fit\:39\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:39\:l > * {
    width: 2.5641025641%;
  }

  .t-grid\:fit\:40\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:40\:l > * {
    width: 2.5%;
  }

  .t-grid\:fit\:41\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:41\:l > * {
    width: 2.4390243902%;
  }

  .t-grid\:fit\:42\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:42\:l > * {
    width: 2.380952381%;
  }

  .t-grid\:fit\:43\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:43\:l > * {
    width: 2.3255813953%;
  }

  .t-grid\:fit\:44\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:44\:l > * {
    width: 2.2727272727%;
  }

  .t-grid\:fit\:45\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:45\:l > * {
    width: 2.2222222222%;
  }

  .t-grid\:fit\:46\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:46\:l > * {
    width: 2.1739130435%;
  }

  .t-grid\:fit\:47\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:47\:l > * {
    width: 2.1276595745%;
  }

  .t-grid\:fit\:48\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:48\:l > * {
    width: 2.0833333333%;
  }

  .t-grid\:fit\:49\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:49\:l > * {
    width: 2.0408163265%;
  }

  .t-grid\:fit\:50\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:50\:l > * {
    width: 2%;
  }

  .t-grid\:fit\:51\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:51\:l > * {
    width: 1.9607843137%;
  }

  .t-grid\:fit\:52\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:52\:l > * {
    width: 1.9230769231%;
  }

  .t-grid\:fit\:53\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:53\:l > * {
    width: 1.8867924528%;
  }

  .t-grid\:fit\:54\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:54\:l > * {
    width: 1.8518518519%;
  }

  .t-grid\:fit\:55\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:55\:l > * {
    width: 1.8181818182%;
  }

  .t-grid\:fit\:56\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:56\:l > * {
    width: 1.7857142857%;
  }

  .t-grid\:fit\:57\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:57\:l > * {
    width: 1.7543859649%;
  }

  .t-grid\:fit\:58\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:58\:l > * {
    width: 1.724137931%;
  }

  .t-grid\:fit\:59\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:59\:l > * {
    width: 1.6949152542%;
  }

  .t-grid\:fit\:60\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:60\:l > * {
    width: 1.6666666667%;
  }

  .t-grid\:fit\:61\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:61\:l > * {
    width: 1.6393442623%;
  }

  .t-grid\:fit\:62\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:62\:l > * {
    width: 1.6129032258%;
  }

  .t-grid\:fit\:63\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:63\:l > * {
    width: 1.5873015873%;
  }

  .t-grid\:fit\:64\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:64\:l > * {
    width: 1.5625%;
  }

  .t-grid\:fit\:65\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:65\:l > * {
    width: 1.5384615385%;
  }

  .t-grid\:fit\:66\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:66\:l > * {
    width: 1.5151515152%;
  }

  .t-grid\:fit\:67\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:67\:l > * {
    width: 1.4925373134%;
  }

  .t-grid\:fit\:68\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:68\:l > * {
    width: 1.4705882353%;
  }

  .t-grid\:fit\:69\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:69\:l > * {
    width: 1.4492753623%;
  }

  .t-grid\:fit\:70\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:70\:l > * {
    width: 1.4285714286%;
  }

  .t-grid\:fit\:71\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:71\:l > * {
    width: 1.4084507042%;
  }

  .t-grid\:fit\:72\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:72\:l > * {
    width: 1.3888888889%;
  }

  .t-grid\:fit\:73\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:73\:l > * {
    width: 1.3698630137%;
  }

  .t-grid\:fit\:74\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:74\:l > * {
    width: 1.3513513514%;
  }

  .t-grid\:fit\:75\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:75\:l > * {
    width: 1.3333333333%;
  }

  .t-grid\:fit\:76\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:76\:l > * {
    width: 1.3157894737%;
  }

  .t-grid\:fit\:77\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:77\:l > * {
    width: 1.2987012987%;
  }

  .t-grid\:fit\:78\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:78\:l > * {
    width: 1.2820512821%;
  }

  .t-grid\:fit\:79\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:79\:l > * {
    width: 1.2658227848%;
  }

  .t-grid\:fit\:80\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:80\:l > * {
    width: 1.25%;
  }

  .t-grid\:fit\:81\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:81\:l > * {
    width: 1.2345679012%;
  }

  .t-grid\:fit\:82\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:82\:l > * {
    width: 1.2195121951%;
  }

  .t-grid\:fit\:83\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:83\:l > * {
    width: 1.2048192771%;
  }

  .t-grid\:fit\:84\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:84\:l > * {
    width: 1.1904761905%;
  }

  .t-grid\:fit\:85\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:85\:l > * {
    width: 1.1764705882%;
  }

  .t-grid\:fit\:86\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:86\:l > * {
    width: 1.1627906977%;
  }

  .t-grid\:fit\:87\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:87\:l > * {
    width: 1.1494252874%;
  }

  .t-grid\:fit\:88\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:88\:l > * {
    width: 1.1363636364%;
  }

  .t-grid\:fit\:89\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:89\:l > * {
    width: 1.1235955056%;
  }

  .t-grid\:fit\:90\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:90\:l > * {
    width: 1.1111111111%;
  }

  .t-grid\:fit\:91\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:91\:l > * {
    width: 1.0989010989%;
  }

  .t-grid\:fit\:92\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:92\:l > * {
    width: 1.0869565217%;
  }

  .t-grid\:fit\:93\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:93\:l > * {
    width: 1.0752688172%;
  }

  .t-grid\:fit\:94\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:94\:l > * {
    width: 1.0638297872%;
  }

  .t-grid\:fit\:95\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:95\:l > * {
    width: 1.0526315789%;
  }

  .t-grid\:fit\:96\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:96\:l > * {
    width: 1.0416666667%;
  }

  .t-grid\:fit\:97\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:97\:l > * {
    width: 1.0309278351%;
  }

  .t-grid\:fit\:98\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:98\:l > * {
    width: 1.0204081633%;
  }

  .t-grid\:fit\:99\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:99\:l > * {
    width: 1.0101010101%;
  }

  .t-grid\:fit\:100\:l {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid\:fit\:100\:l > * {
    width: 1%;
  }
}
@media (min-width: 1023px) and (min-width: 768px) {
  .t-grid\:fit\:s {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 501px) and (max-width: 728px) {
  .t-grid\:fit\:s {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .t-grid\:fit\:m {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1023px) {
  .t-grid\:fit\:l {
    display: flex;
    justify-content: space-between;
  }
}
/*

https://ascii.cl/

*/
/* @debug$increment-keys; */
/* Padding Percents */
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-pad {
    padding: var(--t-site-padding);
  }

  .t-pad\:top {
    padding-top: var(--t-site-padding);
  }

  .t-pad\:rt {
    padding-right: var(--t-site-padding);
  }

  .t-pad\:bot {
    padding-bottom: var(--t-site-padding);
  }

  .t-pad\:lt {
    padding-left: var(--t-site-padding);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-pad\:xs {
    padding: var(--t-site-padding);
  }

  html .t-pad\:top\:xs {
    padding-top: var(--t-site-padding);
  }

  html .t-pad\:rt\:xs {
    padding-right: var(--t-site-padding);
  }

  html .t-pad\:bot\:xs {
    padding-bottom: var(--t-site-padding);
  }

  html .t-pad\:lt\:xs {
    padding-left: var(--t-site-padding);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-pad\:s {
    padding: var(--t-site-padding);
  }

  html .t-pad\:top\:s {
    padding-top: var(--t-site-padding);
  }

  html .t-pad\:rt\:s {
    padding-right: var(--t-site-padding);
  }

  html .t-pad\:bot\:s {
    padding-bottom: var(--t-site-padding);
  }

  html .t-pad\:lt\:s {
    padding-left: var(--t-site-padding);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-pad\:m {
    padding: var(--t-site-padding);
  }

  html .t-pad\:top\:m {
    padding-top: var(--t-site-padding);
  }

  html .t-pad\:rt\:m {
    padding-right: var(--t-site-padding);
  }

  html .t-pad\:bot\:m {
    padding-bottom: var(--t-site-padding);
  }

  html .t-pad\:lt\:m {
    padding-left: var(--t-site-padding);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-pad\:l {
    padding: var(--t-site-padding);
  }

  html .t-pad\:top\:l {
    padding-top: var(--t-site-padding);
  }

  html .t-pad\:rt\:l {
    padding-right: var(--t-site-padding);
  }

  html .t-pad\:bot\:l {
    padding-bottom: var(--t-site-padding);
  }

  html .t-pad\:lt\:l {
    padding-left: var(--t-site-padding);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-pad\:xl {
    padding: var(--t-site-padding);
  }

  html .t-pad\:top\:xl {
    padding-top: var(--t-site-padding);
  }

  html .t-pad\:rt\:xl {
    padding-right: var(--t-site-padding);
  }

  html .t-pad\:bot\:xl {
    padding-bottom: var(--t-site-padding);
  }

  html .t-pad\:lt\:xl {
    padding-left: var(--t-site-padding);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-pad\:sw {
    padding: var(--t-site-padding);
  }

  html .t-pad\:top\:sw {
    padding-top: var(--t-site-padding);
  }

  html .t-pad\:rt\:sw {
    padding-right: var(--t-site-padding);
  }

  html .t-pad\:bot\:sw {
    padding-bottom: var(--t-site-padding);
  }

  html .t-pad\:lt\:sw {
    padding-left: var(--t-site-padding);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-pad\:75pc {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-pad\:75pc\:top {
    padding-top: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-pad\:75pc\:rt {
    padding-right: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-pad\:75pc\:bot {
    padding-bottom: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-pad\:75pc\:lt {
    padding-left: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-pad\:75pc\:xs {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:top\:xs {
    padding-top: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:rt\:xs {
    padding-right: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:bot\:xs {
    padding-bottom: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:lt\:xs {
    padding-left: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-pad\:75pc\:s {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:top\:s {
    padding-top: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:rt\:s {
    padding-right: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:bot\:s {
    padding-bottom: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:lt\:s {
    padding-left: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-pad\:75pc\:m {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:top\:m {
    padding-top: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:rt\:m {
    padding-right: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:bot\:m {
    padding-bottom: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:lt\:m {
    padding-left: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-pad\:75pc\:l {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:top\:l {
    padding-top: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:rt\:l {
    padding-right: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:bot\:l {
    padding-bottom: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:lt\:l {
    padding-left: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-pad\:75pc\:xl {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:top\:xl {
    padding-top: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:rt\:xl {
    padding-right: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:bot\:xl {
    padding-bottom: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:lt\:xl {
    padding-left: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-pad\:75pc\:sw {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:top\:sw {
    padding-top: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:rt\:sw {
    padding-right: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:bot\:sw {
    padding-bottom: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-pad\:75pc\:lt\:sw {
    padding-left: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-pad\:50pc {
    padding: calc(var(--t-site-padding)/2);
  }

  .t-pad\:50pc\:top {
    padding-top: calc(var(--t-site-padding)/2);
  }

  .t-pad\:50pc\:rt {
    padding-right: calc(var(--t-site-padding)/2);
  }

  .t-pad\:50pc\:bot {
    padding-bottom: calc(var(--t-site-padding)/2);
  }

  .t-pad\:50pc\:lt {
    padding-left: calc(var(--t-site-padding)/2);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-pad\:50pc\:xs {
    padding: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:top\:xs {
    padding-top: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:rt\:xs {
    padding-right: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:bot\:xs {
    padding-bottom: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:lt\:xs {
    padding-left: calc(var(--t-site-padding)/2);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-pad\:50pc\:s {
    padding: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:top\:s {
    padding-top: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:rt\:s {
    padding-right: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:bot\:s {
    padding-bottom: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:lt\:s {
    padding-left: calc(var(--t-site-padding)/2);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-pad\:50pc\:m {
    padding: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:top\:m {
    padding-top: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:rt\:m {
    padding-right: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:bot\:m {
    padding-bottom: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:lt\:m {
    padding-left: calc(var(--t-site-padding)/2);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-pad\:50pc\:l {
    padding: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:top\:l {
    padding-top: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:rt\:l {
    padding-right: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:bot\:l {
    padding-bottom: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:lt\:l {
    padding-left: calc(var(--t-site-padding)/2);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-pad\:50pc\:xl {
    padding: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:top\:xl {
    padding-top: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:rt\:xl {
    padding-right: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:bot\:xl {
    padding-bottom: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:lt\:xl {
    padding-left: calc(var(--t-site-padding)/2);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-pad\:50pc\:sw {
    padding: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:top\:sw {
    padding-top: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:rt\:sw {
    padding-right: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:bot\:sw {
    padding-bottom: calc(var(--t-site-padding)/2);
  }

  html .t-pad\:50pc\:lt\:sw {
    padding-left: calc(var(--t-site-padding)/2);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-pad\:33pc {
    padding: calc(var(--t-site-padding)/3);
  }

  .t-pad\:33pc\:top {
    padding-top: calc(var(--t-site-padding)/3);
  }

  .t-pad\:33pc\:rt {
    padding-right: calc(var(--t-site-padding)/3);
  }

  .t-pad\:33pc\:bot {
    padding-bottom: calc(var(--t-site-padding)/3);
  }

  .t-pad\:33pc\:lt {
    padding-left: calc(var(--t-site-padding)/3);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-pad\:33pc\:xs {
    padding: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:top\:xs {
    padding-top: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:rt\:xs {
    padding-right: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:bot\:xs {
    padding-bottom: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:lt\:xs {
    padding-left: calc(var(--t-site-padding)/3);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-pad\:33pc\:s {
    padding: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:top\:s {
    padding-top: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:rt\:s {
    padding-right: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:bot\:s {
    padding-bottom: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:lt\:s {
    padding-left: calc(var(--t-site-padding)/3);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-pad\:33pc\:m {
    padding: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:top\:m {
    padding-top: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:rt\:m {
    padding-right: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:bot\:m {
    padding-bottom: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:lt\:m {
    padding-left: calc(var(--t-site-padding)/3);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-pad\:33pc\:l {
    padding: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:top\:l {
    padding-top: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:rt\:l {
    padding-right: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:bot\:l {
    padding-bottom: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:lt\:l {
    padding-left: calc(var(--t-site-padding)/3);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-pad\:33pc\:xl {
    padding: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:top\:xl {
    padding-top: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:rt\:xl {
    padding-right: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:bot\:xl {
    padding-bottom: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:lt\:xl {
    padding-left: calc(var(--t-site-padding)/3);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-pad\:33pc\:sw {
    padding: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:top\:sw {
    padding-top: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:rt\:sw {
    padding-right: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:bot\:sw {
    padding-bottom: calc(var(--t-site-padding)/3);
  }

  html .t-pad\:33pc\:lt\:sw {
    padding-left: calc(var(--t-site-padding)/3);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-pad\:25pc {
    padding: calc(var(--t-site-padding)/4);
  }

  .t-pad\:25pc\:top {
    padding-top: calc(var(--t-site-padding)/4);
  }

  .t-pad\:25pc\:rt {
    padding-right: calc(var(--t-site-padding)/4);
  }

  .t-pad\:25pc\:bot {
    padding-bottom: calc(var(--t-site-padding)/4);
  }

  .t-pad\:25pc\:lt {
    padding-left: calc(var(--t-site-padding)/4);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-pad\:25pc\:xs {
    padding: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:top\:xs {
    padding-top: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:rt\:xs {
    padding-right: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:bot\:xs {
    padding-bottom: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:lt\:xs {
    padding-left: calc(var(--t-site-padding)/4);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-pad\:25pc\:s {
    padding: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:top\:s {
    padding-top: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:rt\:s {
    padding-right: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:bot\:s {
    padding-bottom: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:lt\:s {
    padding-left: calc(var(--t-site-padding)/4);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-pad\:25pc\:m {
    padding: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:top\:m {
    padding-top: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:rt\:m {
    padding-right: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:bot\:m {
    padding-bottom: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:lt\:m {
    padding-left: calc(var(--t-site-padding)/4);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-pad\:25pc\:l {
    padding: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:top\:l {
    padding-top: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:rt\:l {
    padding-right: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:bot\:l {
    padding-bottom: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:lt\:l {
    padding-left: calc(var(--t-site-padding)/4);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-pad\:25pc\:xl {
    padding: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:top\:xl {
    padding-top: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:rt\:xl {
    padding-right: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:bot\:xl {
    padding-bottom: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:lt\:xl {
    padding-left: calc(var(--t-site-padding)/4);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-pad\:25pc\:sw {
    padding: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:top\:sw {
    padding-top: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:rt\:sw {
    padding-right: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:bot\:sw {
    padding-bottom: calc(var(--t-site-padding)/4);
  }

  html .t-pad\:25pc\:lt\:sw {
    padding-left: calc(var(--t-site-padding)/4);
  }
}
/* Padding Percents */
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-pad\:phi {
    padding: calc(100% / var(--t-phi));
  }

  .t-pad\:phi\:top {
    padding-top: calc(100% / var(--t-phi));
  }

  .t-pad\:phi\:rt {
    padding-right: calc(100% / var(--t-phi));
  }

  .t-pad\:phi\:bot {
    padding-bottom: calc(100% / var(--t-phi));
  }

  .t-pad\:phi\:lt {
    padding-left: calc(100% / var(--t-phi));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-pad\:phi\:xs {
    padding: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:top\:xs {
    padding-top: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:rt\:xs {
    padding-right: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:bot\:xs {
    padding-bottom: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:lt\:xs {
    padding-left: calc(100% / var(--t-phi));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-pad\:phi\:s {
    padding: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:top\:s {
    padding-top: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:rt\:s {
    padding-right: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:bot\:s {
    padding-bottom: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:lt\:s {
    padding-left: calc(100% / var(--t-phi));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-pad\:phi\:m {
    padding: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:top\:m {
    padding-top: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:rt\:m {
    padding-right: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:bot\:m {
    padding-bottom: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:lt\:m {
    padding-left: calc(100% / var(--t-phi));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-pad\:phi\:l {
    padding: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:top\:l {
    padding-top: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:rt\:l {
    padding-right: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:bot\:l {
    padding-bottom: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:lt\:l {
    padding-left: calc(100% / var(--t-phi));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-pad\:phi\:xl {
    padding: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:top\:xl {
    padding-top: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:rt\:xl {
    padding-right: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:bot\:xl {
    padding-bottom: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:lt\:xl {
    padding-left: calc(100% / var(--t-phi));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-pad\:phi\:sw {
    padding: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:top\:sw {
    padding-top: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:rt\:sw {
    padding-right: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:bot\:sw {
    padding-bottom: calc(100% / var(--t-phi));
  }

  html .t-pad\:phi\:lt\:sw {
    padding-left: calc(100% / var(--t-phi));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-pad\:phi\:-1 {
    padding: calc(100% / calc(var(--t-phi) * 1));
  }

  .t-pad\:phi\:-1\:top {
    padding-top: calc(100% / calc(var(--t-phi) * 1));
  }

  .t-pad\:phi\:-1\:rt {
    padding-right: calc(100% / calc(var(--t-phi) * 1));
  }

  .t-pad\:phi\:-1\:bot {
    padding-bottom: calc(100% / calc(var(--t-phi) * 1));
  }

  .t-pad\:phi\:-1\:lt {
    padding-left: calc(100% / calc(var(--t-phi) * 1));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-pad\:phi\:-1\:xs {
    padding: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:top\:xs {
    padding-top: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:rt\:xs {
    padding-right: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:bot\:xs {
    padding-bottom: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:lt\:xs {
    padding-left: calc(100% / calc(var(--t-phi) * 1));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-pad\:phi\:-1\:s {
    padding: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:top\:s {
    padding-top: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:rt\:s {
    padding-right: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:bot\:s {
    padding-bottom: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:lt\:s {
    padding-left: calc(100% / calc(var(--t-phi) * 1));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-pad\:phi\:-1\:m {
    padding: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:top\:m {
    padding-top: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:rt\:m {
    padding-right: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:bot\:m {
    padding-bottom: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:lt\:m {
    padding-left: calc(100% / calc(var(--t-phi) * 1));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-pad\:phi\:-1\:l {
    padding: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:top\:l {
    padding-top: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:rt\:l {
    padding-right: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:bot\:l {
    padding-bottom: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:lt\:l {
    padding-left: calc(100% / calc(var(--t-phi) * 1));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-pad\:phi\:-1\:xl {
    padding: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:top\:xl {
    padding-top: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:rt\:xl {
    padding-right: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:bot\:xl {
    padding-bottom: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:lt\:xl {
    padding-left: calc(100% / calc(var(--t-phi) * 1));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-pad\:phi\:-1\:sw {
    padding: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:top\:sw {
    padding-top: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:rt\:sw {
    padding-right: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:bot\:sw {
    padding-bottom: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-pad\:phi\:-1\:lt\:sw {
    padding-left: calc(100% / calc(var(--t-phi) * 1));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-pad\:phi\:-2 {
    padding: calc(100% / calc(var(--t-phi)* 2));
  }

  .t-pad\:phi\:-2\:top {
    padding-top: calc(100% / calc(var(--t-phi)* 2));
  }

  .t-pad\:phi\:-2\:rt {
    padding-right: calc(100% / calc(var(--t-phi)* 2));
  }

  .t-pad\:phi\:-2\:bot {
    padding-bottom: calc(100% / calc(var(--t-phi)* 2));
  }

  .t-pad\:phi\:-2\:lt {
    padding-left: calc(100% / calc(var(--t-phi)* 2));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-pad\:phi\:-2\:xs {
    padding: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:top\:xs {
    padding-top: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:rt\:xs {
    padding-right: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:bot\:xs {
    padding-bottom: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:lt\:xs {
    padding-left: calc(100% / calc(var(--t-phi)* 2));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-pad\:phi\:-2\:s {
    padding: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:top\:s {
    padding-top: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:rt\:s {
    padding-right: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:bot\:s {
    padding-bottom: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:lt\:s {
    padding-left: calc(100% / calc(var(--t-phi)* 2));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-pad\:phi\:-2\:m {
    padding: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:top\:m {
    padding-top: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:rt\:m {
    padding-right: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:bot\:m {
    padding-bottom: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:lt\:m {
    padding-left: calc(100% / calc(var(--t-phi)* 2));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-pad\:phi\:-2\:l {
    padding: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:top\:l {
    padding-top: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:rt\:l {
    padding-right: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:bot\:l {
    padding-bottom: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:lt\:l {
    padding-left: calc(100% / calc(var(--t-phi)* 2));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-pad\:phi\:-2\:xl {
    padding: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:top\:xl {
    padding-top: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:rt\:xl {
    padding-right: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:bot\:xl {
    padding-bottom: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:lt\:xl {
    padding-left: calc(100% / calc(var(--t-phi)* 2));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-pad\:phi\:-2\:sw {
    padding: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:top\:sw {
    padding-top: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:rt\:sw {
    padding-right: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:bot\:sw {
    padding-bottom: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-pad\:phi\:-2\:lt\:sw {
    padding-left: calc(100% / calc(var(--t-phi)* 2));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-pad\:phi\:-3 {
    padding: calc(100% / calc(var(--t-phi) * 3));
  }

  .t-pad\:phi\:-3\:top {
    padding-top: calc(100% / calc(var(--t-phi) * 3));
  }

  .t-pad\:phi\:-3\:rt {
    padding-right: calc(100% / calc(var(--t-phi) * 3));
  }

  .t-pad\:phi\:-3\:bot {
    padding-bottom: calc(100% / calc(var(--t-phi) * 3));
  }

  .t-pad\:phi\:-3\:lt {
    padding-left: calc(100% / calc(var(--t-phi) * 3));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-pad\:phi\:-3\:xs {
    padding: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:top\:xs {
    padding-top: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:rt\:xs {
    padding-right: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:bot\:xs {
    padding-bottom: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:lt\:xs {
    padding-left: calc(100% / calc(var(--t-phi) * 3));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-pad\:phi\:-3\:s {
    padding: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:top\:s {
    padding-top: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:rt\:s {
    padding-right: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:bot\:s {
    padding-bottom: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:lt\:s {
    padding-left: calc(100% / calc(var(--t-phi) * 3));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-pad\:phi\:-3\:m {
    padding: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:top\:m {
    padding-top: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:rt\:m {
    padding-right: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:bot\:m {
    padding-bottom: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:lt\:m {
    padding-left: calc(100% / calc(var(--t-phi) * 3));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-pad\:phi\:-3\:l {
    padding: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:top\:l {
    padding-top: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:rt\:l {
    padding-right: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:bot\:l {
    padding-bottom: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:lt\:l {
    padding-left: calc(100% / calc(var(--t-phi) * 3));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-pad\:phi\:-3\:xl {
    padding: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:top\:xl {
    padding-top: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:rt\:xl {
    padding-right: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:bot\:xl {
    padding-bottom: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:lt\:xl {
    padding-left: calc(100% / calc(var(--t-phi) * 3));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-pad\:phi\:-3\:sw {
    padding: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:top\:sw {
    padding-top: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:rt\:sw {
    padding-right: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:bot\:sw {
    padding-bottom: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-pad\:phi\:-3\:lt\:sw {
    padding-left: calc(100% / calc(var(--t-phi) * 3));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-pad\:phi\:-4 {
    padding: calc(100% / calc(var(--t-phi) * 4));
  }

  .t-pad\:phi\:-4\:top {
    padding-top: calc(100% / calc(var(--t-phi) * 4));
  }

  .t-pad\:phi\:-4\:rt {
    padding-right: calc(100% / calc(var(--t-phi) * 4));
  }

  .t-pad\:phi\:-4\:bot {
    padding-bottom: calc(100% / calc(var(--t-phi) * 4));
  }

  .t-pad\:phi\:-4\:lt {
    padding-left: calc(100% / calc(var(--t-phi) * 4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-pad\:phi\:-4\:xs {
    padding: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:top\:xs {
    padding-top: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:rt\:xs {
    padding-right: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:bot\:xs {
    padding-bottom: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:lt\:xs {
    padding-left: calc(100% / calc(var(--t-phi) * 4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-pad\:phi\:-4\:s {
    padding: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:top\:s {
    padding-top: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:rt\:s {
    padding-right: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:bot\:s {
    padding-bottom: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:lt\:s {
    padding-left: calc(100% / calc(var(--t-phi) * 4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-pad\:phi\:-4\:m {
    padding: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:top\:m {
    padding-top: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:rt\:m {
    padding-right: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:bot\:m {
    padding-bottom: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:lt\:m {
    padding-left: calc(100% / calc(var(--t-phi) * 4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-pad\:phi\:-4\:l {
    padding: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:top\:l {
    padding-top: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:rt\:l {
    padding-right: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:bot\:l {
    padding-bottom: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:lt\:l {
    padding-left: calc(100% / calc(var(--t-phi) * 4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-pad\:phi\:-4\:xl {
    padding: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:top\:xl {
    padding-top: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:rt\:xl {
    padding-right: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:bot\:xl {
    padding-bottom: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:lt\:xl {
    padding-left: calc(100% / calc(var(--t-phi) * 4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-pad\:phi\:-4\:sw {
    padding: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:top\:sw {
    padding-top: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:rt\:sw {
    padding-right: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:bot\:sw {
    padding-bottom: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-pad\:phi\:-4\:lt\:sw {
    padding-left: calc(100% / calc(var(--t-phi) * 4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-pad\:phi\:-5 {
    padding: calc(100% / calc(var(--t-phi) * 5));
  }

  .t-pad\:phi\:-5\:top {
    padding-top: calc(100% / calc(var(--t-phi) * 5));
  }

  .t-pad\:phi\:-5\:rt {
    padding-right: calc(100% / calc(var(--t-phi) * 5));
  }

  .t-pad\:phi\:-5\:bot {
    padding-bottom: calc(100% / calc(var(--t-phi) * 5));
  }

  .t-pad\:phi\:-5\:lt {
    padding-left: calc(100% / calc(var(--t-phi) * 5));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-pad\:phi\:-5\:xs {
    padding: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:top\:xs {
    padding-top: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:rt\:xs {
    padding-right: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:bot\:xs {
    padding-bottom: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:lt\:xs {
    padding-left: calc(100% / calc(var(--t-phi) * 5));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-pad\:phi\:-5\:s {
    padding: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:top\:s {
    padding-top: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:rt\:s {
    padding-right: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:bot\:s {
    padding-bottom: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:lt\:s {
    padding-left: calc(100% / calc(var(--t-phi) * 5));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-pad\:phi\:-5\:m {
    padding: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:top\:m {
    padding-top: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:rt\:m {
    padding-right: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:bot\:m {
    padding-bottom: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:lt\:m {
    padding-left: calc(100% / calc(var(--t-phi) * 5));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-pad\:phi\:-5\:l {
    padding: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:top\:l {
    padding-top: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:rt\:l {
    padding-right: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:bot\:l {
    padding-bottom: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:lt\:l {
    padding-left: calc(100% / calc(var(--t-phi) * 5));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-pad\:phi\:-5\:xl {
    padding: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:top\:xl {
    padding-top: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:rt\:xl {
    padding-right: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:bot\:xl {
    padding-bottom: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:lt\:xl {
    padding-left: calc(100% / calc(var(--t-phi) * 5));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-pad\:phi\:-5\:sw {
    padding: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:top\:sw {
    padding-top: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:rt\:sw {
    padding-right: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:bot\:sw {
    padding-bottom: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-pad\:phi\:-5\:lt\:sw {
    padding-left: calc(100% / calc(var(--t-phi) * 5));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-pad\:phi\:-6 {
    padding: calc(100% / calc(var(--t-phi) * 6));
  }

  .t-pad\:phi\:-6\:top {
    padding-top: calc(100% / calc(var(--t-phi) * 6));
  }

  .t-pad\:phi\:-6\:rt {
    padding-right: calc(100% / calc(var(--t-phi) * 6));
  }

  .t-pad\:phi\:-6\:bot {
    padding-bottom: calc(100% / calc(var(--t-phi) * 6));
  }

  .t-pad\:phi\:-6\:lt {
    padding-left: calc(100% / calc(var(--t-phi) * 6));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-pad\:phi\:-6\:xs {
    padding: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:top\:xs {
    padding-top: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:rt\:xs {
    padding-right: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:bot\:xs {
    padding-bottom: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:lt\:xs {
    padding-left: calc(100% / calc(var(--t-phi) * 6));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-pad\:phi\:-6\:s {
    padding: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:top\:s {
    padding-top: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:rt\:s {
    padding-right: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:bot\:s {
    padding-bottom: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:lt\:s {
    padding-left: calc(100% / calc(var(--t-phi) * 6));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-pad\:phi\:-6\:m {
    padding: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:top\:m {
    padding-top: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:rt\:m {
    padding-right: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:bot\:m {
    padding-bottom: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:lt\:m {
    padding-left: calc(100% / calc(var(--t-phi) * 6));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-pad\:phi\:-6\:l {
    padding: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:top\:l {
    padding-top: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:rt\:l {
    padding-right: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:bot\:l {
    padding-bottom: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:lt\:l {
    padding-left: calc(100% / calc(var(--t-phi) * 6));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-pad\:phi\:-6\:xl {
    padding: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:top\:xl {
    padding-top: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:rt\:xl {
    padding-right: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:bot\:xl {
    padding-bottom: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:lt\:xl {
    padding-left: calc(100% / calc(var(--t-phi) * 6));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-pad\:phi\:-6\:sw {
    padding: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:top\:sw {
    padding-top: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:rt\:sw {
    padding-right: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:bot\:sw {
    padding-bottom: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-pad\:phi\:-6\:lt\:sw {
    padding-left: calc(100% / calc(var(--t-phi) * 6));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-pad\:phi\:-7 {
    padding: calc(100% / calc(var(--t-phi) * 7));
  }

  .t-pad\:phi\:-7\:top {
    padding-top: calc(100% / calc(var(--t-phi) * 7));
  }

  .t-pad\:phi\:-7\:rt {
    padding-right: calc(100% / calc(var(--t-phi) * 7));
  }

  .t-pad\:phi\:-7\:bot {
    padding-bottom: calc(100% / calc(var(--t-phi) * 7));
  }

  .t-pad\:phi\:-7\:lt {
    padding-left: calc(100% / calc(var(--t-phi) * 7));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-pad\:phi\:-7\:xs {
    padding: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:top\:xs {
    padding-top: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:rt\:xs {
    padding-right: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:bot\:xs {
    padding-bottom: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:lt\:xs {
    padding-left: calc(100% / calc(var(--t-phi) * 7));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-pad\:phi\:-7\:s {
    padding: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:top\:s {
    padding-top: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:rt\:s {
    padding-right: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:bot\:s {
    padding-bottom: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:lt\:s {
    padding-left: calc(100% / calc(var(--t-phi) * 7));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-pad\:phi\:-7\:m {
    padding: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:top\:m {
    padding-top: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:rt\:m {
    padding-right: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:bot\:m {
    padding-bottom: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:lt\:m {
    padding-left: calc(100% / calc(var(--t-phi) * 7));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-pad\:phi\:-7\:l {
    padding: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:top\:l {
    padding-top: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:rt\:l {
    padding-right: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:bot\:l {
    padding-bottom: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:lt\:l {
    padding-left: calc(100% / calc(var(--t-phi) * 7));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-pad\:phi\:-7\:xl {
    padding: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:top\:xl {
    padding-top: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:rt\:xl {
    padding-right: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:bot\:xl {
    padding-bottom: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:lt\:xl {
    padding-left: calc(100% / calc(var(--t-phi) * 7));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-pad\:phi\:-7\:sw {
    padding: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:top\:sw {
    padding-top: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:rt\:sw {
    padding-right: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:bot\:sw {
    padding-bottom: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-pad\:phi\:-7\:lt\:sw {
    padding-left: calc(100% / calc(var(--t-phi) * 7));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-pad\:phi\:-8 {
    padding: calc(100% / calc(var(--t-phi) * 8));
  }

  .t-pad\:phi\:-8\:top {
    padding-top: calc(100% / calc(var(--t-phi) * 8));
  }

  .t-pad\:phi\:-8\:rt {
    padding-right: calc(100% / calc(var(--t-phi) * 8));
  }

  .t-pad\:phi\:-8\:bot {
    padding-bottom: calc(100% / calc(var(--t-phi) * 8));
  }

  .t-pad\:phi\:-8\:lt {
    padding-left: calc(100% / calc(var(--t-phi) * 8));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-pad\:phi\:-8\:xs {
    padding: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:top\:xs {
    padding-top: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:rt\:xs {
    padding-right: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:bot\:xs {
    padding-bottom: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:lt\:xs {
    padding-left: calc(100% / calc(var(--t-phi) * 8));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-pad\:phi\:-8\:s {
    padding: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:top\:s {
    padding-top: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:rt\:s {
    padding-right: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:bot\:s {
    padding-bottom: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:lt\:s {
    padding-left: calc(100% / calc(var(--t-phi) * 8));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-pad\:phi\:-8\:m {
    padding: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:top\:m {
    padding-top: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:rt\:m {
    padding-right: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:bot\:m {
    padding-bottom: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:lt\:m {
    padding-left: calc(100% / calc(var(--t-phi) * 8));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-pad\:phi\:-8\:l {
    padding: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:top\:l {
    padding-top: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:rt\:l {
    padding-right: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:bot\:l {
    padding-bottom: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:lt\:l {
    padding-left: calc(100% / calc(var(--t-phi) * 8));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-pad\:phi\:-8\:xl {
    padding: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:top\:xl {
    padding-top: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:rt\:xl {
    padding-right: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:bot\:xl {
    padding-bottom: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:lt\:xl {
    padding-left: calc(100% / calc(var(--t-phi) * 8));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-pad\:phi\:-8\:sw {
    padding: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:top\:sw {
    padding-top: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:rt\:sw {
    padding-right: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:bot\:sw {
    padding-bottom: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-pad\:phi\:-8\:lt\:sw {
    padding-left: calc(100% / calc(var(--t-phi) * 8));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-pad\:phi\:-9 {
    padding: calc(100% / calc(var(--t-phi) * 9));
  }

  .t-pad\:phi\:-9\:top {
    padding-top: calc(100% / calc(var(--t-phi) * 9));
  }

  .t-pad\:phi\:-9\:rt {
    padding-right: calc(100% / calc(var(--t-phi) * 9));
  }

  .t-pad\:phi\:-9\:bot {
    padding-bottom: calc(100% / calc(var(--t-phi) * 9));
  }

  .t-pad\:phi\:-9\:lt {
    padding-left: calc(100% / calc(var(--t-phi) * 9));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-pad\:phi\:-9\:xs {
    padding: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:top\:xs {
    padding-top: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:rt\:xs {
    padding-right: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:bot\:xs {
    padding-bottom: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:lt\:xs {
    padding-left: calc(100% / calc(var(--t-phi) * 9));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-pad\:phi\:-9\:s {
    padding: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:top\:s {
    padding-top: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:rt\:s {
    padding-right: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:bot\:s {
    padding-bottom: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:lt\:s {
    padding-left: calc(100% / calc(var(--t-phi) * 9));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-pad\:phi\:-9\:m {
    padding: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:top\:m {
    padding-top: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:rt\:m {
    padding-right: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:bot\:m {
    padding-bottom: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:lt\:m {
    padding-left: calc(100% / calc(var(--t-phi) * 9));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-pad\:phi\:-9\:l {
    padding: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:top\:l {
    padding-top: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:rt\:l {
    padding-right: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:bot\:l {
    padding-bottom: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:lt\:l {
    padding-left: calc(100% / calc(var(--t-phi) * 9));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-pad\:phi\:-9\:xl {
    padding: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:top\:xl {
    padding-top: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:rt\:xl {
    padding-right: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:bot\:xl {
    padding-bottom: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:lt\:xl {
    padding-left: calc(100% / calc(var(--t-phi) * 9));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-pad\:phi\:-9\:sw {
    padding: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:top\:sw {
    padding-top: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:rt\:sw {
    padding-right: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:bot\:sw {
    padding-bottom: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-pad\:phi\:-9\:lt\:sw {
    padding-left: calc(100% / calc(var(--t-phi) * 9));
  }
}
/* Padding Pixels */
@media (min-width: 0px) {
  .t-pad\:20px {
    padding: 20px;
  }

  .t-pad\:20px\:top {
    padding-top: 20px;
  }

  .t-pad\:20px\:rt {
    padding-right: 20px;
  }

  .t-pad\:20px\:bot {
    padding-bottom: 20px;
  }

  .t-pad\:20px\:lt {
    padding-left: 20px;
  }
}
@media (min-width: 0px) and (max-width: 501px) {
  html .t-pad\:20px\:xs {
    padding: 20px;
  }

  html .t-pad\:20px\:top\:xs {
    padding-top: 20px;
  }

  html .t-pad\:20px\:rt\:xs {
    padding-right: 20px;
  }

  html .t-pad\:20px\:bot\:xs {
    padding-bottom: 20px;
  }

  html .t-pad\:20px\:lt\:xs {
    padding-left: 20px;
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  html .t-pad\:20px\:s {
    padding: 20px;
  }

  html .t-pad\:20px\:top\:s {
    padding-top: 20px;
  }

  html .t-pad\:20px\:rt\:s {
    padding-right: 20px;
  }

  html .t-pad\:20px\:bot\:s {
    padding-bottom: 20px;
  }

  html .t-pad\:20px\:lt\:s {
    padding-left: 20px;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-pad\:20px\:m {
    padding: 20px;
  }

  html .t-pad\:20px\:top\:m {
    padding-top: 20px;
  }

  html .t-pad\:20px\:rt\:m {
    padding-right: 20px;
  }

  html .t-pad\:20px\:bot\:m {
    padding-bottom: 20px;
  }

  html .t-pad\:20px\:lt\:m {
    padding-left: 20px;
  }
}
@media (min-width: 1024px) {
  html .t-pad\:20px\:l {
    padding: 20px;
  }

  html .t-pad\:20px\:top\:l {
    padding-top: 20px;
  }

  html .t-pad\:20px\:rt\:l {
    padding-right: 20px;
  }

  html .t-pad\:20px\:bot\:l {
    padding-bottom: 20px;
  }

  html .t-pad\:20px\:lt\:l {
    padding-left: 20px;
  }
}
@media (min-width: 1250px) {
  html .t-pad\:20px\:xl {
    padding: 20px;
  }

  html .t-pad\:20px\:top\:xl {
    padding-top: 20px;
  }

  html .t-pad\:20px\:rt\:xl {
    padding-right: 20px;
  }

  html .t-pad\:20px\:bot\:xl {
    padding-bottom: 20px;
  }

  html .t-pad\:20px\:lt\:xl {
    padding-left: 20px;
  }
}
@media (min-width: 1300px) {
  html .t-pad\:20px\:sw {
    padding: 20px;
  }

  html .t-pad\:20px\:top\:sw {
    padding-top: 20px;
  }

  html .t-pad\:20px\:rt\:sw {
    padding-right: 20px;
  }

  html .t-pad\:20px\:bot\:sw {
    padding-bottom: 20px;
  }

  html .t-pad\:20px\:lt\:sw {
    padding-left: 20px;
  }
}
@media (min-width: 0px) {
  .t-pad\:15px {
    padding: 15px;
  }

  .t-pad\:15px\:top {
    padding-top: 15px;
  }

  .t-pad\:15px\:rt {
    padding-right: 15px;
  }

  .t-pad\:15px\:bot {
    padding-bottom: 15px;
  }

  .t-pad\:15px\:lt {
    padding-left: 15px;
  }
}
@media (min-width: 0px) and (max-width: 501px) {
  html .t-pad\:15px\:xs {
    padding: 15px;
  }

  html .t-pad\:15px\:top\:xs {
    padding-top: 15px;
  }

  html .t-pad\:15px\:rt\:xs {
    padding-right: 15px;
  }

  html .t-pad\:15px\:bot\:xs {
    padding-bottom: 15px;
  }

  html .t-pad\:15px\:lt\:xs {
    padding-left: 15px;
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  html .t-pad\:15px\:s {
    padding: 15px;
  }

  html .t-pad\:15px\:top\:s {
    padding-top: 15px;
  }

  html .t-pad\:15px\:rt\:s {
    padding-right: 15px;
  }

  html .t-pad\:15px\:bot\:s {
    padding-bottom: 15px;
  }

  html .t-pad\:15px\:lt\:s {
    padding-left: 15px;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-pad\:15px\:m {
    padding: 15px;
  }

  html .t-pad\:15px\:top\:m {
    padding-top: 15px;
  }

  html .t-pad\:15px\:rt\:m {
    padding-right: 15px;
  }

  html .t-pad\:15px\:bot\:m {
    padding-bottom: 15px;
  }

  html .t-pad\:15px\:lt\:m {
    padding-left: 15px;
  }
}
@media (min-width: 1024px) {
  html .t-pad\:15px\:l {
    padding: 15px;
  }

  html .t-pad\:15px\:top\:l {
    padding-top: 15px;
  }

  html .t-pad\:15px\:rt\:l {
    padding-right: 15px;
  }

  html .t-pad\:15px\:bot\:l {
    padding-bottom: 15px;
  }

  html .t-pad\:15px\:lt\:l {
    padding-left: 15px;
  }
}
@media (min-width: 1250px) {
  html .t-pad\:15px\:xl {
    padding: 15px;
  }

  html .t-pad\:15px\:top\:xl {
    padding-top: 15px;
  }

  html .t-pad\:15px\:rt\:xl {
    padding-right: 15px;
  }

  html .t-pad\:15px\:bot\:xl {
    padding-bottom: 15px;
  }

  html .t-pad\:15px\:lt\:xl {
    padding-left: 15px;
  }
}
@media (min-width: 1300px) {
  html .t-pad\:15px\:sw {
    padding: 15px;
  }

  html .t-pad\:15px\:top\:sw {
    padding-top: 15px;
  }

  html .t-pad\:15px\:rt\:sw {
    padding-right: 15px;
  }

  html .t-pad\:15px\:bot\:sw {
    padding-bottom: 15px;
  }

  html .t-pad\:15px\:lt\:sw {
    padding-left: 15px;
  }
}
@media (min-width: 0px) {
  .t-pad\:10px {
    padding: 10px;
  }

  .t-pad\:10px\:top {
    padding-top: 10px;
  }

  .t-pad\:10px\:rt {
    padding-right: 10px;
  }

  .t-pad\:10px\:bot {
    padding-bottom: 10px;
  }

  .t-pad\:10px\:lt {
    padding-left: 10px;
  }
}
@media (min-width: 0px) and (max-width: 501px) {
  html .t-pad\:10px\:xs {
    padding: 10px;
  }

  html .t-pad\:10px\:top\:xs {
    padding-top: 10px;
  }

  html .t-pad\:10px\:rt\:xs {
    padding-right: 10px;
  }

  html .t-pad\:10px\:bot\:xs {
    padding-bottom: 10px;
  }

  html .t-pad\:10px\:lt\:xs {
    padding-left: 10px;
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  html .t-pad\:10px\:s {
    padding: 10px;
  }

  html .t-pad\:10px\:top\:s {
    padding-top: 10px;
  }

  html .t-pad\:10px\:rt\:s {
    padding-right: 10px;
  }

  html .t-pad\:10px\:bot\:s {
    padding-bottom: 10px;
  }

  html .t-pad\:10px\:lt\:s {
    padding-left: 10px;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-pad\:10px\:m {
    padding: 10px;
  }

  html .t-pad\:10px\:top\:m {
    padding-top: 10px;
  }

  html .t-pad\:10px\:rt\:m {
    padding-right: 10px;
  }

  html .t-pad\:10px\:bot\:m {
    padding-bottom: 10px;
  }

  html .t-pad\:10px\:lt\:m {
    padding-left: 10px;
  }
}
@media (min-width: 1024px) {
  html .t-pad\:10px\:l {
    padding: 10px;
  }

  html .t-pad\:10px\:top\:l {
    padding-top: 10px;
  }

  html .t-pad\:10px\:rt\:l {
    padding-right: 10px;
  }

  html .t-pad\:10px\:bot\:l {
    padding-bottom: 10px;
  }

  html .t-pad\:10px\:lt\:l {
    padding-left: 10px;
  }
}
@media (min-width: 1250px) {
  html .t-pad\:10px\:xl {
    padding: 10px;
  }

  html .t-pad\:10px\:top\:xl {
    padding-top: 10px;
  }

  html .t-pad\:10px\:rt\:xl {
    padding-right: 10px;
  }

  html .t-pad\:10px\:bot\:xl {
    padding-bottom: 10px;
  }

  html .t-pad\:10px\:lt\:xl {
    padding-left: 10px;
  }
}
@media (min-width: 1300px) {
  html .t-pad\:10px\:sw {
    padding: 10px;
  }

  html .t-pad\:10px\:top\:sw {
    padding-top: 10px;
  }

  html .t-pad\:10px\:rt\:sw {
    padding-right: 10px;
  }

  html .t-pad\:10px\:bot\:sw {
    padding-bottom: 10px;
  }

  html .t-pad\:10px\:lt\:sw {
    padding-left: 10px;
  }
}
@media (min-width: 0px) {
  .t-pad\:5px {
    padding: 5px;
  }

  .t-pad\:5px\:top {
    padding-top: 5px;
  }

  .t-pad\:5px\:rt {
    padding-right: 5px;
  }

  .t-pad\:5px\:bot {
    padding-bottom: 5px;
  }

  .t-pad\:5px\:lt {
    padding-left: 5px;
  }
}
@media (min-width: 0px) and (max-width: 501px) {
  html .t-pad\:5px\:xs {
    padding: 5px;
  }

  html .t-pad\:5px\:top\:xs {
    padding-top: 5px;
  }

  html .t-pad\:5px\:rt\:xs {
    padding-right: 5px;
  }

  html .t-pad\:5px\:bot\:xs {
    padding-bottom: 5px;
  }

  html .t-pad\:5px\:lt\:xs {
    padding-left: 5px;
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  html .t-pad\:5px\:s {
    padding: 5px;
  }

  html .t-pad\:5px\:top\:s {
    padding-top: 5px;
  }

  html .t-pad\:5px\:rt\:s {
    padding-right: 5px;
  }

  html .t-pad\:5px\:bot\:s {
    padding-bottom: 5px;
  }

  html .t-pad\:5px\:lt\:s {
    padding-left: 5px;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-pad\:5px\:m {
    padding: 5px;
  }

  html .t-pad\:5px\:top\:m {
    padding-top: 5px;
  }

  html .t-pad\:5px\:rt\:m {
    padding-right: 5px;
  }

  html .t-pad\:5px\:bot\:m {
    padding-bottom: 5px;
  }

  html .t-pad\:5px\:lt\:m {
    padding-left: 5px;
  }
}
@media (min-width: 1024px) {
  html .t-pad\:5px\:l {
    padding: 5px;
  }

  html .t-pad\:5px\:top\:l {
    padding-top: 5px;
  }

  html .t-pad\:5px\:rt\:l {
    padding-right: 5px;
  }

  html .t-pad\:5px\:bot\:l {
    padding-bottom: 5px;
  }

  html .t-pad\:5px\:lt\:l {
    padding-left: 5px;
  }
}
@media (min-width: 1250px) {
  html .t-pad\:5px\:xl {
    padding: 5px;
  }

  html .t-pad\:5px\:top\:xl {
    padding-top: 5px;
  }

  html .t-pad\:5px\:rt\:xl {
    padding-right: 5px;
  }

  html .t-pad\:5px\:bot\:xl {
    padding-bottom: 5px;
  }

  html .t-pad\:5px\:lt\:xl {
    padding-left: 5px;
  }
}
@media (min-width: 1300px) {
  html .t-pad\:5px\:sw {
    padding: 5px;
  }

  html .t-pad\:5px\:top\:sw {
    padding-top: 5px;
  }

  html .t-pad\:5px\:rt\:sw {
    padding-right: 5px;
  }

  html .t-pad\:5px\:bot\:sw {
    padding-bottom: 5px;
  }

  html .t-pad\:5px\:lt\:sw {
    padding-left: 5px;
  }
}
@media (min-width: 0px) {
  .t-pad\:0px {
    padding: 0px;
  }

  .t-pad\:0px\:top {
    padding-top: 0px;
  }

  .t-pad\:0px\:rt {
    padding-right: 0px;
  }

  .t-pad\:0px\:bot {
    padding-bottom: 0px;
  }

  .t-pad\:0px\:lt {
    padding-left: 0px;
  }
}
@media (min-width: 0px) and (max-width: 501px) {
  html .t-pad\:0px\:xs {
    padding: 0px;
  }

  html .t-pad\:0px\:top\:xs {
    padding-top: 0px;
  }

  html .t-pad\:0px\:rt\:xs {
    padding-right: 0px;
  }

  html .t-pad\:0px\:bot\:xs {
    padding-bottom: 0px;
  }

  html .t-pad\:0px\:lt\:xs {
    padding-left: 0px;
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  html .t-pad\:0px\:s {
    padding: 0px;
  }

  html .t-pad\:0px\:top\:s {
    padding-top: 0px;
  }

  html .t-pad\:0px\:rt\:s {
    padding-right: 0px;
  }

  html .t-pad\:0px\:bot\:s {
    padding-bottom: 0px;
  }

  html .t-pad\:0px\:lt\:s {
    padding-left: 0px;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-pad\:0px\:m {
    padding: 0px;
  }

  html .t-pad\:0px\:top\:m {
    padding-top: 0px;
  }

  html .t-pad\:0px\:rt\:m {
    padding-right: 0px;
  }

  html .t-pad\:0px\:bot\:m {
    padding-bottom: 0px;
  }

  html .t-pad\:0px\:lt\:m {
    padding-left: 0px;
  }
}
@media (min-width: 1024px) {
  html .t-pad\:0px\:l {
    padding: 0px;
  }

  html .t-pad\:0px\:top\:l {
    padding-top: 0px;
  }

  html .t-pad\:0px\:rt\:l {
    padding-right: 0px;
  }

  html .t-pad\:0px\:bot\:l {
    padding-bottom: 0px;
  }

  html .t-pad\:0px\:lt\:l {
    padding-left: 0px;
  }
}
@media (min-width: 1250px) {
  html .t-pad\:0px\:xl {
    padding: 0px;
  }

  html .t-pad\:0px\:top\:xl {
    padding-top: 0px;
  }

  html .t-pad\:0px\:rt\:xl {
    padding-right: 0px;
  }

  html .t-pad\:0px\:bot\:xl {
    padding-bottom: 0px;
  }

  html .t-pad\:0px\:lt\:xl {
    padding-left: 0px;
  }
}
@media (min-width: 1300px) {
  html .t-pad\:0px\:sw {
    padding: 0px;
  }

  html .t-pad\:0px\:top\:sw {
    padding-top: 0px;
  }

  html .t-pad\:0px\:rt\:sw {
    padding-right: 0px;
  }

  html .t-pad\:0px\:bot\:sw {
    padding-bottom: 0px;
  }

  html .t-pad\:0px\:lt\:sw {
    padding-left: 0px;
  }
}
/* Margin Percents */
@media (min-width: 0px) {
  .t-marg {
    margin: var(--t-site-padding);
  }

  .t-marg\:top {
    margin-top: var(--t-site-padding);
  }

  .t-marg\:rt {
    margin-right: var(--t-site-padding);
  }

  .t-marg\:bot {
    margin-bottom: var(--t-site-padding);
  }

  .t-marg\:lt {
    margin-left: var(--t-site-padding);
  }
}
@media (min-width: 0px) and (max-width: 501px) {
  html .t-marg\:xs {
    margin: var(--t-site-padding);
  }

  html .t-marg\:top\:xs {
    margin-top: var(--t-site-padding);
  }

  html .t-marg\:rt\:xs {
    margin-right: var(--t-site-padding);
  }

  html .t-marg\:bot\:xs {
    margin-bottom: var(--t-site-padding);
  }

  html .t-marg\:lt\:xs {
    margin-left: var(--t-site-padding);
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  html .t-marg\:s {
    margin: var(--t-site-padding);
  }

  html .t-marg\:top\:s {
    margin-top: var(--t-site-padding);
  }

  html .t-marg\:rt\:s {
    margin-right: var(--t-site-padding);
  }

  html .t-marg\:bot\:s {
    margin-bottom: var(--t-site-padding);
  }

  html .t-marg\:lt\:s {
    margin-left: var(--t-site-padding);
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-marg\:m {
    margin: var(--t-site-padding);
  }

  html .t-marg\:top\:m {
    margin-top: var(--t-site-padding);
  }

  html .t-marg\:rt\:m {
    margin-right: var(--t-site-padding);
  }

  html .t-marg\:bot\:m {
    margin-bottom: var(--t-site-padding);
  }

  html .t-marg\:lt\:m {
    margin-left: var(--t-site-padding);
  }
}
@media (min-width: 1024px) {
  html .t-marg\:l {
    margin: var(--t-site-padding);
  }

  html .t-marg\:top\:l {
    margin-top: var(--t-site-padding);
  }

  html .t-marg\:rt\:l {
    margin-right: var(--t-site-padding);
  }

  html .t-marg\:bot\:l {
    margin-bottom: var(--t-site-padding);
  }

  html .t-marg\:lt\:l {
    margin-left: var(--t-site-padding);
  }
}
@media (min-width: 1250px) {
  html .t-marg\:xl {
    margin: var(--t-site-padding);
  }

  html .t-marg\:top\:xl {
    margin-top: var(--t-site-padding);
  }

  html .t-marg\:rt\:xl {
    margin-right: var(--t-site-padding);
  }

  html .t-marg\:bot\:xl {
    margin-bottom: var(--t-site-padding);
  }

  html .t-marg\:lt\:xl {
    margin-left: var(--t-site-padding);
  }
}
@media (min-width: 1300px) {
  html .t-marg\:sw {
    margin: var(--t-site-padding);
  }

  html .t-marg\:top\:sw {
    margin-top: var(--t-site-padding);
  }

  html .t-marg\:rt\:sw {
    margin-right: var(--t-site-padding);
  }

  html .t-marg\:bot\:sw {
    margin-bottom: var(--t-site-padding);
  }

  html .t-marg\:lt\:sw {
    margin-left: var(--t-site-padding);
  }
}
@media (min-width: 0px) {
  .t-marg\:75pc {
    margin: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-marg\:75pc\:top {
    margin-top: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-marg\:75pc\:rt {
    margin-right: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-marg\:75pc\:bot {
    margin-bottom: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-marg\:75pc\:lt {
    margin-left: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }
}
@media (min-width: 0px) and (max-width: 501px) {
  html .t-marg\:75pc\:xs {
    margin: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:top\:xs {
    margin-top: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:rt\:xs {
    margin-right: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:bot\:xs {
    margin-bottom: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:lt\:xs {
    margin-left: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  html .t-marg\:75pc\:s {
    margin: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:top\:s {
    margin-top: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:rt\:s {
    margin-right: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:bot\:s {
    margin-bottom: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:lt\:s {
    margin-left: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-marg\:75pc\:m {
    margin: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:top\:m {
    margin-top: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:rt\:m {
    margin-right: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:bot\:m {
    margin-bottom: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:lt\:m {
    margin-left: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }
}
@media (min-width: 1024px) {
  html .t-marg\:75pc\:l {
    margin: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:top\:l {
    margin-top: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:rt\:l {
    margin-right: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:bot\:l {
    margin-bottom: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:lt\:l {
    margin-left: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }
}
@media (min-width: 1250px) {
  html .t-marg\:75pc\:xl {
    margin: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:top\:xl {
    margin-top: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:rt\:xl {
    margin-right: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:bot\:xl {
    margin-bottom: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:lt\:xl {
    margin-left: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }
}
@media (min-width: 1300px) {
  html .t-marg\:75pc\:sw {
    margin: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:top\:sw {
    margin-top: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:rt\:sw {
    margin-right: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:bot\:sw {
    margin-bottom: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  html .t-marg\:75pc\:lt\:sw {
    margin-left: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }
}
@media (min-width: 0px) {
  .t-marg\:50pc {
    margin: calc(var(--t-site-padding)/2);
  }

  .t-marg\:50pc\:top {
    margin-top: calc(var(--t-site-padding)/2);
  }

  .t-marg\:50pc\:rt {
    margin-right: calc(var(--t-site-padding)/2);
  }

  .t-marg\:50pc\:bot {
    margin-bottom: calc(var(--t-site-padding)/2);
  }

  .t-marg\:50pc\:lt {
    margin-left: calc(var(--t-site-padding)/2);
  }
}
@media (min-width: 0px) and (max-width: 501px) {
  html .t-marg\:50pc\:xs {
    margin: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:top\:xs {
    margin-top: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:rt\:xs {
    margin-right: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:bot\:xs {
    margin-bottom: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:lt\:xs {
    margin-left: calc(var(--t-site-padding)/2);
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  html .t-marg\:50pc\:s {
    margin: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:top\:s {
    margin-top: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:rt\:s {
    margin-right: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:bot\:s {
    margin-bottom: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:lt\:s {
    margin-left: calc(var(--t-site-padding)/2);
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-marg\:50pc\:m {
    margin: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:top\:m {
    margin-top: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:rt\:m {
    margin-right: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:bot\:m {
    margin-bottom: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:lt\:m {
    margin-left: calc(var(--t-site-padding)/2);
  }
}
@media (min-width: 1024px) {
  html .t-marg\:50pc\:l {
    margin: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:top\:l {
    margin-top: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:rt\:l {
    margin-right: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:bot\:l {
    margin-bottom: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:lt\:l {
    margin-left: calc(var(--t-site-padding)/2);
  }
}
@media (min-width: 1250px) {
  html .t-marg\:50pc\:xl {
    margin: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:top\:xl {
    margin-top: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:rt\:xl {
    margin-right: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:bot\:xl {
    margin-bottom: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:lt\:xl {
    margin-left: calc(var(--t-site-padding)/2);
  }
}
@media (min-width: 1300px) {
  html .t-marg\:50pc\:sw {
    margin: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:top\:sw {
    margin-top: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:rt\:sw {
    margin-right: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:bot\:sw {
    margin-bottom: calc(var(--t-site-padding)/2);
  }

  html .t-marg\:50pc\:lt\:sw {
    margin-left: calc(var(--t-site-padding)/2);
  }
}
@media (min-width: 0px) {
  .t-marg\:33pc {
    margin: calc(var(--t-site-padding)/3);
  }

  .t-marg\:33pc\:top {
    margin-top: calc(var(--t-site-padding)/3);
  }

  .t-marg\:33pc\:rt {
    margin-right: calc(var(--t-site-padding)/3);
  }

  .t-marg\:33pc\:bot {
    margin-bottom: calc(var(--t-site-padding)/3);
  }

  .t-marg\:33pc\:lt {
    margin-left: calc(var(--t-site-padding)/3);
  }
}
@media (min-width: 0px) and (max-width: 501px) {
  html .t-marg\:33pc\:xs {
    margin: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:top\:xs {
    margin-top: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:rt\:xs {
    margin-right: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:bot\:xs {
    margin-bottom: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:lt\:xs {
    margin-left: calc(var(--t-site-padding)/3);
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  html .t-marg\:33pc\:s {
    margin: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:top\:s {
    margin-top: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:rt\:s {
    margin-right: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:bot\:s {
    margin-bottom: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:lt\:s {
    margin-left: calc(var(--t-site-padding)/3);
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-marg\:33pc\:m {
    margin: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:top\:m {
    margin-top: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:rt\:m {
    margin-right: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:bot\:m {
    margin-bottom: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:lt\:m {
    margin-left: calc(var(--t-site-padding)/3);
  }
}
@media (min-width: 1024px) {
  html .t-marg\:33pc\:l {
    margin: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:top\:l {
    margin-top: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:rt\:l {
    margin-right: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:bot\:l {
    margin-bottom: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:lt\:l {
    margin-left: calc(var(--t-site-padding)/3);
  }
}
@media (min-width: 1250px) {
  html .t-marg\:33pc\:xl {
    margin: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:top\:xl {
    margin-top: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:rt\:xl {
    margin-right: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:bot\:xl {
    margin-bottom: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:lt\:xl {
    margin-left: calc(var(--t-site-padding)/3);
  }
}
@media (min-width: 1300px) {
  html .t-marg\:33pc\:sw {
    margin: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:top\:sw {
    margin-top: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:rt\:sw {
    margin-right: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:bot\:sw {
    margin-bottom: calc(var(--t-site-padding)/3);
  }

  html .t-marg\:33pc\:lt\:sw {
    margin-left: calc(var(--t-site-padding)/3);
  }
}
@media (min-width: 0px) {
  .t-marg\:25pc {
    margin: calc(var(--t-site-padding)/4);
  }

  .t-marg\:25pc\:top {
    margin-top: calc(var(--t-site-padding)/4);
  }

  .t-marg\:25pc\:rt {
    margin-right: calc(var(--t-site-padding)/4);
  }

  .t-marg\:25pc\:bot {
    margin-bottom: calc(var(--t-site-padding)/4);
  }

  .t-marg\:25pc\:lt {
    margin-left: calc(var(--t-site-padding)/4);
  }
}
@media (min-width: 0px) and (max-width: 501px) {
  html .t-marg\:25pc\:xs {
    margin: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:top\:xs {
    margin-top: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:rt\:xs {
    margin-right: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:bot\:xs {
    margin-bottom: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:lt\:xs {
    margin-left: calc(var(--t-site-padding)/4);
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  html .t-marg\:25pc\:s {
    margin: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:top\:s {
    margin-top: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:rt\:s {
    margin-right: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:bot\:s {
    margin-bottom: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:lt\:s {
    margin-left: calc(var(--t-site-padding)/4);
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-marg\:25pc\:m {
    margin: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:top\:m {
    margin-top: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:rt\:m {
    margin-right: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:bot\:m {
    margin-bottom: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:lt\:m {
    margin-left: calc(var(--t-site-padding)/4);
  }
}
@media (min-width: 1024px) {
  html .t-marg\:25pc\:l {
    margin: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:top\:l {
    margin-top: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:rt\:l {
    margin-right: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:bot\:l {
    margin-bottom: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:lt\:l {
    margin-left: calc(var(--t-site-padding)/4);
  }
}
@media (min-width: 1250px) {
  html .t-marg\:25pc\:xl {
    margin: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:top\:xl {
    margin-top: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:rt\:xl {
    margin-right: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:bot\:xl {
    margin-bottom: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:lt\:xl {
    margin-left: calc(var(--t-site-padding)/4);
  }
}
@media (min-width: 1300px) {
  html .t-marg\:25pc\:sw {
    margin: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:top\:sw {
    margin-top: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:rt\:sw {
    margin-right: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:bot\:sw {
    margin-bottom: calc(var(--t-site-padding)/4);
  }

  html .t-marg\:25pc\:lt\:sw {
    margin-left: calc(var(--t-site-padding)/4);
  }
}
/* Margin Percents */
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-marg\:phi {
    margin: calc(100% / var(--t-phi));
  }

  .t-marg\:phi\:top {
    margin-top: calc(100% / var(--t-phi));
  }

  .t-marg\:phi\:rt {
    margin-right: calc(100% / var(--t-phi));
  }

  .t-marg\:phi\:bot {
    margin-bottom: calc(100% / var(--t-phi));
  }

  .t-marg\:phi\:lt {
    margin-left: calc(100% / var(--t-phi));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-marg\:phi\:xs {
    margin: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:top\:xs {
    margin-top: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:rt\:xs {
    margin-right: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:bot\:xs {
    margin-bottom: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:lt\:xs {
    margin-left: calc(100% / var(--t-phi));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-marg\:phi\:s {
    margin: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:top\:s {
    margin-top: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:rt\:s {
    margin-right: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:bot\:s {
    margin-bottom: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:lt\:s {
    margin-left: calc(100% / var(--t-phi));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-marg\:phi\:m {
    margin: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:top\:m {
    margin-top: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:rt\:m {
    margin-right: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:bot\:m {
    margin-bottom: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:lt\:m {
    margin-left: calc(100% / var(--t-phi));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-marg\:phi\:l {
    margin: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:top\:l {
    margin-top: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:rt\:l {
    margin-right: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:bot\:l {
    margin-bottom: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:lt\:l {
    margin-left: calc(100% / var(--t-phi));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-marg\:phi\:xl {
    margin: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:top\:xl {
    margin-top: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:rt\:xl {
    margin-right: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:bot\:xl {
    margin-bottom: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:lt\:xl {
    margin-left: calc(100% / var(--t-phi));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-marg\:phi\:sw {
    margin: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:top\:sw {
    margin-top: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:rt\:sw {
    margin-right: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:bot\:sw {
    margin-bottom: calc(100% / var(--t-phi));
  }

  html .t-marg\:phi\:lt\:sw {
    margin-left: calc(100% / var(--t-phi));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-marg\:phi\:-1 {
    margin: calc(100% / calc(var(--t-phi) * 1));
  }

  .t-marg\:phi\:-1\:top {
    margin-top: calc(100% / calc(var(--t-phi) * 1));
  }

  .t-marg\:phi\:-1\:rt {
    margin-right: calc(100% / calc(var(--t-phi) * 1));
  }

  .t-marg\:phi\:-1\:bot {
    margin-bottom: calc(100% / calc(var(--t-phi) * 1));
  }

  .t-marg\:phi\:-1\:lt {
    margin-left: calc(100% / calc(var(--t-phi) * 1));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-marg\:phi\:-1\:xs {
    margin: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:top\:xs {
    margin-top: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:rt\:xs {
    margin-right: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:bot\:xs {
    margin-bottom: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:lt\:xs {
    margin-left: calc(100% / calc(var(--t-phi) * 1));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-marg\:phi\:-1\:s {
    margin: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:top\:s {
    margin-top: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:rt\:s {
    margin-right: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:bot\:s {
    margin-bottom: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:lt\:s {
    margin-left: calc(100% / calc(var(--t-phi) * 1));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-marg\:phi\:-1\:m {
    margin: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:top\:m {
    margin-top: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:rt\:m {
    margin-right: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:bot\:m {
    margin-bottom: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:lt\:m {
    margin-left: calc(100% / calc(var(--t-phi) * 1));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-marg\:phi\:-1\:l {
    margin: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:top\:l {
    margin-top: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:rt\:l {
    margin-right: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:bot\:l {
    margin-bottom: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:lt\:l {
    margin-left: calc(100% / calc(var(--t-phi) * 1));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-marg\:phi\:-1\:xl {
    margin: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:top\:xl {
    margin-top: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:rt\:xl {
    margin-right: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:bot\:xl {
    margin-bottom: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:lt\:xl {
    margin-left: calc(100% / calc(var(--t-phi) * 1));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-marg\:phi\:-1\:sw {
    margin: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:top\:sw {
    margin-top: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:rt\:sw {
    margin-right: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:bot\:sw {
    margin-bottom: calc(100% / calc(var(--t-phi) * 1));
  }

  html .t-marg\:phi\:-1\:lt\:sw {
    margin-left: calc(100% / calc(var(--t-phi) * 1));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-marg\:phi\:-2 {
    margin: calc(100% / calc(var(--t-phi)* 2));
  }

  .t-marg\:phi\:-2\:top {
    margin-top: calc(100% / calc(var(--t-phi)* 2));
  }

  .t-marg\:phi\:-2\:rt {
    margin-right: calc(100% / calc(var(--t-phi)* 2));
  }

  .t-marg\:phi\:-2\:bot {
    margin-bottom: calc(100% / calc(var(--t-phi)* 2));
  }

  .t-marg\:phi\:-2\:lt {
    margin-left: calc(100% / calc(var(--t-phi)* 2));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-marg\:phi\:-2\:xs {
    margin: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:top\:xs {
    margin-top: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:rt\:xs {
    margin-right: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:bot\:xs {
    margin-bottom: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:lt\:xs {
    margin-left: calc(100% / calc(var(--t-phi)* 2));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-marg\:phi\:-2\:s {
    margin: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:top\:s {
    margin-top: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:rt\:s {
    margin-right: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:bot\:s {
    margin-bottom: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:lt\:s {
    margin-left: calc(100% / calc(var(--t-phi)* 2));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-marg\:phi\:-2\:m {
    margin: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:top\:m {
    margin-top: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:rt\:m {
    margin-right: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:bot\:m {
    margin-bottom: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:lt\:m {
    margin-left: calc(100% / calc(var(--t-phi)* 2));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-marg\:phi\:-2\:l {
    margin: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:top\:l {
    margin-top: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:rt\:l {
    margin-right: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:bot\:l {
    margin-bottom: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:lt\:l {
    margin-left: calc(100% / calc(var(--t-phi)* 2));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-marg\:phi\:-2\:xl {
    margin: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:top\:xl {
    margin-top: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:rt\:xl {
    margin-right: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:bot\:xl {
    margin-bottom: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:lt\:xl {
    margin-left: calc(100% / calc(var(--t-phi)* 2));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-marg\:phi\:-2\:sw {
    margin: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:top\:sw {
    margin-top: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:rt\:sw {
    margin-right: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:bot\:sw {
    margin-bottom: calc(100% / calc(var(--t-phi)* 2));
  }

  html .t-marg\:phi\:-2\:lt\:sw {
    margin-left: calc(100% / calc(var(--t-phi)* 2));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-marg\:phi\:-3 {
    margin: calc(100% / calc(var(--t-phi) * 3));
  }

  .t-marg\:phi\:-3\:top {
    margin-top: calc(100% / calc(var(--t-phi) * 3));
  }

  .t-marg\:phi\:-3\:rt {
    margin-right: calc(100% / calc(var(--t-phi) * 3));
  }

  .t-marg\:phi\:-3\:bot {
    margin-bottom: calc(100% / calc(var(--t-phi) * 3));
  }

  .t-marg\:phi\:-3\:lt {
    margin-left: calc(100% / calc(var(--t-phi) * 3));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-marg\:phi\:-3\:xs {
    margin: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:top\:xs {
    margin-top: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:rt\:xs {
    margin-right: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:bot\:xs {
    margin-bottom: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:lt\:xs {
    margin-left: calc(100% / calc(var(--t-phi) * 3));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-marg\:phi\:-3\:s {
    margin: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:top\:s {
    margin-top: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:rt\:s {
    margin-right: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:bot\:s {
    margin-bottom: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:lt\:s {
    margin-left: calc(100% / calc(var(--t-phi) * 3));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-marg\:phi\:-3\:m {
    margin: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:top\:m {
    margin-top: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:rt\:m {
    margin-right: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:bot\:m {
    margin-bottom: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:lt\:m {
    margin-left: calc(100% / calc(var(--t-phi) * 3));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-marg\:phi\:-3\:l {
    margin: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:top\:l {
    margin-top: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:rt\:l {
    margin-right: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:bot\:l {
    margin-bottom: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:lt\:l {
    margin-left: calc(100% / calc(var(--t-phi) * 3));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-marg\:phi\:-3\:xl {
    margin: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:top\:xl {
    margin-top: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:rt\:xl {
    margin-right: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:bot\:xl {
    margin-bottom: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:lt\:xl {
    margin-left: calc(100% / calc(var(--t-phi) * 3));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-marg\:phi\:-3\:sw {
    margin: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:top\:sw {
    margin-top: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:rt\:sw {
    margin-right: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:bot\:sw {
    margin-bottom: calc(100% / calc(var(--t-phi) * 3));
  }

  html .t-marg\:phi\:-3\:lt\:sw {
    margin-left: calc(100% / calc(var(--t-phi) * 3));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-marg\:phi\:-4 {
    margin: calc(100% / calc(var(--t-phi) * 4));
  }

  .t-marg\:phi\:-4\:top {
    margin-top: calc(100% / calc(var(--t-phi) * 4));
  }

  .t-marg\:phi\:-4\:rt {
    margin-right: calc(100% / calc(var(--t-phi) * 4));
  }

  .t-marg\:phi\:-4\:bot {
    margin-bottom: calc(100% / calc(var(--t-phi) * 4));
  }

  .t-marg\:phi\:-4\:lt {
    margin-left: calc(100% / calc(var(--t-phi) * 4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-marg\:phi\:-4\:xs {
    margin: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:top\:xs {
    margin-top: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:rt\:xs {
    margin-right: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:bot\:xs {
    margin-bottom: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:lt\:xs {
    margin-left: calc(100% / calc(var(--t-phi) * 4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-marg\:phi\:-4\:s {
    margin: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:top\:s {
    margin-top: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:rt\:s {
    margin-right: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:bot\:s {
    margin-bottom: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:lt\:s {
    margin-left: calc(100% / calc(var(--t-phi) * 4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-marg\:phi\:-4\:m {
    margin: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:top\:m {
    margin-top: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:rt\:m {
    margin-right: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:bot\:m {
    margin-bottom: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:lt\:m {
    margin-left: calc(100% / calc(var(--t-phi) * 4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-marg\:phi\:-4\:l {
    margin: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:top\:l {
    margin-top: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:rt\:l {
    margin-right: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:bot\:l {
    margin-bottom: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:lt\:l {
    margin-left: calc(100% / calc(var(--t-phi) * 4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-marg\:phi\:-4\:xl {
    margin: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:top\:xl {
    margin-top: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:rt\:xl {
    margin-right: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:bot\:xl {
    margin-bottom: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:lt\:xl {
    margin-left: calc(100% / calc(var(--t-phi) * 4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-marg\:phi\:-4\:sw {
    margin: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:top\:sw {
    margin-top: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:rt\:sw {
    margin-right: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:bot\:sw {
    margin-bottom: calc(100% / calc(var(--t-phi) * 4));
  }

  html .t-marg\:phi\:-4\:lt\:sw {
    margin-left: calc(100% / calc(var(--t-phi) * 4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-marg\:phi\:-5 {
    margin: calc(100% / calc(var(--t-phi) * 5));
  }

  .t-marg\:phi\:-5\:top {
    margin-top: calc(100% / calc(var(--t-phi) * 5));
  }

  .t-marg\:phi\:-5\:rt {
    margin-right: calc(100% / calc(var(--t-phi) * 5));
  }

  .t-marg\:phi\:-5\:bot {
    margin-bottom: calc(100% / calc(var(--t-phi) * 5));
  }

  .t-marg\:phi\:-5\:lt {
    margin-left: calc(100% / calc(var(--t-phi) * 5));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-marg\:phi\:-5\:xs {
    margin: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:top\:xs {
    margin-top: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:rt\:xs {
    margin-right: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:bot\:xs {
    margin-bottom: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:lt\:xs {
    margin-left: calc(100% / calc(var(--t-phi) * 5));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-marg\:phi\:-5\:s {
    margin: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:top\:s {
    margin-top: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:rt\:s {
    margin-right: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:bot\:s {
    margin-bottom: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:lt\:s {
    margin-left: calc(100% / calc(var(--t-phi) * 5));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-marg\:phi\:-5\:m {
    margin: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:top\:m {
    margin-top: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:rt\:m {
    margin-right: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:bot\:m {
    margin-bottom: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:lt\:m {
    margin-left: calc(100% / calc(var(--t-phi) * 5));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-marg\:phi\:-5\:l {
    margin: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:top\:l {
    margin-top: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:rt\:l {
    margin-right: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:bot\:l {
    margin-bottom: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:lt\:l {
    margin-left: calc(100% / calc(var(--t-phi) * 5));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-marg\:phi\:-5\:xl {
    margin: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:top\:xl {
    margin-top: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:rt\:xl {
    margin-right: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:bot\:xl {
    margin-bottom: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:lt\:xl {
    margin-left: calc(100% / calc(var(--t-phi) * 5));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-marg\:phi\:-5\:sw {
    margin: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:top\:sw {
    margin-top: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:rt\:sw {
    margin-right: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:bot\:sw {
    margin-bottom: calc(100% / calc(var(--t-phi) * 5));
  }

  html .t-marg\:phi\:-5\:lt\:sw {
    margin-left: calc(100% / calc(var(--t-phi) * 5));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-marg\:phi\:-6 {
    margin: calc(100% / calc(var(--t-phi) * 6));
  }

  .t-marg\:phi\:-6\:top {
    margin-top: calc(100% / calc(var(--t-phi) * 6));
  }

  .t-marg\:phi\:-6\:rt {
    margin-right: calc(100% / calc(var(--t-phi) * 6));
  }

  .t-marg\:phi\:-6\:bot {
    margin-bottom: calc(100% / calc(var(--t-phi) * 6));
  }

  .t-marg\:phi\:-6\:lt {
    margin-left: calc(100% / calc(var(--t-phi) * 6));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-marg\:phi\:-6\:xs {
    margin: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:top\:xs {
    margin-top: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:rt\:xs {
    margin-right: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:bot\:xs {
    margin-bottom: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:lt\:xs {
    margin-left: calc(100% / calc(var(--t-phi) * 6));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-marg\:phi\:-6\:s {
    margin: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:top\:s {
    margin-top: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:rt\:s {
    margin-right: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:bot\:s {
    margin-bottom: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:lt\:s {
    margin-left: calc(100% / calc(var(--t-phi) * 6));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-marg\:phi\:-6\:m {
    margin: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:top\:m {
    margin-top: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:rt\:m {
    margin-right: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:bot\:m {
    margin-bottom: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:lt\:m {
    margin-left: calc(100% / calc(var(--t-phi) * 6));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-marg\:phi\:-6\:l {
    margin: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:top\:l {
    margin-top: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:rt\:l {
    margin-right: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:bot\:l {
    margin-bottom: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:lt\:l {
    margin-left: calc(100% / calc(var(--t-phi) * 6));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-marg\:phi\:-6\:xl {
    margin: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:top\:xl {
    margin-top: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:rt\:xl {
    margin-right: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:bot\:xl {
    margin-bottom: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:lt\:xl {
    margin-left: calc(100% / calc(var(--t-phi) * 6));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-marg\:phi\:-6\:sw {
    margin: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:top\:sw {
    margin-top: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:rt\:sw {
    margin-right: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:bot\:sw {
    margin-bottom: calc(100% / calc(var(--t-phi) * 6));
  }

  html .t-marg\:phi\:-6\:lt\:sw {
    margin-left: calc(100% / calc(var(--t-phi) * 6));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-marg\:phi\:-7 {
    margin: calc(100% / calc(var(--t-phi) * 7));
  }

  .t-marg\:phi\:-7\:top {
    margin-top: calc(100% / calc(var(--t-phi) * 7));
  }

  .t-marg\:phi\:-7\:rt {
    margin-right: calc(100% / calc(var(--t-phi) * 7));
  }

  .t-marg\:phi\:-7\:bot {
    margin-bottom: calc(100% / calc(var(--t-phi) * 7));
  }

  .t-marg\:phi\:-7\:lt {
    margin-left: calc(100% / calc(var(--t-phi) * 7));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-marg\:phi\:-7\:xs {
    margin: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:top\:xs {
    margin-top: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:rt\:xs {
    margin-right: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:bot\:xs {
    margin-bottom: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:lt\:xs {
    margin-left: calc(100% / calc(var(--t-phi) * 7));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-marg\:phi\:-7\:s {
    margin: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:top\:s {
    margin-top: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:rt\:s {
    margin-right: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:bot\:s {
    margin-bottom: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:lt\:s {
    margin-left: calc(100% / calc(var(--t-phi) * 7));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-marg\:phi\:-7\:m {
    margin: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:top\:m {
    margin-top: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:rt\:m {
    margin-right: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:bot\:m {
    margin-bottom: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:lt\:m {
    margin-left: calc(100% / calc(var(--t-phi) * 7));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-marg\:phi\:-7\:l {
    margin: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:top\:l {
    margin-top: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:rt\:l {
    margin-right: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:bot\:l {
    margin-bottom: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:lt\:l {
    margin-left: calc(100% / calc(var(--t-phi) * 7));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-marg\:phi\:-7\:xl {
    margin: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:top\:xl {
    margin-top: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:rt\:xl {
    margin-right: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:bot\:xl {
    margin-bottom: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:lt\:xl {
    margin-left: calc(100% / calc(var(--t-phi) * 7));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-marg\:phi\:-7\:sw {
    margin: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:top\:sw {
    margin-top: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:rt\:sw {
    margin-right: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:bot\:sw {
    margin-bottom: calc(100% / calc(var(--t-phi) * 7));
  }

  html .t-marg\:phi\:-7\:lt\:sw {
    margin-left: calc(100% / calc(var(--t-phi) * 7));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-marg\:phi\:-8 {
    margin: calc(100% / calc(var(--t-phi) * 8));
  }

  .t-marg\:phi\:-8\:top {
    margin-top: calc(100% / calc(var(--t-phi) * 8));
  }

  .t-marg\:phi\:-8\:rt {
    margin-right: calc(100% / calc(var(--t-phi) * 8));
  }

  .t-marg\:phi\:-8\:bot {
    margin-bottom: calc(100% / calc(var(--t-phi) * 8));
  }

  .t-marg\:phi\:-8\:lt {
    margin-left: calc(100% / calc(var(--t-phi) * 8));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-marg\:phi\:-8\:xs {
    margin: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:top\:xs {
    margin-top: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:rt\:xs {
    margin-right: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:bot\:xs {
    margin-bottom: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:lt\:xs {
    margin-left: calc(100% / calc(var(--t-phi) * 8));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-marg\:phi\:-8\:s {
    margin: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:top\:s {
    margin-top: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:rt\:s {
    margin-right: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:bot\:s {
    margin-bottom: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:lt\:s {
    margin-left: calc(100% / calc(var(--t-phi) * 8));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-marg\:phi\:-8\:m {
    margin: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:top\:m {
    margin-top: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:rt\:m {
    margin-right: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:bot\:m {
    margin-bottom: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:lt\:m {
    margin-left: calc(100% / calc(var(--t-phi) * 8));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-marg\:phi\:-8\:l {
    margin: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:top\:l {
    margin-top: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:rt\:l {
    margin-right: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:bot\:l {
    margin-bottom: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:lt\:l {
    margin-left: calc(100% / calc(var(--t-phi) * 8));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-marg\:phi\:-8\:xl {
    margin: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:top\:xl {
    margin-top: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:rt\:xl {
    margin-right: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:bot\:xl {
    margin-bottom: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:lt\:xl {
    margin-left: calc(100% / calc(var(--t-phi) * 8));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-marg\:phi\:-8\:sw {
    margin: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:top\:sw {
    margin-top: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:rt\:sw {
    margin-right: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:bot\:sw {
    margin-bottom: calc(100% / calc(var(--t-phi) * 8));
  }

  html .t-marg\:phi\:-8\:lt\:sw {
    margin-left: calc(100% / calc(var(--t-phi) * 8));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-marg\:phi\:-9 {
    margin: calc(100% / calc(var(--t-phi) * 9));
  }

  .t-marg\:phi\:-9\:top {
    margin-top: calc(100% / calc(var(--t-phi) * 9));
  }

  .t-marg\:phi\:-9\:rt {
    margin-right: calc(100% / calc(var(--t-phi) * 9));
  }

  .t-marg\:phi\:-9\:bot {
    margin-bottom: calc(100% / calc(var(--t-phi) * 9));
  }

  .t-marg\:phi\:-9\:lt {
    margin-left: calc(100% / calc(var(--t-phi) * 9));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  html .t-marg\:phi\:-9\:xs {
    margin: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:top\:xs {
    margin-top: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:rt\:xs {
    margin-right: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:bot\:xs {
    margin-bottom: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:lt\:xs {
    margin-left: calc(100% / calc(var(--t-phi) * 9));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  html .t-marg\:phi\:-9\:s {
    margin: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:top\:s {
    margin-top: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:rt\:s {
    margin-right: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:bot\:s {
    margin-bottom: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:lt\:s {
    margin-left: calc(100% / calc(var(--t-phi) * 9));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-marg\:phi\:-9\:m {
    margin: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:top\:m {
    margin-top: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:rt\:m {
    margin-right: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:bot\:m {
    margin-bottom: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:lt\:m {
    margin-left: calc(100% / calc(var(--t-phi) * 9));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1024px) {
  html .t-marg\:phi\:-9\:l {
    margin: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:top\:l {
    margin-top: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:rt\:l {
    margin-right: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:bot\:l {
    margin-bottom: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:lt\:l {
    margin-left: calc(100% / calc(var(--t-phi) * 9));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  html .t-marg\:phi\:-9\:xl {
    margin: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:top\:xl {
    margin-top: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:rt\:xl {
    margin-right: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:bot\:xl {
    margin-bottom: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:lt\:xl {
    margin-left: calc(100% / calc(var(--t-phi) * 9));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  html .t-marg\:phi\:-9\:sw {
    margin: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:top\:sw {
    margin-top: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:rt\:sw {
    margin-right: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:bot\:sw {
    margin-bottom: calc(100% / calc(var(--t-phi) * 9));
  }

  html .t-marg\:phi\:-9\:lt\:sw {
    margin-left: calc(100% / calc(var(--t-phi) * 9));
  }
}
/* Margin Pixels */
@media (min-width: 0px) {
  .t-marg\:20px {
    margin: 20px;
  }

  .t-marg\:20px\:top {
    margin-top: 20px;
  }

  .t-marg\:20px\:rt {
    margin-right: 20px;
  }

  .t-marg\:20px\:bot {
    margin-bottom: 20px;
  }

  .t-marg\:20px\:lt {
    margin-left: 20px;
  }
}
@media (min-width: 0px) and (max-width: 501px) {
  html .t-marg\:20px\:xs {
    margin: 20px;
  }

  html .t-marg\:20px\:top\:xs {
    margin-top: 20px;
  }

  html .t-marg\:20px\:rt\:xs {
    margin-right: 20px;
  }

  html .t-marg\:20px\:bot\:xs {
    margin-bottom: 20px;
  }

  html .t-marg\:20px\:lt\:xs {
    margin-left: 20px;
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  html .t-marg\:20px\:s {
    margin: 20px;
  }

  html .t-marg\:20px\:top\:s {
    margin-top: 20px;
  }

  html .t-marg\:20px\:rt\:s {
    margin-right: 20px;
  }

  html .t-marg\:20px\:bot\:s {
    margin-bottom: 20px;
  }

  html .t-marg\:20px\:lt\:s {
    margin-left: 20px;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-marg\:20px\:m {
    margin: 20px;
  }

  html .t-marg\:20px\:top\:m {
    margin-top: 20px;
  }

  html .t-marg\:20px\:rt\:m {
    margin-right: 20px;
  }

  html .t-marg\:20px\:bot\:m {
    margin-bottom: 20px;
  }

  html .t-marg\:20px\:lt\:m {
    margin-left: 20px;
  }
}
@media (min-width: 1024px) {
  html .t-marg\:20px\:l {
    margin: 20px;
  }

  html .t-marg\:20px\:top\:l {
    margin-top: 20px;
  }

  html .t-marg\:20px\:rt\:l {
    margin-right: 20px;
  }

  html .t-marg\:20px\:bot\:l {
    margin-bottom: 20px;
  }

  html .t-marg\:20px\:lt\:l {
    margin-left: 20px;
  }
}
@media (min-width: 1250px) {
  html .t-marg\:20px\:xl {
    margin: 20px;
  }

  html .t-marg\:20px\:top\:xl {
    margin-top: 20px;
  }

  html .t-marg\:20px\:rt\:xl {
    margin-right: 20px;
  }

  html .t-marg\:20px\:bot\:xl {
    margin-bottom: 20px;
  }

  html .t-marg\:20px\:lt\:xl {
    margin-left: 20px;
  }
}
@media (min-width: 1300px) {
  html .t-marg\:20px\:sw {
    margin: 20px;
  }

  html .t-marg\:20px\:top\:sw {
    margin-top: 20px;
  }

  html .t-marg\:20px\:rt\:sw {
    margin-right: 20px;
  }

  html .t-marg\:20px\:bot\:sw {
    margin-bottom: 20px;
  }

  html .t-marg\:20px\:lt\:sw {
    margin-left: 20px;
  }
}
@media (min-width: 0px) {
  .t-marg\:15px {
    margin: 15px;
  }

  .t-marg\:15px\:top {
    margin-top: 15px;
  }

  .t-marg\:15px\:rt {
    margin-right: 15px;
  }

  .t-marg\:15px\:bot {
    margin-bottom: 15px;
  }

  .t-marg\:15px\:lt {
    margin-left: 15px;
  }
}
@media (min-width: 0px) and (max-width: 501px) {
  html .t-marg\:15px\:xs {
    margin: 15px;
  }

  html .t-marg\:15px\:top\:xs {
    margin-top: 15px;
  }

  html .t-marg\:15px\:rt\:xs {
    margin-right: 15px;
  }

  html .t-marg\:15px\:bot\:xs {
    margin-bottom: 15px;
  }

  html .t-marg\:15px\:lt\:xs {
    margin-left: 15px;
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  html .t-marg\:15px\:s {
    margin: 15px;
  }

  html .t-marg\:15px\:top\:s {
    margin-top: 15px;
  }

  html .t-marg\:15px\:rt\:s {
    margin-right: 15px;
  }

  html .t-marg\:15px\:bot\:s {
    margin-bottom: 15px;
  }

  html .t-marg\:15px\:lt\:s {
    margin-left: 15px;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-marg\:15px\:m {
    margin: 15px;
  }

  html .t-marg\:15px\:top\:m {
    margin-top: 15px;
  }

  html .t-marg\:15px\:rt\:m {
    margin-right: 15px;
  }

  html .t-marg\:15px\:bot\:m {
    margin-bottom: 15px;
  }

  html .t-marg\:15px\:lt\:m {
    margin-left: 15px;
  }
}
@media (min-width: 1024px) {
  html .t-marg\:15px\:l {
    margin: 15px;
  }

  html .t-marg\:15px\:top\:l {
    margin-top: 15px;
  }

  html .t-marg\:15px\:rt\:l {
    margin-right: 15px;
  }

  html .t-marg\:15px\:bot\:l {
    margin-bottom: 15px;
  }

  html .t-marg\:15px\:lt\:l {
    margin-left: 15px;
  }
}
@media (min-width: 1250px) {
  html .t-marg\:15px\:xl {
    margin: 15px;
  }

  html .t-marg\:15px\:top\:xl {
    margin-top: 15px;
  }

  html .t-marg\:15px\:rt\:xl {
    margin-right: 15px;
  }

  html .t-marg\:15px\:bot\:xl {
    margin-bottom: 15px;
  }

  html .t-marg\:15px\:lt\:xl {
    margin-left: 15px;
  }
}
@media (min-width: 1300px) {
  html .t-marg\:15px\:sw {
    margin: 15px;
  }

  html .t-marg\:15px\:top\:sw {
    margin-top: 15px;
  }

  html .t-marg\:15px\:rt\:sw {
    margin-right: 15px;
  }

  html .t-marg\:15px\:bot\:sw {
    margin-bottom: 15px;
  }

  html .t-marg\:15px\:lt\:sw {
    margin-left: 15px;
  }
}
@media (min-width: 0px) {
  .t-marg\:10px {
    margin: 10px;
  }

  .t-marg\:10px\:top {
    margin-top: 10px;
  }

  .t-marg\:10px\:rt {
    margin-right: 10px;
  }

  .t-marg\:10px\:bot {
    margin-bottom: 10px;
  }

  .t-marg\:10px\:lt {
    margin-left: 10px;
  }
}
@media (min-width: 0px) and (max-width: 501px) {
  html .t-marg\:10px\:xs {
    margin: 10px;
  }

  html .t-marg\:10px\:top\:xs {
    margin-top: 10px;
  }

  html .t-marg\:10px\:rt\:xs {
    margin-right: 10px;
  }

  html .t-marg\:10px\:bot\:xs {
    margin-bottom: 10px;
  }

  html .t-marg\:10px\:lt\:xs {
    margin-left: 10px;
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  html .t-marg\:10px\:s {
    margin: 10px;
  }

  html .t-marg\:10px\:top\:s {
    margin-top: 10px;
  }

  html .t-marg\:10px\:rt\:s {
    margin-right: 10px;
  }

  html .t-marg\:10px\:bot\:s {
    margin-bottom: 10px;
  }

  html .t-marg\:10px\:lt\:s {
    margin-left: 10px;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-marg\:10px\:m {
    margin: 10px;
  }

  html .t-marg\:10px\:top\:m {
    margin-top: 10px;
  }

  html .t-marg\:10px\:rt\:m {
    margin-right: 10px;
  }

  html .t-marg\:10px\:bot\:m {
    margin-bottom: 10px;
  }

  html .t-marg\:10px\:lt\:m {
    margin-left: 10px;
  }
}
@media (min-width: 1024px) {
  html .t-marg\:10px\:l {
    margin: 10px;
  }

  html .t-marg\:10px\:top\:l {
    margin-top: 10px;
  }

  html .t-marg\:10px\:rt\:l {
    margin-right: 10px;
  }

  html .t-marg\:10px\:bot\:l {
    margin-bottom: 10px;
  }

  html .t-marg\:10px\:lt\:l {
    margin-left: 10px;
  }
}
@media (min-width: 1250px) {
  html .t-marg\:10px\:xl {
    margin: 10px;
  }

  html .t-marg\:10px\:top\:xl {
    margin-top: 10px;
  }

  html .t-marg\:10px\:rt\:xl {
    margin-right: 10px;
  }

  html .t-marg\:10px\:bot\:xl {
    margin-bottom: 10px;
  }

  html .t-marg\:10px\:lt\:xl {
    margin-left: 10px;
  }
}
@media (min-width: 1300px) {
  html .t-marg\:10px\:sw {
    margin: 10px;
  }

  html .t-marg\:10px\:top\:sw {
    margin-top: 10px;
  }

  html .t-marg\:10px\:rt\:sw {
    margin-right: 10px;
  }

  html .t-marg\:10px\:bot\:sw {
    margin-bottom: 10px;
  }

  html .t-marg\:10px\:lt\:sw {
    margin-left: 10px;
  }
}
@media (min-width: 0px) {
  .t-marg\:5px {
    margin: 5px;
  }

  .t-marg\:5px\:top {
    margin-top: 5px;
  }

  .t-marg\:5px\:rt {
    margin-right: 5px;
  }

  .t-marg\:5px\:bot {
    margin-bottom: 5px;
  }

  .t-marg\:5px\:lt {
    margin-left: 5px;
  }
}
@media (min-width: 0px) and (max-width: 501px) {
  html .t-marg\:5px\:xs {
    margin: 5px;
  }

  html .t-marg\:5px\:top\:xs {
    margin-top: 5px;
  }

  html .t-marg\:5px\:rt\:xs {
    margin-right: 5px;
  }

  html .t-marg\:5px\:bot\:xs {
    margin-bottom: 5px;
  }

  html .t-marg\:5px\:lt\:xs {
    margin-left: 5px;
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  html .t-marg\:5px\:s {
    margin: 5px;
  }

  html .t-marg\:5px\:top\:s {
    margin-top: 5px;
  }

  html .t-marg\:5px\:rt\:s {
    margin-right: 5px;
  }

  html .t-marg\:5px\:bot\:s {
    margin-bottom: 5px;
  }

  html .t-marg\:5px\:lt\:s {
    margin-left: 5px;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-marg\:5px\:m {
    margin: 5px;
  }

  html .t-marg\:5px\:top\:m {
    margin-top: 5px;
  }

  html .t-marg\:5px\:rt\:m {
    margin-right: 5px;
  }

  html .t-marg\:5px\:bot\:m {
    margin-bottom: 5px;
  }

  html .t-marg\:5px\:lt\:m {
    margin-left: 5px;
  }
}
@media (min-width: 1024px) {
  html .t-marg\:5px\:l {
    margin: 5px;
  }

  html .t-marg\:5px\:top\:l {
    margin-top: 5px;
  }

  html .t-marg\:5px\:rt\:l {
    margin-right: 5px;
  }

  html .t-marg\:5px\:bot\:l {
    margin-bottom: 5px;
  }

  html .t-marg\:5px\:lt\:l {
    margin-left: 5px;
  }
}
@media (min-width: 1250px) {
  html .t-marg\:5px\:xl {
    margin: 5px;
  }

  html .t-marg\:5px\:top\:xl {
    margin-top: 5px;
  }

  html .t-marg\:5px\:rt\:xl {
    margin-right: 5px;
  }

  html .t-marg\:5px\:bot\:xl {
    margin-bottom: 5px;
  }

  html .t-marg\:5px\:lt\:xl {
    margin-left: 5px;
  }
}
@media (min-width: 1300px) {
  html .t-marg\:5px\:sw {
    margin: 5px;
  }

  html .t-marg\:5px\:top\:sw {
    margin-top: 5px;
  }

  html .t-marg\:5px\:rt\:sw {
    margin-right: 5px;
  }

  html .t-marg\:5px\:bot\:sw {
    margin-bottom: 5px;
  }

  html .t-marg\:5px\:lt\:sw {
    margin-left: 5px;
  }
}
@media (min-width: 0px) {
  .t-marg\:0px {
    margin: 0px;
  }

  .t-marg\:0px\:top {
    margin-top: 0px;
  }

  .t-marg\:0px\:rt {
    margin-right: 0px;
  }

  .t-marg\:0px\:bot {
    margin-bottom: 0px;
  }

  .t-marg\:0px\:lt {
    margin-left: 0px;
  }
}
@media (min-width: 0px) and (max-width: 501px) {
  html .t-marg\:0px\:xs {
    margin: 0px;
  }

  html .t-marg\:0px\:top\:xs {
    margin-top: 0px;
  }

  html .t-marg\:0px\:rt\:xs {
    margin-right: 0px;
  }

  html .t-marg\:0px\:bot\:xs {
    margin-bottom: 0px;
  }

  html .t-marg\:0px\:lt\:xs {
    margin-left: 0px;
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  html .t-marg\:0px\:s {
    margin: 0px;
  }

  html .t-marg\:0px\:top\:s {
    margin-top: 0px;
  }

  html .t-marg\:0px\:rt\:s {
    margin-right: 0px;
  }

  html .t-marg\:0px\:bot\:s {
    margin-bottom: 0px;
  }

  html .t-marg\:0px\:lt\:s {
    margin-left: 0px;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  html .t-marg\:0px\:m {
    margin: 0px;
  }

  html .t-marg\:0px\:top\:m {
    margin-top: 0px;
  }

  html .t-marg\:0px\:rt\:m {
    margin-right: 0px;
  }

  html .t-marg\:0px\:bot\:m {
    margin-bottom: 0px;
  }

  html .t-marg\:0px\:lt\:m {
    margin-left: 0px;
  }
}
@media (min-width: 1024px) {
  html .t-marg\:0px\:l {
    margin: 0px;
  }

  html .t-marg\:0px\:top\:l {
    margin-top: 0px;
  }

  html .t-marg\:0px\:rt\:l {
    margin-right: 0px;
  }

  html .t-marg\:0px\:bot\:l {
    margin-bottom: 0px;
  }

  html .t-marg\:0px\:lt\:l {
    margin-left: 0px;
  }
}
@media (min-width: 1250px) {
  html .t-marg\:0px\:xl {
    margin: 0px;
  }

  html .t-marg\:0px\:top\:xl {
    margin-top: 0px;
  }

  html .t-marg\:0px\:rt\:xl {
    margin-right: 0px;
  }

  html .t-marg\:0px\:bot\:xl {
    margin-bottom: 0px;
  }

  html .t-marg\:0px\:lt\:xl {
    margin-left: 0px;
  }
}
@media (min-width: 1300px) {
  html .t-marg\:0px\:sw {
    margin: 0px;
  }

  html .t-marg\:0px\:top\:sw {
    margin-top: 0px;
  }

  html .t-marg\:0px\:rt\:sw {
    margin-right: 0px;
  }

  html .t-marg\:0px\:bot\:sw {
    margin-bottom: 0px;
  }

  html .t-marg\:0px\:lt\:sw {
    margin-left: 0px;
  }
}
/*

https://ascii.cl/

*/
/* @debug$increment-keys; */
/* Padding Percents */
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-gutter {
    /*padding: : var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:top {
    /*padding: -top: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:top > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:rt {
    /*padding: -right: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:rt > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:bot {
    /*padding: -bottom: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:bot > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:lt {
    /*padding: -left: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:lt > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  .t-gutter\:xs {
    /*padding: : var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:xs > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:top\:xs {
    /*padding: -top: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:top\:xs > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:rt\:xs {
    /*padding: -right: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:rt\:xs > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:bot\:xs {
    /*padding: -bottom: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:bot\:xs > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:lt\:xs {
    /*padding: -left: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:lt\:xs > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  .t-gutter\:s {
    /*padding: : var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:s > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:top\:s {
    /*padding: -top: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:top\:s > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:rt\:s {
    /*padding: -right: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:rt\:s > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:bot\:s {
    /*padding: -bottom: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:bot\:s > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:lt\:s {
    /*padding: -left: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:lt\:s > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1023px) {
  .t-gutter\:m {
    /*padding: : var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:m > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:top\:m {
    /*padding: -top: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:top\:m > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:rt\:m {
    /*padding: -right: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:rt\:m > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:bot\:m {
    /*padding: -bottom: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:bot\:m > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:lt\:m {
    /*padding: -left: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:lt\:m > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1023px) {
  .t-gutter\:l {
    /*padding: : var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:l > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:top\:l {
    /*padding: -top: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:top\:l > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:rt\:l {
    /*padding: -right: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:rt\:l > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:bot\:l {
    /*padding: -bottom: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:bot\:l > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:lt\:l {
    /*padding: -left: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:lt\:l > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  .t-gutter\:xl {
    /*padding: : var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:xl > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:top\:xl {
    /*padding: -top: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:top\:xl > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:rt\:xl {
    /*padding: -right: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:rt\:xl > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:bot\:xl {
    /*padding: -bottom: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:bot\:xl > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:lt\:xl {
    /*padding: -left: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:lt\:xl > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  .t-gutter\:sw {
    /*padding: : var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:sw > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:top\:sw {
    /*padding: -top: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:top\:sw > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:rt\:sw {
    /*padding: -right: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:rt\:sw > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:bot\:sw {
    /*padding: -bottom: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:bot\:sw > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }

  .t-gutter\:lt\:sw {
    /*padding: -left: var(--t-site-padding); */
    margin-right: calc(0px - var(--t-site-padding));
    margin-left: calc(0px -  var(--t-site-padding));
  }
  .t-gutter\:lt\:sw > * {
    padding: var(--t-site-padding) var(--t-site-padding);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-gutter\:75pc {
    /*padding: : calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:top {
    /*padding: -top: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:top > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:rt {
    /*padding: -right: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:rt > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:bot {
    /*padding: -bottom: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:bot > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:lt {
    /*padding: -left: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:lt > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  .t-gutter\:75pc\:xs {
    /*padding: : calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:xs > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:top\:xs {
    /*padding: -top: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:top\:xs > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:rt\:xs {
    /*padding: -right: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:rt\:xs > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:bot\:xs {
    /*padding: -bottom: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:bot\:xs > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:lt\:xs {
    /*padding: -left: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:lt\:xs > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  .t-gutter\:75pc\:s {
    /*padding: : calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:s > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:top\:s {
    /*padding: -top: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:top\:s > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:rt\:s {
    /*padding: -right: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:rt\:s > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:bot\:s {
    /*padding: -bottom: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:bot\:s > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:lt\:s {
    /*padding: -left: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:lt\:s > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1023px) {
  .t-gutter\:75pc\:m {
    /*padding: : calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:m > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:top\:m {
    /*padding: -top: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:top\:m > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:rt\:m {
    /*padding: -right: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:rt\:m > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:bot\:m {
    /*padding: -bottom: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:bot\:m > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:lt\:m {
    /*padding: -left: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:lt\:m > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1023px) {
  .t-gutter\:75pc\:l {
    /*padding: : calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:l > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:top\:l {
    /*padding: -top: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:top\:l > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:rt\:l {
    /*padding: -right: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:rt\:l > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:bot\:l {
    /*padding: -bottom: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:bot\:l > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:lt\:l {
    /*padding: -left: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:lt\:l > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  .t-gutter\:75pc\:xl {
    /*padding: : calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:xl > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:top\:xl {
    /*padding: -top: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:top\:xl > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:rt\:xl {
    /*padding: -right: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:rt\:xl > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:bot\:xl {
    /*padding: -bottom: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:bot\:xl > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:lt\:xl {
    /*padding: -left: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:lt\:xl > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  .t-gutter\:75pc\:sw {
    /*padding: : calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:sw > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:top\:sw {
    /*padding: -top: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:top\:sw > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:rt\:sw {
    /*padding: -right: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:rt\:sw > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:bot\:sw {
    /*padding: -bottom: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:bot\:sw > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }

  .t-gutter\:75pc\:lt\:sw {
    /*padding: -left: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)); */
    margin-right: calc(0px - calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
    margin-left: calc(0px -  calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)));
  }
  .t-gutter\:75pc\:lt\:sw > * {
    padding: calc(var(--t-site-padding) - calc(var(--t-site-padding)/4)) calc(var(--t-site-padding) - calc(var(--t-site-padding)/4));
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-gutter\:50pc {
    /*padding: : calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:top {
    /*padding: -top: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:top > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:rt {
    /*padding: -right: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:rt > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:bot {
    /*padding: -bottom: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:bot > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:lt {
    /*padding: -left: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:lt > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  .t-gutter\:50pc\:xs {
    /*padding: : calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:xs > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:top\:xs {
    /*padding: -top: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:top\:xs > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:rt\:xs {
    /*padding: -right: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:rt\:xs > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:bot\:xs {
    /*padding: -bottom: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:bot\:xs > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:lt\:xs {
    /*padding: -left: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:lt\:xs > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  .t-gutter\:50pc\:s {
    /*padding: : calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:s > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:top\:s {
    /*padding: -top: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:top\:s > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:rt\:s {
    /*padding: -right: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:rt\:s > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:bot\:s {
    /*padding: -bottom: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:bot\:s > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:lt\:s {
    /*padding: -left: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:lt\:s > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1023px) {
  .t-gutter\:50pc\:m {
    /*padding: : calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:m > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:top\:m {
    /*padding: -top: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:top\:m > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:rt\:m {
    /*padding: -right: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:rt\:m > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:bot\:m {
    /*padding: -bottom: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:bot\:m > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:lt\:m {
    /*padding: -left: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:lt\:m > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1023px) {
  .t-gutter\:50pc\:l {
    /*padding: : calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:l > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:top\:l {
    /*padding: -top: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:top\:l > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:rt\:l {
    /*padding: -right: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:rt\:l > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:bot\:l {
    /*padding: -bottom: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:bot\:l > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:lt\:l {
    /*padding: -left: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:lt\:l > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  .t-gutter\:50pc\:xl {
    /*padding: : calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:xl > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:top\:xl {
    /*padding: -top: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:top\:xl > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:rt\:xl {
    /*padding: -right: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:rt\:xl > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:bot\:xl {
    /*padding: -bottom: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:bot\:xl > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:lt\:xl {
    /*padding: -left: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:lt\:xl > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  .t-gutter\:50pc\:sw {
    /*padding: : calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:sw > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:top\:sw {
    /*padding: -top: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:top\:sw > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:rt\:sw {
    /*padding: -right: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:rt\:sw > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:bot\:sw {
    /*padding: -bottom: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:bot\:sw > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }

  .t-gutter\:50pc\:lt\:sw {
    /*padding: -left: calc(var(--t-site-padding)/2); */
    margin-right: calc(0px - calc(var(--t-site-padding)/2));
    margin-left: calc(0px -  calc(var(--t-site-padding)/2));
  }
  .t-gutter\:50pc\:lt\:sw > * {
    padding: calc(var(--t-site-padding)/2) calc(var(--t-site-padding)/2);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-gutter\:33pc {
    /*padding: : calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:top {
    /*padding: -top: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:top > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:rt {
    /*padding: -right: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:rt > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:bot {
    /*padding: -bottom: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:bot > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:lt {
    /*padding: -left: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:lt > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  .t-gutter\:33pc\:xs {
    /*padding: : calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:xs > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:top\:xs {
    /*padding: -top: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:top\:xs > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:rt\:xs {
    /*padding: -right: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:rt\:xs > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:bot\:xs {
    /*padding: -bottom: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:bot\:xs > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:lt\:xs {
    /*padding: -left: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:lt\:xs > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  .t-gutter\:33pc\:s {
    /*padding: : calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:s > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:top\:s {
    /*padding: -top: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:top\:s > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:rt\:s {
    /*padding: -right: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:rt\:s > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:bot\:s {
    /*padding: -bottom: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:bot\:s > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:lt\:s {
    /*padding: -left: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:lt\:s > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1023px) {
  .t-gutter\:33pc\:m {
    /*padding: : calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:m > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:top\:m {
    /*padding: -top: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:top\:m > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:rt\:m {
    /*padding: -right: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:rt\:m > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:bot\:m {
    /*padding: -bottom: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:bot\:m > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:lt\:m {
    /*padding: -left: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:lt\:m > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1023px) {
  .t-gutter\:33pc\:l {
    /*padding: : calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:l > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:top\:l {
    /*padding: -top: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:top\:l > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:rt\:l {
    /*padding: -right: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:rt\:l > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:bot\:l {
    /*padding: -bottom: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:bot\:l > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:lt\:l {
    /*padding: -left: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:lt\:l > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  .t-gutter\:33pc\:xl {
    /*padding: : calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:xl > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:top\:xl {
    /*padding: -top: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:top\:xl > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:rt\:xl {
    /*padding: -right: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:rt\:xl > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:bot\:xl {
    /*padding: -bottom: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:bot\:xl > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:lt\:xl {
    /*padding: -left: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:lt\:xl > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  .t-gutter\:33pc\:sw {
    /*padding: : calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:sw > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:top\:sw {
    /*padding: -top: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:top\:sw > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:rt\:sw {
    /*padding: -right: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:rt\:sw > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:bot\:sw {
    /*padding: -bottom: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:bot\:sw > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }

  .t-gutter\:33pc\:lt\:sw {
    /*padding: -left: calc(var(--t-site-padding)/3); */
    margin-right: calc(0px - calc(var(--t-site-padding)/3));
    margin-left: calc(0px -  calc(var(--t-site-padding)/3));
  }
  .t-gutter\:33pc\:lt\:sw > * {
    padding: calc(var(--t-site-padding)/3) calc(var(--t-site-padding)/3);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) {
  .t-gutter\:25pc {
    /*padding: : calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:top {
    /*padding: -top: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:top > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:rt {
    /*padding: -right: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:rt > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:bot {
    /*padding: -bottom: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:bot > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:lt {
    /*padding: -left: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:lt > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 0px) and (max-width: 501px) {
  .t-gutter\:25pc\:xs {
    /*padding: : calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:xs > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:top\:xs {
    /*padding: -top: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:top\:xs > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:rt\:xs {
    /*padding: -right: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:rt\:xs > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:bot\:xs {
    /*padding: -bottom: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:bot\:xs > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:lt\:xs {
    /*padding: -left: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:lt\:xs > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 501px) and (max-width: 767px) {
  .t-gutter\:25pc\:s {
    /*padding: : calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:s > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:top\:s {
    /*padding: -top: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:top\:s > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:rt\:s {
    /*padding: -right: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:rt\:s > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:bot\:s {
    /*padding: -bottom: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:bot\:s > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:lt\:s {
    /*padding: -left: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:lt\:s > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 767px) and (max-width: 1023px) {
  .t-gutter\:25pc\:m {
    /*padding: : calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:m > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:top\:m {
    /*padding: -top: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:top\:m > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:rt\:m {
    /*padding: -right: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:rt\:m > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:bot\:m {
    /*padding: -bottom: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:bot\:m > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:lt\:m {
    /*padding: -left: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:lt\:m > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1023px) {
  .t-gutter\:25pc\:l {
    /*padding: : calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:l > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:top\:l {
    /*padding: -top: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:top\:l > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:rt\:l {
    /*padding: -right: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:rt\:l > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:bot\:l {
    /*padding: -bottom: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:bot\:l > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:lt\:l {
    /*padding: -left: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:lt\:l > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1250px) {
  .t-gutter\:25pc\:xl {
    /*padding: : calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:xl > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:top\:xl {
    /*padding: -top: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:top\:xl > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:rt\:xl {
    /*padding: -right: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:rt\:xl > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:bot\:xl {
    /*padding: -bottom: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:bot\:xl > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:lt\:xl {
    /*padding: -left: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:lt\:xl > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }
}
/* @debug map-get($screensizes,nth($screensize-keys,$scrncnt+1));*/
/* @if $scrncnt < length($screensize-keys) and nth($screensize-keys,$scrncnt) == '\3Axl' {
    $mediaquery:"(min-width:7000px)";
 }
 */
@media (min-width: 1300px) {
  .t-gutter\:25pc\:sw {
    /*padding: : calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:sw > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:top\:sw {
    /*padding: -top: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:top\:sw > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:rt\:sw {
    /*padding: -right: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:rt\:sw > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:bot\:sw {
    /*padding: -bottom: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:bot\:sw > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }

  .t-gutter\:25pc\:lt\:sw {
    /*padding: -left: calc(var(--t-site-padding)/4); */
    margin-right: calc(0px - calc(var(--t-site-padding)/4));
    margin-left: calc(0px -  calc(var(--t-site-padding)/4));
  }
  .t-gutter\:25pc\:lt\:sw > * {
    padding: calc(var(--t-site-padding)/4) calc(var(--t-site-padding)/4);
  }
}
/* Padding Pixels */
@media (min-width: 0px) {
  .t-gutter {
    /* padding: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter > * {
    padding:  ;
  }

  .t-gutter\:top {
    /* padding-top: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:top > * {
    padding:  ;
  }

  .t-gutter\:rt {
    /* padding-right: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:rt > * {
    padding:  ;
  }

  .t-gutter\:bot {
    /* padding-bottom: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:bot > * {
    padding:  ;
  }

  .t-gutter\:lt {
    /* padding-left: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:lt > * {
    padding:  ;
  }
}
@media (min-width: 0px) and (max-width: 501px) {
  .t-gutter\:xs {
    /* padding: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:xs > * {
    padding:  ;
  }

  .t-gutter\:top\:xs {
    /* padding-top: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:top\:xs > * {
    padding:  ;
  }

  .t-gutter\:rt\:xs {
    /* padding-right: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:rt\:xs > * {
    padding:  ;
  }

  .t-gutter\:bot\:xs {
    /* padding-bottom: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:bot\:xs > * {
    padding:  ;
  }

  .t-gutter\:lt\:xs {
    /* padding-left: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:lt\:xs > * {
    padding:  ;
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  .t-gutter\:s {
    /* padding: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:s > * {
    padding:  ;
  }

  .t-gutter\:top\:s {
    /* padding-top: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:top\:s > * {
    padding:  ;
  }

  .t-gutter\:rt\:s {
    /* padding-right: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:rt\:s > * {
    padding:  ;
  }

  .t-gutter\:bot\:s {
    /* padding-bottom: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:bot\:s > * {
    padding:  ;
  }

  .t-gutter\:lt\:s {
    /* padding-left: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:lt\:s > * {
    padding:  ;
  }
}
@media (min-width: 767px) and (max-width: 1023px) {
  .t-gutter\:m {
    /* padding: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:m > * {
    padding:  ;
  }

  .t-gutter\:top\:m {
    /* padding-top: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:top\:m > * {
    padding:  ;
  }

  .t-gutter\:rt\:m {
    /* padding-right: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:rt\:m > * {
    padding:  ;
  }

  .t-gutter\:bot\:m {
    /* padding-bottom: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:bot\:m > * {
    padding:  ;
  }

  .t-gutter\:lt\:m {
    /* padding-left: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:lt\:m > * {
    padding:  ;
  }
}
@media (min-width: 1023px) {
  .t-gutter\:l {
    /* padding: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:l > * {
    padding:  ;
  }

  .t-gutter\:top\:l {
    /* padding-top: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:top\:l > * {
    padding:  ;
  }

  .t-gutter\:rt\:l {
    /* padding-right: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:rt\:l > * {
    padding:  ;
  }

  .t-gutter\:bot\:l {
    /* padding-bottom: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:bot\:l > * {
    padding:  ;
  }

  .t-gutter\:lt\:l {
    /* padding-left: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:lt\:l > * {
    padding:  ;
  }
}
@media (min-width: 1250px) {
  .t-gutter\:xl {
    /* padding: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:xl > * {
    padding:  ;
  }

  .t-gutter\:top\:xl {
    /* padding-top: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:top\:xl > * {
    padding:  ;
  }

  .t-gutter\:rt\:xl {
    /* padding-right: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:rt\:xl > * {
    padding:  ;
  }

  .t-gutter\:bot\:xl {
    /* padding-bottom: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:bot\:xl > * {
    padding:  ;
  }

  .t-gutter\:lt\:xl {
    /* padding-left: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:lt\:xl > * {
    padding:  ;
  }
}
@media (min-width: 1300px) {
  .t-gutter\:sw {
    /* padding: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:sw > * {
    padding:  ;
  }

  .t-gutter\:top\:sw {
    /* padding-top: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:top\:sw > * {
    padding:  ;
  }

  .t-gutter\:rt\:sw {
    /* padding-right: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:rt\:sw > * {
    padding:  ;
  }

  .t-gutter\:bot\:sw {
    /* padding-bottom: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:bot\:sw > * {
    padding:  ;
  }

  .t-gutter\:lt\:sw {
    /* padding-left: ; */
    margin-right: calc(0px - );
    margin-left: calc(0px - );
  }
  .t-gutter\:lt\:sw > * {
    padding:  ;
  }
}
@media (min-width: 0px) {
  .t-gutter\:20px {
    /* padding: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:top {
    /* padding-top: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:top > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:rt {
    /* padding-right: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:rt > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:bot {
    /* padding-bottom: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:bot > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:lt {
    /* padding-left: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:lt > * {
    padding: 20px 20px;
  }
}
@media (min-width: 0px) and (max-width: 501px) {
  .t-gutter\:20px\:xs {
    /* padding: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:xs > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:top\:xs {
    /* padding-top: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:top\:xs > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:rt\:xs {
    /* padding-right: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:rt\:xs > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:bot\:xs {
    /* padding-bottom: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:bot\:xs > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:lt\:xs {
    /* padding-left: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:lt\:xs > * {
    padding: 20px 20px;
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  .t-gutter\:20px\:s {
    /* padding: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:s > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:top\:s {
    /* padding-top: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:top\:s > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:rt\:s {
    /* padding-right: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:rt\:s > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:bot\:s {
    /* padding-bottom: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:bot\:s > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:lt\:s {
    /* padding-left: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:lt\:s > * {
    padding: 20px 20px;
  }
}
@media (min-width: 767px) and (max-width: 1023px) {
  .t-gutter\:20px\:m {
    /* padding: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:m > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:top\:m {
    /* padding-top: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:top\:m > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:rt\:m {
    /* padding-right: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:rt\:m > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:bot\:m {
    /* padding-bottom: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:bot\:m > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:lt\:m {
    /* padding-left: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:lt\:m > * {
    padding: 20px 20px;
  }
}
@media (min-width: 1023px) {
  .t-gutter\:20px\:l {
    /* padding: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:l > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:top\:l {
    /* padding-top: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:top\:l > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:rt\:l {
    /* padding-right: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:rt\:l > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:bot\:l {
    /* padding-bottom: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:bot\:l > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:lt\:l {
    /* padding-left: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:lt\:l > * {
    padding: 20px 20px;
  }
}
@media (min-width: 1250px) {
  .t-gutter\:20px\:xl {
    /* padding: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:xl > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:top\:xl {
    /* padding-top: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:top\:xl > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:rt\:xl {
    /* padding-right: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:rt\:xl > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:bot\:xl {
    /* padding-bottom: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:bot\:xl > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:lt\:xl {
    /* padding-left: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:lt\:xl > * {
    padding: 20px 20px;
  }
}
@media (min-width: 1300px) {
  .t-gutter\:20px\:sw {
    /* padding: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:sw > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:top\:sw {
    /* padding-top: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:top\:sw > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:rt\:sw {
    /* padding-right: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:rt\:sw > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:bot\:sw {
    /* padding-bottom: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:bot\:sw > * {
    padding: 20px 20px;
  }

  .t-gutter\:20px\:lt\:sw {
    /* padding-left: 20px; */
    margin-right: calc(0px - 20px);
    margin-left: calc(0px - 20px);
  }
  .t-gutter\:20px\:lt\:sw > * {
    padding: 20px 20px;
  }
}
@media (min-width: 0px) {
  .t-gutter\:15px {
    /* padding: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:top {
    /* padding-top: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:top > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:rt {
    /* padding-right: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:rt > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:bot {
    /* padding-bottom: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:bot > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:lt {
    /* padding-left: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:lt > * {
    padding: 15px 15px;
  }
}
@media (min-width: 0px) and (max-width: 501px) {
  .t-gutter\:15px\:xs {
    /* padding: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:xs > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:top\:xs {
    /* padding-top: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:top\:xs > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:rt\:xs {
    /* padding-right: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:rt\:xs > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:bot\:xs {
    /* padding-bottom: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:bot\:xs > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:lt\:xs {
    /* padding-left: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:lt\:xs > * {
    padding: 15px 15px;
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  .t-gutter\:15px\:s {
    /* padding: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:s > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:top\:s {
    /* padding-top: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:top\:s > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:rt\:s {
    /* padding-right: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:rt\:s > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:bot\:s {
    /* padding-bottom: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:bot\:s > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:lt\:s {
    /* padding-left: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:lt\:s > * {
    padding: 15px 15px;
  }
}
@media (min-width: 767px) and (max-width: 1023px) {
  .t-gutter\:15px\:m {
    /* padding: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:m > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:top\:m {
    /* padding-top: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:top\:m > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:rt\:m {
    /* padding-right: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:rt\:m > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:bot\:m {
    /* padding-bottom: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:bot\:m > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:lt\:m {
    /* padding-left: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:lt\:m > * {
    padding: 15px 15px;
  }
}
@media (min-width: 1023px) {
  .t-gutter\:15px\:l {
    /* padding: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:l > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:top\:l {
    /* padding-top: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:top\:l > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:rt\:l {
    /* padding-right: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:rt\:l > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:bot\:l {
    /* padding-bottom: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:bot\:l > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:lt\:l {
    /* padding-left: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:lt\:l > * {
    padding: 15px 15px;
  }
}
@media (min-width: 1250px) {
  .t-gutter\:15px\:xl {
    /* padding: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:xl > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:top\:xl {
    /* padding-top: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:top\:xl > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:rt\:xl {
    /* padding-right: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:rt\:xl > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:bot\:xl {
    /* padding-bottom: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:bot\:xl > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:lt\:xl {
    /* padding-left: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:lt\:xl > * {
    padding: 15px 15px;
  }
}
@media (min-width: 1300px) {
  .t-gutter\:15px\:sw {
    /* padding: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:sw > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:top\:sw {
    /* padding-top: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:top\:sw > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:rt\:sw {
    /* padding-right: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:rt\:sw > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:bot\:sw {
    /* padding-bottom: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:bot\:sw > * {
    padding: 15px 15px;
  }

  .t-gutter\:15px\:lt\:sw {
    /* padding-left: 15px; */
    margin-right: calc(0px - 15px);
    margin-left: calc(0px - 15px);
  }
  .t-gutter\:15px\:lt\:sw > * {
    padding: 15px 15px;
  }
}
@media (min-width: 0px) {
  .t-gutter\:10px {
    /* padding: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:top {
    /* padding-top: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:top > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:rt {
    /* padding-right: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:rt > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:bot {
    /* padding-bottom: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:bot > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:lt {
    /* padding-left: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:lt > * {
    padding: 10px 10px;
  }
}
@media (min-width: 0px) and (max-width: 501px) {
  .t-gutter\:10px\:xs {
    /* padding: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:xs > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:top\:xs {
    /* padding-top: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:top\:xs > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:rt\:xs {
    /* padding-right: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:rt\:xs > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:bot\:xs {
    /* padding-bottom: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:bot\:xs > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:lt\:xs {
    /* padding-left: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:lt\:xs > * {
    padding: 10px 10px;
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  .t-gutter\:10px\:s {
    /* padding: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:s > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:top\:s {
    /* padding-top: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:top\:s > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:rt\:s {
    /* padding-right: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:rt\:s > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:bot\:s {
    /* padding-bottom: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:bot\:s > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:lt\:s {
    /* padding-left: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:lt\:s > * {
    padding: 10px 10px;
  }
}
@media (min-width: 767px) and (max-width: 1023px) {
  .t-gutter\:10px\:m {
    /* padding: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:m > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:top\:m {
    /* padding-top: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:top\:m > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:rt\:m {
    /* padding-right: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:rt\:m > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:bot\:m {
    /* padding-bottom: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:bot\:m > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:lt\:m {
    /* padding-left: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:lt\:m > * {
    padding: 10px 10px;
  }
}
@media (min-width: 1023px) {
  .t-gutter\:10px\:l {
    /* padding: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:l > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:top\:l {
    /* padding-top: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:top\:l > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:rt\:l {
    /* padding-right: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:rt\:l > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:bot\:l {
    /* padding-bottom: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:bot\:l > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:lt\:l {
    /* padding-left: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:lt\:l > * {
    padding: 10px 10px;
  }
}
@media (min-width: 1250px) {
  .t-gutter\:10px\:xl {
    /* padding: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:xl > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:top\:xl {
    /* padding-top: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:top\:xl > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:rt\:xl {
    /* padding-right: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:rt\:xl > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:bot\:xl {
    /* padding-bottom: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:bot\:xl > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:lt\:xl {
    /* padding-left: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:lt\:xl > * {
    padding: 10px 10px;
  }
}
@media (min-width: 1300px) {
  .t-gutter\:10px\:sw {
    /* padding: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:sw > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:top\:sw {
    /* padding-top: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:top\:sw > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:rt\:sw {
    /* padding-right: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:rt\:sw > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:bot\:sw {
    /* padding-bottom: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:bot\:sw > * {
    padding: 10px 10px;
  }

  .t-gutter\:10px\:lt\:sw {
    /* padding-left: 10px; */
    margin-right: calc(0px - 10px);
    margin-left: calc(0px - 10px);
  }
  .t-gutter\:10px\:lt\:sw > * {
    padding: 10px 10px;
  }
}
@media (min-width: 0px) {
  .t-gutter\:5px {
    /* padding: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:top {
    /* padding-top: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:top > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:rt {
    /* padding-right: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:rt > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:bot {
    /* padding-bottom: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:bot > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:lt {
    /* padding-left: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:lt > * {
    padding: 5px 5px;
  }
}
@media (min-width: 0px) and (max-width: 501px) {
  .t-gutter\:5px\:xs {
    /* padding: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:xs > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:top\:xs {
    /* padding-top: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:top\:xs > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:rt\:xs {
    /* padding-right: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:rt\:xs > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:bot\:xs {
    /* padding-bottom: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:bot\:xs > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:lt\:xs {
    /* padding-left: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:lt\:xs > * {
    padding: 5px 5px;
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  .t-gutter\:5px\:s {
    /* padding: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:s > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:top\:s {
    /* padding-top: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:top\:s > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:rt\:s {
    /* padding-right: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:rt\:s > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:bot\:s {
    /* padding-bottom: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:bot\:s > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:lt\:s {
    /* padding-left: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:lt\:s > * {
    padding: 5px 5px;
  }
}
@media (min-width: 767px) and (max-width: 1023px) {
  .t-gutter\:5px\:m {
    /* padding: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:m > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:top\:m {
    /* padding-top: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:top\:m > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:rt\:m {
    /* padding-right: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:rt\:m > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:bot\:m {
    /* padding-bottom: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:bot\:m > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:lt\:m {
    /* padding-left: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:lt\:m > * {
    padding: 5px 5px;
  }
}
@media (min-width: 1023px) {
  .t-gutter\:5px\:l {
    /* padding: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:l > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:top\:l {
    /* padding-top: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:top\:l > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:rt\:l {
    /* padding-right: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:rt\:l > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:bot\:l {
    /* padding-bottom: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:bot\:l > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:lt\:l {
    /* padding-left: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:lt\:l > * {
    padding: 5px 5px;
  }
}
@media (min-width: 1250px) {
  .t-gutter\:5px\:xl {
    /* padding: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:xl > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:top\:xl {
    /* padding-top: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:top\:xl > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:rt\:xl {
    /* padding-right: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:rt\:xl > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:bot\:xl {
    /* padding-bottom: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:bot\:xl > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:lt\:xl {
    /* padding-left: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:lt\:xl > * {
    padding: 5px 5px;
  }
}
@media (min-width: 1300px) {
  .t-gutter\:5px\:sw {
    /* padding: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:sw > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:top\:sw {
    /* padding-top: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:top\:sw > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:rt\:sw {
    /* padding-right: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:rt\:sw > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:bot\:sw {
    /* padding-bottom: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:bot\:sw > * {
    padding: 5px 5px;
  }

  .t-gutter\:5px\:lt\:sw {
    /* padding-left: 5px; */
    margin-right: calc(0px - 5px);
    margin-left: calc(0px - 5px);
  }
  .t-gutter\:5px\:lt\:sw > * {
    padding: 5px 5px;
  }
}
@media (min-width: 0px) {
  .t-gutter\:0px {
    /* padding: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:top {
    /* padding-top: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:top > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:rt {
    /* padding-right: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:rt > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:bot {
    /* padding-bottom: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:bot > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:lt {
    /* padding-left: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:lt > * {
    padding: 0px 0px;
  }
}
@media (min-width: 0px) and (max-width: 501px) {
  .t-gutter\:0px\:xs {
    /* padding: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:xs > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:top\:xs {
    /* padding-top: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:top\:xs > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:rt\:xs {
    /* padding-right: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:rt\:xs > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:bot\:xs {
    /* padding-bottom: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:bot\:xs > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:lt\:xs {
    /* padding-left: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:lt\:xs > * {
    padding: 0px 0px;
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  .t-gutter\:0px\:s {
    /* padding: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:s > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:top\:s {
    /* padding-top: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:top\:s > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:rt\:s {
    /* padding-right: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:rt\:s > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:bot\:s {
    /* padding-bottom: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:bot\:s > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:lt\:s {
    /* padding-left: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:lt\:s > * {
    padding: 0px 0px;
  }
}
@media (min-width: 767px) and (max-width: 1023px) {
  .t-gutter\:0px\:m {
    /* padding: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:m > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:top\:m {
    /* padding-top: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:top\:m > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:rt\:m {
    /* padding-right: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:rt\:m > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:bot\:m {
    /* padding-bottom: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:bot\:m > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:lt\:m {
    /* padding-left: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:lt\:m > * {
    padding: 0px 0px;
  }
}
@media (min-width: 1023px) {
  .t-gutter\:0px\:l {
    /* padding: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:l > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:top\:l {
    /* padding-top: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:top\:l > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:rt\:l {
    /* padding-right: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:rt\:l > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:bot\:l {
    /* padding-bottom: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:bot\:l > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:lt\:l {
    /* padding-left: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:lt\:l > * {
    padding: 0px 0px;
  }
}
@media (min-width: 1250px) {
  .t-gutter\:0px\:xl {
    /* padding: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:xl > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:top\:xl {
    /* padding-top: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:top\:xl > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:rt\:xl {
    /* padding-right: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:rt\:xl > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:bot\:xl {
    /* padding-bottom: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:bot\:xl > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:lt\:xl {
    /* padding-left: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:lt\:xl > * {
    padding: 0px 0px;
  }
}
@media (min-width: 1300px) {
  .t-gutter\:0px\:sw {
    /* padding: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:sw > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:top\:sw {
    /* padding-top: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:top\:sw > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:rt\:sw {
    /* padding-right: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:rt\:sw > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:bot\:sw {
    /* padding-bottom: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:bot\:sw > * {
    padding: 0px 0px;
  }

  .t-gutter\:0px\:lt\:sw {
    /* padding-left: 0px; */
    margin-right: calc(0px - 0px);
    margin-left: calc(0px - 0px);
  }
  .t-gutter\:0px\:lt\:sw > * {
    padding: 0px 0px;
  }
}
/* Additional Normalization */
html div, html section, html aside, html article, html img {
  overflow: var(--t-default-overflow);
  display: block;
  margin: 0;
  padding: 0;
  -webkit-border-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
html div > p:last-of-type, html section > p:last-of-type, html aside > p:last-of-type, html article > p:last-of-type, html img > p:last-of-type {
  margin-bottom: 0;
}
html div > p:first-of-type, html section > p:first-of-type, html aside > p:first-of-type, html article > p:first-of-type, html img > p:first-of-type {
  margin-top: 0;
}
html ul, html li, html span {
  -webkit-border-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
html ul > p:last-of-type, html li > p:last-of-type, html span > p:last-of-type {
  margin-bottom: 0;
}
html ul > p:first-of-type, html li > p:first-of-type, html span > p:first-of-type {
  margin-top: 0;
}