@font-face {
  font-display: swap;
  font-family: Obibok;
  font-weight: 400;
  src: url(/fonts/Obibok-Normal.woff) format("woff");
}

@font-face {
  font-display: swap;
  font-family: Obibok;
  font-weight: 500;
  src: url(/fonts/Obibok-Regular.woff) format("woff");
}

@font-face {
  font-display: swap;
  font-family: Obibok;
  font-weight: 700;
  src: url(/fonts/Obibok-Medium.woff) format("woff");
}

@font-face {
  font-display: swap;
  font-family: FedraSansArabicAR;
  font-weight: 400;
  src: url(/fonts/FedraSansArabicAR-Book.woff) format("woff");
}

@font-face {
  font-display: swap;
  font-family: UntitledSans;
  font-weight: 400;
  src: url(/fonts/UntitledSans-Regular.woff) format("woff");
}

@font-face {
  font-display: swap;
  font-family: UntitledSans;
  font-style: italic;
  font-weight: 400;
  src: url(/fonts/UntitledSans-RegularItalic.woff) format("woff");
}

@font-face {
  font-display: swap;
  font-family: UntitledSans;
  font-weight: 500;
  src: url(/fonts/UntitledSans-Medium.woff) format("woff");
}

@font-face {
  font-display: swap;
  font-family: UntitledSans;
  font-style: italic;
  font-weight: 500;
  src: url(/fonts/UntitledSans-Medium.woff) format("woff");
}

:root {
  --notifh: 0px;
  --vh: 1vh;
  --safe-area-inset-top: env(safe-area-inset-top);
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-fade: cubic-bezier(0, 0, 0.58, 1);
  --ease-transform: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-bounce: cubic-bezier(0.65, -0.55, 0.25, 1.5);
}

body {
  font-family: var(--body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 1024px) {
  body {
    font-size: 1.125rem;
    line-height: 1.6;
  }
}

body {
  background-color: var(--white);
  color: var(--black);
}

.svg-sprite {
  height: 1px;
  left: -1px;
  overflow: hidden;
  position: absolute;
  top: -1px;
  width: 1px;
  z-index: -1;
}

.grecaptcha-badge {
  visibility: hidden;
}

body :focus,
body button:focus {
  outline: none;
}

.spawn-word {
  display: inline-block;
}

.bdradius-safari-fix {
  transform: translateZ(0);
  will-change: transform;
}

[data-textfadein-triggeronview="1"] {
  opacity: 0;
}

.font-untitled-sans {
  font-family: UntitledSans;
}

.font-ultra-thin {
  font-weight: 200;
}

.simple-text-block-para.text-large,
.text-medium {
  color: #6e6e6e;
  font-family: UntitledSans;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.18px;
  line-height: 150%;
}

.simple-text-block-para.text-medium {
  font-size: 16px;
}

.simple-text-block-para.text-small {
  font-size: 14px;
}

.simple-text-block-para a {
  color: #696ef5;
  text-decoration: underline;
}

.font-obibok {
  font-family: Obibok, FedraSansArabicAR, Arial, sans-serif;
}

.font-normal {
  font-weight: 400;
}

:root[dir="rtl"],
[dir="rtl"] {
  --title: "FedraSansArabicAR", "Obibok", Arial, sans-serif;
  --body: "FedraSansArabicAR", "UntitledSans", sans-serif;
}

:root[dir="rtl"] .f-caption,
:root[dir="rtl"] .f-display-1,
:root[dir="rtl"] .f-display-2,
:root[dir="rtl"] .f-heading-1,
:root[dir="rtl"] .f-heading-2,
:root[dir="rtl"] .f-heading-3,
:root[dir="rtl"] .f-heading-4,
:root[dir="rtl"] .f-heading-5,
:root[dir="rtl"] .f-ui-1,
:root[dir="rtl"] .f-ui-2,
:root[dir="rtl"] .f-ui-3,
:root[dir="rtl"] .f-ui-4,
:root[dir="rtl"] .input,
:root[dir="rtl"] .input-label,
:root[dir="rtl"] .rte h2,
:root[dir="rtl"] .rte h3,
:root[dir="rtl"] .rte h4,
:root[dir="rtl"] .rte h5,
:root[dir="rtl"] .rte p,
:root[dir="rtl"] .rte ul,
:root[dir="rtl"] .select label,
:root[dir="rtl"] .select select {
  font-weight: 400;
  letter-spacing: 0;
}

:root[dir="rtl"] .f-display-1 {
  line-height: 1.3;
}

:root[dir="rtl"] .fheading-4 {
  line-height: 1.9;
}

.focus-ring {
  position: relative;
}

.focus-ring:before {
  content: "";
}

.focus-ring-el,
.focus-ring:before {
  border-radius: 9999px;
  border-width: 2px;
  bottom: 0;
  display: block;
  left: 0;
  margin: -0.25rem;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition-duration: 0.15s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.focus-ring-el.focus-ring-fit,
.focus-ring-fit:before {
  margin: 0;
}

.focus-ring-el.focus-ring-outside,
.focus-ring-outside:before {
  margin: -0.5rem;
}

.focus-ring-el.focus-ring-inside,
.focus-ring-inside:before {
  margin: 0.5rem;
}

.focus-ring-el.focus-ring-squared,
.focus-ring-squared:before {
  border-radius: 0.5rem;
}

.focus-ring-el.focus-ring-rounded,
.focus-ring-rounded:before {
  border-radius: 2rem;
}

.focus-ring-el.focus-ring-inverse,
.focus-ring-inverse:before {
  border-color: var(--white);
}

.focus-ring-default:before,
.focus-ring-el.focus-ring-default {
  border-color: var(--grey-10);
}

.focus-ring-darker:before,
.focus-ring-el.focus-ring-darker {
  border-color: var(--grey-42);
}

.focus-ring-darkest:before,
.focus-ring-el.focus-ring-darkest {
  border-color: var(--black);
}

.focus-ring-el.focus-ring-rounded-t,
.focus-ring-rounded-t:before {
  border-radius: 0;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
}

.focus-ring-el.focus-ring-rounded-br,
.focus-ring-rounded-br:before {
  border-radius: 0;
  border-bottom-right-radius: 2rem;
}

.focus-ring-el.focus-ring-rounded-bl,
.focus-ring-rounded-bl:before {
  border-radius: 0;
  border-bottom-left-radius: 2rem;
}

.is-tabbed .focus-ring:focus:before,
.is-tabbed :focus .focus-ring-el,
.is-tabbed :focus ~ .focus-ring-el {
  opacity: 1;
}

:root {
  --gr1-transparent: rgba(234, 232, 88, 0);
  --gr1-color1: #fef374;
  --gr1-color2: #7aebdd;
  --gr1-color3: #2ca4b1;
  --gr2-transparent: hsla(13, 87%, 85%, 0);
  --gr2-color1: #fac4b5;
  --gr2-color2: #ffa566;
  --gr2-color3: #24bcea;
  --gr3-transparent: rgba(255, 140, 179, 0);
  --gr3-color1: #f4a8e7;
  --gr3-color2: #ffa566;
  --gr3-color3: #c39dfc;
  --gr4-transparent: rgba(255, 140, 179, 0);
  --gr4-color1: #2d3ac1;
  --gr4-color2: #cb9eeb;
  --gr4-color3: #9889fe;
  --gr5-transparent: rgba(255, 140, 179, 0);
  --gr5-color1: #6269f1;
  --gr5-color2: #5bafd4;
  --gr5-color3: #56bcbd;
  --gr6-transparent: rgba(255, 140, 179, 0);
  --gr6-color1: #91a0ff;
  --gr6-color2: #e6d2f6;
  --grpreview-transparent: rgba(255, 255, 139, 0);
  --grpreview-color1: #ffff8b;
  --grpreview-color2: #8ef1e4;
  --grpreview-color3: #55d9cd;
}

.gradient-noise {
  position: relative;
}

.gradient-noise:after {
  opacity: 0.3;
}

.gradient-noise-opacity:after,
.gradient-noise:after {
  background-image: url(/images/noise.jpg?d8582c9d593837466d01986c637bcc4d);
  background-repeat: repeat;
  bottom: 0;
  content: "";
  left: 0;
  mix-blend-mode: overlay;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.gradient-noise-opacity:after {
  opacity: 0.05;
}

.gt-purple-yellow {
  background-image: linear-gradient(
    117.63deg,
    #7a7bff,
    #c1b7ef 41.38%,
    #f8da87
  );
}

.gradient-img-mask {
  -webkit-mask-image: linear-gradient(
    180deg,
    transparent 5%,
    #000 75%,
    transparent
  );
  mask-image: linear-gradient(180deg, transparent 5%, #000 75%, transparent);
}

.gradient-card {
  overflow: hidden;
  position: relative;
}

.gradient-card > * {
  position: relative;
  z-index: 1;
}

.gradient-card:before {
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}

.gradient-card-0:before {
  background-color: var(--gr1-color1);
  background-image: radial-gradient(
      at 100% 99%,
      var(--gr1-color1) 0,
      var(--gr1-transparent) 25%
    ),
    radial-gradient(at 0 0, var(--gr1-color2) 0, var(--gr1-transparent) 22%),
    radial-gradient(at 87% 23%, var(--gr1-color2) 0, var(--gr1-transparent) 56%),
    radial-gradient(at 73% 84%, var(--gr1-color3) 0, var(--gr1-transparent) 54%),
    radial-gradient(
      at 100% 100%,
      var(--gr1-color3) 0,
      var(--gr1-transparent) 22%
    );
  background-size: 150% 150%;
}

.gradient-card-1:before {
  background-color: var(--gr2-color1);
  background-image: radial-gradient(
      at 100% 99%,
      var(--gr2-color1) 0,
      var(--gr2-transparent) 25%
    ),
    radial-gradient(at 0 0, var(--gr2-color2) 0, var(--gr2-transparent) 22%),
    radial-gradient(at 87% 23%, var(--gr2-color2) 0, var(--gr2-transparent) 56%),
    radial-gradient(at 73% 84%, var(--gr2-color3) 0, var(--gr2-transparent) 54%),
    radial-gradient(
      at 100% 100%,
      var(--gr2-color3) 0,
      var(--gr2-transparent) 22%
    );
  background-size: 150% 150%;
}

.gradient-card-2:before,
.gradient-card-3:before,
.gradient-card-4:before {
  background-color: var(--gr3-color1);
  background-image: radial-gradient(
      at 100% 99%,
      var(--gr3-color1) 0,
      var(--gr3-transparent) 25%
    ),
    radial-gradient(at 0 0, var(--gr3-color2) 0, var(--gr3-transparent) 22%),
    radial-gradient(at 87% 23%, var(--gr3-color2) 0, var(--gr3-transparent) 56%),
    radial-gradient(at 73% 84%, var(--gr3-color3) 0, var(--gr3-transparent) 54%),
    radial-gradient(
      at 100% 100%,
      var(--gr3-color3) 0,
      var(--gr3-transparent) 22%
    );
  background-size: 150% 150%;
}

.gradient-card-preview:before {
  background-color: var(--grpreview-color1);
  background-image: radial-gradient(
      at 100% 99%,
      var(--grpreview-color1) 0,
      var(--grpreview-transparent) 25%
    ),
    radial-gradient(
      at 0 0,
      var(--grpreview-color2) 0,
      var(--grpreview-transparent) 22%
    ),
    radial-gradient(
      at 87% 23%,
      var(--grpreview-color3) 0,
      var(--grpreview-transparent) 56%
    ),
    radial-gradient(
      at 73% 84%,
      var(--grpreview-color3) 0,
      var(--grpreview-transparent) 54%
    ),
    radial-gradient(
      at 100% 100%,
      var(--grpreview-color3) 0,
      var(--grpreview-transparent) 22%
    );
}

.gradient-card-3:before {
  background-color: var(--gr4-color1);
  background-image: radial-gradient(
      at 100% 99%,
      var(--gr4-color1) 0,
      var(--gr4-transparent) 25%
    ),
    radial-gradient(at 0 0, var(--gr4-color2) 0, var(--gr4-transparent) 22%),
    radial-gradient(at 87% 23%, var(--gr4-color3) 0, var(--gr4-transparent) 56%),
    radial-gradient(at 73% 84%, var(--gr4-color3) 0, var(--gr4-transparent) 54%),
    radial-gradient(
      at 100% 100%,
      var(--gr4-color3) 0,
      var(--gr4-transparent) 22%
    );
}

.gradient-card-4:before {
  background-color: var(--gr5-color1);
  background-image: radial-gradient(
      at 100% 99%,
      var(--gr5-color1) 0,
      var(--gr5-transparent) 25%
    ),
    radial-gradient(at 0 0, var(--gr5-color2) 0, var(--gr5-transparent) 22%),
    radial-gradient(at 87% 23%, var(--gr5-color3) 0, var(--gr5-transparent) 56%),
    radial-gradient(at 73% 84%, var(--gr5-color3) 0, var(--gr5-transparent) 54%),
    radial-gradient(
      at 100% 100%,
      var(--gr5-color3) 0,
      var(--gr5-transparent) 22%
    );
}

.gradient-card-5:before {
  background-color: var(--gr5-color1);
  background: linear-gradient(
    124deg,
    var(--gr6-color1) 1.5%,
    var(--gr6-color2) 126.1%
  );
}

:root {
  --gr1-text-angle: 135deg;
  --gr1-text-color1: #35f3d0;
  --gr1-text-stop1: 0%;
  --gr1-text-color2: #c7ffd7;
  --gr1-text-stop2: 52.08%;
  --gr1-text-color3: #ffff95;
  --gr1-text-stop3: 100%;
  --gr2-text-angle: 225deg;
  --gr2-text-color1: #7375ff;
  --gr2-text-stop1: 0%;
  --gr2-text-color2: #b8b2ff;
  --gr2-text-stop2: 52.08%;
  --gr2-text-color3: #ffde79;
  --gr2-text-stop3: 100%;
  --gr3-text-angle: 225deg;
  --gr3-text-color1: #ff5f41;
  --gr3-text-stop1: 0%;
  --gr3-text-color2: #ff9070;
  --gr3-text-stop2: 52.08%;
  --gr3-text-color3: #ff8cb9;
  --gr3-text-stop3: 100%;
  --gr4-text-angle: 180deg;
  --gr4-text-color1: #35f3d0;
  --gr4-text-stop1: 0%;
  --gr4-text-color2: #c7ffd7;
  --gr4-text-stop2: 52.08%;
  --gr4-text-color3: #ffff95;
  --gr4-text-stop3: 100%;
}

.gradient-text {
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  background-repeat: repeat;
  background-size: 100%;
  will-change: opacity;
}

.gradient-text-0,
.gradient-text-1 {
  background-image: linear-gradient(
    var(--gr1-text-angle),
    var(--gr1-text-color1) var(--gr1-text-stop1),
    var(--gr1-text-color2) var(--gr1-text-stop2),
    var(--gr1-text-color3) var(--gr1-text-stop3)
  );
}

.gradient-text-2 {
  background-image: linear-gradient(
    var(--gr2-text-angle),
    var(--gr2-text-color1) var(--gr2-text-stop1),
    var(--gr2-text-color2) var(--gr2-text-stop2),
    var(--gr2-text-color3) var(--gr2-text-stop3)
  );
}

.gradient-text-3 {
  background-image: linear-gradient(
    var(--gr3-text-angle),
    var(--gr3-text-color1) var(--gr3-text-stop1),
    var(--gr3-text-color2) var(--gr3-text-stop2),
    var(--gr3-text-color3) var(--gr3-text-stop3)
  );
}

.gradient-text-4 {
  background-image: linear-gradient(
    var(--gr4-text-angle),
    var(--gr4-text-color1) var(--gr4-text-stop1),
    var(--gr4-text-color2) var(--gr4-text-stop2),
    var(--gr4-text-color3) var(--gr4-text-stop3)
  );
}

.gradient-card-animate:before {
  animation: AnimationName 30s ease infinite;
}

.gradient-card-animate-1:before {
  animation: AnimationName2 30s ease infinite;
  transform: rotate(90deg);
}

.gradient-card-animate-2:before {
  animation: AnimationName3 30s ease infinite;
  transform: rotate(180deg);
}

.gradient-card-animate-3:before {
  animation: AnimationName4 30s ease infinite;
  transform: rotate(270deg);
}

@keyframes AnimationName {
  0% {
    background-position: 0 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  to {
    background-position: 0 50%;
  }
}

@keyframes AnimationName2 {
  0% {
    background-position: 50% 100%;
  }

  50% {
    background-position: 50% 100%;
  }

  to {
    background-position: 50% 100%;
  }
}

@keyframes AnimationName3 {
  0% {
    background-position: 100% 50%;
  }

  50% {
    background-position: 0 50%;
  }

  to {
    background-position: 100% 50%;
  }
}

@keyframes AnimationName4 {
  0% {
    background-position: 50% 0;
  }

  50% {
    background-position: 50% 100%;
  }

  to {
    background-position: 50% 0;
  }
}

.ratiobox {
  height: 0;
  position: relative;
  width: 100%;
}

.ratiobox img {
  position: absolute;
  width: 100%;
}

.ratiobox-contain img {
  height: 100%;
  width: 100%;
}

.ratiobox-1x1 {
  padding-bottom: 100%;
}

.ratiobox-3x4 {
  padding-bottom: 133%;
}

.ratiobox-9x13 {
  padding-bottom: 144.44%;
}

.ratiobox-4x7 {
  padding-bottom: 175%;
}

.ratiobox-3x2 {
  padding-bottom: 66.6666%;
}

.ratiobox-4x3 {
  padding-bottom: 75%;
}

.ratiobox-2x3,
.ratiobox-7x15 {
  padding-bottom: 150%;
}

.ratiobox-5x11 {
  padding-bottom: 220%;
}

.ratiobox-375x650 {
  padding-bottom: 175%;
}

.ratiobox-8x5 {
  padding-bottom: 62.5%;
}

.ratiobox-16x9 {
  padding-bottom: 56.25%;
}

.ratiobox-7x3 {
  padding-bottom: 42.86%;
}

@media (max-width: 649px) {
  .sm\:ratiobox-1x1 {
    padding-bottom: 100%;
  }
}

@media (min-width: 650px) {
  .md\:ratiobox-1x1 {
    padding-bottom: 100%;
  }
}

@media (min-width: 1024px) {
  .lg\:ratiobox-1x1 {
    padding-bottom: 100%;
  }
}

@media (min-width: 1280px) {
  .xl\:ratiobox-1x1 {
    padding-bottom: 100%;
  }
}

@media (min-width: 1361px) {
  .xxl\:ratiobox-1x1 {
    padding-bottom: 100%;
  }
}

@media (max-width: 649px) {
  .sm\:ratiobox-3x4 {
    padding-bottom: 133%;
  }
}

@media (min-width: 650px) {
  .md\:ratiobox-3x4 {
    padding-bottom: 133%;
  }
}

@media (min-width: 1024px) {
  .lg\:ratiobox-3x4 {
    padding-bottom: 133%;
  }
}

@media (min-width: 1280px) {
  .xl\:ratiobox-3x4 {
    padding-bottom: 133%;
  }
}

@media (min-width: 1361px) {
  .xxl\:ratiobox-3x4 {
    padding-bottom: 133%;
  }
}

@media (max-width: 649px) {
  .sm\:ratiobox-3x2 {
    padding-bottom: 66.6666%;
  }
}

@media (min-width: 650px) {
  .md\:ratiobox-3x2 {
    padding-bottom: 66.6666%;
  }
}

@media (min-width: 1024px) {
  .lg\:ratiobox-3x2 {
    padding-bottom: 66.6666%;
  }
}

@media (min-width: 1280px) {
  .xl\:ratiobox-3x2 {
    padding-bottom: 66.6666%;
  }
}

@media (min-width: 1361px) {
  .xxl\:ratiobox-3x2 {
    padding-bottom: 66.6666%;
  }
}

@media (max-width: 649px) {
  .sm\:ratiobox-4x3 {
    padding-bottom: 75%;
  }
}

@media (min-width: 650px) {
  .md\:ratiobox-4x3 {
    padding-bottom: 75%;
  }
}

@media (min-width: 1024px) {
  .lg\:ratiobox-4x3 {
    padding-bottom: 75%;
  }
}

@media (min-width: 1280px) {
  .xl\:ratiobox-4x3 {
    padding-bottom: 75%;
  }
}

@media (min-width: 1361px) {
  .xxl\:ratiobox-4x3 {
    padding-bottom: 75%;
  }
}

@media (max-width: 649px) {
  .sm\:ratiobox-2x3 {
    padding-bottom: 150%;
  }
}

@media (min-width: 650px) {
  .md\:ratiobox-2x3 {
    padding-bottom: 150%;
  }
}

@media (min-width: 1024px) {
  .lg\:ratiobox-2x3 {
    padding-bottom: 150%;
  }
}

@media (min-width: 1280px) {
  .xl\:ratiobox-2x3 {
    padding-bottom: 150%;
  }
}

@media (min-width: 1361px) {
  .xxl\:ratiobox-2x3 {
    padding-bottom: 150%;
  }
}

@media (max-width: 649px) {
  .sm\:ratiobox-7x15 {
    padding-bottom: 214.2857%;
  }
}

@media (min-width: 650px) {
  .md\:ratiobox-7x15 {
    padding-bottom: 214.2857%;
  }
}

@media (min-width: 1024px) {
  .lg\:ratiobox-7x15 {
    padding-bottom: 214.2857%;
  }
}

@media (min-width: 1280px) {
  .xl\:ratiobox-7x15 {
    padding-bottom: 214.2857%;
  }
}

@media (min-width: 1361px) {
  .xxl\:ratiobox-7x15 {
    padding-bottom: 214.2857%;
  }
}

@media (max-width: 649px) {
  .sm\:ratiobox-9x13 {
    padding-bottom: 144.44%;
  }
}

@media (min-width: 650px) {
  .md\:ratiobox-9x13 {
    padding-bottom: 144.44%;
  }
}

@media (min-width: 1024px) {
  .lg\:ratiobox-9x13 {
    padding-bottom: 144.44%;
  }
}

@media (min-width: 1280px) {
  .xl\:ratiobox-9x13 {
    padding-bottom: 144.44%;
  }
}

@media (min-width: 1361px) {
  .xxl\:ratiobox-9x13 {
    padding-bottom: 144.44%;
  }
}

@media (max-width: 649px) {
  .sm\:ratiobox-4x7 {
    padding-bottom: 175%;
  }
}

@media (min-width: 650px) {
  .md\:ratiobox-4x7 {
    padding-bottom: 175%;
  }
}

@media (min-width: 1024px) {
  .lg\:ratiobox-4x7 {
    padding-bottom: 175%;
  }
}

@media (min-width: 1280px) {
  .xl\:ratiobox-4x7 {
    padding-bottom: 175%;
  }
}

@media (min-width: 1361px) {
  .xxl\:ratiobox-4x7 {
    padding-bottom: 175%;
  }
}

@media (max-width: 649px) {
  .sm\:ratiobox-5x11 {
    padding-bottom: 220%;
  }
}

@media (min-width: 650px) {
  .md\:ratiobox-5x11 {
    padding-bottom: 220%;
  }
}

@media (min-width: 1024px) {
  .lg\:ratiobox-5x11 {
    padding-bottom: 220%;
  }
}

@media (min-width: 1280px) {
  .xl\:ratiobox-5x11 {
    padding-bottom: 220%;
  }
}

@media (min-width: 1361px) {
  .xxl\:ratiobox-5x11 {
    padding-bottom: 220%;
  }
}

@media (max-width: 649px) {
  .sm\:ratiobox-375x650 {
    padding-bottom: 175%;
  }
}

@media (min-width: 650px) {
  .md\:ratiobox-375x650 {
    padding-bottom: 175%;
  }
}

@media (min-width: 1024px) {
  .lg\:ratiobox-375x650 {
    padding-bottom: 175%;
  }
}

@media (min-width: 1280px) {
  .xl\:ratiobox-375x650 {
    padding-bottom: 175%;
  }
}

@media (min-width: 1361px) {
  .xxl\:ratiobox-375x650 {
    padding-bottom: 175%;
  }
}

@media (max-width: 649px) {
  .sm\:ratiobox-8x5 {
    padding-bottom: 62.5%;
  }
}

@media (min-width: 650px) {
  .md\:ratiobox-8x5 {
    padding-bottom: 62.5%;
  }
}

@media (min-width: 1024px) {
  .lg\:ratiobox-8x5 {
    padding-bottom: 62.5%;
  }
}

@media (min-width: 1280px) {
  .xl\:ratiobox-8x5 {
    padding-bottom: 62.5%;
  }
}

@media (min-width: 1361px) {
  .xxl\:ratiobox-8x5 {
    padding-bottom: 62.5%;
  }
}

@media (max-width: 649px) {
  .sm\:ratiobox-16x9 {
    padding-bottom: 56.25%;
  }
}

@media (min-width: 650px) {
  .md\:ratiobox-16x9 {
    padding-bottom: 56.25%;
  }
}

@media (min-width: 1024px) {
  .lg\:ratiobox-16x9 {
    padding-bottom: 56.25%;
  }
}

@media (min-width: 1280px) {
  .xl\:ratiobox-16x9 {
    padding-bottom: 56.25%;
  }
}

@media (min-width: 1361px) {
  .xxl\:ratiobox-16x9 {
    padding-bottom: 56.25%;
  }
}

@media (max-width: 649px) {
  .sm\:ratiobox-7x3 {
    padding-bottom: 42.86%;
  }
}

@media (min-width: 650px) {
  .md\:ratiobox-7x3 {
    padding-bottom: 42.86%;
  }
}

@media (min-width: 1024px) {
  .lg\:ratiobox-7x3 {
    padding-bottom: 42.86%;
  }
}

@media (min-width: 1280px) {
  .xl\:ratiobox-7x3 {
    padding-bottom: 42.86%;
  }
}

@media (min-width: 1361px) {
  .xxl\:ratiobox-7x3 {
    padding-bottom: 42.86%;
  }
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.inset-\[-10\%\] {
  bottom: -10%;
  left: -10%;
  right: -10%;
  top: -10%;
}

.inset-x-0 {
  left: 0;
  right: 0;
}

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.top-1\/2 {
  top: 50%;
}

.left-1\/2 {
  left: 50%;
}

.bottom-safe-bottom {
  bottom: env(safe-area-inset-bottom);
}

.left-0 {
  left: 0;
}

.right-outergutter {
  right: var(--outer-gutter);
}

.top-safe-top {
  top: env(safe-area-inset-top);
}

.bottom-0 {
  bottom: 0;
}

.bottom-15 {
  bottom: 3.75rem;
}

.top-5 {
  top: 1.25rem;
}

.right-4 {
  right: 1rem;
}

.top-4 {
  top: 1rem;
}

.left-\[1rem\] {
  left: 1rem;
}

.right-\[1rem\] {
  right: 1rem;
}

.bottom-27 {
  bottom: 6.75rem;
}

.top-3 {
  top: 0.75rem;
}

.bottom-7 {
  bottom: 1.75rem;
}

.right-25 {
  right: 6.25rem;
}

.left-5 {
  left: 1.25rem;
}

.bottom-5 {
  bottom: 1.25rem;
}

.right-5 {
  right: 1.25rem;
}

.right-3 {
  right: 0.75rem;
}

.-top-8\.75 {
  top: -2.1875rem;
}

.-left-8\.75 {
  left: -2.1875rem;
}

.-top-8 {
  top: -2rem;
}

.-left-8 {
  left: -2rem;
}

.bottom-safe-bottom-8 {
  bottom: calc(var(--safe-area-inset-bottom) + 2rem);
}

.bottom-10 {
  bottom: 2.5rem;
}

.right-2 {
  right: 0.5rem;
}

.left-2 {
  left: 0.5rem;
}

.top-2 {
  top: 0.5rem;
}

.bottom-2 {
  bottom: 0.5rem;
}

.left-outergutter {
  left: var(--outer-gutter);
}

.top-8\.5 {
  top: 2.125rem;
}

.top-8 {
  top: 2rem;
}

.top-6\.5 {
  top: 1.625rem;
}

.top-6 {
  top: 1.5rem;
}

.right-7 {
  right: 1.75rem;
}

.top-6\.25 {
  top: 1.5625rem;
}

.left-1 {
  left: 0.25rem;
}

.top-1 {
  top: 0.25rem;
}

.bottom-1 {
  bottom: 0.25rem;
}

.z-\[-10\] {
  z-index: -10;
}

.z-\[-1\] {
  z-index: -1;
}

.z-70 {
  z-index: 70;
}

.z-90 {
  z-index: 90;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-\[5\] {
  z-index: 5;
}

.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}

.z-999 {
  z-index: 999;
}

.z-30 {
  z-index: 30;
}

.z-998 {
  z-index: 998;
}

.z-100 {
  z-index: 100;
}

.z-50 {
  z-index: 50;
}

.z-\[-20\] {
  z-index: -20;
}

.z-80 {
  z-index: 80;
}

.z-997 {
  z-index: 997;
}

.order-last {
  order: 9999;
}

.order-first {
  order: -9999;
}

.m-8 {
  margin: 2rem;
}

.m-auto {
  margin: auto;
}

.m-2 {
  margin: 0.5rem;
}

.m-5 {
  margin: 1.25rem;
}

.m-3 {
  margin: 0.75rem;
}

.m-0 {
  margin: 0;
}

.-m-5 {
  margin: -1.25rem;
}

.-m-7 {
  margin: -1.75rem;
}

.m-1\.5 {
  margin: 0.375rem;
}

.m-1 {
  margin: 0.25rem;
}

.my-3 {
  margin-bottom: 0.75rem;
  margin-top: 0.75rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.-my-5 {
  margin-bottom: -1.25rem;
  margin-top: -1.25rem;
}

.mx-outergutter {
  margin-left: var(--outer-gutter);
  margin-right: var(--outer-gutter);
}

.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.my-2 {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

.my-6 {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}

.my-5 {
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}

.-mx-outergutter {
  margin-left: calc(var(--outer-gutter) * -1);
  margin-right: calc(var(--outer-gutter) * -1);
}

.mx-1\.5 {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}

.mx-2\.5 {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

.-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.my-4 {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.-mb-27 {
  margin-bottom: -6.75rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-12 {
  margin-left: 3rem;
}

.-mt-px {
  margin-top: -1px;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-auto {
  margin-top: auto;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-0 {
  margin-top: 0;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mt-15 {
  margin-top: 3.75rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.ml-2\.5 {
  margin-left: 0.625rem;
}

.mr-2\.5 {
  margin-right: 0.625rem;
}

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

.mr-auto {
  margin-right: auto;
}

.mt-30 {
  margin-top: 7.5rem;
}

.mt-13 {
  margin-top: 3.25rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mt-40 {
  margin-top: 10rem;
}

.-mb-10 {
  margin-bottom: -2.5rem;
}

.ml-26 {
  margin-left: 6.5rem;
}

.mt-25 {
  margin-top: 6.25rem;
}

.mb-15 {
  margin-bottom: 3.75rem;
}

.ml-outergutter {
  margin-left: var(--outer-gutter);
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.-mb-20 {
  margin-bottom: -5rem;
}

.mb-outergutter {
  margin-bottom: var(--outer-gutter);
}

.mt-notifh {
  margin-top: var(--notifh, 0);
}

.mb-0 {
  margin-bottom: 0;
}

.-mt-15 {
  margin-top: -3.75rem;
}

.mb-\[40px\] {
  margin-bottom: 40px;
}

.mb-12 {
  margin-bottom: 3rem;
}

.-mt-0\.5 {
  margin-top: -0.125rem;
}

.-mt-0 {
  margin-top: 0;
}

.mb-18 {
  margin-bottom: 4.5rem;
}

.mb-14 {
  margin-bottom: 3.5rem;
}

.mt-0\.25 {
  margin-top: 0.0625rem;
}

.-mr-2\.5 {
  margin-right: -0.625rem;
}

.-mr-2 {
  margin-right: -0.5rem;
}

.mt-14 {
  margin-top: 3.5rem;
}

.mt-6\.5 {
  margin-top: 1.625rem;
}

.mt-0\.5 {
  margin-top: 0.125rem;
}

.mt-\[-1px\] {
  margin-top: -1px;
}

.mt-44 {
  margin-top: 11rem;
}

.mt-3\.5 {
  margin-top: 0.875rem;
}

.mr-outergutter {
  margin-right: var(--outer-gutter);
}

.ml-7 {
  margin-left: 1.75rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mr-4 {
  margin-right: 1rem;
}

.-mb-0\.25 {
  margin-bottom: -0.0625rem;
}

.-mb-0 {
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.-mt-1\.5 {
  margin-top: -0.375rem;
}

.-mt-1 {
  margin-top: -0.25rem;
}

.mb-1\.5 {
  margin-bottom: 0.375rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.block {
  display: block;
}

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

.inline {
  display: inline;
}

.flex {
  display: flex;
}

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

.table {
  display: table;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.hidden {
  display: none;
}

.h-full {
  height: 100%;
}

.h-safescreen {
  height: calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
}

.h-1 {
  height: 0.25rem;
}

.h-5 {
  height: 1.25rem;
}

.h-8 {
  height: 2rem;
}

.h-16 {
  height: 4rem;
}

.h-1\.75 {
  height: 0.4375rem;
}

.h-12\.5 {
  height: 3.125rem;
}

.h-12 {
  height: 3rem;
}

.h-10 {
  height: 2.5rem;
}

.h-2 {
  height: 0.5rem;
}

.h-screen-3\/4 {
  height: 67vh;
}

.h-\[343px\] {
  height: 343px;
}

.h-\[280px\] {
  height: 280px;
}

.h-\[4\.375rem\] {
  height: 4.375rem;
}

.h-\[240px\] {
  height: 240px;
}

.h-\[30vw\] {
  height: 30vw;
}

.h-0\.5 {
  height: 0.125rem;
}

.h-0 {
  height: 0;
}

.h-\[160px\] {
  height: 160px;
}

.h-20 {
  height: 5rem;
}

.h-36 {
  height: 9rem;
}

.h-\[16\.875rem\] {
  height: 16.875rem;
}

.h-4 {
  height: 1rem;
}

.h-30 {
  height: 7.5rem;
}

.h-screen {
  height: 100vh;
}

.h-\[120\%\] {
  height: 120%;
}

.h-7\.5 {
  height: 1.875rem;
}

.h-7 {
  height: 1.75rem;
}

.h-80 {
  height: 20rem;
}

.h-\[110vh\] {
  height: 110vh;
}

.h-25 {
  height: 6.25rem;
}

.h-0\.25 {
  height: 0.0625rem;
}

.h-9 {
  height: 2.25rem;
}

.h-auto {
  height: auto;
}

.h-44 {
  height: 11rem;
}

.h-37\.5 {
  height: 9.375rem;
}

.h-5\.5 {
  height: 1.375rem;
}

.h-\[600px\] {
  height: 600px;
}

.h-3 {
  height: 0.75rem;
}

.h-px {
  height: 1px;
}

.max-h-safescreen {
  max-height: calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
}

.max-h-screen {
  max-height: 100vh;
}

.max-h-safescreen-12 {
  max-height: calc(var(--vh, 1vh) * 100 - 3rem);
}

.min-h-safescreen {
  min-height: calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
}

.min-h-screen {
  min-height: 100vh;
}

.min-h-screen-1\/2 {
  min-height: (var(--vh, 1vh) * 50);
}

.min-h-screen-without-header {
  min-height: calc(
    var(--vh, 1vh) * 100 - var(--spacing-headersize) - var(--notifh, 0)
  );
}

.min-h-10 {
  min-height: 2.5rem;
}

.min-h-\[350px\] {
  min-height: 350px;
}

.w-full {
  width: 100%;
}

.w-16 {
  width: 4rem;
}

.w-5 {
  width: 1.25rem;
}

.w-8 {
  width: 2rem;
}

.w-auto {
  width: auto;
}

.w-25 {
  width: 6.25rem;
}

.w-1\/3 {
  width: 33.333333%;
}

.w-48 {
  width: 12rem;
}

.w-7\.5 {
  width: 1.875rem;
}

.w-7 {
  width: 1.75rem;
}

.w-10 {
  width: 2.5rem;
}

.w-2 {
  width: 0.5rem;
}

.w-11\/12 {
  width: 91.666667%;
}

.w-\[110px\] {
  width: 110px;
}

.w-\[280px\] {
  width: 280px;
}

.w-\[4\.375rem\] {
  width: 4.375rem;
}

.w-1\/2 {
  width: 50%;
}

.w-20 {
  width: 5rem;
}

.w-36 {
  width: 9rem;
}

.w-\[16\.875rem\] {
  width: 16.875rem;
}

.w-4 {
  width: 1rem;
}

.w-12 {
  width: 3rem;
}

.w-12\.5 {
  width: 3.125rem;
}

.w-30 {
  width: 7.5rem;
}

.w-\[120\%\] {
  width: 120%;
}

.w-5\/6 {
  width: 83.333333%;
}

.w-26 {
  width: 6.5rem;
}

.w-11 {
  width: 2.75rem;
}

.w-full-with-outergutter {
  width: calc(100% + var(--outer-gutter) + var(--outer-gutter));
}

.w-50 {
  width: 12.5rem;
}

.w-2\/3 {
  width: 66.666667%;
}

.w-0 {
  width: 0;
}

.w-\[30px\] {
  width: 30px;
}

.w-6 {
  width: 1.5rem;
}

.w-\[600px\] {
  width: 600px;
}

.w-3 {
  width: 0.75rem;
}

.w-14 {
  width: 3.5rem;
}

.w-\[220px\] {
  width: 220px;
}

.min-w-\[3\.5rem\] {
  min-width: 3.5rem;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-\[1400px\] {
  max-width: 1400px;
}

.max-w-\[200px\] {
  max-width: 200px;
}

.max-w-screen-outergutter {
  max-width: calc(100vw - var(--outer-gutter) - var(--outer-gutter));
}

.max-w-\[350px\] {
  max-width: 350px;
}

.max-w-none {
  max-width: none;
}

.max-w-full {
  max-width: 100%;
}

.max-w-\[500px\] {
  max-width: 500px;
}

.flex-none {
  flex: none;
}

.flex-1 {
  flex: 1 1 0%;
}

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

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

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

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

.origin-left {
  transform-origin: left;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
}

.-translate-x-1\/2,
.-translate-y-1\/2 {
  transform: var(--tw-transform);
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
}

.translate-y-\[120\%\] {
  --tw-translate-y: 120%;
}

.translate-x-0,
.translate-y-\[120\%\] {
  transform: var(--tw-transform);
}

.translate-x-0 {
  --tw-translate-x: 0px;
}

.translate-y-full {
  --tw-translate-y: 100%;
}

.translate-x-full,
.translate-y-full {
  transform: var(--tw-transform);
}

.translate-x-full {
  --tw-translate-x: 100%;
}

.scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
}

.scale-110,
.transform {
  transform: var(--tw-transform);
}

.transform-gpu {
  --tw-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.resize {
  resize: both;
}

.list-none {
  list-style-type: none;
}

.appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

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

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

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

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

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

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

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

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

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

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

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

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

.gap-0 {
  gap: 0;
}

.gap-4 {
  gap: 1rem;
}

.gap-innergutter {
  gap: var(--inner-gutter);
}

.gap-\[12px\] {
  gap: 12px;
}

.gap-y-14 {
  row-gap: 3.5rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.gap-x-2 {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
}

.divide-\[\#CDCDCD\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(205, 205, 205, var(--tw-divide-opacity));
}

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

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

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

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

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

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

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

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

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate,
.whitespace-nowrap {
  white-space: nowrap;
}

.rounded-lg {
  border-radius: 1.5rem;
}

.rounded-sm {
  border-radius: 0.5rem;
}

.rounded {
  border-radius: 2rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-md {
  border-radius: 1.25rem;
}

.rounded-xs {
  border-radius: 0.0625rem;
}

.rounded-focus {
  border-radius: 2rem;
}

.rounded-1 {
  border-radius: 0.25rem;
}

.rounded-\[42px\] {
  border-radius: 42px;
}

.rounded-tl-lg {
  border-top-left-radius: 1.5rem;
}

.rounded-tr-lg {
  border-top-right-radius: 1.5rem;
}

.rounded-br-lg {
  border-bottom-right-radius: 1.5rem;
}

.rounded-tr-\[24px\] {
  border-top-right-radius: 24px;
}

.rounded-br-\[24px\] {
  border-bottom-right-radius: 24px;
}

.rounded-bl-\[24px\] {
  border-bottom-left-radius: 24px;
}

.rounded-tl-none {
  border-top-left-radius: 0;
}

.rounded-tl-full {
  border-top-left-radius: 9999px;
}

.rounded-bl-full {
  border-bottom-left-radius: 9999px;
}

.border {
  border-width: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-xs {
  border-width: 0.5px;
}

.border-0 {
  border-width: 0;
}

.border-t {
  border-top-width: 1px;
}

.border-r {
  border-right-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-t-1 {
  border-top-width: 1px;
}

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

.border-solid {
  border-style: solid;
}

.border-none {
  border-style: none;
}

.border-light {
  border-color: var(--grey-5);
}

.border-inverse {
  border-color: var(--white);
}

.border-default {
  border-color: var(--grey-10);
}

.border-\[\#CDCDCD\] {
  --tw-border-opacity: 1;
  border-color: rgba(205, 205, 205, var(--tw-border-opacity));
}

.border-dark {
  border-color: var(--grey-15);
}

.border-darker {
  border-color: var(--grey-42);
}

.border-soft {
  border-color: rgba(0, 0, 0, 0.05);
}

.border-\[rgba\(255\2c 255\2c 255\2c 0\.35\)\] {
  border-color: hsla(0, 0%, 100%, 0.35);
}

.border-darkest {
  border-color: var(--black);
}

.border-\[\#F2F2F2\] {
  --tw-border-opacity: 1;
  border-color: rgba(242, 242, 242, var(--tw-border-opacity));
}

.border-error {
  border-color: var(--red-dark);
}

.border-opacity-5 {
  --tw-border-opacity: 0.05;
}

.bg-negative {
  background-color: var(--red-light);
}

.bg-softinverse-2 {
  background-color: hsla(0, 0%, 100%, 0.3);
}

.bg-inverse {
  background-color: var(--white);
}

.bg-darkest {
  background-color: var(--black);
}

.bg-darker {
  background-color: var(--grey-42);
}

.bg-soft {
  background-color: rgba(0, 0, 0, 0.05);
}

.bg-default {
  background-color: var(--grey-5);
}

.bg-\[\#000000\] {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.bg-\[\#FFFFFF\] {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-dark {
  background-color: var(--grey-30);
}

.bg-softinverse {
  background-color: hsla(0, 0%, 100%, 0.15);
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
  background-color: rgba(0, 0, 0, 0.2);
}

.bg-\[\#DA1111\] {
  --tw-bg-opacity: 1;
  background-color: rgba(218, 17, 17, var(--tw-bg-opacity));
}

.bg-\[\#FFD029\] {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 208, 41, var(--tw-bg-opacity));
}

.bg-warning {
  background-color: var(--yellow-light);
}

.bg-\[\#F2F2F2\] {
  --tw-bg-opacity: 1;
  background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
}

.bg-\[\#fff\] {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-success {
  background-color: var(--green-light);
}

.bg-cover {
  background-size: cover;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.fill-current {
  fill: currentColor;
}

.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.object-center {
  -o-object-position: center;
  object-position: center;
}

.p-6 {
  padding: 1.5rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-4 {
  padding: 1rem;
}

.p-1 {
  padding: 0.25rem;
}

.p-7 {
  padding: 1.75rem;
}

.p-0 {
  padding: 0;
}

.p-2\.5 {
  padding: 0.625rem;
}

.py-3 {
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-4 {
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-2 {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-5 {
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-1 {
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}

.px-outergutter {
  padding-left: var(--outer-gutter);
  padding-right: var(--outer-gutter);
}

.py-2\.5 {
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-8 {
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.py-20 {
  padding-bottom: 5rem;
  padding-top: 5rem;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.py-9 {
  padding-bottom: 2.25rem;
  padding-top: 2.25rem;
}

.py-1\.25 {
  padding-bottom: 0.3125rem;
  padding-top: 0.3125rem;
}

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pl-12 {
  padding-left: 3rem;
}

.pr-12 {
  padding-right: 3rem;
}

.pt-\[80px\] {
  padding-top: 80px;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pt-7 {
  padding-top: 1.75rem;
}

.pt-30 {
  padding-top: 7.5rem;
}

.pb-27 {
  padding-bottom: 6.75rem;
}

.pt-15 {
  padding-top: 3.75rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pt-27 {
  padding-top: 6.75rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pt-0 {
  padding-top: 0;
}

.pr-4 {
  padding-right: 1rem;
}

.pb-15 {
  padding-bottom: 3.75rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pt-40 {
  padding-top: 10rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pb-2\.5 {
  padding-bottom: 0.625rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pr-16 {
  padding-right: 4rem;
}

.pb-5\.5 {
  padding-bottom: 1.375rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pt-14 {
  padding-top: 3.5rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pb-\[75\.30\%\] {
  padding-bottom: 75.3%;
}

.pr-8 {
  padding-right: 2rem;
}

.pt-25 {
  padding-top: 6.25rem;
}

.pb-25 {
  padding-bottom: 6.25rem;
}

.pt-28 {
  padding-top: 7rem;
}

.pt-3\.5 {
  padding-top: 0.875rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pt-7\.5 {
  padding-top: 1.875rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pr-2\.5 {
  padding-right: 0.625rem;
}

.pl-2\.5 {
  padding-left: 0.625rem;
}

.pr-7 {
  padding-right: 1.75rem;
}

.pl-7 {
  padding-left: 1.75rem;
}

.pb-3\.5 {
  padding-bottom: 0.875rem;
}

.pt-5\.25 {
  padding-top: 1.3125rem;
}

.pb-1\.75 {
  padding-bottom: 0.4375rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pt-0\.5 {
  padding-top: 0.125rem;
}

.pt-2\.75 {
  padding-top: 0.6875rem;
}

.pb-1\.5 {
  padding-bottom: 0.375rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pt-2\.5 {
  padding-top: 0.625rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.font-sans {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

.text-\[16px\] {
  font-size: 16px;
}

.text-\[24px\] {
  font-size: 24px;
}

.text-\[12px\] {
  font-size: 12px;
}

.text-\[14px\] {
  font-size: 14px;
}

.text-\[18px\] {
  font-size: 18px;
}

.text-\[40px\] {
  font-size: 40px;
}

.text-\[11px\] {
  font-size: 11px;
}

.font-light {
  font-weight: 300;
}

.font-bold {
  font-weight: 700;
}

.font-black {
  font-weight: 900;
}

.font-semibold {
  font-weight: 600;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.diagonal-fractions,
.lining-nums,
.oldstyle-nums,
.ordinal,
.proportional-nums,
.slashed-zero,
.stacked-fractions,
.tabular-nums {
  --tw-ordinal: var(--tw-empty, /*!*/ /*!*/);
  --tw-slashed-zero: var(--tw-empty, /*!*/ /*!*/);
  --tw-numeric-figure: var(--tw-empty, /*!*/ /*!*/);
  --tw-numeric-spacing: var(--tw-empty, /*!*/ /*!*/);
  --tw-numeric-fraction: var(--tw-empty, /*!*/ /*!*/);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero)
    var(--tw-numeric-figure) var(--tw-numeric-spacing)
    var(--tw-numeric-fraction);
}

.lining-nums {
  --tw-numeric-figure: lining-nums;
}

.proportional-nums {
  --tw-numeric-spacing: proportional-nums;
}

.leading-normal {
  line-height: 1.5;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-\[16px\] {
  line-height: 16px;
}

.leading-\[32px\] {
  line-height: 32px;
}

.leading-\[1\.6\] {
  line-height: 1.6;
}

.leading-\[28px\] {
  line-height: 28px;
}

.leading-\[56px\] {
  line-height: 56px;
}

.leading-none {
  line-height: 1;
}

.leading-8 {
  line-height: 2rem;
}

.leading-\[24px\] {
  line-height: 24px;
}

.leading-\[1\.3\] {
  line-height: 1.3;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.tracking-\[0\.42px\] {
  letter-spacing: 0.42px;
}

.tracking-\[0\.72px\] {
  letter-spacing: 0.72px;
}

.tracking-\[0\.12px\] {
  letter-spacing: 0.12px;
}

.tracking-\[-0\.18px\] {
  letter-spacing: -0.18px;
}

.tracking-\[0\.6px\] {
  letter-spacing: 0.6px;
}

.tracking-\[1\.2px\] {
  letter-spacing: 1.2px;
}

.tracking-\[0\.44px\] {
  letter-spacing: 0.44px;
}

.text-default {
  color: var(--black);
}

.text-inverse {
  color: var(--white);
}

.text-error {
  color: var(--red-dark);
}

.text-light {
  color: var(--grey-57);
}

.text-warning {
  color: var(--yellow-dark);
}

.text-\[\#6E6E6E\] {
  --tw-text-opacity: 1;
  color: rgba(110, 110, 110, var(--tw-text-opacity));
}

.text-lighter {
  color: var(--grey-42);
}

.text-success {
  color: var(--green-dark);
}

.underline {
  text-decoration: underline;
}

.line-through {
  text-decoration: line-through;
}

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

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-0 {
  opacity: 0;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-100 {
  opacity: 1;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-20 {
  opacity: 0.2;
}

.shadow-xs {
  --tw-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}

.shadow-bottom-stronger,
.shadow-xs {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-bottom-stronger {
  --tw-shadow: 0px 25px 25px rgba(0, 0, 0, 0.1);
}

.shadow-top {
  --tw-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
}

.shadow-bottom,
.shadow-top {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-bottom {
  --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.blur {
  --tw-blur: blur(8px);
}

.blur,
.drop-shadow {
  filter: var(--tw-filter);
}

.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1))
    drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));
}

.grayscale-1 {
  --tw-grayscale: grayscale(1);
}

.filter,
.grayscale-1 {
  filter: var(--tw-filter);
}

.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
}

.backdrop-blur,
.backdrop-blur-default {
  -webkit-backdrop-filter: var(--tw-backdrop-filter);
  backdrop-filter: var(--tw-backdrop-filter);
}

.backdrop-blur-default {
  --tw-backdrop-blur: blur(20px);
}

.backdrop-blur-modal {
  --tw-backdrop-blur: blur(50px);
  -webkit-backdrop-filter: var(--tw-backdrop-filter);
  backdrop-filter: var(--tw-backdrop-filter);
}

.transition-transform {
  transition-duration: 0.15s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.transition-opacity {
  transition-duration: 0.15s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.transition-colors {
  transition-duration: 0.15s;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.transition {
  transition-duration: 0.15s;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter,
    -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.transition-all {
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.duration-1000 {
  transition-duration: 1s;
}

.duration-500 {
  transition-duration: 0.5s;
}

.duration-300 {
  transition-duration: 0.3s;
}

.duration-200 {
  transition-duration: 0.2s;
}

.ease-linear {
  transition-timing-function: linear;
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.ratio {
  --ratio: 100%;
  overflow: hidden;
  position: relative;
}

.ratio,
.ratio:before {
  display: block;
}

.ratio:before {
  content: "";
  height: 0;
  padding-bottom: var(--ratio);
  width: 100%;
}

.ratio > [class*="ratio-content"] {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.ratio-1x1 {
  --ratio: 100%;
}

[class*="keyline-"] {
  position: relative;
}

[class*="keyline-"]:before {
  border: 1px solid transparent;
  bottom: 0;
  content: "";
  left: calc(var(--inner-gutter) / -2 - 1px);
  pointer-events: none;
  position: absolute;
  right: calc(var(--inner-gutter) / -2);
  top: 0;
  z-index: 0;
}

[class*="keyline-0"]:before {
  border-left-color: transparent;
  border-right-color: transparent;
}

.bg-easing-t-dark {
  background-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.03) 4.7%,
    rgba(0, 0, 0, 0.079) 8.9%,
    rgba(0, 0, 0, 0.142) 12.8%,
    rgba(0, 0, 0, 0.218) 16.56%,
    rgba(0, 0, 0, 0.304) 20.37%,
    rgba(0, 0, 0, 0.395) 24.4%,
    rgba(0, 0, 0, 0.49) 28.83%,
    rgba(0, 0, 0, 0.585) 33.84%,
    rgba(0, 0, 0, 0.677) 39.6%,
    rgba(0, 0, 0, 0.763) 46.3%,
    rgba(0, 0, 0, 0.84) 54.1%,
    rgba(0, 0, 0, 0.906) 63.2%,
    rgba(0, 0, 0, 0.956) 73.76%,
    rgba(0, 0, 0, 0.989) 85.97%,
    #000
  );
}

.bg-easing-b-dark {
  background-image: linear-gradient(
    180deg,
    transparent,
    rgba(0, 0, 0, 0.03) 4.7%,
    rgba(0, 0, 0, 0.079) 8.9%,
    rgba(0, 0, 0, 0.142) 12.8%,
    rgba(0, 0, 0, 0.218) 16.56%,
    rgba(0, 0, 0, 0.304) 20.37%,
    rgba(0, 0, 0, 0.395) 24.4%,
    rgba(0, 0, 0, 0.49) 28.83%,
    rgba(0, 0, 0, 0.585) 33.84%,
    rgba(0, 0, 0, 0.677) 39.6%,
    rgba(0, 0, 0, 0.763) 46.3%,
    rgba(0, 0, 0, 0.84) 54.1%,
    rgba(0, 0, 0, 0.906) 63.2%,
    rgba(0, 0, 0, 0.956) 73.76%,
    rgba(0, 0, 0, 0.989) 85.97%,
    #000
  );
}

.text-shadow-sm {
  text-shadow: 1px 0 20px #000;
}

.first\:mt-0:first-child {
  margin-top: 0;
}

.hover\:border-darkest:hover {
  border-color: var(--black);
}

.hover\:border-darker:hover {
  border-color: var(--grey-42);
}

.hover\:border-opacity-100:hover {
  --tw-border-opacity: 1;
}

.hover\:bg-softhover:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.hover\:bg-default:hover {
  background-color: var(--grey-5);
}

.hover\:bg-softinversehover:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}

.hover\:bg-darker:hover {
  background-color: var(--grey-42);
}

.hover\:text-light:hover {
  color: var(--grey-57);
}

.hover\:backdrop-blur-default:hover {
  --tw-backdrop-blur: blur(20px);
  -webkit-backdrop-filter: var(--tw-backdrop-filter);
  backdrop-filter: var(--tw-backdrop-filter);
}

.focus\:border-darker:focus {
  border-color: var(--grey-42);
}

.focus\:bg-default:focus {
  background-color: var(--grey-5);
}

.focus\:bg-softinversehover:focus {
  background-color: hsla(0, 0%, 100%, 0.2);
}

.focus\:bg-softhover:focus {
  background-color: rgba(0, 0, 0, 0.1);
}

.disabled\:cursor-default:disabled {
  cursor: default;
}

.disabled\:bg-default:disabled {
  background-color: var(--grey-5);
}

.disabled\:text-light:disabled {
  color: var(--grey-57);
}

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.disabled\:focus\:bg-default:disabled:focus,
.disabled\:hover\:bg-default:disabled:hover {
  background-color: var(--grey-5);
}

.group:hover .group-hover\:-m-5 {
  margin: -1.25rem;
}

.group:hover .group-hover\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: var(--tw-transform);
}

.group:hover .group-hover\:bg-softhover {
  background-color: rgba(0, 0, 0, 0.1);
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

[dir="ltr"] .ltr\:mr-outer-1 {
  margin-right: var(--spacing-outer-1);
}

[dir="ltr"] .ltr\:text-\[0\.625rem\] {
  font-size: 0.625rem;
}

[dir="ltr"] .ltr\:leading-\[0\.875rem\] {
  line-height: 0.875rem;
}

[dir="ltr"] .ltr\:tracking-\[0\.3em\] {
  letter-spacing: 0.3em;
}

[dir="rtl"] .rtl\:mr-gutter {
  margin-right: var(--spacing-gutter);
}

[dir="rtl"] .rtl\:ml-gutter {
  margin-left: var(--spacing-gutter);
}

[dir="rtl"] .rtl\:ml-outer-1 {
  margin-left: var(--spacing-outer-1);
}

[dir="rtl"] .rtl\:right-auto {
  right: auto;
}

[dir="rtl"] .rtl\:left-outergutter {
  left: var(--outer-gutter);
}

[dir="rtl"] .rtl\:right-0 {
  right: 0;
}

[dir="rtl"] .rtl\:left-25 {
  left: 6.25rem;
}

[dir="rtl"] .rtl\:left-0 {
  left: 0;
}

[dir="rtl"] .rtl\:left-auto {
  left: auto;
}

[dir="rtl"] .rtl\:right-5 {
  right: 1.25rem;
}

[dir="rtl"] .rtl\:left-5 {
  left: 1.25rem;
}

[dir="rtl"] .rtl\:left-3 {
  left: 0.75rem;
}

[dir="rtl"] .rtl\:right-outergutter {
  right: var(--outer-gutter);
}

[dir="rtl"] .rtl\:left-2 {
  left: 0.5rem;
}

[dir="rtl"] .rtl\:left-7 {
  left: 1.75rem;
}

[dir="rtl"] .rtl\:ml-0 {
  margin-left: 0;
}

[dir="rtl"] .rtl\:mr-2 {
  margin-right: 0.5rem;
}

[dir="rtl"] .rtl\:mr-3 {
  margin-right: 0.75rem;
}

[dir="rtl"] .rtl\:mr-0 {
  margin-right: 0;
}

[dir="rtl"] .rtl\:ml-2 {
  margin-left: 0.5rem;
}

[dir="rtl"] .rtl\:mr-26 {
  margin-right: 6.5rem;
}

[dir="rtl"] .rtl\:ml-1 {
  margin-left: 0.25rem;
}

[dir="rtl"] .rtl\:mr-outergutter {
  margin-right: var(--outer-gutter);
}

[dir="rtl"] .rtl\:mr-1 {
  margin-right: 0.25rem;
}

[dir="rtl"] .rtl\:-ml-2\.5 {
  margin-left: -0.625rem;
}

[dir="rtl"] .rtl\:-ml-2 {
  margin-left: -0.5rem;
}

[dir="rtl"] .rtl\:ml-1\.5 {
  margin-left: 0.375rem;
}

[dir="rtl"] .rtl\:mr-1\.5 {
  margin-right: 0.375rem;
}

[dir="rtl"] .rtl\:ml-outergutter {
  margin-left: var(--outer-gutter);
}

[dir="rtl"] .rtl\:mr-7 {
  margin-right: 1.75rem;
}

[dir="rtl"] .rtl\:mr-4 {
  margin-right: 1rem;
}

[dir="rtl"] .rtl\:ml-3 {
  margin-left: 0.75rem;
}

[dir="rtl"] .rtl\:ml-4 {
  margin-left: 1rem;
}

[dir="rtl"] .rtl\:mr-6 {
  margin-right: 1.5rem;
}

[dir="rtl"] .rtl\:rotate-180 {
  --tw-rotate: 180deg;
  transform: var(--tw-transform);
}

[dir="rtl"] .rtl\:rounded-tl-none {
  border-top-left-radius: 0;
}

[dir="rtl"] .rtl\:rounded-bl-none {
  border-bottom-left-radius: 0;
}

[dir="rtl"] .rtl\:rounded-tr-full {
  border-top-right-radius: 9999px;
}

[dir="rtl"] .rtl\:rounded-br-full {
  border-bottom-right-radius: 9999px;
}

[dir="rtl"] .rtl\:border-l-0 {
  border-left-width: 0;
}

[dir="rtl"] .rtl\:border-r {
  border-right-width: 1px;
}

[dir="rtl"] .rtl\:border-r-0 {
  border-right-width: 0;
}

[dir="rtl"] .rtl\:border-l {
  border-left-width: 1px;
}

[dir="rtl"] .rtl\:pl-5 {
  padding-left: 1.25rem;
}

[dir="rtl"] .rtl\:pr-6 {
  padding-right: 1.5rem;
}

[dir="rtl"] .rtl\:pl-0 {
  padding-left: 0;
}

[dir="rtl"] .rtl\:pr-4 {
  padding-right: 1rem;
}

[dir="rtl"] .rtl\:pr-0 {
  padding-right: 0;
}

[dir="rtl"] .rtl\:pr-8 {
  padding-right: 2rem;
}

[dir="rtl"] .rtl\:pl-2 {
  padding-left: 0.5rem;
}

[dir="rtl"] .rtl\:pl-1 {
  padding-left: 0.25rem;
}

[dir="rtl"] .rtl\:pl-16 {
  padding-left: 4rem;
}

[dir="rtl"] .rtl\:pr-2 {
  padding-right: 0.5rem;
}

[dir="rtl"] .rtl\:pr-1 {
  padding-right: 0.25rem;
}

[dir="rtl"] .rtl\:pl-2\.5 {
  padding-left: 0.625rem;
}

[dir="rtl"] .rtl\:pr-2\.5 {
  padding-right: 0.625rem;
}

[dir="rtl"] .rtl\:pr-5 {
  padding-right: 1.25rem;
}

[dir="rtl"] .rtl\:pl-7 {
  padding-left: 1.75rem;
}

[dir="rtl"] .rtl\:pr-7 {
  padding-right: 1.75rem;
}

[dir="rtl"] .rtl\:pr-3 {
  padding-right: 0.75rem;
}

[dir="rtl"] .rtl\:text-left {
  text-align: left;
}

[dir="rtl"] .rtl\:text-right {
  text-align: right;
}

@media (max-width: 649px) {
  .sm\:mt-headersize {
    margin-top: var(--spacing-headersize);
  }

  .sm\:push-2-gutter {
    margin-left: calc(
      (2 / var(--grid-columns)) * 100% - var(--inner-gutter) + 2 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter) * 2
    );
  }

  .cols-container > .sm\:push-2-gutter {
    margin-left: calc(
      (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 2 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter) * 2
    );
  }

  .sm\:cols-6 {
    width: calc(
      (6 / var(--grid-columns)) * 100% - var(--inner-gutter) + 6 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .sm\:cols-6 {
    width: calc(
      (6 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 6 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .sm\:cols-10 {
    width: calc(
      (10 / var(--grid-columns)) * 100% - var(--inner-gutter) + 10 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .sm\:cols-10 {
    width: calc(
      (10 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 10 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .sm\:cols-11 {
    width: calc(
      (11 / var(--grid-columns)) * 100% - var(--inner-gutter) + 11 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .sm\:cols-11 {
    width: calc(
      (11 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 11 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .sm\:cols-12 {
    width: calc(
      (12 / var(--grid-columns)) * 100% - var(--inner-gutter) + 12 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .sm\:cols-12 {
    width: calc(
      (12 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 12 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .sm\:fixed {
    position: fixed;
  }

  .sm\:sticky {
    position: sticky;
  }

  .sm\:left-1\/2 {
    left: 50%;
  }

  .sm\:bottom-below-player {
    bottom: max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
  }

  .sm\:bottom-0 {
    bottom: 0;
  }

  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:mt-3 {
    margin-top: 0.75rem;
  }

  .sm\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .sm\:ml-0 {
    margin-left: 0;
  }

  .sm\:mt-9 {
    margin-top: 2.25rem;
  }

  .sm\:mt-2 {
    margin-top: 0.5rem;
  }

  .sm\:mb-7 {
    margin-bottom: 1.75rem;
  }

  .sm\:mt-24 {
    margin-top: 6rem;
  }

  .sm\:mt-6 {
    margin-top: 1.5rem;
  }

  .sm\:mt-0 {
    margin-top: 0;
  }

  .sm\:mt-5 {
    margin-top: 1.25rem;
  }

  .sm\:mb-25 {
    margin-bottom: 6.25rem;
  }

  .sm\:block {
    display: block;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-0 {
    height: 0;
  }

  .sm\:h-full {
    height: 100%;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:flex-grow {
    flex-grow: 1;
  }

  .sm\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: var(--tw-transform);
  }

  .sm\:flex-col {
    flex-direction: column;
  }

  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-start {
    justify-content: flex-start;
  }

  .sm\:overflow-hidden {
    overflow: hidden;
  }

  .sm\:rounded-lg {
    border-radius: 1.5rem;
  }

  .sm\:rounded-t-lg {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .sm\:bg-inverse {
    background-color: var(--white);
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:pt-0 {
    padding-top: 0;
  }

  .sm\:pl-6 {
    padding-left: 1.5rem;
  }

  .sm\:pr-6 {
    padding-right: 1.5rem;
  }

  .sm\:pt-7 {
    padding-top: 1.75rem;
  }

  .sm\:pr-2 {
    padding-right: 0.5rem;
  }

  .sm\:pt-5 {
    padding-top: 1.25rem;
  }

  .sm\:pt-8 {
    padding-top: 2rem;
  }

  .sm\:shadow-top-stronger {
    --tw-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:transition-all {
    transition-duration: 0.15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .sm\:duration-300 {
    transition-duration: 0.3s;
  }

  .sm\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  [dir="rtl"] .sm\:rtl\:push-r-2-gutter {
    margin-right: calc(
      (2 / var(--grid-columns)) * 100% - var(--inner-gutter) + 2 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter) * 2
    );
  }

  [dir="rtl"] .rtl\:cols-container > .sm\:rtl\:push-r-2-gutter {
    margin-right: calc(
      (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 2 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter) * 2
    );
  }

  [dir="rtl"] .sm\:rtl\:pr-6 {
    padding-right: 1.5rem;
  }

  [dir="rtl"] .sm\:rtl\:pl-2 {
    padding-left: 0.5rem;
  }

  [dir="rtl"] .sm\:rtl\:pr-0 {
    padding-right: 0;
  }
}

@media (min-width: 650px) {
  .md\:ml-gutter {
    margin-left: var(--spacing-gutter);
  }

  .md\:p-gutter {
    padding: var(--spacing-gutter);
  }

  .md\:py-gutter {
    padding-bottom: var(--spacing-gutter);
    padding-top: var(--spacing-gutter);
  }

  .md\:push-1 {
    margin-left: calc(
      (1 / var(--grid-columns)) * 100% - var(--inner-gutter) + 1 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  .cols-container > .md\:push-1 {
    margin-left: calc(
      (1 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 1 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  .md\:cols-4 {
    width: calc(
      (4 / var(--grid-columns)) * 100% - var(--inner-gutter) + 4 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .md\:cols-4 {
    width: calc(
      (4 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 4 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .md\:cols-5 {
    width: calc(
      (5 / var(--grid-columns)) * 100% - var(--inner-gutter) + 5 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .md\:cols-5 {
    width: calc(
      (5 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 5 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .md\:cols-6 {
    width: calc(
      (6 / var(--grid-columns)) * 100% - var(--inner-gutter) + 6 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .md\:cols-6 {
    width: calc(
      (6 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 6 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .md\:push-6 {
    margin-left: calc(
      (6 / var(--grid-columns)) * 100% - var(--inner-gutter) + 6 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  .cols-container > .md\:push-6 {
    margin-left: calc(
      (6 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 6 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  .md\:cols-8 {
    width: calc(
      (8 / var(--grid-columns)) * 100% - var(--inner-gutter) + 8 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .md\:cols-8 {
    width: calc(
      (8 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 8 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .md\:cols-10 {
    width: calc(
      (10 / var(--grid-columns)) * 100% - var(--inner-gutter) + 10 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .md\:cols-10 {
    width: calc(
      (10 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 10 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .md\:cols-12 {
    width: calc(
      (12 / var(--grid-columns)) * 100% - var(--inner-gutter) + 12 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .md\:cols-12 {
    width: calc(
      (12 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 12 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .md\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .md\:grid-cols-2[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .md\:grid-cols-2[class*="grid-line-x"] > :nth-child(odd):before {
    left: 0;
  }

  .md\:grid-cols-2[class*="grid-line-x"] > :nth-child(2n + 2):before {
    right: 0;
  }

  .md\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2):before,
  .md\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ :before {
    border-bottom-width: 0;
  }

  .md\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .md\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(2n + 2):after {
    border-right-width: 0;
  }

  .md\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 2):after {
    top: 0;
  }

  .md\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2):after,
  .md\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ li:after {
    bottom: 0;
  }

  .md\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .md\:grid-cols-3[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .md\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 1):before {
    left: 0;
  }

  .md\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 3):before {
    right: 0;
  }

  .md\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):before,
  .md\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ :before {
    border-bottom-width: 0;
  }

  .md\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .md\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 3):after {
    border-right-width: 0;
  }

  .md\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 3):after {
    top: 0;
  }

  .md\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):after,
  .md\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ li:after {
    bottom: 0;
  }

  .md\:absolute {
    position: absolute;
  }

  .md\:right-5 {
    right: 1.25rem;
  }

  .md\:top-5 {
    top: 1.25rem;
  }

  .md\:right-8 {
    right: 2rem;
  }

  .md\:top-safe-top {
    top: env(safe-area-inset-top);
  }

  .md\:top-1\/2 {
    top: 50%;
  }

  .md\:bottom-auto {
    bottom: auto;
  }

  .md\:bottom-30 {
    bottom: 7.5rem;
  }

  .md\:left-1\/2 {
    left: 50%;
  }

  .md\:right-auto {
    right: auto;
  }

  .md\:bottom-safe-bottom {
    bottom: env(safe-area-inset-bottom);
  }

  .md\:order-first {
    order: -9999;
  }

  .md\:m-5 {
    margin: 1.25rem;
  }

  .md\:-m-7 {
    margin: -1.75rem;
  }

  .md\:my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:my-9 {
    margin-bottom: 2.25rem;
    margin-top: 2.25rem;
  }

  .md\:my-0 {
    margin-bottom: 0;
    margin-top: 0;
  }

  .md\:-mx-1\.5 {
    margin-left: -0.375rem;
    margin-right: -0.375rem;
  }

  .md\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .md\:mt-15 {
    margin-top: 3.75rem;
  }

  .md\:mb-4 {
    margin-bottom: 1rem;
  }

  .md\:mt-8 {
    margin-top: 2rem;
  }

  .md\:mt-25 {
    margin-top: 6.25rem;
  }

  .md\:mt-5 {
    margin-top: 1.25rem;
  }

  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .md\:ml-0 {
    margin-left: 0;
  }

  .md\:mt-0 {
    margin-top: 0;
  }

  .md\:mt-10 {
    margin-top: 2.5rem;
  }

  .md\:mt-18 {
    margin-top: 4.5rem;
  }

  .md\:mb-20 {
    margin-bottom: 5rem;
  }

  .md\:mb-15 {
    margin-bottom: 3.75rem;
  }

  .md\:mt-7 {
    margin-top: 1.75rem;
  }

  .md\:mt-30 {
    margin-top: 7.5rem;
  }

  .md\:mt-28 {
    margin-top: 7rem;
  }

  .md\:mt-20 {
    margin-top: 5rem;
  }

  .md\:mb-12 {
    margin-bottom: 3rem;
  }

  .md\:mt-37\.5 {
    margin-top: 9.375rem;
  }

  .md\:mb-13 {
    margin-bottom: 3.25rem;
  }

  .md\:mt-24 {
    margin-top: 6rem;
  }

  .md\:mt-9 {
    margin-top: 2.25rem;
  }

  .md\:ml-7 {
    margin-left: 1.75rem;
  }

  .md\:mt-6 {
    margin-top: 1.5rem;
  }

  .md\:mb-25 {
    margin-bottom: 6.25rem;
  }

  .md\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .md\:mb-7 {
    margin-bottom: 1.75rem;
  }

  .md\:block {
    display: block;
  }

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

  .md\:flex {
    display: flex;
  }

  .md\:grid {
    display: grid;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-safescreen {
    height: calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
  }

  .md\:h-full {
    height: 100%;
  }

  .md\:h-\[400px\] {
    height: 400px;
  }

  .md\:h-\[260px\] {
    height: 260px;
  }

  .md\:h-auto {
    height: auto;
  }

  .md\:h-30 {
    height: 7.5rem;
  }

  .md\:max-h-screen-3\/4 {
    max-height: 67vh;
  }

  .md\:min-h-screen {
    min-height: 100vh;
  }

  .md\:w-2\/3 {
    width: 66.666667%;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:w-5\/12 {
    width: 41.666667%;
  }

  .md\:w-3\/4 {
    width: 75%;
  }

  .md\:w-30 {
    width: 7.5rem;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:flex-1 {
    flex: 1 1 0%;
  }

  .md\:flex-grow {
    flex-grow: 1;
  }

  .md\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
  }

  .md\:-translate-x-1\/2,
  .md\:-translate-y-1\/2 {
    transform: var(--tw-transform);
  }

  .md\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
  }

  .md\:cursor-default {
    cursor: default;
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-end {
    justify-content: flex-end;
  }

  .md\:gap-innergutter {
    gap: var(--inner-gutter);
  }

  .md\:overflow-y-auto {
    overflow-y: auto;
  }

  .md\:rounded {
    border-radius: 2rem;
  }

  .md\:bg-soft {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .md\:bg-inverse {
    background-color: var(--white);
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:p-4 {
    padding: 1rem;
  }

  .md\:p-7 {
    padding: 1.75rem;
  }

  .md\:p-10 {
    padding: 2.5rem;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:py-25 {
    padding-bottom: 6.25rem;
    padding-top: 6.25rem;
  }

  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .md\:px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }

  .md\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .md\:py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }

  .md\:pb-0 {
    padding-bottom: 0;
  }

  .md\:pt-8 {
    padding-top: 2rem;
  }

  .md\:pt-20 {
    padding-top: 5rem;
  }

  .md\:pr-2 {
    padding-right: 0.5rem;
  }

  .md\:pt-30 {
    padding-top: 7.5rem;
  }

  .md\:pr-5 {
    padding-right: 1.25rem;
  }

  .md\:pt-5 {
    padding-top: 1.25rem;
  }

  .md\:pb-7 {
    padding-bottom: 1.75rem;
  }

  .md\:pt-10 {
    padding-top: 2.5rem;
  }

  .md\:pb-25 {
    padding-bottom: 6.25rem;
  }

  .md\:pt-35 {
    padding-top: 8.75rem;
  }

  .md\:pb-35 {
    padding-bottom: 8.75rem;
  }

  .md\:pt-25 {
    padding-top: 6.25rem;
  }

  .md\:pt-42 {
    padding-top: 10.5rem;
  }

  .md\:pl-10 {
    padding-left: 2.5rem;
  }

  .md\:pr-10 {
    padding-right: 2.5rem;
  }

  .md\:pt-9 {
    padding-top: 2.25rem;
  }

  .md\:pt-6 {
    padding-top: 1.5rem;
  }

  .md\:text-center {
    text-align: center;
  }

  .md\:backdrop-blur-modal {
    --tw-backdrop-blur: blur(50px);
    -webkit-backdrop-filter: var(--tw-backdrop-filter);
    backdrop-filter: var(--tw-backdrop-filter);
  }

  [dir="rtl"] .md\:rtl\:ml-gutter {
    margin-left: var(--spacing-gutter);
  }

  [dir="rtl"] .md\:rtl\:push-r-6 {
    margin-right: calc(
      (6 / var(--grid-columns)) * 100% - var(--inner-gutter) + 6 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  [dir="rtl"] .rtl\:cols-container > .md\:rtl\:push-r-6 {
    margin-right: calc(
      (6 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 6 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  [dir="rtl"] .md\:rtl\:left-5 {
    left: 1.25rem;
  }

  [dir="rtl"] .md\:rtl\:right-auto {
    right: auto;
  }

  [dir="rtl"] .md\:rtl\:ml-0 {
    margin-left: 0;
  }

  [dir="rtl"] .md\:rtl\:mr-7 {
    margin-right: 1.75rem;
  }

  [dir="rtl"] .md\:rtl\:ml-5 {
    margin-left: 1.25rem;
  }

  [dir="rtl"] .md\:rtl\:pr-0 {
    padding-right: 0;
  }

  [dir="rtl"] .md\:rtl\:pl-2 {
    padding-left: 0.5rem;
  }

  [dir="rtl"] .md\:rtl\:pl-5 {
    padding-left: 1.25rem;
  }

  [dir="rtl"] .md\:rtl\:pl-0 {
    padding-left: 0;
  }

  [dir="rtl"] .md\:rtl\:pr-10 {
    padding-right: 2.5rem;
  }

  [dir="rtl"] .md\:rtl\:pl-10 {
    padding-left: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .lg\:mt-gutter {
    margin-top: var(--spacing-gutter);
  }

  .lg\:push-1 {
    margin-left: calc(
      (1 / var(--grid-columns)) * 100% - var(--inner-gutter) + 1 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  .cols-container > .lg\:push-1 {
    margin-left: calc(
      (1 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 1 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  .lg\:push-1-gutter {
    margin-left: calc(
      (1 / var(--grid-columns)) * 100% - var(--inner-gutter) + 1 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter) * 2
    );
  }

  .cols-container > .lg\:push-1-gutter {
    margin-left: calc(
      (1 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 1 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter) * 2
    );
  }

  .lg\:cols-2 {
    width: calc(
      (2 / var(--grid-columns)) * 100% - var(--inner-gutter) + 2 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .lg\:cols-2 {
    width: calc(
      (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 2 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .lg\:push-2 {
    margin-left: calc(
      (2 / var(--grid-columns)) * 100% - var(--inner-gutter) + 2 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  .cols-container > .lg\:push-2 {
    margin-left: calc(
      (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 2 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  .lg\:push-r-2 {
    margin-right: calc(
      (2 / var(--grid-columns)) * 100% - var(--inner-gutter) + 2 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  .cols-container > .lg\:push-r-2 {
    margin-right: calc(
      (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 2 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  .lg\:cols-3 {
    width: calc(
      (3 / var(--grid-columns)) * 100% - var(--inner-gutter) + 3 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .lg\:cols-3 {
    width: calc(
      (3 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 3 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .lg\:cols-4 {
    width: calc(
      (4 / var(--grid-columns)) * 100% - var(--inner-gutter) + 4 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .lg\:cols-4 {
    width: calc(
      (4 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 4 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .lg\:cols-5 {
    width: calc(
      (5 / var(--grid-columns)) * 100% - var(--inner-gutter) + 5 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .lg\:cols-5 {
    width: calc(
      (5 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 5 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .lg\:cols-6 {
    width: calc(
      (6 / var(--grid-columns)) * 100% - var(--inner-gutter) + 6 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .lg\:cols-6 {
    width: calc(
      (6 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 6 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .lg\:cols-7 {
    width: calc(
      (7 / var(--grid-columns)) * 100% - var(--inner-gutter) + 7 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .lg\:cols-7 {
    width: calc(
      (7 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 7 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .lg\:cols-8 {
    width: calc(
      (8 / var(--grid-columns)) * 100% - var(--inner-gutter) + 8 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .lg\:cols-8 {
    width: calc(
      (8 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 8 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .lg\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .lg\:grid-cols-2[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-cols-2[class*="grid-line-x"] > :nth-child(odd):before {
    left: 0;
  }

  .lg\:grid-cols-2[class*="grid-line-x"] > :nth-child(2n + 2):before {
    right: 0;
  }

  .lg\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2):before,
  .lg\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ :before {
    border-bottom-width: 0;
  }

  .lg\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .lg\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(2n + 2):after {
    border-right-width: 0;
  }

  .lg\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 2):after {
    top: 0;
  }

  .lg\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2):after,
  .lg\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ li:after {
    bottom: 0;
  }

  .lg\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .lg\:grid-cols-3[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 1):before {
    left: 0;
  }

  .lg\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 3):before {
    right: 0;
  }

  .lg\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):before,
  .lg\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ :before {
    border-bottom-width: 0;
  }

  .lg\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .lg\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 3):after {
    border-right-width: 0;
  }

  .lg\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 3):after {
    top: 0;
  }

  .lg\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):after,
  .lg\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ li:after {
    bottom: 0;
  }

  .lg\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .lg\:grid-cols-4[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 1):before {
    left: 0;
  }

  .lg\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 4):before {
    right: 0;
  }

  .lg\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):before,
  .lg\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ :before {
    border-bottom-width: 0;
  }

  .lg\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .lg\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 4):after {
    border-right-width: 0;
  }

  .lg\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 4):after {
    top: 0;
  }

  .lg\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):after,
  .lg\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ li:after {
    bottom: 0;
  }

  .lg\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .lg\:grid-cols-12[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-cols-12[class*="grid-line-x"] > :nth-child(12n + 1):before {
    left: 0;
  }

  .lg\:grid-cols-12[class*="grid-line-x"] > :nth-child(12n + 12):before {
    right: 0;
  }

  .lg\:grid-cols-12[class*="grid-line-x"]
    > :nth-child(12n + 1):nth-last-child(-n + 12):before,
  .lg\:grid-cols-12[class*="grid-line-x"]
    > :nth-child(12n + 1):nth-last-child(-n + 12)
    ~ :before {
    border-bottom-width: 0;
  }

  .lg\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .lg\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 12):after {
    border-right-width: 0;
  }

  .lg\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 12):after {
    top: 0;
  }

  .lg\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 1):nth-last-child(-n + 12):after,
  .lg\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 1):nth-last-child(-n + 12)
    ~ li:after {
    bottom: 0;
  }

  .lg\:pointer-events-none {
    pointer-events: none;
  }

  .lg\:pointer-events-auto {
    pointer-events: auto;
  }

  .lg\:fixed {
    position: fixed;
  }

  .lg\:absolute {
    position: absolute;
  }

  .lg\:relative {
    position: relative;
  }

  .lg\:sticky {
    position: sticky;
  }

  .lg\:inset-0 {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }

  .lg\:top-\[80px\] {
    top: 80px;
  }

  .lg\:bottom-\[80px\] {
    bottom: 80px;
  }

  .lg\:left-6 {
    left: 1.5rem;
  }

  .lg\:bottom-17\.5 {
    bottom: 4.375rem;
  }

  .lg\:bottom-17 {
    bottom: 4.125rem;
  }

  .lg\:left-\[1\.75rem\] {
    left: 1.75rem;
  }

  .lg\:right-\[1\.75rem\] {
    right: 1.75rem;
  }

  .lg\:bottom-40 {
    bottom: 10rem;
  }

  .lg\:left-0 {
    left: 0;
  }

  .lg\:bottom-auto {
    bottom: auto;
  }

  .lg\:left-auto {
    left: auto;
  }

  .lg\:right-6 {
    right: 1.5rem;
  }

  .lg\:top-6 {
    top: 1.5rem;
  }

  .lg\:top-5 {
    top: 1.25rem;
  }

  .lg\:left-5 {
    left: 1.25rem;
  }

  .lg\:right-5 {
    right: 1.25rem;
  }

  .lg\:bottom-0 {
    bottom: 0;
  }

  .lg\:z-40 {
    z-index: 40;
  }

  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:m-10 {
    margin: 2.5rem;
  }

  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .lg\:my-15 {
    margin-bottom: 3.75rem;
    margin-top: 3.75rem;
  }

  .lg\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .lg\:mt-7 {
    margin-top: 1.75rem;
  }

  .lg\:mt-15 {
    margin-top: 3.75rem;
  }

  .lg\:mt-3 {
    margin-top: 0.75rem;
  }

  .lg\:mt-4 {
    margin-top: 1rem;
  }

  .lg\:mt-2 {
    margin-top: 0.5rem;
  }

  .lg\:mb-4 {
    margin-bottom: 1rem;
  }

  .lg\:mb-20 {
    margin-bottom: 5rem;
  }

  .lg\:mb-15 {
    margin-bottom: 3.75rem;
  }

  .lg\:mt-10 {
    margin-top: 2.5rem;
  }

  .lg\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .lg\:mt-50 {
    margin-top: 12.5rem;
  }

  .lg\:mt-25 {
    margin-top: 6.25rem;
  }

  .lg\:mt-30 {
    margin-top: 7.5rem;
  }

  .lg\:mt-0 {
    margin-top: 0;
  }

  .lg\:mt-40 {
    margin-top: 10rem;
  }

  .lg\:mb-12 {
    margin-bottom: 3rem;
  }

  .lg\:-mt-7 {
    margin-top: -1.75rem;
  }

  .lg\:mb-0 {
    margin-bottom: 0;
  }

  .lg\:-mt-15 {
    margin-top: -3.75rem;
  }

  .lg\:mr-0 {
    margin-right: 0;
  }

  .lg\:ml-7 {
    margin-left: 1.75rem;
  }

  .lg\:ml-0 {
    margin-left: 0;
  }

  .lg\:mt-32 {
    margin-top: 8rem;
  }

  .lg\:mb-25 {
    margin-bottom: 6.25rem;
  }

  .lg\:mb-7 {
    margin-bottom: 1.75rem;
  }

  .lg\:mt-16 {
    margin-top: 4rem;
  }

  .lg\:ml-auto {
    margin-left: auto;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-\[520px\] {
    height: 520px;
  }

  .lg\:h-56 {
    height: 14rem;
  }

  .lg\:h-auto {
    height: auto;
  }

  .lg\:h-35 {
    height: 8.75rem;
  }

  .lg\:h-full {
    height: 100%;
  }

  .lg\:min-h-screen {
    min-height: 100vh;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-1\/3 {
    width: 33.333333%;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:w-56 {
    width: 14rem;
  }

  .lg\:w-35 {
    width: 8.75rem;
  }

  .lg\:w-2\/5 {
    width: 40%;
  }

  .lg\:w-\[76\%\] {
    width: 76%;
  }

  .lg\:w-17 {
    width: 4.125rem;
  }

  .lg\:max-w-\[550px\] {
    max-width: 550px;
  }

  .lg\:max-w-\[564px\] {
    max-width: 564px;
  }

  .lg\:flex-1 {
    flex: 1 1 0%;
  }

  .lg\:flex-grow-0 {
    flex-grow: 0;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .lg\:items-end {
    align-items: flex-end;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:justify-start {
    justify-content: flex-start;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:justify-center {
    justify-content: center;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:gap-10 {
    gap: 2.5rem;
  }

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:gap-innergutter {
    gap: var(--inner-gutter);
  }

  .lg\:self-start {
    align-self: flex-start;
  }

  .lg\:overflow-hidden {
    overflow: hidden;
  }

  .lg\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .lg\:rounded-xxl {
    border-radius: 4.5rem;
  }

  .lg\:rounded {
    border-radius: 2rem;
  }

  .lg\:border {
    border-width: 1px;
  }

  .lg\:border-solid {
    border-style: solid;
  }

  .lg\:border-default {
    border-color: var(--grey-10);
  }

  .lg\:p-10 {
    padding: 2.5rem;
  }

  .lg\:p-20 {
    padding: 5rem;
  }

  .lg\:p-15 {
    padding: 3.75rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
  }

  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:py-20 {
    padding-bottom: 5rem;
    padding-top: 5rem;
  }

  .lg\:px-25 {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }

  .lg\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .lg\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .lg\:pt-52 {
    padding-top: 13rem;
  }

  .lg\:pt-20 {
    padding-top: 5rem;
  }

  .lg\:pt-40 {
    padding-top: 10rem;
  }

  .lg\:pr-0 {
    padding-right: 0;
  }

  .lg\:pt-15 {
    padding-top: 3.75rem;
  }

  .lg\:pt-60 {
    padding-top: 15rem;
  }

  .lg\:pb-25 {
    padding-bottom: 6.25rem;
  }

  .lg\:pt-10 {
    padding-top: 2.5rem;
  }

  .lg\:pl-0 {
    padding-left: 0;
  }

  .lg\:pr-10 {
    padding-right: 2.5rem;
  }

  .lg\:pt-22 {
    padding-top: 5.5rem;
  }

  .lg\:pb-0 {
    padding-bottom: 0;
  }

  .lg\:pr-7 {
    padding-right: 1.75rem;
  }

  .lg\:pl-7 {
    padding-left: 1.75rem;
  }

  .lg\:pt-5 {
    padding-top: 1.25rem;
  }

  .lg\:pt-6 {
    padding-top: 1.5rem;
  }

  .lg\:text-left {
    text-align: left;
  }

  .lg\:text-\[40px\] {
    font-size: 40px;
  }

  .lg\:text-\[16px\] {
    font-size: 16px;
  }

  .lg\:leading-\[56px\] {
    line-height: 56px;
  }

  .lg\:tracking-\[0\.8px\] {
    letter-spacing: 0.8px;
  }

  .lg\:first\:mt-0:first-child {
    margin-top: 0;
  }

  .group:hover .group-hover\:lg\:-m-15 {
    margin: -3.75rem;
  }

  .group:hover .group-hover\:lg\:-m-10 {
    margin: -2.5rem;
  }

  [dir="rtl"] .lg\:rtl\:mr-gutter {
    margin-right: var(--spacing-gutter);
  }

  [dir="rtl"] .lg\:rtl\:push-r-1 {
    margin-right: calc(
      (1 / var(--grid-columns)) * 100% - var(--inner-gutter) + 1 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  [dir="rtl"] .rtl\:cols-container > .lg\:rtl\:push-r-1 {
    margin-right: calc(
      (1 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 1 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  [dir="rtl"] .lg\:rtl\:push-r-1-gutter {
    margin-right: calc(
      (1 / var(--grid-columns)) * 100% - var(--inner-gutter) + 1 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter) * 2
    );
  }

  [dir="rtl"] .rtl\:cols-container > .lg\:rtl\:push-r-1-gutter {
    margin-right: calc(
      (1 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 1 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter) * 2
    );
  }

  [dir="rtl"] .lg\:rtl\:push-2 {
    margin-left: calc(
      (2 / var(--grid-columns)) * 100% - var(--inner-gutter) + 2 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  [dir="rtl"] .rtl\:cols-container > .lg\:rtl\:push-2 {
    margin-left: calc(
      (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 2 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  [dir="rtl"] .lg\:rtl\:push-r-2 {
    margin-right: calc(
      (2 / var(--grid-columns)) * 100% - var(--inner-gutter) + 2 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  [dir="rtl"] .rtl\:cols-container > .lg\:rtl\:push-r-2 {
    margin-right: calc(
      (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 2 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  [dir="rtl"] .lg\:rtl\:left-auto {
    left: auto;
  }

  [dir="rtl"] .lg\:rtl\:right-6 {
    right: 1.5rem;
  }

  [dir="rtl"] .lg\:rtl\:left-6 {
    left: 1.5rem;
  }

  [dir="rtl"] .lg\:rtl\:right-auto {
    right: auto;
  }

  [dir="rtl"] .lg\:rtl\:mr-0 {
    margin-right: 0;
  }

  [dir="rtl"] .lg\:rtl\:ml-0 {
    margin-left: 0;
  }

  [dir="rtl"] .lg\:rtl\:mr-7 {
    margin-right: 1.75rem;
  }

  [dir="rtl"] .lg\:rtl\:mr-auto {
    margin-right: auto;
  }

  [dir="rtl"] .lg\:rtl\:pl-0 {
    padding-left: 0;
  }

  [dir="rtl"] .lg\:rtl\:pr-0 {
    padding-right: 0;
  }

  [dir="rtl"] .lg\:rtl\:pl-10 {
    padding-left: 2.5rem;
  }

  [dir="rtl"] .lg\:rtl\:pl-7 {
    padding-left: 1.75rem;
  }

  [dir="rtl"] .lg\:rtl\:pr-7 {
    padding-right: 1.75rem;
  }

  [dir="rtl"] .lg\:rtl\:text-right {
    text-align: right;
  }
}

@media (min-width: 1280px) {
  .xl\:push-3 {
    margin-left: calc(
      (3 / var(--grid-columns)) * 100% - var(--inner-gutter) + 3 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  .cols-container > .xl\:push-3 {
    margin-left: calc(
      (3 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 3 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  .xl\:push-r-3 {
    margin-right: calc(
      (3 / var(--grid-columns)) * 100% - var(--inner-gutter) + 3 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  .cols-container > .xl\:push-r-3 {
    margin-right: calc(
      (3 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 3 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  .xl\:cols-4 {
    width: calc(
      (4 / var(--grid-columns)) * 100% - var(--inner-gutter) + 4 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .xl\:cols-4 {
    width: calc(
      (4 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 4 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .xl\:cols-6 {
    width: calc(
      (6 / var(--grid-columns)) * 100% - var(--inner-gutter) + 6 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .xl\:cols-6 {
    width: calc(
      (6 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 6 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .xl\:cols-8 {
    width: calc(
      (8 / var(--grid-columns)) * 100% - var(--inner-gutter) + 8 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .xl\:cols-8 {
    width: calc(
      (8 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 8 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .xl\:cols-10 {
    width: calc(
      (10 / var(--grid-columns)) * 100% - var(--inner-gutter) + 10 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .xl\:cols-10 {
    width: calc(
      (10 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 10 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .xl\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xl\:grid-cols-4[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xl\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 1):before {
    left: 0;
  }

  .xl\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 4):before {
    right: 0;
  }

  .xl\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):before,
  .xl\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ :before {
    border-bottom-width: 0;
  }

  .xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 4):after {
    border-right-width: 0;
  }

  .xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 4):after {
    top: 0;
  }

  .xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):after,
  .xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ li:after {
    bottom: 0;
  }

  .xl\:left-7 {
    left: 1.75rem;
  }

  .xl\:left-auto {
    left: auto;
  }

  .xl\:right-7 {
    right: 1.75rem;
  }

  .xl\:top-7 {
    top: 1.75rem;
  }

  .xl\:mx-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }

  .xl\:mt-50 {
    margin-top: 12.5rem;
  }

  .xl\:mt-40 {
    margin-top: 10rem;
  }

  .xl\:mb-20 {
    margin-bottom: 5rem;
  }

  .xl\:mb-15 {
    margin-bottom: 3.75rem;
  }

  .xl\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .xl\:mt-15 {
    margin-top: 3.75rem;
  }

  .xl\:mb-12 {
    margin-bottom: 3rem;
  }

  .xl\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .xl\:mt-10 {
    margin-top: 2.5rem;
  }

  .xl\:mt-7 {
    margin-top: 1.75rem;
  }

  .xl\:w-1\/4 {
    width: 25%;
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl\:pb-20 {
    padding-bottom: 5rem;
  }

  .xl\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .xl\:pr-1\/6 {
    padding-right: 16.666%;
  }

  .xl\:pt-50 {
    padding-top: 12.5rem;
  }

  .xl\:pt-25 {
    padding-top: 6.25rem;
  }

  .xl\:pb-25 {
    padding-bottom: 6.25rem;
  }

  .xl\:pt-44 {
    padding-top: 11rem;
  }

  .xl\:pt-7 {
    padding-top: 1.75rem;
  }

  .xl\:pt-24 {
    padding-top: 6rem;
  }

  .xl\:pt-16 {
    padding-top: 4rem;
  }

  [dir="rtl"] .xl\:rtl\:push-3 {
    margin-left: calc(
      (3 / var(--grid-columns)) * 100% - var(--inner-gutter) + 3 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  [dir="rtl"] .rtl\:cols-container > .xl\:rtl\:push-3 {
    margin-left: calc(
      (3 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 3 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  [dir="rtl"] .xl\:rtl\:push-r-3 {
    margin-right: calc(
      (3 / var(--grid-columns)) * 100% - var(--inner-gutter) + 3 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  [dir="rtl"] .rtl\:cols-container > .xl\:rtl\:push-r-3 {
    margin-right: calc(
      (3 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 3 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  [dir="rtl"] .xl\:rtl\:left-auto {
    left: auto;
  }

  [dir="rtl"] .xl\:rtl\:right-7 {
    right: 1.75rem;
  }

  [dir="rtl"] .xl\:rtl\:left-7 {
    left: 1.75rem;
  }

  [dir="rtl"] .xl\:rtl\:right-auto {
    right: auto;
  }

  [dir="rtl"] .xl\:rtl\:ml-0 {
    margin-left: 0;
  }

  [dir="rtl"] .xl\:rtl\:mr-0 {
    margin-right: 0;
  }

  [dir="rtl"] .xl\:rtl\:pr-0 {
    padding-right: 0;
  }

  [dir="rtl"] .xl\:rtl\:pl-1\/6 {
    padding-left: 16.666%;
  }
}

@media (min-width: 1361px) {
  .xxl\:cols-5 {
    width: calc(
      (5 / var(--grid-columns)) * 100% - var(--inner-gutter) + 5 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .xxl\:cols-5 {
    width: calc(
      (5 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 5 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .xxl\:w-4\/12 {
    width: 33.333333%;
  }
}

@media (min-width: 1410px) {
  .xxll\:min-h-\[260px\] {
    min-height: 260px;
  }
}

@media (min-width: 1500px) {
  .xxxl\:cols-9 {
    width: calc(
      (9 / var(--grid-columns)) * 100% - var(--inner-gutter) + 9 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .xxxl\:cols-9 {
    width: calc(
      (9 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 9 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .xxxl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xxxl\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .xxxl\:py-2 {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}

@media screen and (orientation: landscape) and (max-device-width: 1023px) {
  .landscape\:mt-8 {
    margin-top: 2rem;
  }

  .landscape\:mt-4 {
    margin-top: 1rem;
  }

  .landscape\:mt-3 {
    margin-top: 0.75rem;
  }

  .landscape\:text-smtitle {
    font-size: 2.375rem;
  }
}

.rte b,
.rte strong {
  font-weight: 500;
}

.rte h2,
.rte h3,
.rte h4,
.rte h5 {
  font-family: var(--title);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.4;
}

@media (min-width: 1024px) {
  .rte h2,
  .rte h3,
  .rte h4,
  .rte h5 {
    font-size: 1.75rem;
  }
}

.rte p,
.rte ul {
  padding: 0;
}

.rte ol a,
.rte p a,
.rte ul a {
  text-decoration: underline;
}

.rte p + h2,
.rte p + h3,
.rte p + h4,
.rte p + h5 {
  margin-top: 3.75rem;
}

.rte h2 + p,
.rte h3 + p,
.rte h4 + p,
.rte h5 + p,
.rte p + p {
  margin-top: 0.75rem;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

[data-textslideup-item] {
  transform-origin: top left;
}

[data-textslideup-item],
[data-textslideup-letter] {
  display: inline-block;
  will-change: opacity, transform;
}

main[data-barba="wrapper"] {
  opacity: 1;
  transition: opacity 0.3s linear;
}

.page-after-enter main[data-barba="wrapper"],
.page-before-enter main[data-barba="wrapper"],
.page-before-leave main[data-barba="wrapper"],
.page-entering main[data-barba="wrapper"],
.page-leaving main[data-barba="wrapper"] {
  opacity: 0;
}

.s-loading .button-label {
  color: transparent;
  font-size: 0;
  min-height: 20px;
  min-width: 20px;
}

.s-loading.s-loading-preserve-width .button-label {
  font-size: inherit;
}

.s-loading .button-label:after {
  animation: rotateLoader 1s linear infinite;
  border: 2px solid hsla(0, 0%, 100%, 0.2);
  border-left-color: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  font-size: 10px;
  height: 20px;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  position: absolute;
  text-indent: -9999em;
  top: 50%;
  transform: translateZ(0);
  width: 20px;
}

.s-loading .button-icon {
  opacity: 0;
  visibility: hidden;
}

@keyframes rotateLoader {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

.loader {
  color: transparent;
  font-size: 0;
  height: 70px;
  width: 70px;
}

.loader:after {
  animation: rotateLoader 1s linear infinite;
  border: 4px solid rgba(0, 0, 0, 0.15);
  border-left-color: #000;
  border-radius: 50%;
  content: "";
  display: block;
  font-size: 10px;
  height: 50px;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  position: absolute;
  text-indent: -9999em;
  top: 50%;
  transform: translateZ(0);
  width: 50px;
}

.loader.loader-inline {
  height: auto;
  width: auto;
}

.loader.loader-inline:after {
  animation: rotateLoader 1s linear infinite;
  border: 4px solid rgba(0, 0, 0, 0.15);
  border-left-color: #000;
  border-radius: 50%;
  content: "";
  display: block;
  font-size: 10px;
  height: 20px;
  margin-left: unset;
  margin-top: unset;
  position: static;
  text-indent: -9999em;
  transform: translateZ(0);
  width: 20px;
}

@keyframes rotateLoader {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

.toast {
  font-size: 16px;
}

.toast-bottom {
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}

.flatpickr-calendar {
  -webkit-animation: none;
  animation: none;
  background: transparent;
  background: #fff;
  border: 0;
  border-radius: 5px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6,
    0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6,
    0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  direction: ltr;
  display: none;
  font-size: 14px;
  line-height: 24px;
  opacity: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  visibility: hidden;
  width: 307.875px;
}

.flatpickr-calendar.inline,
.flatpickr-calendar.open {
  max-height: 640px;
  opacity: 1;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  display: block;
  z-index: 999;
}

.flatpickr-calendar.multiMonth
  .flatpickr-days
  .dayContainer:nth-child(n + 1)
  .flatpickr-day.inRange:nth-child(7n + 7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth
  .flatpickr-days
  .dayContainer:nth-child(n + 2)
  .flatpickr-day.inRange:nth-child(7n + 1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  border-top: 1px solid #e6e6e6;
  height: 40px;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:after,
.flatpickr-calendar:before {
  border: solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 22px;
  pointer-events: none;
  position: absolute;
  width: 0;
}

.flatpickr-calendar.arrowRight:after,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:after,
.flatpickr-calendar.arrowCenter:before {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  display: inline-block;
  position: relative;
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  -webkit-box-flex: 1;
  background: transparent;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.flatpickr-months .flatpickr-month,
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
  fill: rgba(0, 0, 0, 0.9);
  color: rgba(0, 0, 0, 0.9);
  height: 34px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
  cursor: pointer;
  padding: 10px;
  position: absolute;
  text-decoration: none;
  top: 0;
  z-index: 3;
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled,
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-next-month i,
.flatpickr-months .flatpickr-prev-month i {
  position: relative;
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  left: 0;
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
  right: 0;
}

.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
  height: 14px;
  width: 14px;
}

.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
  fill: inherit;
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
}

.numInputWrapper {
  height: auto;
  position: relative;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-inner-spin-button,
.numInputWrapper input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.numInputWrapper span {
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  padding: 0 4px 0 2px;
  position: absolute;
  right: 0;
  width: 14px;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  content: "";
  display: block;
  position: absolute;
}

.numInputWrapper span.arrowUp {
  border-bottom: 0;
  top: 0;
}

.numInputWrapper span.arrowUp:after {
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  height: auto;
  width: inherit;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  color: inherit;
  display: inline-block;
  font-size: 135%;
  font-weight: 300;
  height: 34px;
  left: 12.5%;
  line-height: inherit;
  line-height: 1;
  padding: 7.48px 0 0;
  position: absolute;
  text-align: center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 75%;
}

.flatpickr-current-month span.cur-month {
  color: inherit;
  display: inline-block;
  font-family: inherit;
  font-weight: 700;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  display: inline-block;
  width: 6ch;
  width: 7ch\0;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  background: transparent;
  border: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: 0;
  padding: 0 0 0 0.5ch;
  vertical-align: initial;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  background: transparent;
  color: rgba(0, 0, 0, 0.5);
  font-size: 100%;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:active,
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month
  .flatpickr-monthDropdown-months
  .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: transparent;
  height: 28px;
  overflow: hidden;
  text-align: center;
  width: 100%;
}

.flatpickr-weekdays,
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer,
span.flatpickr-weekday {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  cursor: default;
  display: block;
  font-size: 90%;
  font-weight: bolder;
  line-height: 1;
  margin: 0;
  text-align: center;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0;
}

.flatpickr-days {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  -ms-flex-pack: justify;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  max-width: 307.875px;
  min-width: 307.875px;
  opacity: 1;
  outline: 0;
  padding: 0;
  text-align: left;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 307.875px;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  -ms-flex-preferred-size: 14.2857143%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  display: inline-block;
  -webkit-flex-basis: 14.2857143%;
  flex-basis: 14.2857143%;
  font-weight: 400;
  height: 39px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 39px;
  margin: 0;
  max-width: 39px;
  position: relative;
  text-align: center;
  width: 14.2857143%;
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
  background: #e6e6e6;
  border-color: #e6e6e6;
  cursor: pointer;
  outline: 0;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
  background: #959ea9;
  border-color: #959ea9;
  color: #fff;
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
  background: #569ff7;
  border-color: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
  background: transparent;
  border-color: transparent;
  color: rgba(57, 57, 57, 0.3);
  cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  color: rgba(57, 57, 57, 0.1);
  cursor: not-allowed;
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
  padding: 0 12px;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  line-height: 28px;
  width: 100%;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  background: transparent;
  border: none;
  color: rgba(57, 57, 57, 0.3);
  cursor: default;
  display: block;
  max-width: none;
  width: 100%;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.flatpickr-innerContainer,
.flatpickr-rContainer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
}

.flatpickr-time {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  outline: 0;
  overflow: hidden;
  text-align: center;
}

.flatpickr-time:after {
  clear: both;
  content: "";
  display: table;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  float: left;
  height: 40px;
  width: 40%;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  background: transparent;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  font-size: 14px;
  height: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: 700;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  border: 0;
  outline: 0;
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
  color: #393939;
  float: left;
  font-weight: 700;
  height: inherit;
  line-height: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 2%;
}

.flatpickr-time .flatpickr-am-pm {
  cursor: pointer;
  font-weight: 400;
  outline: 0;
  text-align: center;
  width: 18%;
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fpFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--white);
  border-color: var(--grey-10);
  border-width: 1px;
  color: var(--black);
  font-family: var(--title);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.4;
  padding-left: 1.5rem;
  padding-right: 1.75rem;
  transition-duration: 0.15s;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}

[dir="rtl"] .input {
  padding-left: 1.75rem;
  padding-right: 1.5rem;
}

.input:not(:-moz-read-only):hover {
  border-color: var(--grey-42);
}

.input:not(:read-only):hover {
  border-color: var(--grey-42);
}

.input:-moz-read-only {
  color: var(--grey-57);
  cursor: default;
}

.input:read-only {
  color: var(--grey-57);
  cursor: default;
}

.input[type="search"]::-webkit-search-cancel-button,
.input[type="search"]::-webkit-search-decoration,
.input[type="search"]::-webkit-search-results-button,
.input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.input[type="number"]::-webkit-inner-spin-button,
.input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input[type="number"] {
  -moz-appearance: textfield;
}

.input-cta {
  padding-right: 8.75rem;
}

[dir="rtl"] .input-cta {
  padding-left: 8.75rem;
  padding-right: 1.5rem;
}

.input-label {
  color: var(--black);
  font-size: 1rem;
  letter-spacing: 1px;
  line-height: 1.4;
  overflow: hidden;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  pointer-events: none;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.input-error,
.input-label {
  display: block;
  font-family: var(--title);
  font-weight: 500;
}

.input-error {
  color: var(--red-dark);
  opacity: 0;
  transition: opacity 0.3s var(--ease-fade) 10ms, visibility 0s 311ms;
  visibility: hidden;
  will-change: opacity;
}

.input-error,
.input-notice {
  font-size: 0.688rem;
  letter-spacing: 0.04em;
  line-height: 1.3;
}

.input-notice {
  color: var(--black);
  display: block;
  font-family: var(--title);
  font-weight: 500;
}

.input-footer {
  padding-left: 1.5rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  position: absolute;
  top: 100%;
}

.input-notice + .input-error {
  margin-top: 0.25rem;
}

.s-error .input-label {
  color: var(--red-dark);
}

.input + .input-label {
  transform: translateY(-50%);
  transform-origin: left;
  transition: transform 0.15s var(--ease-fade), color 0.15s var(--ease-fade);
}

[dir="rtl"] .input + .input-label {
  transform-origin: right;
}

.input:-webkit-autofill + .input-label,
.input:focus + .input-label,
.s-filled .input + .input-label {
  color: var(--grey-57);
  transform: translateY(-105%) translateX(6px) scale(0.8);
}

.input:-webkit-autofill + .input-label {
  color: var(--grey-57);
  transform: translateY(-105%) translateX(6px) scale(0.8);
}

.s-filled textarea.input + .input-label,
textarea.input:-webkit-autofill + .input-label,
textarea.input:focus + .input-label {
  transform: translateY(-75%) translateX(6px) scale(0.8);
}

.s-error .input:-webkit-autofill + .input-label,
.s-error .input:focus + .input-label,
.s-filled.s-error .input + .input-label {
  color: var(--red-dark);
}

[dir="rtl"] .input:-webkit-autofill + .input-label,
[dir="rtl"] .input:focus + .input-label,
[dir="rtl"] .s-filled .input + .input-label {
  transform: translateY(-105%) translateX(-6px) scale(0.8);
}

[dir="rtl"] .s-filled textarea.input + .input-label,
[dir="rtl"] textarea.input:-webkit-autofill + .input-label,
[dir="rtl"] textarea.input:focus + .input-label {
  transform: translateY(-75%) translateX(-6px) scale(0.8);
}

.s-error,
.s-notice {
  margin-bottom: 1.75rem;
}

.s-error.s-notice {
  margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {
  .s-error,
  .s-notice {
    margin-bottom: 2rem;
  }

  .s-error.s-notice {
    margin-bottom: 3rem;
  }
}

.s-error .input {
  background-color: var(--red-light);
  border-color: var(--red-dark);
}

.s-error .input-error {
  opacity: 1;
  transition: opacity 0.3s var(--ease-fade);
  visibility: visible;
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
  background: #000;
  border-color: #000;
}

.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--white);
  border-color: var(--grey-10);
  border-width: 1px;
  color: var(--black);
  display: block;
  font-family: var(--title);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.4;
  padding-left: 1.5rem;
  padding-right: 1.75rem;
  width: 100%;
}

[dir="rtl"] .select select {
  padding-left: 1.75rem;
  padding-right: 1.5rem;
}

.select select:disabled,
.select select:disabled ~ .icon {
  cursor: not-allowed;
  opacity: 0.4;
}

.select select:not(:disabled):hover {
  border-color: var(--grey-42);
}

.select select::-ms-expand {
  display: none;
}

.select option {
  font-family: var(--body);
  font-weight: 400;
}

.select label {
  color: var(--black);
  display: block;
  font-family: var(--title);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.4;
  overflow: hidden;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  pointer-events: none;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select select + label {
  transform: translateY(-50%);
  transform-origin: left;
  transition: transform 0.15s var(--ease-fade), color 0.15s var(--ease-fade);
}

[dir="rtl"] .select + label {
  transform-origin: right;
}

.s-filled .select select + label,
.select select:focus + label,
.select select:valid + label {
  color: var(--grey-57);
  transform: translateY(-105%) translateX(6px) scale(0.8);
}

[dir="rtl"] .s-filled .select select + label,
[dir="rtl"] .select select:focus + label,
[dir="rtl"] .select select:valid + label {
  transform: translateY(-105%) translateX(-6px) scale(0.8);
}

.counter-select {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 24px;
  height: 48px;
  width: 120px;
}

.counter-select .counter-btn {
  align-items: center;
  background-color: transparent;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 34px;
}

.counter-select .counter-btn.counter-btn-minus {
  margin-left: 16px;
}

.counter-select .counter-btn.counter-btn-plus {
  margin-right: 16px;
}

.counter-select .current-value {
  color: #000;
  font-family: UntitledSans;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.32px;
  line-height: 28px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  width: 40px;
}

.radio label {
  border-color: var(--grey-10);
  border-radius: 2rem;
  border-width: 1px;
  color: var(--black);
  cursor: pointer;
  display: block;
  font-family: var(--title);
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.4;
  padding: 1rem 1.25rem 1rem 3rem;
  position: relative;
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.radio label:hover {
  border-color: var(--grey-42);
}

.radio .icon {
  color: var(--white);
  display: none;
  left: 1.375rem;
  pointer-events: none;
}

.radio .icon,
.radio label:before {
  --tw-translate-y: -50%;
  position: absolute;
  top: 50%;
  transform: var(--tw-transform);
}

.radio label:before {
  border-color: var(--black);
  border-radius: 9999px;
  border-width: 1px;
  content: "";
  display: block;
  height: 19px;
  left: 1.3125rem;
  width: 19px;
}

.radio input:checked + label:before {
  background-color: var(--black);
}

.radio input:checked ~ .icon {
  display: inline-flex;
}

.radio input:disabled + label {
  cursor: not-allowed;
  opacity: 0.4;
}

.checkbox.checkbox-inline {
  display: inline-block;
}

.checkbox label {
  color: var(--black);
  cursor: pointer;
  font-family: var(--title);
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.4;
  padding-left: 1.75rem;
  position: relative;
}

.checkbox.checkbox-inline label {
  padding-left: 1.5rem;
}

.checkbox.checkbox-block label {
  border-color: var(--grey-10);
  border-radius: 2rem;
  border-width: 1px;
  display: block;
  padding: 1rem 1.25rem 1rem 3rem;
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.checkbox.checkbox-block label:hover {
  border-color: var(--grey-42);
}

.checkbox.s-error label {
  color: var(--red-dark);
}

.checkbox input:disabled + label {
  cursor: not-allowed;
  opacity: 0.4;
}

.checkbox.checkbox-block.s-error label {
  background-color: var(--red-light);
  border-color: var(--red-dark);
}

.checkbox .icon {
  --tw-translate-y: -50%;
  color: var(--white);
  display: none;
  height: 1rem;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: var(--tw-transform);
  width: 1rem;
}

.checkbox.checkbox-block .icon {
  left: 1.25rem;
  margin-left: 1px;
  margin-right: 1px;
}

.checkbox label:before {
  --tw-translate-y: -50%;
  border-color: var(--black);
  border-radius: 4px;
  border-width: 1px;
  content: "";
  display: block;
  height: 1rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform: var(--tw-transform);
  width: 1rem;
}

.checkbox.checkbox-block label:before {
  left: 1.25rem;
}

.checkbox.checkbox-inline.s-focus.s-filled label:before {
  border-color: var(--black);
  border-width: 2px;
}

.checkbox input:checked + label:before {
  background-color: var(--black);
}

.checkbox input:checked ~ .icon {
  display: inline-flex;
}

[data-state="loading"] .shop-search-button {
  color: transparent;
  position: relative;
}

[data-state="loading"] .shop-search-button:after {
  animation: rotateLoader 1s linear infinite;
  border: 2px solid hsla(0, 0%, 100%, 0.2);
  border-left-color: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  font-size: 10px;
  height: 20px;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  position: absolute;
  text-indent: -9999em;
  top: 50%;
  transform: translateZ(0);
  width: 20px;
}

@keyframes rotateLoader {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

.js-modal-menu-opener .notification {
  display: none !important;
}

.js-modal-menu-opener .website-modal {
  display: none !important;
}

.langswitcher-shop {
  align-items: center;
  align-self: center;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  position: relative;
  text-transform: uppercase;
}

.langswitcher-shop-active {
  min-width: 2ch;
  text-align: right;
}

[dir="rtl"] .langswitcher-shop-active {
  text-align: left;
}

.langswitcher-shop-list {
  --tw-shadow: 0px 25px 25px rgba(0, 0, 0, 0.1);
  background-color: var(--white);
  border-color: var(--grey-10);
  border-radius: 1.25rem;
  border-width: 1px;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  font-family: var(--title);
  font-size: 0.688rem;
  font-weight: 500;
  left: 0;
  letter-spacing: 0.04em;
  line-height: 1.3;
  min-width: 100%;
  opacity: 0;
  padding: 0.5rem;
  position: absolute;
  text-transform: uppercase;
  top: 100%;
  transition: visibility 0s linear 0.25s, opacity 0.25s ease-in 0s;
  visibility: hidden;
  width: -moz-max-content;
  width: max-content;
}

.langswitcher-shop:hover > .langswitcher-shop-list {
  opacity: 1;
  transition: visibility 0s linear 0s, opacity 0.25s ease-in 0s;
  visibility: visible;
}

.higlighted-list-card {
  align-items: flex-start;
  align-self: stretch;
  border-radius: 0 24px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 40px;
  padding: 40px;
  position: relative;
}

.higlighted-list-card .higlighted-list-card-title {
  color: #fff;
  font-family: Obibok, FedraSansArabicAR, Arial, sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 1.2px;
  line-height: 48px;
}

.higlighted-list-card .higlighted-list-card-items {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.higlighted-list-card .higlighted-list-card-items .higlighted-list-card-item {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.higlighted-list-card
  .higlighted-list-card-items
  .higlighted-list-card-item
  .higlighted-list-card-item-title {
  color: #fff;
  font-family: Obibok, FedraSansArabicAR, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.48px;
  line-height: 24px;
  text-transform: uppercase;
}

.higlighted-list-card
  .higlighted-list-card-items
  .higlighted-list-card-item
  .higlighted-list-card-item-text {
  color: #fff;
  font-family: Obibok, FedraSansArabicAR, Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 32px;
  text-align: right;
}

.form-success,
.form-success-overlay {
  opacity: 0;
  transition: opacity 0.3s var(--ease-fade) 10ms, visibility 0s 311ms;
  visibility: hidden;
  will-change: opacity;
}

.form-success {
  bottom: 0;
  font-family: var(--title);
  font-size: 0.875rem;
  font-weight: 500;
  left: 0;
  letter-spacing: 0.03em;
  line-height: 1.4;
  margin-top: 1.25rem;
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
  z-index: 10;
}

@media (min-width: 650px) {
  .form-success {
    margin-top: 2.5rem;
  }
}

.form-success + .form-submit {
  opacity: 1;
  transition: opacity 0.3s var(--ease-fade);
  visibility: visible;
}

.s-success .form-success + .form-submit {
  opacity: 0;
  transition: opacity 0.3s var(--ease-fade) 10ms, visibility 0s 311ms;
  visibility: hidden;
  will-change: opacity;
}

.form-success-overlay {
  align-items: center;
  background-color: var(--white);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 10;
}

.s-success .form-success,
.s-success .form-success-overlay {
  opacity: 1;
  transition: opacity 0.3s var(--ease-fade);
  visibility: visible;
}

.modal {
  pointer-events: none;
  transition: visibility 0s 501ms;
  visibility: hidden;
  will-change: visibility;
}

.modal-active {
  transition: none;
  visibility: visible;
}

.modal-opacity {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s var(--ease-fade) 50ms, visibility 0s 451ms;
  visibility: hidden;
  will-change: opacity, visibility;
}

.modal-opacity.modal-active {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.4s var(--ease-fade);
  visibility: visible;
}

.modal [data-modal-content] {
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 5%, 0);
  transition: transform 0.5s var(--ease-fade) 50ms,
    opacity 0.5s var(--ease-fade) 50ms;
  will-change: transform, opacity;
}

.modal-active [data-modal-content] {
  opacity: 1;
  pointer-events: auto;
  transform: translateZ(0);
  transition: transform 0.5s var(--ease-transform),
    opacity 0.5s var(--ease-fade);
}

.modal + [data-modal-mask-opaque],
.modal + [data-modal-mask] {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s var(--ease-fade) 50ms, visibility 0s 451ms;
  visibility: hidden;
  will-change: opacity;
}

.modal-active + [data-modal-mask-opaque],
.modal-active + [data-modal-mask] {
  opacity: 0.6;
  pointer-events: auto;
  transition: opacity 0.4s var(--ease-fade);
  visibility: visible;
}

.modal-active + [data-modal-mask] {
  opacity: 0.6;
}

.modal-active + [data-modal-mask-opaque] {
  opacity: 1;
}

.swiper-container {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}

.swiper-slide {
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
  z-index: 1;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  margin-left: auto;
  margin-right: auto;
  transition-timing-function: ease-out;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-container-css-mode > .swiper-wrapper {
  -ms-overflow-style: none;
  overflow: auto;
  scrollbar-width: none;
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-button-next,
.swiper-button-prev {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transition: opacity 0.25s var(--ease-fade);
  z-index: 2;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: 0;
  pointer-events: none;
}

.swiper-button-below {
  left: 0;
  position: relative;
  top: 0;
}

.swiper-button-below.swiper-button-disabled {
  cursor: auto;
  opacity: 0.5;
  pointer-events: none;
}

@media (min-width: 650px) {
  .swiper-button-next {
    left: auto;
    right: 0;
  }

  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    left: 0;
    right: auto;
  }

  .swiper-container-rtl .swiper-button-prev {
    left: auto;
    right: 0;
  }
}

@media (min-width: 1024px) {
  .swiper-button-next {
    left: auto;
    right: -12px;
  }

  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    left: -12px;
    right: auto;
  }

  .swiper-container-rtl .swiper-button-prev {
    left: auto;
    right: -12px;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity 0.3s;
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-container .swiper-notification {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1000;
}

.swiper-slide-quote img {
  height: 260px;
  width: 100%;
}

@media (max-width: 649px) {
  .swiper-slide-quote img {
    height: 160px;
  }
}

.masonry,
.masonry ul {
  overflow: visible;
}

.masonry ul {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.masonry-swiper ul {
  flex-direction: row;
  flex-wrap: nowrap;
}

.masonry ul li {
  flex-grow: 1;
  flex-shrink: 0;
}

.masonry-column ul li:not(:first-child) {
  margin-top: 0.5rem;
}

@media (min-width: 1024px) {
  .masonry ul {
    display: block;
    overflow: hidden;
    position: relative;
  }

  .masonry-column ul li:not(:first-child) {
    margin-top: 0;
  }

  .masonry ul li.js-positioned {
    position: absolute;
  }

  .masonry ul li > * {
    opacity: 0;
    transform: translateY(10rem);
    will-change: opacity, transform;
  }

  .masonry ul li.js-visible > * {
    opacity: 1;
    transform: translateZ(0);
    transition: transform 0.5s 0.15s var(--ease-transform),
      opacity 0.5s 0.15s var(--ease-fade);
  }
}

.card-collection {
  height: 440px;
}

@media (min-width: 1024px) {
  .card-collection {
    height: 573px;
  }
}

.product-card-image {
  transition: margin 50ms ease-out;
}

.product-card-image-variant-hover {
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: visibility 0s linear 0.25s, opacity 0.25s ease-in 0s;
  visibility: hidden;
}

.product-card[data-variant] .product-card-image-variant-hover {
  transition: visibility 0s linear 0s, opacity 0.25s ease-in 0s;
}

.product-card[data-variant="1"]
  .product-card-image-variant-hover[data-index="1"],
.product-card[data-variant="2"]
  .product-card-image-variant-hover[data-index="2"],
.product-card[data-variant="3"]
  .product-card-image-variant-hover[data-index="3"],
.product-card[data-variant="4"]
  .product-card-image-variant-hover[data-index="4"] {
  opacity: 1;
  visibility: visible;
}

.product-feature {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
}

.image-shop {
  min-height: 198px;
}

.image-shop.has-gradient {
  min-height: 288px;
}

@media (min-width: 650px) {
  .image-shop.has-gradient {
    min-height: 296px;
  }
}

@media (min-width: 1024px) {
  .image-shop {
    min-height: 430px;
  }

  .image-shop.has-gradient {
    min-height: 480px;
  }
}

@media (min-width: 1280px) {
  .image-shop {
    min-height: 440px;
  }

  .image-shop.has-gradient {
    min-height: 525px;
  }
}

.gradient-shop {
  min-height: 198px;
}

.gradient-shop.has-gradient.gradient-shop-small {
  min-height: 178px;
}

.gradient-shop.has-gradient {
  min-height: 288px;
}

@media (min-width: 650px) {
  .gradient-shop.has-gradient {
    min-height: 296px;
  }
}

@media (min-width: 1024px) {
  .gradient-shop {
    min-height: 430px;
  }

  .gradient-shop.has-gradient.gradient-shop-small {
    min-height: 373px;
  }

  .gradient-shop.has-gradient {
    min-height: 480px;
  }
}

@media (min-width: 1280px) {
  .gradient-shop {
    min-height: 440px;
  }

  .gradient-shop.has-gradient {
    min-height: 525px;
  }
}

.program-hero.pt-headersize {
  padding-top: 0;
}

.program-hero .f-heading-1 {
  font-family: Obibok, FedraSansArabicAR, Arial, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 2.16px;
  letter-spacing: 0.72px;
  line-height: 130%;
  text-align: center;
}

@media (min-width: 1024px) {
  .program-hero .f-heading-1 {
    font-size: 72px;
    letter-spacing: 2.16px;
    line-height: 80px;
  }
}

.transition-video-fullscreen body {
  background-color: var(--black);
}

.header-btn[data-behavior*="toggleModal"] {
  opacity: 1;
  transition: opacity 0.25s var(--ease-fade);
}

.header-btn.modal-active-btn[data-behavior*="toggleModal"] {
  opacity: 0;
}

.header-logo {
  opacity: 1;
  transition: opacity 0.25s var(--ease-fade);
  visibility: visible;
  will-change: opacity, visibility;
}

.js-modal-menu-opener .header-logo {
  opacity: 0;
  transition: opacity 0.25s var(--ease-fade), visibility 0s 251ms;
  visibility: hidden;
}

.header-logo-inverse {
  color: var(--white);
}

[dir="rtl"] .header-shop-back {
  transform: scaleX(-100%);
}

.header-shop-btn[data-behavior*="toggleModal"] {
  opacity: 1;
  transition: opacity 0.25s var(--ease-fade);
}

.header-shop-btn.modal-active-btn[data-behavior*="toggleModal"] {
  opacity: 0;
}

.header-shop-logo {
  opacity: 1;
  transition: opacity 0.25s var(--ease-fade);
  visibility: visible;
  will-change: opacity, visibility;
}

.js-modal-menu-opener .header-shop-logo {
  opacity: 0;
  transition: opacity 0.25s var(--ease-fade), visibility 0s 251ms;
  visibility: hidden;
}

.header-shop-inverse {
  color: var(--white);
}

.header-shop-cart-icon {
  position: relative;
}

.header-shop-cart-icon-quantity[data-empty] {
  display: none;
}

.header-shop-cart-icon-quantity {
  align-items: center;
  background-color: var(--black);
  border-radius: 2rem;
  color: var(--white);
  display: flex;
  font-family: var(--title);
  font-size: 0.688rem;
  font-weight: 500;
  height: 1rem;
  justify-content: center;
  letter-spacing: 0.04em;
  line-height: 1.3;
  margin-right: 0;
  margin-top: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 1rem;
}

.header-shop-inverse .header-shop-cart-icon-quantity {
  background-color: var(--white);
  color: var(--black);
}

.header-shop-mobile .header-shop-cart-icon-quantity {
  background-color: var(--black);
  color: var(--white);
  margin-right: 0.25rem;
  margin-top: 0.25rem;
}

.header-shop-collections {
  display: none;
  height: 2.45rem;
  margin-left: calc(var(--spacing-outer-gutter) * -1);
  margin-right: calc(var(--spacing-outer-gutter) * -1);
  overflow-y: hidden;
}

.header-shop-collections-container {
  -webkit-overflow-scrolling: touch;
  height: calc(2.45rem + 20px);
  overflow-x: auto;
}

.header-shop-collections-items {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  justify-content: flex-start;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  padding-left: var(--spacing-outer-gutter);
  padding-right: var(--spacing-outer-gutter);
  width: -moz-max-content;
  width: max-content;
}

@media (min-width: 1024px) {
  .header-shop-collections {
    display: block;
    height: unset;
    overflow: unset;
  }
}

@media (min-width: 650px) {
  .header-shop-collections {
    margin-left: auto;
    margin-right: auto;
  }

  .header-shop-collections,
  .header-shop-collections-container {
    height: unset;
    overflow: unset;
  }

  .header-shop-collections-items {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}

.header-shop-collections-item {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding-left: 0.25rem;
  position: relative;
}

.header-shop-collections-item-button {
  display: inline-flex;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.header-shop-collections-item-list {
  left: 0;
  min-width: 100%;
  opacity: 0;
  padding-left: 0.5rem;
  padding-top: 0.25rem;
  position: absolute;
  top: 100%;
  transition: visibility 0s linear 0.25s, opacity 0.25s ease-in 0s;
  visibility: hidden;
  width: -moz-max-content;
  width: max-content;
}

.header-shop-collections-item-button:focus + .header-shop-collections-item-list,
.header-shop-collections-item:hover > .header-shop-collections-item-list {
  opacity: 1;
  transition: visibility 0s linear 0s, opacity 0.25s ease-in 0s;
  visibility: visible;
}

.menu {
  display: grid;
  gap: 8px;
}

@media (min-width: 1280px) {
  .menu {
    gap: 12px;
  }
}

.menu a .menu-portrait {
  display: none;
}

.menu-shop {
  grid-template-areas: "menu-1 menu-2" "menu-3 menu-4" "menu-5 menu-6" "menu-7 menu-8" "menu-9 menu-10" "menu-11 menu-12";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
}

.menu-3 {
  grid-template-areas: "menu-1 menu-1" "menu-2 menu-3";
}

.menu-3,
.menu-4 {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}

.menu-4 {
  grid-template-areas: "menu-1 menu-2" "menu-3 menu-4";
}

.menu-5 {
  grid-template-areas: "menu-1 menu-1" "menu-2 menu-3" "menu-4 menu-5";
}

.menu-5,
.menu-6 {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
}

.menu-6 {
  grid-template-areas: "menu-1 menu-2" "menu-3 menu-4" "menu-5 menu-6";
}

.menu-7 {
  grid-template-areas: "menu-1 menu-1" "menu-2 menu-3" "menu-4 menu-5" "menu-6 menu-7";
}

.menu-7,
.menu-8 {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
}

.menu-8 {
  grid-template-areas: "menu-1 menu-2" "menu-3 menu-4" "menu-5 menu-6" "menu-7 menu-8";
}

.menu-9 {
  grid-template-areas: "menu-1 menu-1" "menu-2 menu-3" "menu-4 menu-5" "menu-6 menu-7" "menu-8 menu-9";
}

.menu-10,
.menu-9 {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
}

.menu-10 {
  grid-template-areas: "menu-1 menu-2" "menu-3 menu-4" "menu-5 menu-6" "menu-7 menu-8" "menu-9 menu-10";
}

.menu-11 {
  grid-template-areas: "menu-1 menu-1" "menu-2 menu-3" "menu-4 menu-5" "menu-6 menu-7" "menu-8 menu-9" "menu-10 menu-11";
}

.menu-11,
.menu-12 {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.menu-12 {
  grid-template-areas: "menu-1 menu-2" "menu-3 menu-4" "menu-5 menu-6" "menu-7 menu-8" "menu-9 menu-10" "menu-11 menu-12";
}

@media (min-width: 1024px) {
  .menu-3 {
    grid-template-areas: "menu-1 menu-2" "menu-1 menu-3";
  }

  .menu-3,
  .menu-4 {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }

  .menu-4 {
    grid-template-areas: "menu-1 menu-2" "menu-3 menu-4";
  }

  .menu-5 {
    grid-template-areas: "menu-1 menu-2 menu-3" "menu-1 menu-4 menu-5";
  }

  .menu-5,
  .menu-6 {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }

  .menu-6 {
    grid-template-areas: "menu-1 menu-2 menu-3" "menu-4 menu-5 menu-6";
  }

  .menu-7 {
    grid-template-areas: "menu-1 menu-2 menu-3 menu-4" "menu-1 menu-5 menu-6 menu-7";
  }

  .menu-7,
  .menu-8 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }

  .menu-8 {
    grid-template-areas: "menu-1 menu-2 menu-3 menu-4" "menu-5 menu-6 menu-7 menu-8";
  }

  .menu-9 {
    grid-template-areas: "menu-1 menu-2 menu-3 menu-4 menu-5" "menu-1 menu-6 menu-7 menu-8 menu-9";
  }

  .menu-10,
  .menu-9 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }

  .menu-10 {
    grid-template-areas: "menu-1 menu-2 menu-3 menu-4 menu-5" "menu-6 menu-7 menu-8 menu-9 menu-10";
  }

  .menu-11 {
    grid-template-areas: "menu-1 menu-2 menu-3 menu-4 menu-5 menu-6" "menu-1 menu-7 menu-8 menu-9 menu-10 menu-11";
  }

  .menu-11,
  .menu-12 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }

  .menu-12 {
    grid-template-areas: "menu-1 menu-2 menu-3 menu-4 menu-5 menu-6" "menu-7 menu-8 menu-9 menu-10 menu-11 menu-12";
  }

  .menu-11 a:first-child .menu-portrait,
  .menu-3 a:first-child .menu-portrait,
  .menu-5 a:first-child .menu-portrait,
  .menu-7 a:first-child .menu-portrait,
  .menu-9 a:first-child .menu-portrait {
    display: block;
  }

  .menu-11 a:first-child .menu-square,
  .menu-3 a:first-child .menu-square,
  .menu-5 a:first-child .menu-square,
  .menu-7 a:first-child .menu-square,
  .menu-9 a:first-child .menu-square {
    display: none;
  }
}

.menu a {
  opacity: 0;
  transition: opacity 0.35s var(--ease-fade);
}

.modal-active .menu a {
  opacity: 1;
}

.menu a:first-child {
  grid-area: menu-1;
  transition-delay: 0.2s;
}

.menu a:nth-child(2n) {
  grid-area: menu-2;
  transition-delay: 0.3s;
}

.menu a:nth-child(3n) {
  grid-area: menu-3;
  transition-delay: 0.4s;
}

.menu a:nth-child(4n) {
  grid-area: menu-4;
  transition-delay: 0.5s;
}

.menu a:nth-child(5n) {
  grid-area: menu-5;
  transition-delay: 0.6s;
}

.menu a:nth-child(6n) {
  grid-area: menu-6;
  transition-delay: 0.7s;
}

.menu a:nth-child(7n) {
  grid-area: menu-7;
  transition-delay: 0.8s;
}

.menu a:nth-child(8n) {
  grid-area: menu-8;
  transition-delay: 0.9s;
}

.menu a:nth-child(9n) {
  grid-area: menu-9;
  transition-delay: 1s;
}

.menu a:nth-child(10n) {
  grid-area: menu-10;
  transition-delay: 1.1s;
}

.menu a:nth-child(11n) {
  grid-area: menu-11;
  transition-delay: 1.2s;
}

.menu a:nth-child(12n) {
  grid-area: menu-12;
  transition-delay: 1.3s;
}

.navigation-search .navigation-search-results {
  height: 0;
  opacity: 0;
  transition: visibility 0s linear 0.25s, opacity 0.25s ease-in 0s;
  visibility: hidden;
}

.navigation-search[data-state="loaded"] .navigation-search-results {
  height: auto;
  opacity: 1;
  transition: visibility 0s linear 0s, opacity 0.25s ease-in 0s;
  visibility: visible;
}

.navigation-search-empty {
  height: 0;
  opacity: 0;
  transition: visibility 0s linear 0.25s, opacity 0.25s ease-in 0s;
  visibility: hidden;
}

.navigation-search[data-state="empty"] .navigation-search-empty {
  height: auto;
  opacity: 1;
  transition: visibility 0s linear 0s, opacity 0.25s ease-in 0s;
  visibility: visible;
}

.timeswitch {
  align-items: center;
  color: var(--grey-57);
  display: flex;
  font-family: var(--title);
  font-size: 0.875rem;
  font-weight: 500;
  height: 2rem;
  justify-content: center;
  letter-spacing: 0.03em;
  line-height: 1.4;
  pointer-events: auto;
  text-align: center;
  text-transform: uppercase;
  width: 2.75rem;
}

.timeswitch.is-active {
  background-color: var(--grey-5);
  border-radius: 9999px;
  color: var(--black);
  pointer-events: none;
}

.breadcrumbs {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-family: var(--title);
  font-size: 0.688rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.3;
}

.breadcrumbs-arrow {
  opacity: 0.5;
  padding-top: 0.25rem;
  transform: scaleX(-100%);
}

[dir="rtl"] .breadcrumbs-arrow {
  transform: scaleX(100%);
}

.breadcrumbs-item {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.breadcrumbs-item:not(:nth-last-of-type(-n + 2)) {
  display: none;
}

@media (min-width: 1024px) {
  .breadcrumbs-item:not(:nth-last-of-type(-n + 2)) {
    display: flex;
  }
}

.sort {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  position: relative;
}

.sort-button {
  display: inline-flex;
  margin-top: 1.25rem;
}

.sort-list {
  left: 0;
  padding-left: 0.5rem;
  padding-top: 0.25rem;
  position: absolute;
  z-index: 10;
}

[dir="rtl"] .sort-list {
  left: auto;
  right: 0;
}

.sort-list {
  min-width: 100%;
  opacity: 0;
  top: 100%;
  transition: visibility 0s linear 0.25s, opacity 0.25s ease-in 0s;
  visibility: hidden;
  width: -moz-max-content;
  width: max-content;
}

.sort-button:focus + .sort-list,
.sort:hover > .sort-list {
  opacity: 1;
  transition: visibility 0s linear 0s, opacity 0.25s ease-in 0s;
  visibility: visible;
}

.products {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  flex-wrap: wrap;
}

.products.products-search-results {
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-left: var(--spacing-outer-gutter);
  padding-right: var(--spacing-outer-gutter);
}

@media (min-width: 1024px) {
  .products.products-search-results {
    flex-wrap: nowrap;
    justify-content: center;
  }
}

.products-item {
  margin-top: 1.25rem;
  width: calc(
    (6 / var(--grid-columns)) * 100% - var(--inner-gutter) + 6 /
      var(--grid-columns) * var(--inner-gutter)
  );
}

.cols-container > .products-item {
  width: calc(
    (6 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 6 / var(--grid-columns) * var(--inner-gutter)
  );
}

@media (min-width: 650px) {
  .products-item {
    width: calc(
      (4 / var(--grid-columns)) * 100% - var(--inner-gutter) + 4 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .products-item {
    width: calc(
      (4 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 4 / var(--grid-columns) * var(--inner-gutter)
    );
  }
}

.products-search-results .products-item {
  width: calc(
    (6 / var(--grid-columns)) * 100% - var(--inner-gutter) + 6 /
      var(--grid-columns) * var(--inner-gutter)
  );
}

.cols-container > .products-search-results .products-item {
  width: calc(
    (6 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 6 / var(--grid-columns) * var(--inner-gutter)
  );
}

@media (min-width: 1024px) {
  .products-search-results .products-item {
    width: calc(
      (2 / var(--grid-columns)) * 100% - var(--inner-gutter) + 2 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .products-search-results .products-item {
    width: calc(
      (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 2 / var(--grid-columns) * var(--inner-gutter)
    );
  }
}

.products-item-feature {
  margin-top: 2.5rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .products-item-feature {
    margin-top: 6.25rem;
  }
}

@media (max-width: 650px) {
  .products-collection .products-item-feature:nth-child(4) {
    order: 5 !important;
  }
}

/*! locomotive-scroll v4.1.1 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
  overflow: hidden;
}

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.has-scroll-smooth body {
  overflow: hidden;
}

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh;
}

[data-scroll-direction="horizontal"] [data-scroll-container] {
  display: inline-block;
  height: 100vh;
  white-space: nowrap;
}

[data-scroll-direction="horizontal"] [data-scroll-section] {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  white-space: nowrap;
}

.c-scrollbar {
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  width: 11px;
  z-index: 9999;
}

.c-scrollbar:hover {
  transform: scaleX(1.45);
}

.c-scrollbar:hover,
.has-scroll-dragging .c-scrollbar,
.has-scroll-scrolling .c-scrollbar {
  opacity: 1;
}

[data-scroll-direction="horizontal"] .c-scrollbar {
  bottom: 0;
  height: 10px;
  top: auto;
  transform: scaleY(1);
  width: 100%;
}

[data-scroll-direction="horizontal"] .c-scrollbar:hover {
  transform: scaleY(1.3);
}

.c-scrollbar_thumb {
  background-color: #000;
  border-radius: 10px;
  cursor: grab;
  margin: 2px;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  width: 7px;
}

.has-scroll-dragging .c-scrollbar_thumb {
  cursor: grabbing;
}

[data-scroll-direction="horizontal"] .c-scrollbar_thumb {
  bottom: 0;
  right: auto;
}

[data-behavior*="previewSite"] {
  will-change: background-color;
}

[data-previewsite-section] {
  will-change: opacity, transform;
}

[data-parallax-item] {
  will-change: transform;
}

[data-textslideup-item],
[data-textspawn-item] {
  transform-origin: top left;
}

[data-textslideup-item],
[data-textslideup-letter],
[data-textspawn-item],
[data-textspawn-letter] {
  display: inline-block;
  will-change: opacity, transform;
}

.mouse-scroller-animation {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: scroll;
  animation-timing-function: var(--ease-bounce);
  transform-origin: 50% 20px;
  will-change: transform;
}

@keyframes scroll {
  0%,
  50% {
    opacity: 1;
    transform: translateY(0) scaleY(1);
  }

  to {
    opacity: 0;
    transform: translateY(1.5rem) scaleY(1.33);
  }
}

.experience-page .header-logo {
  transition: none;
  will-change: auto;
}

.experience-page .gradient-noise-opacity:after {
  mix-blend-mode: normal;
  opacity: 0.01;
}

.experience-page .card-img-wrapper,
.experience-page .experience-loader-wrapper {
  transform: rotate(0.01deg);
}

.experience-page .card-content {
  perspective-origin: 50%;
  transform: rotate(0.01deg);
  transform-style: preserve-3d;
}

.experience-page .card-perspective {
  perspective: 1500px;
}

.experience-page .card-back,
.experience-page .card-front {
  backface-visibility: hidden;
  z-index: 10;
}

.experience-page .card-back {
  transform: translateZ(0) rotateY(180deg);
  z-index: 15;
}

.experience-page .card-back svg {
  opacity: 0.1;
}

.experience-page .experience-card-icon {
  display: block;
  margin: auto;
}

.experience-page .experience-card-icon svg {
  display: block;
  height: auto;
  width: 100%;
}

.experience-page .experience-btn:before {
  background: url(/images/plus-button.svg?c265f12b13f0136d30ddad340fcc0419) 50%
      no-repeat,
    #fff;
  background-size: 100% auto;
  border: 0.5px solid #e6e6e6;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform 1.5s cubic-bezier(0.16, 1.08, 0.38, 0.98);
  width: 100%;
}

.experience-page .experience-btn:hover:before {
  transform: scale(1.1);
}

.experience-page .experience-btn .spinner {
  background: url(/images/circle.svg?bceb132e03cf15a77d8443f0757534b2) 50%
    no-repeat;
  background-size: contain;
}

.experience-title-text {
  top: 10vw;
}

.experience-section,
.experience-section-background,
.experience-sections {
  contain: content;
}

.experience-section-1 .experience-title-text {
  top: 20vw;
}

.experience-section-1 .section-1-btn {
  left: 69.117vw;
  top: 85vw;
}

.experience-section-2 .experience-title-text {
  top: 0;
}

.experience-section-2 .section-2-btn {
  left: 52vw;
  top: 45%;
}

@media (min-width: 650px) {
  .experience-section-2 .experience-title-text {
    top: 30vw;
  }

  .experience-section-2 .section-2-btn {
    left: 55vw;
    top: 55%;
  }
}

.experience-section-3 .experience-title-text {
  top: 97vw;
}

.experience-section-3 .section-3-btn {
  left: 75vw;
  top: 67%;
}

.experience-section-4 .experience-title-text {
  top: 21vw;
}

.experience-section-4 .section-4-btn {
  left: 23vw;
  top: 33%;
}

@media (min-width: 650px) {
  .experience-section-4 .experience-title-text {
    top: 40vw;
  }
}

.experience-section-5 .experience-title-text {
  top: 35vw;
}

.experience-section-5 .section-5-btn {
  left: 66vw;
  top: 50%;
}

.experience-section-6 .experience-title-text {
  top: 0;
}

.experience-section-6 .section-6-btn {
  left: 60vw;
  top: 61%;
}

@media (min-width: 650px) {
  .experience-section-6 .experience-title-text {
    top: 10vw;
  }
}

.experience-modal-close {
  background-color: hsla(0, 0%, 100%, 0.3);
  border-radius: 9999px;
  bottom: var(--outer-gutter);
  cursor: pointer;
  display: block;
  height: 2.5rem;
  position: fixed;
  right: 1.5rem;
  top: 1.5rem;
  width: 2.5rem;
  z-index: 999;
}

.page-experience {
  background: #000;
}

.page-experience .mobile-fixed-wrapper {
  display: none;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

.page-experience .mobile-fixed-wrapper .experience-title-text {
  left: 0;
  opacity: 0;
  right: 0;
  top: 7vh;
  visibility: hidden;
}

.page-experience .mobile-fixed-wrapper .experience-btn {
  left: calc(50% - 1.5625rem);
  opacity: 0;
  top: calc(10vh + 11.5rem);
  visibility: hidden;
}

@media screen and (orientation: landscape) {
  .page-experience .mobile-fixed-wrapper {
    background: url(/images/mobile-rotate.svg?f4c0a558a63cb0b5085b59118c62fa83)
        center 60% no-repeat,
      #000;
    background-size: 10% auto;
  }
}

.page-experience.is-mobile .experience-btn,
.page-experience.is-mobile .experience-title-text {
  display: none;
}

.page-experience.is-mobile .mobile-fixed-wrapper,
.page-experience.is-mobile .mobile-fixed-wrapper .experience-btn,
.page-experience.is-mobile .mobile-fixed-wrapper .experience-title-text {
  display: block;
}

@media screen and (orientation: landscape) {
  .page-experience.is-mobile .mobile-fixed-wrapper .experience-btn,
  .page-experience.is-mobile .mobile-fixed-wrapper .experience-title-text {
    display: none;
  }
}

.page-experience body {
  background: #000;
}

.page-experience .c-scrollbar,
.page-experience .embeddedServiceHelpButton {
  display: none;
}

.shop-landing-video-hero-container {
  padding-bottom: 430px;
  position: relative;
  width: 100%;
}

@media (min-width: 650px) {
  .shop-landing-video-hero-container {
    padding-bottom: 390px;
  }
}

@media (min-width: 1024px) {
  .shop-landing-video-hero-container {
    padding-bottom: 528px;
  }
}

@media (min-width: 1280px) {
  .shop-landing-video-hero-container {
    padding-bottom: 608px;
  }
}

.shop-landing-video-hero {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

body .embeddedServiceHelpButton {
  z-index: 78 !important;
}

body .embeddedServiceHelpButton div.helpButton {
  border-radius: 9999em !important;
  bottom: 0 !important;
  bottom: env(safe-area-inset-bottom) !important;
  height: 40px !important;
  margin-bottom: 1rem !important;
  overflow: hidden !important;
  right: 12px !important;
  width: 40px !important;
}

body .embeddedServiceHelpButton div[dir="rtl"].helpButton {
  left: 12px !important;
  right: auto !important;
}

body .embeddedServiceHelpButton div.helpButton .uiButton {
  background-color: #000 !important;
  border-radius: 9999em !important;
  box-shadow: none !important;
  font-family: var(--title) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  height: 40px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 40px !important;
}

body .embeddedServiceHelpButton div.helpButton .uiButton:focus {
  outline: 1px solid #383030 !important;
}

body .embeddedServiceHelpButton div.helpButton .helpButtonLabel {
  display: none !important;
}

body .embeddedServiceHelpButton .embeddedServiceIcon {
  margin: 0 !important;
  padding: 10px !important;
}

@media (min-width: 1024px) {
  body .embeddedServiceHelpButton div.helpButton {
    bottom: env(safe-area-inset-bottom);
    margin-bottom: 28px !important;
    right: 28px !important;
  }

  body .embeddedServiceHelpButton div[dir="rtl"].helpButton {
    left: 28px !important;
    right: auto !important;
  }
}

@media (min-width: 1280px) {
  body .embeddedServiceHelpButton div.helpButton {
    bottom: env(safe-area-inset-bottom);
    margin-bottom: 28px !important;
    right: 32px !important;
  }

  body .embeddedServiceHelpButton div[dir="rtl"].helpButton {
    left: 32px !important;
    right: auto !important;
  }
}

body.body-booking .embeddedServiceHelpButton {
  display: none !important;
}

body div.ppms_cm_consent_bar p.ppms_cm_main_text,
body div.ppms_cm_consent_bar p.ppms_cm_main_text:focus,
body div.ppms_cm_consent_bar p.ppms_cm_main_text:hover,
body div.ppms_cm_popup_overlay p.ppms_cm_paragraph,
body div.ppms_cm_popup_overlay p.ppms_cm_paragraph:focus,
body div.ppms_cm_popup_overlay p.ppms_cm_paragraph:hover {
  color: #000 !important;
  font-family: var(--body) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

body div.ppms_cm_popup_overlay span.ppms_cm_consent_item-text,
body div.ppms_cm_popup_overlay span.ppms_cm_consent_item-text:focus,
body div.ppms_cm_popup_overlay span.ppms_cm_consent_item-text:hover {
  color: #000 !important;
  font-family: var(--body) !important;
}

body div.ppms_cm_consent_bar a.ppms_cm_set_your_consent,
body div.ppms_cm_consent_bar a.ppms_cm_set_your_consent:focus,
body div.ppms_cm_consent_bar a.ppms_cm_set_your_consent:hover {
  background-color: #000 !important;
  border: 1px solid #000;
  border-color: #000 !important;
  border-radius: 999em !important;
  font-family: var(--title) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  padding: 15px 20px !important;
  text-decoration: none !important;
}

body div.ppms_cm_popup_overlay h1.ppms_cm_header,
body div.ppms_cm_popup_overlay h1.ppms_cm_header1,
body div.ppms_cm_popup_overlay h1.ppms_cm_header1:focus,
body div.ppms_cm_popup_overlay h1.ppms_cm_header1:hover,
body div.ppms_cm_popup_overlay h1.ppms_cm_header:focus,
body div.ppms_cm_popup_overlay h1.ppms_cm_header:hover {
  font-family: var(--title) !important;
  font-size: 1.25rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
  line-height: 1.4 !important;
}

@media (min-width: 1024px) {
  body div.ppms_cm_popup_overlay h1.ppms_cm_header,
  body div.ppms_cm_popup_overlay h1.ppms_cm_header:focus,
  body div.ppms_cm_popup_overlay h1.ppms_cm_header:hover {
    font-size: 1.75rem !important;
  }
}

body div.ppms_cm_popup_overlay button.ppms_cm_button,
body div.ppms_cm_popup_overlay button.ppms_cm_button:focus,
body div.ppms_cm_popup_overlay button.ppms_cm_button:hover,
body div.ppms_cm_popup_overlay button.ppms_cm_button_primary,
body div.ppms_cm_popup_overlay button.ppms_cm_button_primary:focus,
body div.ppms_cm_popup_overlay button.ppms_cm_button_primary:hover {
  background-color: #000 !important;
  border-color: #000 !important;
  border-radius: 999em !important;
  font-family: var(--title) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  padding: 15px 20px !important;
  text-decoration: none !important;
}

body div.ppms_cm_popup_overlay button.ppms_cm_agree-to-all,
body div.ppms_cm_popup_overlay button.ppms_cm_agree-to-all:focus,
body div.ppms_cm_popup_overlay button.ppms_cm_agree-to-all:hover,
body div.ppms_cm_popup_overlay button.ppms_cm_reject-all,
body div.ppms_cm_popup_overlay button.ppms_cm_reject-all:focus,
body div.ppms_cm_popup_overlay button.ppms_cm_reject-all:hover {
  background-color: #000 !important;
  border-color: #000 !important;
  border-radius: 999em !important;
  font-family: var(--title) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  padding: 8px 20px !important;
  text-decoration: none !important;
}

body div.ppms_cm_popup_overlay a.ppms_cm_link,
body div.ppms_cm_popup_overlay a.ppms_cm_link:focus,
body div.ppms_cm_popup_overlay a.ppms_cm_link:hover,
body div.ppms_cm_popup_overlay button.ppms_cm_content_expander_hide_btn,
body
  div.ppms_cm_popup_overlay
  button.ppms_cm_content_expander_hide_btn.expanded,
body
  div.ppms_cm_popup_overlay
  button.ppms_cm_content_expander_hide_btn.expanded:focus,
body
  div.ppms_cm_popup_overlay
  button.ppms_cm_content_expander_hide_btn.expanded:hover,
body div.ppms_cm_popup_overlay button.ppms_cm_content_expander_hide_btn:focus,
body div.ppms_cm_popup_overlay button.ppms_cm_content_expander_hide_btn:hover,
body div.ppms_cm_popup_overlay button.ppms_cm_content_expander_show_btn,
body
  div.ppms_cm_popup_overlay
  button.ppms_cm_content_expander_show_btn.expanded,
body
  div.ppms_cm_popup_overlay
  button.ppms_cm_content_expander_show_btn.expanded:focus,
body
  div.ppms_cm_popup_overlay
  button.ppms_cm_content_expander_show_btn.expanded:hover,
body div.ppms_cm_popup_overlay button.ppms_cm_content_expander_show_btn:focus,
body div.ppms_cm_popup_overlay button.ppms_cm_content_expander_show_btn:hover,
body div.ppms_cm_popup_overlay button.ppms_cm_save-choices,
body div.ppms_cm_popup_overlay button.ppms_cm_save-choices:focus,
body div.ppms_cm_popup_overlay button.ppms_cm_save-choices:hover {
  color: #000 !important;
  text-decoration: underline !important;
}

.body-event-page b,
.body-event-page strong {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.ql-align-center {
  text-align: center;
}

.ql-align-right {
  text-align: right;
}

.ql-align-justify {
  text-align: justify;
}

header {
  overflow: hidden;
}

.landing-events {
  width: 98%;
}

.events-page_banner {
  align-items: center;
  align-self: center;
  box-sizing: border-box;
  display: grid;
  justify-content: center;
  text-transform: uppercase;
}

.events-page_banner-grad {
  border-radius: 20px;
  margin: 0 auto;
  width: calc(var(--container-width, 100%) - var(--outer-gutter, 0) * 2);
}

.gradiant_zero {
  background-color: var(--gr1-color1);
  background-image: radial-gradient(
      at 100% 99%,
      var(--gr1-color1) 0,
      var(--gr1-transparent) 25%
    ),
    radial-gradient(at 0 0, var(--gr1-color2) 0, var(--gr1-transparent) 22%),
    radial-gradient(at 87% 23%, var(--gr1-color2) 0, var(--gr1-transparent) 56%),
    radial-gradient(at 73% 84%, var(--gr1-color3) 0, var(--gr1-transparent) 54%),
    radial-gradient(
      at 100% 100%,
      var(--gr1-color3) 0,
      var(--gr1-transparent) 22%
    );
  background-size: 150% 150%;
}

.gradiant_one {
  background-color: var(--gr2-color1);
  background-image: radial-gradient(
      at 100% 99%,
      var(--gr2-color1) 0,
      var(--gr2-transparent) 25%
    ),
    radial-gradient(at 0 0, var(--gr2-color2) 0, var(--gr2-transparent) 22%),
    radial-gradient(at 87% 23%, var(--gr2-color2) 0, var(--gr2-transparent) 56%),
    radial-gradient(at 73% 84%, var(--gr2-color3) 0, var(--gr2-transparent) 54%),
    radial-gradient(
      at 100% 100%,
      var(--gr2-color3) 0,
      var(--gr2-transparent) 22%
    );
  background-size: 150% 150%;
}

.gradiant_two {
  background-color: var(--gr3-color1);
  background-image: radial-gradient(
      at 100% 99%,
      var(--gr3-color1) 0,
      var(--gr3-transparent) 25%
    ),
    radial-gradient(at 0 0, var(--gr3-color2) 0, var(--gr3-transparent) 22%),
    radial-gradient(at 87% 23%, var(--gr3-color2) 0, var(--gr3-transparent) 56%),
    radial-gradient(at 73% 84%, var(--gr3-color3) 0, var(--gr3-transparent) 54%),
    radial-gradient(
      at 100% 100%,
      var(--gr3-color3) 0,
      var(--gr3-transparent) 22%
    );
  background-size: 150% 150%;
}

.gradiant_three {
  background: linear-gradient(to top right, #fdef4f, #ffb69d, #4cabe5);
}

.gradiant_four {
  background: linear-gradient(#ffd5aa, #f4cdf6, #9ccbff);
}

.event-container {
  max-width: 1140px;
}

.events-page_banner-grad-wrap {
  align-content: center;
  color: #000;
  display: grid;
  height: 345px;
  justify-content: center;
}

@media (max-width: 468px) {
  .events-page_banner-grad-wrap {
    height: 153px;
  }
}

.events-page_banner-grad-wrap > h6 {
  font-size: 18px;
  font-weight: lighter;
  letter-spacing: 0.5px;
  line-height: 28px;
}

@media (max-width: 767px) {
  .events-page_banner-grad-wrap > h6 {
    font-size: 14px;
  }
}

.events-page_banner-grad-wrap > p {
  font-family: Obibok;
  font-size: 4rem;
  font-weight: 100;
  letter-spacing: 0;
  text-transform: uppercase;
}

@media (max-width: 1111px) {
  .events-page_banner-grad-wrap > p {
    font-size: 3.7rem;
  }
}

@media (max-width: 991px) {
  .events-page_banner-grad-wrap > p {
    font-size: 3.1rem;
  }
}

@media (max-width: 482px) {
  .events-page_banner-grad-wrap > p {
    font-size: 1.7rem;
  }
}

@media (max-width: 468px) {
  .events-page_banner-title {
    font-size: 1.6rem !important;
  }
}

.events-page_banner-animation {
  border-radius: 6%;
}

.event-page-text_title {
  color: #000;
  font-family: Obibok regular, Sans-serif;
  font-size: 3.6rem;
  font-weight: 700;
}

.event-page-text_subtitle {
  color: #000;
  font-family: Obibok;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.32px;
  line-height: 1.6;
  text-align: justify;
}

@media (max-width: 468px) {
  .event-page-text_subtitle {
    font-size: 16px;
  }
}

.events-page--grad {
  border-radius: 20px;
  margin-left: auto;
  width: 100%;
}

.event-page-camp {
  padding-top: 40px;
}

@media (max-width: 769px) {
  .event-page-camp {
    padding-top: 1vh;
  }
}

.event-page-camp > h1 {
  color: #000;
  font-family: Obibok, sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 1.2px;
}

@media (max-width: 468px) {
  .event-page-camp > h1 {
    font-size: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
  }
}

.event-page-camp > p {
  font-family: Obibok light, sans-serif;
  font-size: 27px;
  font-weight: 400;
  font-weight: lighter;
  line-height: 45px;
}

.event-page-camp_img {
  height: 80%;
  margin-left: auto;
  margin-right: auto;
}

.event-page_themes-desc {
  color: #7a7a7a !important;
  font-size: 15px !important;
  font-weight: 100 !important;
}

.event-page_themes-wrap > p {
  color: #000;
  font-family: Obibok Bold, Sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
}

.event-page_themes-wrap-list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-left: auto;
  margin-right: auto;
  width: 83%;
}

@media (max-width: 769px) {
  .event-page_themes-wrap-list {
    justify-content: normal;
  }
}

.event-page_themes-wrap-list > div {
  width: 23%;
}

@media (max-width: 1025px) {
  .event-page_themes-wrap-list > div {
    width: 28%;
  }
}

@media (max-width: 769px) {
  .event-page_themes-wrap-list > div {
    width: 50%;
  }
}

@media (max-width: 468px) {
  .event-page_themes-wrap-list > div {
    border-bottom: 1px solid #151515;
    padding: 20px;
    width: 100%;
  }
}

.event-page_detail-book-img {
  margin-left: auto;
  margin-right: auto;
}

.event-page_themes-wrap-list_img {
  border-radius: 50%;
  height: 160px;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
  width: 160px;
}

@media (max-width: 1024px) {
  .event-page_themes-wrap-list_img {
    height: 132px;
    width: 132px;
  }
}

@media (max-width: 769px) {
  .event-page_themes-wrap-list_img {
    height: 90px;
    width: 90px;
  }
}

@media (max-width: 569px) {
  .event-page_themes-wrap-list_img {
    height: 138px;
    width: 138px;
  }
}

.event-page_themes-wrap-list > div > a > p {
  color: #000;
  font-family: Obibok, Sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.3px;
  margin-bottom: 3%;
}

.event-page_narrow-title {
  color: gray;
  font-size: 18px;
  padding-bottom: 12px;
  text-transform: uppercase;
}

@media (max-width: 769px) {
  .event-page_narrow-title {
    font-size: 16px;
  }
}

@media (max-width: 468px) {
  .event-page_narrow-title {
    font-size: 14px;
  }
}

.event-page_narrow-desc {
  font-family: Obibok regular, sans-serif;
  font-size: 39px;
  font-style: normal;
  font-weight: 400;
}

@media (max-width: 468px) {
  .event-page_narrow-desc {
    font-size: 29px;
  }
}

.event-page_detail-moto {
  align-content: center;
  background-image: url(/images/detail_event.png?c897ec0…);
  background-position: 50%;
  background-size: cover;
  border-radius: 11px;
  display: grid;
  font-size: 44px;
  height: 160px;
  justify-content: center;
  letter-spacing: 0;
  margin: 0 auto;
}

@media (max-width: 769px) {
  .event-page_detail-moto {
    font-size: 25px;
  }
}

@media (max-width: 468px) {
  .event-page_detail-moto {
    font-size: 20px;
    height: 99px;
  }
}

.event-page_detail-moto h1 {
  font-weight: 300;
}

.event-page_detail-book-img > img {
  height: 250px;
  max-height: 250px;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  width: 100%;
}

@media (max-width: 1081px) {
  .event-page_detail-book-img > img {
    max-height: 230px;
  }
}

@media (max-width: 769px) {
  .event-page_detail-book-img > img {
    max-height: 220px;
  }
}

.event-page_detail-info-wrap {
  background: #f8f8f8;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
}

.event-page_detail-info-wrap > div > div {
  align-items: center;
  display: flex;
}

@media (max-width: 468px) {
  .event-page_detail-info-wrap > div > div {
    align-self: self-start;
    display: grid;
    justify-content: center;
    text-align: center;
  }
}

.event-page_detail-info-wrap_bg {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 40px 0;
}

@media (max-width: 468px) {
  .event-page_detail-info-wrap_bg {
    padding: 20px 0;
  }
}

.event-page_detail-info-wrap_img {
  margin: 0 auto;
  padding: 0 11px;
}

@media (max-width: 468px) {
  .event-page_detail-info-wrap_img {
    padding-bottom: 5px;
    padding-right: 0;
  }

  .event-box {
    font-size: 16px;
    padding: 8px 0;
    width: 100%;
  }
}

.event-page_detail-book {
  width: 29%;
}

@media (min-width: 1441px) {
  .event-page_detail-book {
    width: 30%;
  }
}

@media (max-width: 1025px) {
  .event-page_detail-book {
    width: 23%;
  }
}

@media (max-width: 769px) {
  .event-page_detail-book {
    width: 25%;
  }
}

@media (max-width: 468px) {
  .event-page_detail-book {
    margin-top: 33px;
    width: 90%;
  }
}

.event-page_detail-book-list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.event-page_detail_book-btn > a > button {
  border-radius: 7px;
  color: #fff;
  line-height: 2.4;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.event-page_detail_book-btn {
  border-radius: 7px;
  padding: 0 50px;
}

.canvas-events {
  height: 350px;
}

.event-footer {
  background-color: #dcdcdc;
  background-color: #f8f8f8;
  border-radius: 11px;
  display: grid;
  margin-left: auto;
  margin-right: auto;
  padding: 90px 0;
}

@media (max-width: 468px) {
  .event-footer {
    height: 50%;
  }
}

.event-footer_wrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 0 auto;
  width: 50%;
}

@media (max-width: 769px) {
  .event-footer_wrap {
    width: 70%;
  }
}

@media (max-width: 468px) {
  .event-footer_wrap {
    width: 85%;
  }
}

.footer-box {
  padding: 10px 0;
  text-align: center;
}

.event-footer_wrap > div > a > img {
  margin: 5px auto;
  max-height: 65px;
  max-width: 65px;
}

.event-page_detail-book-desc h3 {
  font-family: Obibok regular, sans-serif;
}

.smevent-page_narrow p {
  color: #000;
  font-family: Obibok;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.2px;
  letter-spacing: 0.32px;
  line-height: 1.6;
  text-align: justify;
}

.event-page_detail-info-wrap_bg p,
.footer-box p {
  font-family: Obibok regular, sans-serif;
}

.top-300 {
  top: 300px;
}

@media (max-width: 468px) {
  .top-300 {
    top: 120px;
  }
}

.top-300 .breadcrumbs-item {
  padding-right: 5px;
}

.breadcrumbs-item:not(:nth-last-of-type(-n + 2)) {
  display: none;
}

.event-page_detail-info-location_zero img:hover {
  background-color: var(--gr1-color1);
  background-image: radial-gradient(
      at 100% 99%,
      var(--gr1-color1) 0,
      var(--gr1-transparent) 25%
    ),
    radial-gradient(at 0 0, var(--gr1-color2) 0, var(--gr1-transparent) 22%),
    radial-gradient(at 87% 23%, var(--gr1-color2) 0, var(--gr1-transparent) 56%),
    radial-gradient(at 73% 84%, var(--gr1-color3) 0, var(--gr1-transparent) 54%),
    radial-gradient(
      at 100% 100%,
      var(--gr1-color3) 0,
      var(--gr1-transparent) 22%
    );
  background-size: 150% 150%;
  border-radius: 4px;
  cursor: pointer;
}

.event-page_detail-info-location_zero a:hover,
.event-page_detail-info-location_zero p:hover {
  color: var(--gr1-color1);
  cursor: pointer;
}

.event-page_detail-book-desc-p {
  color: #7a7a7a !important;
  font-family: Obibok !important;
  font-size: 15px !important;
  font-weight: 100 !important;
  padding: 5px 0 2px;
}

.event-page_detail-info-location_one img:hover {
  background-color: var(--gr2-color1);
  background-image: radial-gradient(
      at 100% 99%,
      var(--gr2-color1) 0,
      var(--gr2-transparent) 25%
    ),
    radial-gradient(at 0 0, var(--gr2-color2) 0, var(--gr2-transparent) 22%),
    radial-gradient(at 87% 23%, var(--gr2-color2) 0, var(--gr2-transparent) 56%),
    radial-gradient(at 73% 84%, var(--gr2-color3) 0, var(--gr2-transparent) 54%),
    radial-gradient(
      at 100% 100%,
      var(--gr2-color3) 0,
      var(--gr2-transparent) 22%
    );
  background-size: 150% 150%;
  border-radius: 4px;
  cursor: pointer;
}

.event-page_detail-info-location_one a:hover,
.event-page_detail-info-location_one p:hover {
  color: var(--gr2-color1);
  cursor: pointer;
}

.event-page_detail-info-location_two img:hover {
  background-color: var(--gr3-color1);
  background-image: radial-gradient(
      at 100% 99%,
      var(--gr3-color1) 0,
      var(--gr3-transparent) 25%
    ),
    radial-gradient(at 0 0, var(--gr3-color2) 0, var(--gr3-transparent) 22%),
    radial-gradient(at 87% 23%, var(--gr3-color2) 0, var(--gr3-transparent) 56%),
    radial-gradient(at 73% 84%, var(--gr3-color3) 0, var(--gr3-transparent) 54%),
    radial-gradient(
      at 100% 100%,
      var(--gr3-color3) 0,
      var(--gr3-transparent) 22%
    );
  background-size: 150% 150%;
  border-radius: 4px;
  cursor: pointer;
}

.event-page_detail-info-location_two a:hover,
.event-page_detail-info-location_two p:hover {
  color: var(--gr3-color1);
  cursor: pointer;
}

.event-page_detail-info-location_three img:hover {
  background: linear-gradient(to top right, #fdef4f, #ffb69d, #4cabe5);
  border-radius: 4px;
  cursor: pointer;
}

.event-page_detail-info-location_three a:hover,
.event-page_detail-info-location_three p:hover {
  color: #ffb69d;
  cursor: pointer;
}

.event-page_detail-info-location_four img:hover {
  background: linear-gradient(#ffd5aa, #f4cdf6, #9ccbff);
  border-radius: 4px;
  cursor: pointer;
}

.event-page_detail-info-location_four a:hover,
.event-page_detail-info-location_four p:hover {
  color: #ffd5aa;
  cursor: pointer;
}

.hover\:bg-softhover:hover {
  background-color: #dadada !important;
}

.offers-card {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  max-width: 360px;
  width: 100%;
}

.offer-single input {
  border: none;
  font-size: 13px;
  padding: 0.85rem 1rem;
  text-align: center;
}

.offer-single-p {
  color: #333;
  font-size: 16px;
  font-weight: 100;
}

.sm-pt-headersize-off {
  padding-top: 0;
}

.swiper-slide-event {
  height: auto;
  min-height: 230px;
}

.offers-grid-single {
  min-height: 230px;
}

.promotionsNav {
  background-color: hsla(0, 0%, 100%, 0.5);
}

.promotionsNav a.active {
  background-color: #dadada !important;
}

.mr-event-20 {
  margin-right: 50px;
}

.week-box {
  height: 345px;
  width: 100%;
}

.week-box.selected {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
}

.week-2 {
  font-size: 25px;
  font-weight: 400;
}

.week-2-sub-title {
  color: rgba(0, 0, 0, 0.68) !important;
  font-size: 23px;
  font-weight: 100;
}

@media (min-width: 1024px) {
  .offer-single .f-heading-4 {
    font-size: 40px;
    font-weight: 400;
    line-height: 45px;
  }

  .offer-single-p {
    color: #333;
    font-size: 16px;
    font-weight: 100;
  }

  .swiper-container-event .swiper-button-prev {
    left: -38px !important;
    right: auto;
  }

  .promotions-page_banner-title {
    line-height: 80px;
  }

  .swiper-container-event .swiper-button-next.swiper-button-disabled,
  .swiper-container-event .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
  }

  .swiper-container-event .swiper-button-next {
    left: auto;
    right: -50px !important;
  }

  .swiper-slide-event {
    opacity: 0;
    transition: opacity 0.25s var(--ease-fade);
  }

  .swiper-slide-event.swiper-slide-visible {
    opacity: 1;
  }
}

@media (max-width: 649px) {
  .offer-single-modal {
    align-content: center;
    display: grid;
    height: 100vh;
    justify-content: center;
  }

  .offer-single .f-heading-4 {
    font-size: 22px;
    font-weight: 400;
    line-height: 25px;
  }

  .mr-event-20 {
    margin-right: 0 !important;
  }

  .week-2 {
    font-size: 20px;
    font-weight: 400;
  }

  .promotions-page_banner-grad {
    border-radius: 0 !important;
    width: 100% !important;
  }

  .sm-banner-para-event {
    font-size: 15px;
    font-weight: 100;
  }

  .sm-banner-title-event {
    font-size: 21px;
    font-weight: 100;
  }

  .promotions-page_banner-grad-wrap {
    min-height: 100vh !important;
  }
}

:root {
  --danger-programs: #c23131;
  --card-bg: #fafafa;
  --text-light: #6e6e6e;
}

.text-danger-programs {
  color: var(--danger-programs);
}

.details-date-divider:after {
  right: 0;
}

.details-date-divider:after,
[dir="rtl"] .details-date-divider:after {
  border-right: 1px solid;
  border-color: var(--grey-10);
  content: "";
  height: 80%;
  position: absolute;
  top: 10%;
  width: 1px;
}

[dir="rtl"] .details-date-divider:after {
  left: 0;
  right: unset;
}

.programs-card {
  background-color: var(--card-bg);
  border-radius: 1.5rem;
  margin: 0 auto;
  max-width: 650px;
  min-height: 305px;
  transition: box-shadow 0.3s ease, background-color 0.3s ease;
  width: 100%;
}

.programs-card .programs-card-image-holder {
  border-radius: 0.75rem;
  border-bottom-left-radius: 0;
}

.programs-card:hover {
  background-color: #fff;
  box-shadow: 0 23px 23px 0 rgba(0, 0, 0, 0.05),
    0 6px 12px 0 rgba(0, 0, 0, 0.05);
}

.program-category-date ul li {
  color: var(--text-light);
  font-family: Obibok, FedraSansArabicAR, Arial, sans-serif;
}

.program-category-date ul li.bullet-item {
  margin-left: 8px !important;
  padding-left: 12px;
  position: relative;
}

.program-category-date ul li.bullet-item:before {
  background-color: #6e6e6e;
  border-radius: 50%;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 4px;
}

.programs-card .sold-out,
.programs-single .sold-out {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  color: #fff;
  font-family: Obibok, FedraSansArabicAR, Arial, sans-serif;
}

.programs-card .upcoming,
.programs-single .upcoming {
  background-color: #fff;
  border-radius: 8px;
  color: #000;
  font-family: Obibok, FedraSansArabicAR, Arial, sans-serif;
}

.programs-card .program-title {
  display: block;
  font-family: Obibok, FedraSansArabicAR, Arial, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.programs-single .program-single-title {
  color: #000;
  font-family: Obibok, FedraSansArabicAR, Arial, sans-serif;
}

.programs-single .program-single-description {
  color: #6e6e6e;
  font-family: UntitledSans;
  font-weight: 400;
}

.programs-single .program-single-meta-item {
  font-family: UntitledSans;
}

.programs-single .program-single-description b,
.programs-single .program-single-description strong {
  color: #000;
  font-family: UntitledSans;
  font-weight: 500;
}

.programs-single .program-single-purchace-button {
  align-items: center;
  background: #000;
  border-radius: 30px;
  color: #fff;
  height: 48px;
  justify-content: center;
  padding: 14px 28px 16px;
  width: 120px;
}

.programs-single .program-single-purchace-button.disabled {
  background: #f2f2f2;
  color: #000;
  cursor: default;
  pointer-events: none;
}

.programs-breadcrumbs.speacial-programs-breadcrumbs {
  margin-bottom: 48px;
  margin-top: 0;
}

.programs-breadcrumbs {
  margin-bottom: 36px;
  margin-top: 120px;
}

.programs-breadcrumbs .breadcrumb-item {
  background-color: rgba(0, 0, 0, 0.05);
  color: #000;
  font-family: UntitledSans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.42px;
  line-height: 24px;
}

.programs-breadcrumbs .breadcrumb-item.active {
  background-color: #fff;
}

.programs-purchase-button-holder {
  bottom: 15px;
  position: fixed;
  right: 25px;
  top: auto;
  z-index: 100;
}

@media (min-width: 1024px) {
  .programs-purchase-button-holder {
    bottom: auto;
    right: 25px;
    top: 20px;
  }
}

.programs-purchase-button {
  align-items: center;
  background-color: #000;
  border-radius: 50%;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  height: 48px;
  justify-content: space-between;
  padding: 0 12px;
  position: relative;
  width: 48px;
}

.programs-purchase-button.disabled {
  background-color: #f2f2f2;
  cursor: default;
  pointer-events: none;
}

.programs-purchase-button svg path {
  stroke: #e6e6e6;
}

.programs-purchase-button.disabled svg path {
  stroke: #000;
}

.programs-purchase-button .programs-purchase-count {
  align-items: center;
  background-color: #293bb6;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-family: UntitledSans;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  height: 24px;
  justify-content: center;
  line-height: 16px;
  position: absolute;
  right: -8px;
  top: -8px;
  transition: all 0.5s ease-in-out;
  width: 24px;
}

.programs-purchase-button.disabled .programs-purchase-count {
  display: none;
}

.program-price {
  color: #000;
  font-family: UntitledSans;
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: 28px;
}

#macy-container img {
  border-radius: 20px;
}

.hero-image-overlay {
  background: rgba(0, 0, 0, 0.3);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.back-to-programs-button {
  background: rgba(0, 0, 0, 0.2);
  transition: background 0.5s;
}

ul.programs-breadcrumbs li {
  display: inline;
}

ul.programs-breadcrumbs li a,
ul.programs-breadcrumbs li + li:before {
  color: #000;
  content: ">";
  font-family: Obibok, FedraSansArabicAR, Arial, sans-serif;
  font-size: 1.5rem;
  padding: 10px;
}

@media (min-width: 650px) {
  ul.programs-breadcrumbs li a,
  ul.programs-breadcrumbs li + li:before {
    font-size: 2rem;
  }
}

@media (min-width: 1024px) {
  ul.programs-breadcrumbs li a,
  ul.programs-breadcrumbs li + li:before {
    font-size: 2.813rem;
  }
}

@media (min-width: 1280px) {
  ul.programs-breadcrumbs li a,
  ul.programs-breadcrumbs li + li:before {
    font-size: 3.188rem;
  }
}

.programs-pagination-next.disabled,
.programs-pagination-prev.disabled {
  cursor: default;
  opacity: 40%;
  pointer-events: none;
}

@keyframes dot-keyframes {
  0% {
    opacity: 0.4;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.2);
  }

  to {
    opacity: 0.4;
    transform: scale(1);
  }
}

.programs-loader {
  display: none;
  text-align: center;
  width: 100%;
}

.programs-loader.show {
  display: block;
}

.programs-loader div {
  animation: dot-keyframes 1.5s ease-in-out infinite;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  display: inline-block;
  height: 5px;
  width: 5px;
}

.programs-loader div:nth-child(2) {
  animation-delay: 0.5s;
}

.programs-loader div:nth-child(3) {
  animation-delay: 1s;
}

.connected-programs {
  margin-bottom: 48px;
}

.connected-programs-title {
  color: #000;
  font-family: Obibok, FedraSansArabicAR, Arial, sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 1.2px;
  line-height: 56px;
  margin-bottom: 40px;
}

/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com*/
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
html {
  -webkit-text-size-adjust: 100%;
  line-height: 1.15;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}

body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
    sans-serif, Apple Color Emoji, Segoe UI Emoji;
  margin: 0;
}

hr {
  color: inherit;
  height: 0;
}

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

b,
strong {
  font-weight: bolder;
}

code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo,
    monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit;
  text-indent: 0;
}

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

button,
select {
  text-transform: none;
}

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

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

:-moz-ui-invalid {
  box-shadow: none;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

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

::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

summary {
  display: list-item;
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

fieldset,
ol,
ul {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  line-height: 1.5;
}

body {
  font-family: inherit;
  line-height: inherit;
}

*,
:after,
:before {
  border: 0 solid;
  box-sizing: border-box;
}

hr {
  border-top-width: 1px;
}

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #a1a1aa;
  opacity: 1;
}

input::placeholder,
textarea::placeholder {
  color: #a1a1aa;
  opacity: 1;
}

[role="button"],
button {
  cursor: pointer;
}

:-moz-focusring {
  outline: auto;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  text-decoration: inherit;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  line-height: inherit;
  padding: 0;
}

code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace;
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}

img,
video {
  height: auto;
  max-width: 100%;
}

[hidden] {
  display: none;
}

*,
:after,
:before {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-transform: translateX(var(--tw-translate-x))
    translateY(var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-blur: var(--tw-empty, /*!*/ /*!*/);
  --tw-brightness: var(--tw-empty, /*!*/ /*!*/);
  --tw-contrast: var(--tw-empty, /*!*/ /*!*/);
  --tw-grayscale: var(--tw-empty, /*!*/ /*!*/);
  --tw-hue-rotate: var(--tw-empty, /*!*/ /*!*/);
  --tw-invert: var(--tw-empty, /*!*/ /*!*/);
  --tw-saturate: var(--tw-empty, /*!*/ /*!*/);
  --tw-sepia: var(--tw-empty, /*!*/ /*!*/);
  --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/);
  --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
  --tw-backdrop-blur: var(--tw-empty, /*!*/ /*!*/);
  --tw-backdrop-brightness: var(--tw-empty, /*!*/ /*!*/);
  --tw-backdrop-contrast: var(--tw-empty, /*!*/ /*!*/);
  --tw-backdrop-grayscale: var(--tw-empty, /*!*/ /*!*/);
  --tw-backdrop-hue-rotate: var(--tw-empty, /*!*/ /*!*/);
  --tw-backdrop-invert: var(--tw-empty, /*!*/ /*!*/);
  --tw-backdrop-opacity: var(--tw-empty, /*!*/ /*!*/);
  --tw-backdrop-saturate: var(--tw-empty, /*!*/ /*!*/);
  --tw-backdrop-sepia: var(--tw-empty, /*!*/ /*!*/);
  --tw-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  border-color: currentColor;
}

:root {
  --breakpoint: "sm";
  --container-width: unset;
  --inner-gutter: 8px;
  --outer-gutter: 12px;
  --grid-columns: 12;
  --env: "dev";
  --grid-column-bg: rgba(127, 255, 255, 0.25);
}

@media (min-width: 640px) {
  :root {
    --breakpoint: "orSm";
    --container-width: unset;
    --grid-columns: undefined;
  }
}

@media (min-width: 650px) {
  :root {
    --breakpoint: "md";
    --container-width: unset;
    --inner-gutter: 8px;
    --outer-gutter: 12px;
    --grid-columns: 12;
  }
}

@media (min-width: 1024px) {
  :root {
    --breakpoint: "lg";
    --container-width: unset;
    --inner-gutter: 8px;
    --outer-gutter: 36px;
    --grid-columns: 12;
  }
}

@media (min-width: 1280px) {
  :root {
    --breakpoint: "xl";
    --container-width: unset;
    --inner-gutter: 12px;
    --outer-gutter: 40px;
    --grid-columns: 12;
  }
}

@media (min-width: 1361px) {
  :root {
    --breakpoint: "xxl";
    --container-width: unset;
    --inner-gutter: 12px;
    --outer-gutter: 40px;
    --grid-columns: 12;
  }
}

@media (min-width: 1410px) {
  :root {
    --breakpoint: "xxll";
    --container-width: unset;
    --grid-columns: 12;
  }
}

@media (min-width: 1500px) {
  :root {
    --breakpoint: "xxxl";
    --container-width: unset;
    --inner-gutter: 12px;
    --outer-gutter: 40px;
    --grid-columns: 12;
  }
}

@media screen and (orientation: landscape) and (max-device-width: 1023px) {
  :root {
    --breakpoint: "landscape";
    --container-width: unset;
    --grid-columns: 12;
  }
}

:root {
  --title: "Obibok", "FedraSansArabicAR", Arial, sans-serif;
  --body: "UntitledSans", "FedraSansArabicAR", sans-serif;
}

.f-display-1 {
  font-family: var(--title);
  font-size: 3.188rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 0.9;
}

@media (min-width: 650px) {
  .f-display-1 {
    font-size: 4.563rem;
  }
}

@media (min-width: 1024px) {
  .f-display-1 {
    font-size: 7.313rem;
  }
}

@media (min-width: 1280px) {
  .f-display-1 {
    font-size: 8.938rem;
  }
}

@media (min-width: 1361px) {
  .f-display-1 {
    font-size: 10.5147vw;
  }
}

@media (min-width: 1500px) {
  .f-display-1 {
    font-size: 9.8575rem;
  }
}

.f-display-2 {
  font-family: var(--title);
  font-size: 3.188rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

@media (min-width: 650px) {
  .f-display-2 {
    font-size: 4.063rem;
  }
}

@media (min-width: 1024px) {
  .f-display-2 {
    font-size: 4.563rem;
  }
}

@media (min-width: 1280px) {
  .f-display-2 {
    font-size: 5.75rem;
  }
}

@media (min-width: 1361px) {
  .f-display-2 {
    font-size: 6.7647vw;
  }
}

@media (min-width: 1500px) {
  .f-display-2 {
    font-size: 6.3419rem;
  }
}

.f-heading-1 {
  font-family: var(--title);
  font-size: 2.375rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

@media (min-width: 650px) {
  .f-heading-1 {
    font-size: 3.625rem;
  }
}

@media (min-width: 1024px) {
  .f-heading-1 {
    font-size: 5.125rem;
  }
}

@media (min-width: 1280px) {
  .f-heading-1 {
    font-size: 5.75rem;
  }
}

@media (min-width: 1361px) {
  .f-heading-1 {
    font-size: 6rem;
  }
}

.f-heading-2 {
  font-family: var(--title);
  font-size: 2.813rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

@media (min-width: 650px) {
  .f-heading-2 {
    font-size: 3.188rem;
  }
}

@media (min-width: 1024px) {
  .f-heading-2 {
    font-size: 4.063rem;
  }
}

@media (min-width: 1280px) {
  .f-heading-2 {
    font-size: 4.563rem;
  }
}

.f-heading-2-booking {
  font-family: var(--title);
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

@media (min-width: 650px) {
  .f-heading-2-booking {
    font-size: 3.188rem;
  }
}

@media (min-width: 1024px) {
  .f-heading-2-booking {
    font-size: 4.063rem;
  }
}

@media (min-width: 1280px) {
  .f-heading-2-booking {
    font-size: 4.563rem;
  }
}

.f-heading-2-shop {
  font-family: var(--title);
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.3;
}

@media (min-width: 1024px) {
  .f-heading-2-shop {
    font-size: 4.063rem;
  }
}

@media (min-width: 1280px) {
  .f-heading-2-shop {
    font-size: 4.563rem;
  }
}

.f-heading-3 {
  font-family: var(--title);
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

@media (min-width: 1024px) {
  .f-heading-3 {
    font-size: 2.813rem;
  }
}

@media (min-width: 1280px) {
  .f-heading-3 {
    font-size: 3.188rem;
  }
}

.f-heading-3-shop {
  font-family: var(--title);
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

@media (min-width: 1024px) {
  .f-heading-3-shop {
    font-size: 2.375rem;
  }
}

.f-heading-4 {
  font-family: var(--title);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.4;
}

@media (min-width: 1024px) {
  .f-heading-4 {
    font-size: 1.75rem;
  }
}

.f-heading-5 {
  font-family: var(--title);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.4;
}

@media (min-width: 1024px) {
  .f-heading-5 {
    font-size: 1.5rem;
  }
}

.f-heading-6 {
  font-family: var(--title);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

.f-body-1 {
  font-family: var(--body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 1024px) {
  .f-body-1 {
    font-size: 1.125rem;
    line-height: 1.6;
  }
}

.f-body-2 {
  font-family: var(--body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.f-ui-1 {
  font-family: var(--title);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.4;
}

@media (min-width: 1024px) {
  .f-ui-1 {
    font-size: 1.125rem;
    line-height: 1.6;
  }
}

.f-ui-2 {
  font-size: 1rem;
  letter-spacing: 1px;
}

.f-ui-2,
.f-ui-3 {
  font-family: var(--title);
  font-weight: 500;
  line-height: 1.4;
}

.f-ui-3 {
  font-size: 0.875rem;
  letter-spacing: 0.03em;
}

.f-ui-4 {
  font-family: var(--title);
  font-size: 0.688rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.3;
}

.f-caption {
  font-family: var(--body);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
}

:root {
  --spacing-gutter: 0.5rem;
  --spacing-outer-gutter: 0.75rem;
  --spacing-outer-1: 0.5rem;
  --spacing-outer-2: 1.25rem;
  --spacing-outer-3: 2.5rem;
  --spacing-outer-4: 2.5rem;
  --spacing-outer-5: 5rem;
  --spacing-outer-6: 7.5rem;
  --spacing-account-footer: -6.75rem;
  --spacing-headersize: 6.875rem;
}

@media (min-width: 650px) {
  :root {
    --spacing-gutter: 0.5rem;
    --spacing-outer-gutter: 0.75rem;
    --spacing-account-footer: 5rem;
    --spacing-headersize: 7.375rem;
  }
}

@media (min-width: 1024px) {
  :root {
    --spacing-gutter: 0.5rem;
    --spacing-outer-gutter: 2.25rem;
    --spacing-outer-2: 2.5rem;
    --spacing-outer-3: 3.75rem;
    --spacing-outer-4: 5rem;
    --spacing-outer-6: 10rem;
    --spacing-account-footer: 10rem;
  }
}

@media (min-width: 1280px) {
  :root {
    --spacing-gutter: 0.75rem;
    --spacing-outer-gutter: 2.5rem;
    --spacing-outer-1: 0.75rem;
    --spacing-outer-6: 12.5rem;
    --spacing-account-footer: 12.5rem;
    --spacing-headersize: 7.875rem;
  }
}

@media (min-width: 1361px) {
  :root {
    --spacing-gutter: 0.75rem;
    --spacing-outer-gutter: 2.5rem;
  }
}

@media (min-width: 1500px) {
  :root {
    --spacing-gutter: 0.75rem;
    --spacing-outer-gutter: 2.5rem;
  }
}

.mt-gutter {
  margin-top: var(--spacing-gutter);
}

.mr-gutter {
  margin-right: var(--spacing-gutter);
}

.ml-gutter {
  margin-left: var(--spacing-gutter);
}

.p-gutter {
  padding: var(--spacing-gutter);
}

.px-gutter {
  padding-left: var(--spacing-gutter);
  padding-right: var(--spacing-gutter);
}

.mr-outer-gutter {
  margin-right: var(--spacing-outer-gutter);
}

.ml-outer-gutter {
  margin-left: var(--spacing-outer-gutter);
}

.-mx-outer-gutter {
  margin-left: calc(var(--spacing-outer-gutter) * -1);
  margin-right: calc(var(--spacing-outer-gutter) * -1);
}

.px-outer-gutter {
  padding-left: var(--spacing-outer-gutter);
  padding-right: var(--spacing-outer-gutter);
}

.mb-outer-1 {
  margin-bottom: var(--spacing-outer-1);
}

.mr-outer-1,
.mx-outer-1 {
  margin-right: var(--spacing-outer-1);
}

.mx-outer-1 {
  margin-left: var(--spacing-outer-1);
}

.p-outer-1 {
  padding: var(--spacing-outer-1);
}

.pt-outer-1 {
  padding-top: var(--spacing-outer-1);
}

.px-outer-1 {
  padding-left: var(--spacing-outer-1);
  padding-right: var(--spacing-outer-1);
}

.py-outer-1 {
  padding-bottom: var(--spacing-outer-1);
  padding-top: var(--spacing-outer-1);
}

.mt-outer-2 {
  margin-top: var(--spacing-outer-2);
}

.mr-outer-2,
.mx-outer-2 {
  margin-right: var(--spacing-outer-2);
}

.mx-outer-2 {
  margin-left: var(--spacing-outer-2);
}

.my-outer-2 {
  margin-bottom: var(--spacing-outer-2);
  margin-top: var(--spacing-outer-2);
}

.pb-outer-2 {
  padding-bottom: var(--spacing-outer-2);
}

.mt-outer-3 {
  margin-top: var(--spacing-outer-3);
}

.mr-outer-3 {
  margin-right: var(--spacing-outer-3);
}

.mt-outer-4 {
  margin-top: var(--spacing-outer-4);
}

.py-outer-5 {
  padding-bottom: var(--spacing-outer-5);
  padding-top: var(--spacing-outer-5);
}

.mt-outer-6 {
  margin-top: var(--spacing-outer-6);
}

.-mt-outer-6 {
  margin-top: calc(var(--spacing-outer-6) * -1);
}

.mb-outer-6 {
  margin-bottom: var(--spacing-outer-6);
}

.pt-outer-6 {
  padding-top: var(--spacing-outer-6);
}

.pb-outer-6 {
  padding-bottom: var(--spacing-outer-6);
}

.pb-account-footer {
  padding-bottom: var(--spacing-account-footer);
}

.pt-headersize {
  padding-top: var(--spacing-headersize);
}

.dev-tools {
  bottom: 0;
  font-size: 0;
  left: 0;
  position: fixed;
  z-index: 9999999999;
}

.dev-tools:before {
  background: green;
  bottom: 100%;
  color: #fff;
  content: var(--breakpoint) " • " var(--env);
  font: 12px/1 sans-serif;
  left: 0;
  padding: 4px 5px;
  pointer-events: none;
  position: absolute;
  white-space: nowrap;
  z-index: 2;
}

.dev-tools-toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #000;
  border: 0;
  color: transparent;
  cursor: pointer;
  font: 0/0 a;
  height: 30px;
  position: relative;
  width: 30px;
  z-index: 2;
}

.dev-tools-toggle:after,
.dev-tools-toggle:before {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  content: "";
  height: 10px;
  left: 8px;
  position: absolute;
  top: 10px;
  width: 5px;
}

.dev-tools-toggle:after {
  left: 16px;
}

.dev-tools-grid {
  background: repeating-linear-gradient(
    90deg,
    var(--grid-column-bg),
    var(--grid-column-bg)
      calc(
        (100% - (var(--grid-columns) - 1) * var(--inner-gutter)) /
          var(--grid-columns)
      ),
    transparent
      calc(
        (100% - (var(--grid-columns) - 1) * var(--inner-gutter)) /
          var(--grid-columns)
      ),
    transparent
      calc(
        (100% - (var(--grid-columns) - 1) * var(--inner-gutter)) /
          var(--grid-columns) + var(--inner-gutter)
      )
  );
  bottom: 0;
  height: 100%;
  left: 0;
  margin: 0 auto;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  width: calc(var(--container-width, 100%) - var(--outer-gutter, 0) * 2);
  z-index: 1;
}

.cols-container {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--inner-gutter) * -1);
}

.cols-container > [class*="cols-"] {
  margin-left: var(--inner-gutter);
}

.cols-container > .cols-ml-reset {
  margin-left: 0;
}

.cols-container > .cols-1 {
  width: calc(
    (1 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 1 / var(--grid-columns) * var(--inner-gutter)
  );
}

.cols-container > .push-1 {
  margin-left: calc(
    (1 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 1 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-1 {
  margin-left: calc(
    (
        (
            ((1 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (1 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-r-1 {
  margin-right: calc(
    (1 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 1 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-r-1 {
  margin-right: calc(
    (
        (
            ((1 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (1 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-1-gutter {
  margin-left: calc(
    (1 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 1 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-1-gutter {
  margin-left: calc(
    (1 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 1 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-container > .push-r-1-gutter {
  margin-right: calc(
    (1 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 1 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-r-1-gutter {
  margin-right: calc(
    (1 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 1 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-container > .cols-2 {
  width: calc(
    (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 2 / var(--grid-columns) * var(--inner-gutter)
  );
}

.cols-container > .push-2 {
  margin-left: calc(
    (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 2 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-2 {
  margin-left: calc(
    (
        (
            ((2 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (2 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-r-2 {
  margin-right: calc(
    (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 2 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-r-2 {
  margin-right: calc(
    (
        (
            ((2 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (2 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-2-gutter {
  margin-left: calc(
    (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 2 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-2-gutter {
  margin-left: calc(
    (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 2 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-container > .push-r-2-gutter {
  margin-right: calc(
    (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 2 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-r-2-gutter {
  margin-right: calc(
    (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 2 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-container > .cols-3 {
  width: calc(
    (3 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 3 / var(--grid-columns) * var(--inner-gutter)
  );
}

.cols-container > .push-3 {
  margin-left: calc(
    (3 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 3 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-3 {
  margin-left: calc(
    (
        (
            ((3 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (3 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-r-3 {
  margin-right: calc(
    (3 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 3 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-r-3 {
  margin-right: calc(
    (
        (
            ((3 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (3 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-3-gutter {
  margin-left: calc(
    (3 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 3 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-3-gutter {
  margin-left: calc(
    (3 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 3 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-container > .push-r-3-gutter {
  margin-right: calc(
    (3 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 3 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-r-3-gutter {
  margin-right: calc(
    (3 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 3 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-container > .cols-4 {
  width: calc(
    (4 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 4 / var(--grid-columns) * var(--inner-gutter)
  );
}

.cols-container > .push-4 {
  margin-left: calc(
    (4 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 4 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-4 {
  margin-left: calc(
    (
        (
            ((4 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (4 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-r-4 {
  margin-right: calc(
    (4 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 4 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-r-4 {
  margin-right: calc(
    (
        (
            ((4 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (4 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-4-gutter {
  margin-left: calc(
    (4 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 4 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-4-gutter {
  margin-left: calc(
    (4 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 4 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-container > .push-r-4-gutter {
  margin-right: calc(
    (4 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 4 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-r-4-gutter {
  margin-right: calc(
    (4 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 4 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-container > .cols-5 {
  width: calc(
    (5 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 5 / var(--grid-columns) * var(--inner-gutter)
  );
}

.cols-container > .push-5 {
  margin-left: calc(
    (5 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 5 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-5 {
  margin-left: calc(
    (
        (
            ((5 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (5 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-r-5 {
  margin-right: calc(
    (5 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 5 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-r-5 {
  margin-right: calc(
    (
        (
            ((5 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (5 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-5-gutter {
  margin-left: calc(
    (5 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 5 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-5-gutter {
  margin-left: calc(
    (5 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 5 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-container > .push-r-5-gutter {
  margin-right: calc(
    (5 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 5 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-r-5-gutter {
  margin-right: calc(
    (5 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 5 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-6 {
  width: calc(
    (6 / var(--grid-columns)) * 100% - var(--inner-gutter) + 6 /
      var(--grid-columns) * var(--inner-gutter)
  );
}

.cols-container > .cols-6 {
  width: calc(
    (6 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 6 / var(--grid-columns) * var(--inner-gutter)
  );
}

.cols-container > .push-6 {
  margin-left: calc(
    (6 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 6 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-6 {
  margin-left: calc(
    (
        (
            ((6 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (6 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-r-6 {
  margin-right: calc(
    (6 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 6 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-r-6 {
  margin-right: calc(
    (
        (
            ((6 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (6 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-6-gutter {
  margin-left: calc(
    (6 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 6 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-6-gutter {
  margin-left: calc(
    (6 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 6 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-container > .push-r-6-gutter {
  margin-right: calc(
    (6 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 6 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-r-6-gutter {
  margin-right: calc(
    (6 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 6 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-container > .cols-7 {
  width: calc(
    (7 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 7 / var(--grid-columns) * var(--inner-gutter)
  );
}

.cols-container > .push-7 {
  margin-left: calc(
    (7 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 7 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-7 {
  margin-left: calc(
    (
        (
            ((7 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (7 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-r-7 {
  margin-right: calc(
    (7 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 7 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-r-7 {
  margin-right: calc(
    (
        (
            ((7 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (7 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-7-gutter {
  margin-left: calc(
    (7 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 7 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-7-gutter {
  margin-left: calc(
    (7 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 7 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-container > .push-r-7-gutter {
  margin-right: calc(
    (7 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 7 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-r-7-gutter {
  margin-right: calc(
    (7 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 7 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-8 {
  width: calc(
    (8 / var(--grid-columns)) * 100% - var(--inner-gutter) + 8 /
      var(--grid-columns) * var(--inner-gutter)
  );
}

.cols-container > .cols-8 {
  width: calc(
    (8 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 8 / var(--grid-columns) * var(--inner-gutter)
  );
}

.cols-container > .push-8 {
  margin-left: calc(
    (8 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 8 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-8 {
  margin-left: calc(
    (
        (
            ((8 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (8 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-r-8 {
  margin-right: calc(
    (8 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 8 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-r-8 {
  margin-right: calc(
    (
        (
            ((8 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (8 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-8-gutter {
  margin-left: calc(
    (8 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 8 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-8-gutter {
  margin-left: calc(
    (8 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 8 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-container > .push-r-8-gutter {
  margin-right: calc(
    (8 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 8 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-r-8-gutter {
  margin-right: calc(
    (8 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 8 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-container > .cols-9 {
  width: calc(
    (9 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 9 / var(--grid-columns) * var(--inner-gutter)
  );
}

.cols-container > .push-9 {
  margin-left: calc(
    (9 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 9 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-9 {
  margin-left: calc(
    (
        (
            ((9 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (9 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-r-9 {
  margin-right: calc(
    (9 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 9 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-r-9 {
  margin-right: calc(
    (
        (
            ((9 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (9 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-9-gutter {
  margin-left: calc(
    (9 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 9 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-9-gutter {
  margin-left: calc(
    (9 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 9 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-container > .push-r-9-gutter {
  margin-right: calc(
    (9 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 9 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-r-9-gutter {
  margin-right: calc(
    (9 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 9 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-10 {
  width: calc(
    (10 / var(--grid-columns)) * 100% - var(--inner-gutter) + 10 /
      var(--grid-columns) * var(--inner-gutter)
  );
}

.cols-container > .cols-10 {
  width: calc(
    (10 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 10 / var(--grid-columns) * var(--inner-gutter)
  );
}

.cols-container > .push-10 {
  margin-left: calc(
    (10 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 10 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-10 {
  margin-left: calc(
    (
        (
            ((10 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (10 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-r-10 {
  margin-right: calc(
    (10 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 10 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-r-10 {
  margin-right: calc(
    (
        (
            ((10 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (10 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-10-gutter {
  margin-left: calc(
    (10 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 10 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-10-gutter {
  margin-left: calc(
    (10 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 10 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-container > .push-r-10-gutter {
  margin-right: calc(
    (10 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 10 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-r-10-gutter {
  margin-right: calc(
    (10 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 10 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-11 {
  width: calc(
    (11 / var(--grid-columns)) * 100% - var(--inner-gutter) + 11 /
      var(--grid-columns) * var(--inner-gutter)
  );
}

.cols-container > .cols-11 {
  width: calc(
    (11 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 11 / var(--grid-columns) * var(--inner-gutter)
  );
}

.cols-container > .push-11 {
  margin-left: calc(
    (11 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 11 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-11 {
  margin-left: calc(
    (
        (
            ((11 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (11 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-r-11 {
  margin-right: calc(
    (11 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 11 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-r-11 {
  margin-right: calc(
    (
        (
            ((11 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (11 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-11-gutter {
  margin-left: calc(
    (11 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 11 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-11-gutter {
  margin-left: calc(
    (11 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 11 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-container > .push-r-11-gutter {
  margin-right: calc(
    (11 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 11 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-r-11-gutter {
  margin-right: calc(
    (11 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 11 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-12 {
  width: calc(
    (12 / var(--grid-columns)) * 100% - var(--inner-gutter) + 12 /
      var(--grid-columns) * var(--inner-gutter)
  );
}

.cols-container > .cols-12 {
  width: calc(
    (12 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 12 / var(--grid-columns) * var(--inner-gutter)
  );
}

.cols-container > .push-12 {
  margin-left: calc(
    (12 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 12 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-12 {
  margin-left: calc(
    (
        (
            ((12 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (12 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-r-12 {
  margin-right: calc(
    (12 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 12 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter)
  );
}

.cols-container > .pull-r-12 {
  margin-right: calc(
    (
        (
            ((12 / var(--grid-columns)) * (100% - var(--inner-gutter))) -
              (
                var(--inner-gutter) -
                  (12 / var(--grid-columns) * var(--inner-gutter))
              )
          ) + var(--inner-gutter)
      ) * -1
  );
}

.cols-container > .push-12-gutter {
  margin-left: calc(
    (12 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 12 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-12-gutter {
  margin-left: calc(
    (12 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 12 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

.cols-container > .push-r-12-gutter {
  margin-right: calc(
    (12 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
      var(--inner-gutter) + 12 / var(--grid-columns) * var(--inner-gutter) +
      var(--inner-gutter) * 2
  );
}

.cols-container > .pull-r-12-gutter {
  margin-right: calc(
    (12 / var(--grid-columns)) * (100% - var(--inner-gutter)) * -1 -
      var(--inner-gutter) * -1 + 12 / var(--grid-columns) * var(--inner-gutter) *
      -1 + var(--inner-gutter) * 2 * -1
  );
}

[class*="grid-line-"] > * {
  position: relative;
}

[class*="grid-line-"] > :after,
[class*="grid-line-"] > :before {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.grid-line-x-0.5[class*="grid-line-x-"] > :before {
  bottom: -0.125rem;
}

.grid-line-x-0.5[class*="grid-line-yfull"] > :after {
  bottom: -0.125rem;
  top: -0.125rem;
}

.grid-line-x-1.5[class*="grid-line-x-"] > :before {
  bottom: -0.375rem;
}

.grid-line-x-1.5[class*="grid-line-yfull"] > :after {
  bottom: -0.375rem;
  top: -0.375rem;
}

.grid-line-x-2.5[class*="grid-line-x-"] > :before {
  bottom: -0.625rem;
}

.grid-line-x-2.5[class*="grid-line-yfull"] > :after {
  bottom: -0.625rem;
  top: -0.625rem;
}

.grid-line-x-3.5[class*="grid-line-x-"] > :before {
  bottom: -0.875rem;
}

.grid-line-x-3.5[class*="grid-line-yfull"] > :after {
  bottom: -0.875rem;
  top: -0.875rem;
}

.grid-line-x-0.25[class*="grid-line-x-"] > :before {
  bottom: -0.0625rem;
}

.grid-line-x-0.25[class*="grid-line-yfull"] > :after {
  bottom: -0.0625rem;
  top: -0.0625rem;
}

.grid-line-x-1.25[class*="grid-line-x-"] > :before {
  bottom: -0.3125rem;
}

.grid-line-x-1.25[class*="grid-line-yfull"] > :after {
  bottom: -0.3125rem;
  top: -0.3125rem;
}

.grid-line-x-1.75[class*="grid-line-x-"] > :before {
  bottom: -0.4375rem;
}

.grid-line-x-1.75[class*="grid-line-yfull"] > :after {
  bottom: -0.4375rem;
  top: -0.4375rem;
}

.grid-line-x-2.75[class*="grid-line-x-"] > :before {
  bottom: -0.6875rem;
}

.grid-line-x-2.75[class*="grid-line-yfull"] > :after {
  bottom: -0.6875rem;
  top: -0.6875rem;
}

.grid-line-x-5.25[class*="grid-line-x-"] > :before {
  bottom: -1.3125rem;
}

.grid-line-x-5.25[class*="grid-line-yfull"] > :after {
  bottom: -1.3125rem;
  top: -1.3125rem;
}

.grid-line-x-5.5[class*="grid-line-x-"] > :before {
  bottom: -1.375rem;
}

.grid-line-x-5.5[class*="grid-line-yfull"] > :after {
  bottom: -1.375rem;
  top: -1.375rem;
}

.grid-line-x-6.25[class*="grid-line-x-"] > :before {
  bottom: -1.5625rem;
}

.grid-line-x-6.25[class*="grid-line-yfull"] > :after {
  bottom: -1.5625rem;
  top: -1.5625rem;
}

.grid-line-x-6.5[class*="grid-line-x-"] > :before {
  bottom: -1.625rem;
}

.grid-line-x-6.5[class*="grid-line-yfull"] > :after {
  bottom: -1.625rem;
  top: -1.625rem;
}

.grid-line-x-7.5[class*="grid-line-x-"] > :before {
  bottom: -1.875rem;
}

.grid-line-x-7.5[class*="grid-line-yfull"] > :after {
  bottom: -1.875rem;
  top: -1.875rem;
}

.grid-line-x-8.5[class*="grid-line-x-"] > :before {
  bottom: -2.125rem;
}

.grid-line-x-8.5[class*="grid-line-yfull"] > :after {
  bottom: -2.125rem;
  top: -2.125rem;
}

.grid-line-x-8.75[class*="grid-line-x-"] > :before {
  bottom: -2.1875rem;
}

.grid-line-x-8.75[class*="grid-line-yfull"] > :after {
  bottom: -2.1875rem;
  top: -2.1875rem;
}

.grid-line-x-12.5[class*="grid-line-x-"] > :before {
  bottom: -3.125rem;
}

.grid-line-x-12.5[class*="grid-line-yfull"] > :after {
  bottom: -3.125rem;
  top: -3.125rem;
}

.grid-line-x-17.5[class*="grid-line-x-"] > :before {
  bottom: -4.375rem;
}

.grid-line-x-17.5[class*="grid-line-yfull"] > :after {
  bottom: -4.375rem;
  top: -4.375rem;
}

.grid-line-x-37.5[class*="grid-line-x-"] > :before {
  bottom: -9.375rem;
}

.grid-line-x-37.5[class*="grid-line-yfull"] > :after {
  bottom: -9.375rem;
  top: -9.375rem;
}

.grid-line-x-62.5[class*="grid-line-x-"] > :before {
  bottom: -15.6rem;
}

.grid-line-x-62.5[class*="grid-line-yfull"] > :after {
  bottom: -15.6rem;
  top: -15.6rem;
}

.grid-cols-1[class*="grid-line-x"][class*="grid-line-x"]
  > :nth-child(n):before {
  border-bottom-width: 1px;
}

.grid-cols-1[class*="grid-line-xfull"] > :nth-child(n):before {
  left: 0;
  right: 0;
}

.grid-cols-1[class*="grid-line-x"] > :nth-child(1n + 1):before {
  right: 0;
}

.grid-cols-1[class*="grid-line-x"]
  > :nth-child(1n + 1):nth-last-child(-n + 1):before,
.grid-cols-1[class*="grid-line-x"]
  > :nth-child(1n + 1):nth-last-child(-n + 1)
  ~ :before {
  border-bottom-width: 0;
}

.grid-cols-2[class*="grid-line-x"][class*="grid-line-x"]
  > :nth-child(n):before {
  border-bottom-width: 1px;
}

.grid-cols-2[class*="grid-line-xfull"] > :nth-child(n):before {
  left: calc(var(--inner-gutter) / -2);
  right: calc(var(--inner-gutter) / -2);
}

.grid-cols-2[class*="grid-line-x"] > :nth-child(odd):before {
  left: 0;
}

.grid-cols-2[class*="grid-line-x"] > :nth-child(2n + 2):before {
  right: 0;
}

.grid-cols-2[class*="grid-line-x"]
  > :nth-child(odd):nth-last-child(-n + 2):before,
.grid-cols-2[class*="grid-line-x"]
  > :nth-child(odd):nth-last-child(-n + 2)
  ~ :before {
  border-bottom-width: 0;
}

.grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > :nth-child(n):after {
  border-right-width: 1px;
}

.grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
  > :nth-child(2n + 2):after {
  border-right-width: 0;
}

.grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
  > :nth-child(-n + 2):after {
  top: 0;
}

.grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
  > :nth-child(odd):nth-last-child(-n + 2):after,
.grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
  > :nth-child(odd):nth-last-child(-n + 2)
  ~ li:after {
  bottom: 0;
}

.grid-cols-3[class*="grid-line-x"][class*="grid-line-x"]
  > :nth-child(n):before {
  border-bottom-width: 1px;
}

.grid-cols-3[class*="grid-line-xfull"] > :nth-child(n):before {
  left: calc(var(--inner-gutter) / -2);
  right: calc(var(--inner-gutter) / -2);
}

.grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 1):before {
  left: 0;
}

.grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 3):before {
  right: 0;
}

.grid-cols-3[class*="grid-line-x"]
  > :nth-child(3n + 1):nth-last-child(-n + 3):before,
.grid-cols-3[class*="grid-line-x"]
  > :nth-child(3n + 1):nth-last-child(-n + 3)
  ~ :before {
  border-bottom-width: 0;
}

.grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > :nth-child(n):after {
  border-right-width: 1px;
}

.grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
  > :nth-child(3n + 3):after {
  border-right-width: 0;
}

.grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
  > :nth-child(-n + 3):after {
  top: 0;
}

.grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
  > :nth-child(3n + 1):nth-last-child(-n + 3):after,
.grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
  > :nth-child(3n + 1):nth-last-child(-n + 3)
  ~ li:after {
  bottom: 0;
}

@media (min-width: 640px) {
  [class*="grid-line-"] > * {
    position: relative;
  }

  [class*="grid-line-"] > :after,
  [class*="grid-line-"] > :before {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 0;
  }

  .orSm\:grid-line-x > :before {
    left: 0;
    right: 0;
  }

  .orSm\:grid-line-x > :before,
  .orSm\:grid-line-xfull > :before {
    border-bottom: 0 solid transparent;
    border-top: 0 solid transparent;
    bottom: calc(var(--inner-gutter) / -2);
    content: "";
    top: 0;
  }

  .orSm\:grid-line-xfull > :before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .orSm\:grid-line-x-0 > :before {
    content: none;
  }

  .orSm\:grid-line-y > :after {
    top: 0;
  }

  .orSm\:grid-line-y > :after,
  .orSm\:grid-line-yfull > :after {
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    bottom: 0;
    content: "";
    left: 0;
    right: calc(var(--inner-gutter) / -2);
  }

  .orSm\:grid-line-yfull > :after {
    top: calc(var(--inner-gutter) / -1);
  }

  .orSm\:grid-line-yfull[class*="grid-line-x"] > :after {
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    bottom: calc(var(--inner-gutter) / -2);
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: calc(var(--inner-gutter) / -2);
  }

  .orSm\:grid-line-y-0 > :after {
    content: none;
  }

  .orSm\:grid-line-x-0[class*="grid-line-x-"] > :before {
    bottom: 0;
  }

  .orSm\:grid-line-x-0[class*="grid-line-yfull"] > :after {
    bottom: 0;
    top: 0;
  }

  .orSm\:grid-line-x-1[class*="grid-line-x-"] > :before {
    bottom: -0.25rem;
  }

  .orSm\:grid-line-x-1[class*="grid-line-yfull"] > :after {
    bottom: -0.25rem;
    top: -0.25rem;
  }

  .orSm\:grid-line-x-2[class*="grid-line-x-"] > :before {
    bottom: -0.5rem;
  }

  .orSm\:grid-line-x-2[class*="grid-line-yfull"] > :after {
    bottom: -0.5rem;
    top: -0.5rem;
  }

  .orSm\:grid-line-x-3[class*="grid-line-x-"] > :before {
    bottom: -0.75rem;
  }

  .orSm\:grid-line-x-3[class*="grid-line-yfull"] > :after {
    bottom: -0.75rem;
    top: -0.75rem;
  }

  .orSm\:grid-line-x-4[class*="grid-line-x-"] > :before {
    bottom: -1rem;
  }

  .orSm\:grid-line-x-4[class*="grid-line-yfull"] > :after {
    bottom: -1rem;
    top: -1rem;
  }

  .orSm\:grid-line-x-5[class*="grid-line-x-"] > :before {
    bottom: -1.25rem;
  }

  .orSm\:grid-line-x-5[class*="grid-line-yfull"] > :after {
    bottom: -1.25rem;
    top: -1.25rem;
  }

  .orSm\:grid-line-x-6[class*="grid-line-x-"] > :before {
    bottom: -1.5rem;
  }

  .orSm\:grid-line-x-6[class*="grid-line-yfull"] > :after {
    bottom: -1.5rem;
    top: -1.5rem;
  }

  .orSm\:grid-line-x-7[class*="grid-line-x-"] > :before {
    bottom: -1.75rem;
  }

  .orSm\:grid-line-x-7[class*="grid-line-yfull"] > :after {
    bottom: -1.75rem;
    top: -1.75rem;
  }

  .orSm\:grid-line-x-8[class*="grid-line-x-"] > :before {
    bottom: -2rem;
  }

  .orSm\:grid-line-x-8[class*="grid-line-yfull"] > :after {
    bottom: -2rem;
    top: -2rem;
  }

  .orSm\:grid-line-x-9[class*="grid-line-x-"] > :before {
    bottom: -2.25rem;
  }

  .orSm\:grid-line-x-9[class*="grid-line-yfull"] > :after {
    bottom: -2.25rem;
    top: -2.25rem;
  }

  .orSm\:grid-line-x-10[class*="grid-line-x-"] > :before {
    bottom: -2.5rem;
  }

  .orSm\:grid-line-x-10[class*="grid-line-yfull"] > :after {
    bottom: -2.5rem;
    top: -2.5rem;
  }

  .orSm\:grid-line-x-11[class*="grid-line-x-"] > :before {
    bottom: -2.75rem;
  }

  .orSm\:grid-line-x-11[class*="grid-line-yfull"] > :after {
    bottom: -2.75rem;
    top: -2.75rem;
  }

  .orSm\:grid-line-x-12[class*="grid-line-x-"] > :before {
    bottom: -3rem;
  }

  .orSm\:grid-line-x-12[class*="grid-line-yfull"] > :after {
    bottom: -3rem;
    top: -3rem;
  }

  .orSm\:grid-line-x-13[class*="grid-line-x-"] > :before {
    bottom: -3.25rem;
  }

  .orSm\:grid-line-x-13[class*="grid-line-yfull"] > :after {
    bottom: -3.25rem;
    top: -3.25rem;
  }

  .orSm\:grid-line-x-14[class*="grid-line-x-"] > :before {
    bottom: -3.5rem;
  }

  .orSm\:grid-line-x-14[class*="grid-line-yfull"] > :after {
    bottom: -3.5rem;
    top: -3.5rem;
  }

  .orSm\:grid-line-x-15[class*="grid-line-x-"] > :before {
    bottom: -3.75rem;
  }

  .orSm\:grid-line-x-15[class*="grid-line-yfull"] > :after {
    bottom: -3.75rem;
    top: -3.75rem;
  }

  .orSm\:grid-line-x-16[class*="grid-line-x-"] > :before {
    bottom: -4rem;
  }

  .orSm\:grid-line-x-16[class*="grid-line-yfull"] > :after {
    bottom: -4rem;
    top: -4rem;
  }

  .orSm\:grid-line-x-17[class*="grid-line-x-"] > :before {
    bottom: -4.125rem;
  }

  .orSm\:grid-line-x-17[class*="grid-line-yfull"] > :after {
    bottom: -4.125rem;
    top: -4.125rem;
  }

  .orSm\:grid-line-x-18[class*="grid-line-x-"] > :before {
    bottom: -4.5rem;
  }

  .orSm\:grid-line-x-18[class*="grid-line-yfull"] > :after {
    bottom: -4.5rem;
    top: -4.5rem;
  }

  .orSm\:grid-line-x-19[class*="grid-line-x-"] > :before {
    bottom: -4.75rem;
  }

  .orSm\:grid-line-x-19[class*="grid-line-yfull"] > :after {
    bottom: -4.75rem;
    top: -4.75rem;
  }

  .orSm\:grid-line-x-20[class*="grid-line-x-"] > :before {
    bottom: -5rem;
  }

  .orSm\:grid-line-x-20[class*="grid-line-yfull"] > :after {
    bottom: -5rem;
    top: -5rem;
  }

  .orSm\:grid-line-x-22[class*="grid-line-x-"] > :before {
    bottom: -5.5rem;
  }

  .orSm\:grid-line-x-22[class*="grid-line-yfull"] > :after {
    bottom: -5.5rem;
    top: -5.5rem;
  }

  .orSm\:grid-line-x-24[class*="grid-line-x-"] > :before {
    bottom: -6rem;
  }

  .orSm\:grid-line-x-24[class*="grid-line-yfull"] > :after {
    bottom: -6rem;
    top: -6rem;
  }

  .orSm\:grid-line-x-25[class*="grid-line-x-"] > :before {
    bottom: -6.25rem;
  }

  .orSm\:grid-line-x-25[class*="grid-line-yfull"] > :after {
    bottom: -6.25rem;
    top: -6.25rem;
  }

  .orSm\:grid-line-x-26[class*="grid-line-x-"] > :before {
    bottom: -6.5rem;
  }

  .orSm\:grid-line-x-26[class*="grid-line-yfull"] > :after {
    bottom: -6.5rem;
    top: -6.5rem;
  }

  .orSm\:grid-line-x-27[class*="grid-line-x-"] > :before {
    bottom: -6.75rem;
  }

  .orSm\:grid-line-x-27[class*="grid-line-yfull"] > :after {
    bottom: -6.75rem;
    top: -6.75rem;
  }

  .orSm\:grid-line-x-28[class*="grid-line-x-"] > :before {
    bottom: -7rem;
  }

  .orSm\:grid-line-x-28[class*="grid-line-yfull"] > :after {
    bottom: -7rem;
    top: -7rem;
  }

  .orSm\:grid-line-x-30[class*="grid-line-x-"] > :before {
    bottom: -7.5rem;
  }

  .orSm\:grid-line-x-30[class*="grid-line-yfull"] > :after {
    bottom: -7.5rem;
    top: -7.5rem;
  }

  .orSm\:grid-line-x-32[class*="grid-line-x-"] > :before {
    bottom: -8rem;
  }

  .orSm\:grid-line-x-32[class*="grid-line-yfull"] > :after {
    bottom: -8rem;
    top: -8rem;
  }

  .orSm\:grid-line-x-35[class*="grid-line-x-"] > :before {
    bottom: -8.75rem;
  }

  .orSm\:grid-line-x-35[class*="grid-line-yfull"] > :after {
    bottom: -8.75rem;
    top: -8.75rem;
  }

  .orSm\:grid-line-x-36[class*="grid-line-x-"] > :before {
    bottom: -9rem;
  }

  .orSm\:grid-line-x-36[class*="grid-line-yfull"] > :after {
    bottom: -9rem;
    top: -9rem;
  }

  .orSm\:grid-line-x-40[class*="grid-line-x-"] > :before {
    bottom: -10rem;
  }

  .orSm\:grid-line-x-40[class*="grid-line-yfull"] > :after {
    bottom: -10rem;
    top: -10rem;
  }

  .orSm\:grid-line-x-42[class*="grid-line-x-"] > :before {
    bottom: -10.5rem;
  }

  .orSm\:grid-line-x-42[class*="grid-line-yfull"] > :after {
    bottom: -10.5rem;
    top: -10.5rem;
  }

  .orSm\:grid-line-x-44[class*="grid-line-x-"] > :before {
    bottom: -11rem;
  }

  .orSm\:grid-line-x-44[class*="grid-line-yfull"] > :after {
    bottom: -11rem;
    top: -11rem;
  }

  .orSm\:grid-line-x-45[class*="grid-line-x-"] > :before {
    bottom: -11.25rem;
  }

  .orSm\:grid-line-x-45[class*="grid-line-yfull"] > :after {
    bottom: -11.25rem;
    top: -11.25rem;
  }

  .orSm\:grid-line-x-48[class*="grid-line-x-"] > :before {
    bottom: -12rem;
  }

  .orSm\:grid-line-x-48[class*="grid-line-yfull"] > :after {
    bottom: -12rem;
    top: -12rem;
  }

  .orSm\:grid-line-x-50[class*="grid-line-x-"] > :before {
    bottom: -12.5rem;
  }

  .orSm\:grid-line-x-50[class*="grid-line-yfull"] > :after {
    bottom: -12.5rem;
    top: -12.5rem;
  }

  .orSm\:grid-line-x-52[class*="grid-line-x-"] > :before {
    bottom: -13rem;
  }

  .orSm\:grid-line-x-52[class*="grid-line-yfull"] > :after {
    bottom: -13rem;
    top: -13rem;
  }

  .orSm\:grid-line-x-56[class*="grid-line-x-"] > :before {
    bottom: -14rem;
  }

  .orSm\:grid-line-x-56[class*="grid-line-yfull"] > :after {
    bottom: -14rem;
    top: -14rem;
  }

  .orSm\:grid-line-x-60[class*="grid-line-x-"] > :before {
    bottom: -15rem;
  }

  .orSm\:grid-line-x-60[class*="grid-line-yfull"] > :after {
    bottom: -15rem;
    top: -15rem;
  }

  .orSm\:grid-line-x-64[class*="grid-line-x-"] > :before {
    bottom: -16rem;
  }

  .orSm\:grid-line-x-64[class*="grid-line-yfull"] > :after {
    bottom: -16rem;
    top: -16rem;
  }

  .orSm\:grid-line-x-72[class*="grid-line-x-"] > :before {
    bottom: -18rem;
  }

  .orSm\:grid-line-x-72[class*="grid-line-yfull"] > :after {
    bottom: -18rem;
    top: -18rem;
  }

  .orSm\:grid-line-x-80[class*="grid-line-x-"] > :before {
    bottom: -20rem;
  }

  .orSm\:grid-line-x-80[class*="grid-line-yfull"] > :after {
    bottom: -20rem;
    top: -20rem;
  }

  .orSm\:grid-line-x-96[class*="grid-line-x-"] > :before {
    bottom: -24rem;
  }

  .orSm\:grid-line-x-96[class*="grid-line-yfull"] > :after {
    bottom: -24rem;
    top: -24rem;
  }

  .orSm\:grid-line-x-px[class*="grid-line-x-"] > :before {
    bottom: -1px;
  }

  .orSm\:grid-line-x-px[class*="grid-line-yfull"] > :after {
    bottom: -1px;
    top: -1px;
  }

  .orSm\:grid-line-x-0.5[class*="grid-line-x-"] > :before {
    bottom: -0.125rem;
  }

  .orSm\:grid-line-x-0.5[class*="grid-line-yfull"] > :after {
    bottom: -0.125rem;
    top: -0.125rem;
  }

  .orSm\:grid-line-x-1.5[class*="grid-line-x-"] > :before {
    bottom: -0.375rem;
  }

  .orSm\:grid-line-x-1.5[class*="grid-line-yfull"] > :after {
    bottom: -0.375rem;
    top: -0.375rem;
  }

  .orSm\:grid-line-x-2.5[class*="grid-line-x-"] > :before {
    bottom: -0.625rem;
  }

  .orSm\:grid-line-x-2.5[class*="grid-line-yfull"] > :after {
    bottom: -0.625rem;
    top: -0.625rem;
  }

  .orSm\:grid-line-x-3.5[class*="grid-line-x-"] > :before {
    bottom: -0.875rem;
  }

  .orSm\:grid-line-x-3.5[class*="grid-line-yfull"] > :after {
    bottom: -0.875rem;
    top: -0.875rem;
  }

  .orSm\:grid-line-x-0.25[class*="grid-line-x-"] > :before {
    bottom: -0.0625rem;
  }

  .orSm\:grid-line-x-0.25[class*="grid-line-yfull"] > :after {
    bottom: -0.0625rem;
    top: -0.0625rem;
  }

  .orSm\:grid-line-x-1.25[class*="grid-line-x-"] > :before {
    bottom: -0.3125rem;
  }

  .orSm\:grid-line-x-1.25[class*="grid-line-yfull"] > :after {
    bottom: -0.3125rem;
    top: -0.3125rem;
  }

  .orSm\:grid-line-x-1.75[class*="grid-line-x-"] > :before {
    bottom: -0.4375rem;
  }

  .orSm\:grid-line-x-1.75[class*="grid-line-yfull"] > :after {
    bottom: -0.4375rem;
    top: -0.4375rem;
  }

  .orSm\:grid-line-x-2.75[class*="grid-line-x-"] > :before {
    bottom: -0.6875rem;
  }

  .orSm\:grid-line-x-2.75[class*="grid-line-yfull"] > :after {
    bottom: -0.6875rem;
    top: -0.6875rem;
  }

  .orSm\:grid-line-x-5.25[class*="grid-line-x-"] > :before {
    bottom: -1.3125rem;
  }

  .orSm\:grid-line-x-5.25[class*="grid-line-yfull"] > :after {
    bottom: -1.3125rem;
    top: -1.3125rem;
  }

  .orSm\:grid-line-x-5.5[class*="grid-line-x-"] > :before {
    bottom: -1.375rem;
  }

  .orSm\:grid-line-x-5.5[class*="grid-line-yfull"] > :after {
    bottom: -1.375rem;
    top: -1.375rem;
  }

  .orSm\:grid-line-x-6.25[class*="grid-line-x-"] > :before {
    bottom: -1.5625rem;
  }

  .orSm\:grid-line-x-6.25[class*="grid-line-yfull"] > :after {
    bottom: -1.5625rem;
    top: -1.5625rem;
  }

  .orSm\:grid-line-x-6.5[class*="grid-line-x-"] > :before {
    bottom: -1.625rem;
  }

  .orSm\:grid-line-x-6.5[class*="grid-line-yfull"] > :after {
    bottom: -1.625rem;
    top: -1.625rem;
  }

  .orSm\:grid-line-x-7.5[class*="grid-line-x-"] > :before {
    bottom: -1.875rem;
  }

  .orSm\:grid-line-x-7.5[class*="grid-line-yfull"] > :after {
    bottom: -1.875rem;
    top: -1.875rem;
  }

  .orSm\:grid-line-x-8.5[class*="grid-line-x-"] > :before {
    bottom: -2.125rem;
  }

  .orSm\:grid-line-x-8.5[class*="grid-line-yfull"] > :after {
    bottom: -2.125rem;
    top: -2.125rem;
  }

  .orSm\:grid-line-x-8.75[class*="grid-line-x-"] > :before {
    bottom: -2.1875rem;
  }

  .orSm\:grid-line-x-8.75[class*="grid-line-yfull"] > :after {
    bottom: -2.1875rem;
    top: -2.1875rem;
  }

  .orSm\:grid-line-x-12.5[class*="grid-line-x-"] > :before {
    bottom: -3.125rem;
  }

  .orSm\:grid-line-x-12.5[class*="grid-line-yfull"] > :after {
    bottom: -3.125rem;
    top: -3.125rem;
  }

  .orSm\:grid-line-x-17.5[class*="grid-line-x-"] > :before {
    bottom: -4.375rem;
  }

  .orSm\:grid-line-x-17.5[class*="grid-line-yfull"] > :after {
    bottom: -4.375rem;
    top: -4.375rem;
  }

  .orSm\:grid-line-x-37.5[class*="grid-line-x-"] > :before {
    bottom: -9.375rem;
  }

  .orSm\:grid-line-x-37.5[class*="grid-line-yfull"] > :after {
    bottom: -9.375rem;
    top: -9.375rem;
  }

  .orSm\:grid-line-x-62.5[class*="grid-line-x-"] > :before {
    bottom: -15.6rem;
  }

  .orSm\:grid-line-x-62.5[class*="grid-line-yfull"] > :after {
    bottom: -15.6rem;
    top: -15.6rem;
  }

  .orSm\:grid-line-x-1\/2[class*="grid-line-x-"] > :before {
    bottom: -50%;
  }

  .orSm\:grid-line-x-1\/2[class*="grid-line-yfull"] > :after {
    bottom: -50%;
    top: -50%;
  }

  .orSm\:grid-line-x-1\/3[class*="grid-line-x-"] > :before {
    bottom: -33.333%;
  }

  .orSm\:grid-line-x-1\/3[class*="grid-line-yfull"] > :after {
    bottom: -33.333%;
    top: -33.333%;
  }

  .orSm\:grid-line-x-1\/4[class*="grid-line-x-"] > :before {
    bottom: -25%;
  }

  .orSm\:grid-line-x-1\/4[class*="grid-line-yfull"] > :after {
    bottom: -25%;
    top: -25%;
  }

  .orSm\:grid-line-x-1\/5[class*="grid-line-x-"] > :before {
    bottom: -20%;
  }

  .orSm\:grid-line-x-1\/5[class*="grid-line-yfull"] > :after {
    bottom: -20%;
    top: -20%;
  }

  .orSm\:grid-line-x-1\/6[class*="grid-line-x-"] > :before {
    bottom: -16.666%;
  }

  .orSm\:grid-line-x-1\/6[class*="grid-line-yfull"] > :after {
    bottom: -16.666%;
    top: -16.666%;
  }

  .orSm\:grid-line-x-11\/12[class*="grid-line-x-"] > :before {
    bottom: -91.666667%;
  }

  .orSm\:grid-line-x-11\/12[class*="grid-line-yfull"] > :after {
    bottom: -91.666667%;
    top: -91.666667%;
  }

  .orSm\:grid-line-x-screen-1\/5[class*="grid-line-x-"] > :before {
    bottom: -20vh;
  }

  .orSm\:grid-line-x-screen-1\/5[class*="grid-line-yfull"] > :after {
    bottom: -20vh;
    top: -20vh;
  }

  .orSm\:grid-line-x-screen-1\/4[class*="grid-line-x-"] > :before {
    bottom: -25vh;
  }

  .orSm\:grid-line-x-screen-1\/4[class*="grid-line-yfull"] > :after {
    bottom: -25vh;
    top: -25vh;
  }

  .orSm\:grid-line-x-screen-1\/2[class*="grid-line-x-"] > :before {
    bottom: -50vh;
  }

  .orSm\:grid-line-x-screen-1\/2[class*="grid-line-yfull"] > :after {
    bottom: -50vh;
    top: -50vh;
  }

  .orSm\:grid-line-x-screen-3\/4[class*="grid-line-x-"] > :before {
    bottom: -67vh;
  }

  .orSm\:grid-line-x-screen-3\/4[class*="grid-line-yfull"] > :after {
    bottom: -67vh;
    top: -67vh;
  }

  .orSm\:grid-line-x-full-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
  }

  .orSm\:grid-line-x-full-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
    top: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
  }

  .orSm\:grid-line-x-screen-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
  }

  .orSm\:grid-line-x-screen-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
    top: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
  }

  .orSm\:grid-line-x-full-with-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
  }

  .orSm\:grid-line-x-full-with-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
    top: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
  }

  .orSm\:grid-line-x-safescreen[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
  }

  .orSm\:grid-line-x-safescreen[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
    top: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
  }

  .orSm\:grid-line-x-safescreen-12[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--vh, 1vh) * 100 - 3rem);
  }

  .orSm\:grid-line-x-safescreen-12[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--vh, 1vh) * 100 - 3rem);
    top: -calc(var(--vh, 1vh) * 100 - 3rem);
  }

  .orSm\:grid-line-x-innergutter[class*="grid-line-x-"] > :before {
    bottom: -var(--inner-gutter);
  }

  .orSm\:grid-line-x-innergutter[class*="grid-line-yfull"] > :after {
    bottom: -var(--inner-gutter);
    top: -var(--inner-gutter);
  }

  .orSm\:grid-line-x-outergutter[class*="grid-line-x-"] > :before {
    bottom: -var(--outer-gutter);
  }

  .orSm\:grid-line-x-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -var(--outer-gutter);
    top: -var(--outer-gutter);
  }

  .orSm\:grid-line-x-notifh[class*="grid-line-x-"] > :before {
    bottom: -var(--notifh, 0);
  }

  .orSm\:grid-line-x-notifh[class*="grid-line-yfull"] > :after {
    bottom: -var(--notifh, 0);
    top: -var(--notifh, 0);
  }

  .orSm\:grid-line-x-safe-top[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-top);
  }

  .orSm\:grid-line-x-safe-top[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-top);
    top: -env(safe-area-inset-top);
  }

  .orSm\:grid-line-x-safe-bottom[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-bottom);
  }

  .orSm\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-bottom);
    top: -env(safe-area-inset-bottom);
  }

  .orSm\:grid-line-x-safe-bottom-8[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--safe-area-inset-bottom) + 2rem);
  }

  .orSm\:grid-line-x-safe-bottom-8[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--safe-area-inset-bottom) + 2rem);
    top: -calc(var(--safe-area-inset-bottom) + 2rem);
  }

  .orSm\:grid-line-x-safe-left[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-left);
  }

  .orSm\:grid-line-x-safe-left[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-left);
    top: -env(safe-area-inset-left);
  }

  .orSm\:grid-line-x-safe-right[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-right);
  }

  .orSm\:grid-line-x-safe-right[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-right);
    top: -env(safe-area-inset-right);
  }

  .orSm\:grid-line-x-below-player[class*="grid-line-x-"] > :before {
    bottom: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
  }

  .orSm\:grid-line-x-below-player[class*="grid-line-yfull"] > :after {
    bottom: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
    top: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
  }

  .orSm\:grid-line-x-light[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-5);
  }

  .orSm\:grid-line-y-light[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-5);
  }

  .orSm\:grid-line-xy-light[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-5);
  }

  .orSm\:grid-line-xy-light[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-5);
  }

  .orSm\:grid-line-x-default[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-10);
  }

  .orSm\:grid-line-y-default[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-10);
  }

  .orSm\:grid-line-xy-default[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-10);
  }

  .orSm\:grid-line-xy-default[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-10);
  }

  .orSm\:grid-line-x-soft[class*="grid-line-x-"] > :before {
    border-bottom-color: rgba(0, 0, 0, 0.05);
  }

  .orSm\:grid-line-y-soft[class*="grid-line-y-"] > :after {
    border-right-color: rgba(0, 0, 0, 0.05);
  }

  .orSm\:grid-line-xy-soft[class*="grid-line-xy-"] > :before {
    border-bottom-color: rgba(0, 0, 0, 0.05);
  }

  .orSm\:grid-line-xy-soft[class*="grid-line-xy-"] > :after {
    border-right-color: rgba(0, 0, 0, 0.05);
  }

  .orSm\:grid-line-x-dark[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-15);
  }

  .orSm\:grid-line-y-dark[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-15);
  }

  .orSm\:grid-line-xy-dark[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-15);
  }

  .orSm\:grid-line-xy-dark[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-15);
  }

  .orSm\:grid-line-x-darker[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-42);
  }

  .orSm\:grid-line-y-darker[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-42);
  }

  .orSm\:grid-line-xy-darker[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-42);
  }

  .orSm\:grid-line-xy-darker[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-42);
  }

  .orSm\:grid-line-x-darkest[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--black);
  }

  .orSm\:grid-line-y-darkest[class*="grid-line-y-"] > :after {
    border-right-color: var(--black);
  }

  .orSm\:grid-line-xy-darkest[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--black);
  }

  .orSm\:grid-line-xy-darkest[class*="grid-line-xy-"] > :after {
    border-right-color: var(--black);
  }

  .orSm\:grid-line-x-error[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--red-dark);
  }

  .orSm\:grid-line-y-error[class*="grid-line-y-"] > :after {
    border-right-color: var(--red-dark);
  }

  .orSm\:grid-line-xy-error[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--red-dark);
  }

  .orSm\:grid-line-xy-error[class*="grid-line-xy-"] > :after {
    border-right-color: var(--red-dark);
  }

  .orSm\:grid-line-x-inverse[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--white);
  }

  .orSm\:grid-line-y-inverse[class*="grid-line-y-"] > :after {
    border-right-color: var(--white);
  }

  .orSm\:grid-line-xy-inverse[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--white);
  }

  .orSm\:grid-line-xy-inverse[class*="grid-line-xy-"] > :after {
    border-right-color: var(--white);
  }

  .orSm\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .orSm\:grid-cols-1[class*="grid-line-xfull"] > :nth-child(n):before {
    left: 0;
    right: 0;
  }

  .orSm\:grid-cols-1[class*="grid-line-x"] > :nth-child(1n + 1):before {
    right: 0;
  }

  .orSm\:grid-cols-1[class*="grid-line-x"]
    > :nth-child(1n + 1):nth-last-child(-n + 1):before,
  .orSm\:grid-cols-1[class*="grid-line-x"]
    > :nth-child(1n + 1):nth-last-child(-n + 1)
    ~ :before {
    border-bottom-width: 0;
  }

  .orSm\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .orSm\:grid-cols-2[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .orSm\:grid-cols-2[class*="grid-line-x"] > :nth-child(odd):before {
    left: 0;
  }

  .orSm\:grid-cols-2[class*="grid-line-x"] > :nth-child(2n + 2):before {
    right: 0;
  }

  .orSm\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2):before,
  .orSm\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ :before {
    border-bottom-width: 0;
  }

  .orSm\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .orSm\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(2n + 2):after {
    border-right-width: 0;
  }

  .orSm\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 2):after {
    top: 0;
  }

  .orSm\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2):after,
  .orSm\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ li:after {
    bottom: 0;
  }

  .orSm\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .orSm\:grid-cols-3[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .orSm\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 1):before {
    left: 0;
  }

  .orSm\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 3):before {
    right: 0;
  }

  .orSm\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):before,
  .orSm\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ :before {
    border-bottom-width: 0;
  }

  .orSm\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .orSm\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 3):after {
    border-right-width: 0;
  }

  .orSm\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 3):after {
    top: 0;
  }

  .orSm\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):after,
  .orSm\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ li:after {
    bottom: 0;
  }

  .orSm\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .orSm\:grid-cols-4[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .orSm\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 1):before {
    left: 0;
  }

  .orSm\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 4):before {
    right: 0;
  }

  .orSm\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):before,
  .orSm\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ :before {
    border-bottom-width: 0;
  }

  .orSm\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .orSm\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 4):after {
    border-right-width: 0;
  }

  .orSm\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 4):after {
    top: 0;
  }

  .orSm\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):after,
  .orSm\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ li:after {
    bottom: 0;
  }

  .orSm\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .orSm\:grid-cols-5[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .orSm\:grid-cols-5[class*="grid-line-x"] > :nth-child(5n + 1):before {
    left: 0;
  }

  .orSm\:grid-cols-5[class*="grid-line-x"] > :nth-child(5n + 5):before {
    right: 0;
  }

  .orSm\:grid-cols-5[class*="grid-line-x"]
    > :nth-child(5n + 1):nth-last-child(-n + 5):before,
  .orSm\:grid-cols-5[class*="grid-line-x"]
    > :nth-child(5n + 1):nth-last-child(-n + 5)
    ~ :before {
    border-bottom-width: 0;
  }

  .orSm\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .orSm\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 5):after {
    border-right-width: 0;
  }

  .orSm\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 5):after {
    top: 0;
  }

  .orSm\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 1):nth-last-child(-n + 5):after,
  .orSm\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 1):nth-last-child(-n + 5)
    ~ li:after {
    bottom: 0;
  }

  .orSm\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .orSm\:grid-cols-6[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .orSm\:grid-cols-6[class*="grid-line-x"] > :nth-child(6n + 1):before {
    left: 0;
  }

  .orSm\:grid-cols-6[class*="grid-line-x"] > :nth-child(6n + 6):before {
    right: 0;
  }

  .orSm\:grid-cols-6[class*="grid-line-x"]
    > :nth-child(6n + 1):nth-last-child(-n + 6):before,
  .orSm\:grid-cols-6[class*="grid-line-x"]
    > :nth-child(6n + 1):nth-last-child(-n + 6)
    ~ :before {
    border-bottom-width: 0;
  }

  .orSm\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .orSm\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 6):after {
    border-right-width: 0;
  }

  .orSm\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 6):after {
    top: 0;
  }

  .orSm\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 1):nth-last-child(-n + 6):after,
  .orSm\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 1):nth-last-child(-n + 6)
    ~ li:after {
    bottom: 0;
  }

  .orSm\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .orSm\:grid-cols-7[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .orSm\:grid-cols-7[class*="grid-line-x"] > :nth-child(7n + 1):before {
    left: 0;
  }

  .orSm\:grid-cols-7[class*="grid-line-x"] > :nth-child(7n + 7):before {
    right: 0;
  }

  .orSm\:grid-cols-7[class*="grid-line-x"]
    > :nth-child(7n + 1):nth-last-child(-n + 7):before,
  .orSm\:grid-cols-7[class*="grid-line-x"]
    > :nth-child(7n + 1):nth-last-child(-n + 7)
    ~ :before {
    border-bottom-width: 0;
  }

  .orSm\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .orSm\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 7):after {
    border-right-width: 0;
  }

  .orSm\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 7):after {
    top: 0;
  }

  .orSm\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 1):nth-last-child(-n + 7):after,
  .orSm\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 1):nth-last-child(-n + 7)
    ~ li:after {
    bottom: 0;
  }

  .orSm\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .orSm\:grid-cols-8[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .orSm\:grid-cols-8[class*="grid-line-x"] > :nth-child(8n + 1):before {
    left: 0;
  }

  .orSm\:grid-cols-8[class*="grid-line-x"] > :nth-child(8n + 8):before {
    right: 0;
  }

  .orSm\:grid-cols-8[class*="grid-line-x"]
    > :nth-child(8n + 1):nth-last-child(-n + 8):before,
  .orSm\:grid-cols-8[class*="grid-line-x"]
    > :nth-child(8n + 1):nth-last-child(-n + 8)
    ~ :before {
    border-bottom-width: 0;
  }

  .orSm\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .orSm\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 8):after {
    border-right-width: 0;
  }

  .orSm\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 8):after {
    top: 0;
  }

  .orSm\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 1):nth-last-child(-n + 8):after,
  .orSm\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 1):nth-last-child(-n + 8)
    ~ li:after {
    bottom: 0;
  }

  .orSm\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .orSm\:grid-cols-9[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .orSm\:grid-cols-9[class*="grid-line-x"] > :nth-child(9n + 1):before {
    left: 0;
  }

  .orSm\:grid-cols-9[class*="grid-line-x"] > :nth-child(9n + 9):before {
    right: 0;
  }

  .orSm\:grid-cols-9[class*="grid-line-x"]
    > :nth-child(9n + 1):nth-last-child(-n + 9):before,
  .orSm\:grid-cols-9[class*="grid-line-x"]
    > :nth-child(9n + 1):nth-last-child(-n + 9)
    ~ :before {
    border-bottom-width: 0;
  }

  .orSm\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .orSm\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 9):after {
    border-right-width: 0;
  }

  .orSm\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 9):after {
    top: 0;
  }

  .orSm\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 1):nth-last-child(-n + 9):after,
  .orSm\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 1):nth-last-child(-n + 9)
    ~ li:after {
    bottom: 0;
  }

  .orSm\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .orSm\:grid-cols-10[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .orSm\:grid-cols-10[class*="grid-line-x"] > :nth-child(10n + 1):before {
    left: 0;
  }

  .orSm\:grid-cols-10[class*="grid-line-x"] > :nth-child(10n + 10):before {
    right: 0;
  }

  .orSm\:grid-cols-10[class*="grid-line-x"]
    > :nth-child(10n + 1):nth-last-child(-n + 10):before,
  .orSm\:grid-cols-10[class*="grid-line-x"]
    > :nth-child(10n + 1):nth-last-child(-n + 10)
    ~ :before {
    border-bottom-width: 0;
  }

  .orSm\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .orSm\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 10):after {
    border-right-width: 0;
  }

  .orSm\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 10):after {
    top: 0;
  }

  .orSm\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 1):nth-last-child(-n + 10):after,
  .orSm\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 1):nth-last-child(-n + 10)
    ~ li:after {
    bottom: 0;
  }

  .orSm\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .orSm\:grid-cols-11[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .orSm\:grid-cols-11[class*="grid-line-x"] > :nth-child(11n + 1):before {
    left: 0;
  }

  .orSm\:grid-cols-11[class*="grid-line-x"] > :nth-child(11n + 11):before {
    right: 0;
  }

  .orSm\:grid-cols-11[class*="grid-line-x"]
    > :nth-child(11n + 1):nth-last-child(-n + 11):before,
  .orSm\:grid-cols-11[class*="grid-line-x"]
    > :nth-child(11n + 1):nth-last-child(-n + 11)
    ~ :before {
    border-bottom-width: 0;
  }

  .orSm\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .orSm\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 11):after {
    border-right-width: 0;
  }

  .orSm\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 11):after {
    top: 0;
  }

  .orSm\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 1):nth-last-child(-n + 11):after,
  .orSm\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 1):nth-last-child(-n + 11)
    ~ li:after {
    bottom: 0;
  }

  .orSm\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .orSm\:grid-cols-12[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .orSm\:grid-cols-12[class*="grid-line-x"] > :nth-child(12n + 1):before {
    left: 0;
  }

  .orSm\:grid-cols-12[class*="grid-line-x"] > :nth-child(12n + 12):before {
    right: 0;
  }

  .orSm\:grid-cols-12[class*="grid-line-x"]
    > :nth-child(12n + 1):nth-last-child(-n + 12):before,
  .orSm\:grid-cols-12[class*="grid-line-x"]
    > :nth-child(12n + 1):nth-last-child(-n + 12)
    ~ :before {
    border-bottom-width: 0;
  }

  .orSm\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .orSm\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 12):after {
    border-right-width: 0;
  }

  .orSm\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 12):after {
    top: 0;
  }

  .orSm\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 1):nth-last-child(-n + 12):after,
  .orSm\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 1):nth-last-child(-n + 12)
    ~ li:after {
    bottom: 0;
  }
}

@media (min-width: 650px) {
  [class*="grid-line-"] > * {
    position: relative;
  }

  [class*="grid-line-"] > :after,
  [class*="grid-line-"] > :before {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 0;
  }

  .md\:grid-line-x > :before {
    left: 0;
    right: 0;
  }

  .md\:grid-line-x > :before,
  .md\:grid-line-xfull > :before {
    border-bottom: 0 solid transparent;
    border-top: 0 solid transparent;
    bottom: calc(var(--inner-gutter) / -2);
    content: "";
    top: 0;
  }

  .md\:grid-line-xfull > :before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .md\:grid-line-x-0 > :before {
    content: none;
  }

  .md\:grid-line-y > :after {
    top: 0;
  }

  .md\:grid-line-y > :after,
  .md\:grid-line-yfull > :after {
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    bottom: 0;
    content: "";
    left: 0;
    right: calc(var(--inner-gutter) / -2);
  }

  .md\:grid-line-yfull > :after {
    top: calc(var(--inner-gutter) / -1);
  }

  .md\:grid-line-yfull[class*="grid-line-x"] > :after {
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    bottom: calc(var(--inner-gutter) / -2);
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: calc(var(--inner-gutter) / -2);
  }

  .md\:grid-line-y-0 > :after {
    content: none;
  }

  .md\:grid-line-x-0[class*="grid-line-x-"] > :before {
    bottom: 0;
  }

  .md\:grid-line-x-0[class*="grid-line-yfull"] > :after {
    bottom: 0;
    top: 0;
  }

  .md\:grid-line-x-1[class*="grid-line-x-"] > :before {
    bottom: -0.25rem;
  }

  .md\:grid-line-x-1[class*="grid-line-yfull"] > :after {
    bottom: -0.25rem;
    top: -0.25rem;
  }

  .md\:grid-line-x-2[class*="grid-line-x-"] > :before {
    bottom: -0.5rem;
  }

  .md\:grid-line-x-2[class*="grid-line-yfull"] > :after {
    bottom: -0.5rem;
    top: -0.5rem;
  }

  .md\:grid-line-x-3[class*="grid-line-x-"] > :before {
    bottom: -0.75rem;
  }

  .md\:grid-line-x-3[class*="grid-line-yfull"] > :after {
    bottom: -0.75rem;
    top: -0.75rem;
  }

  .md\:grid-line-x-4[class*="grid-line-x-"] > :before {
    bottom: -1rem;
  }

  .md\:grid-line-x-4[class*="grid-line-yfull"] > :after {
    bottom: -1rem;
    top: -1rem;
  }

  .md\:grid-line-x-5[class*="grid-line-x-"] > :before {
    bottom: -1.25rem;
  }

  .md\:grid-line-x-5[class*="grid-line-yfull"] > :after {
    bottom: -1.25rem;
    top: -1.25rem;
  }

  .md\:grid-line-x-6[class*="grid-line-x-"] > :before {
    bottom: -1.5rem;
  }

  .md\:grid-line-x-6[class*="grid-line-yfull"] > :after {
    bottom: -1.5rem;
    top: -1.5rem;
  }

  .md\:grid-line-x-7[class*="grid-line-x-"] > :before {
    bottom: -1.75rem;
  }

  .md\:grid-line-x-7[class*="grid-line-yfull"] > :after {
    bottom: -1.75rem;
    top: -1.75rem;
  }

  .md\:grid-line-x-8[class*="grid-line-x-"] > :before {
    bottom: -2rem;
  }

  .md\:grid-line-x-8[class*="grid-line-yfull"] > :after {
    bottom: -2rem;
    top: -2rem;
  }

  .md\:grid-line-x-9[class*="grid-line-x-"] > :before {
    bottom: -2.25rem;
  }

  .md\:grid-line-x-9[class*="grid-line-yfull"] > :after {
    bottom: -2.25rem;
    top: -2.25rem;
  }

  .md\:grid-line-x-10[class*="grid-line-x-"] > :before {
    bottom: -2.5rem;
  }

  .md\:grid-line-x-10[class*="grid-line-yfull"] > :after {
    bottom: -2.5rem;
    top: -2.5rem;
  }

  .md\:grid-line-x-11[class*="grid-line-x-"] > :before {
    bottom: -2.75rem;
  }

  .md\:grid-line-x-11[class*="grid-line-yfull"] > :after {
    bottom: -2.75rem;
    top: -2.75rem;
  }

  .md\:grid-line-x-12[class*="grid-line-x-"] > :before {
    bottom: -3rem;
  }

  .md\:grid-line-x-12[class*="grid-line-yfull"] > :after {
    bottom: -3rem;
    top: -3rem;
  }

  .md\:grid-line-x-13[class*="grid-line-x-"] > :before {
    bottom: -3.25rem;
  }

  .md\:grid-line-x-13[class*="grid-line-yfull"] > :after {
    bottom: -3.25rem;
    top: -3.25rem;
  }

  .md\:grid-line-x-14[class*="grid-line-x-"] > :before {
    bottom: -3.5rem;
  }

  .md\:grid-line-x-14[class*="grid-line-yfull"] > :after {
    bottom: -3.5rem;
    top: -3.5rem;
  }

  .md\:grid-line-x-15[class*="grid-line-x-"] > :before {
    bottom: -3.75rem;
  }

  .md\:grid-line-x-15[class*="grid-line-yfull"] > :after {
    bottom: -3.75rem;
    top: -3.75rem;
  }

  .md\:grid-line-x-16[class*="grid-line-x-"] > :before {
    bottom: -4rem;
  }

  .md\:grid-line-x-16[class*="grid-line-yfull"] > :after {
    bottom: -4rem;
    top: -4rem;
  }

  .md\:grid-line-x-17[class*="grid-line-x-"] > :before {
    bottom: -4.125rem;
  }

  .md\:grid-line-x-17[class*="grid-line-yfull"] > :after {
    bottom: -4.125rem;
    top: -4.125rem;
  }

  .md\:grid-line-x-18[class*="grid-line-x-"] > :before {
    bottom: -4.5rem;
  }

  .md\:grid-line-x-18[class*="grid-line-yfull"] > :after {
    bottom: -4.5rem;
    top: -4.5rem;
  }

  .md\:grid-line-x-19[class*="grid-line-x-"] > :before {
    bottom: -4.75rem;
  }

  .md\:grid-line-x-19[class*="grid-line-yfull"] > :after {
    bottom: -4.75rem;
    top: -4.75rem;
  }

  .md\:grid-line-x-20[class*="grid-line-x-"] > :before {
    bottom: -5rem;
  }

  .md\:grid-line-x-20[class*="grid-line-yfull"] > :after {
    bottom: -5rem;
    top: -5rem;
  }

  .md\:grid-line-x-22[class*="grid-line-x-"] > :before {
    bottom: -5.5rem;
  }

  .md\:grid-line-x-22[class*="grid-line-yfull"] > :after {
    bottom: -5.5rem;
    top: -5.5rem;
  }

  .md\:grid-line-x-24[class*="grid-line-x-"] > :before {
    bottom: -6rem;
  }

  .md\:grid-line-x-24[class*="grid-line-yfull"] > :after {
    bottom: -6rem;
    top: -6rem;
  }

  .md\:grid-line-x-25[class*="grid-line-x-"] > :before {
    bottom: -6.25rem;
  }

  .md\:grid-line-x-25[class*="grid-line-yfull"] > :after {
    bottom: -6.25rem;
    top: -6.25rem;
  }

  .md\:grid-line-x-26[class*="grid-line-x-"] > :before {
    bottom: -6.5rem;
  }

  .md\:grid-line-x-26[class*="grid-line-yfull"] > :after {
    bottom: -6.5rem;
    top: -6.5rem;
  }

  .md\:grid-line-x-27[class*="grid-line-x-"] > :before {
    bottom: -6.75rem;
  }

  .md\:grid-line-x-27[class*="grid-line-yfull"] > :after {
    bottom: -6.75rem;
    top: -6.75rem;
  }

  .md\:grid-line-x-28[class*="grid-line-x-"] > :before {
    bottom: -7rem;
  }

  .md\:grid-line-x-28[class*="grid-line-yfull"] > :after {
    bottom: -7rem;
    top: -7rem;
  }

  .md\:grid-line-x-30[class*="grid-line-x-"] > :before {
    bottom: -7.5rem;
  }

  .md\:grid-line-x-30[class*="grid-line-yfull"] > :after {
    bottom: -7.5rem;
    top: -7.5rem;
  }

  .md\:grid-line-x-32[class*="grid-line-x-"] > :before {
    bottom: -8rem;
  }

  .md\:grid-line-x-32[class*="grid-line-yfull"] > :after {
    bottom: -8rem;
    top: -8rem;
  }

  .md\:grid-line-x-35[class*="grid-line-x-"] > :before {
    bottom: -8.75rem;
  }

  .md\:grid-line-x-35[class*="grid-line-yfull"] > :after {
    bottom: -8.75rem;
    top: -8.75rem;
  }

  .md\:grid-line-x-36[class*="grid-line-x-"] > :before {
    bottom: -9rem;
  }

  .md\:grid-line-x-36[class*="grid-line-yfull"] > :after {
    bottom: -9rem;
    top: -9rem;
  }

  .md\:grid-line-x-40[class*="grid-line-x-"] > :before {
    bottom: -10rem;
  }

  .md\:grid-line-x-40[class*="grid-line-yfull"] > :after {
    bottom: -10rem;
    top: -10rem;
  }

  .md\:grid-line-x-42[class*="grid-line-x-"] > :before {
    bottom: -10.5rem;
  }

  .md\:grid-line-x-42[class*="grid-line-yfull"] > :after {
    bottom: -10.5rem;
    top: -10.5rem;
  }

  .md\:grid-line-x-44[class*="grid-line-x-"] > :before {
    bottom: -11rem;
  }

  .md\:grid-line-x-44[class*="grid-line-yfull"] > :after {
    bottom: -11rem;
    top: -11rem;
  }

  .md\:grid-line-x-45[class*="grid-line-x-"] > :before {
    bottom: -11.25rem;
  }

  .md\:grid-line-x-45[class*="grid-line-yfull"] > :after {
    bottom: -11.25rem;
    top: -11.25rem;
  }

  .md\:grid-line-x-48[class*="grid-line-x-"] > :before {
    bottom: -12rem;
  }

  .md\:grid-line-x-48[class*="grid-line-yfull"] > :after {
    bottom: -12rem;
    top: -12rem;
  }

  .md\:grid-line-x-50[class*="grid-line-x-"] > :before {
    bottom: -12.5rem;
  }

  .md\:grid-line-x-50[class*="grid-line-yfull"] > :after {
    bottom: -12.5rem;
    top: -12.5rem;
  }

  .md\:grid-line-x-52[class*="grid-line-x-"] > :before {
    bottom: -13rem;
  }

  .md\:grid-line-x-52[class*="grid-line-yfull"] > :after {
    bottom: -13rem;
    top: -13rem;
  }

  .md\:grid-line-x-56[class*="grid-line-x-"] > :before {
    bottom: -14rem;
  }

  .md\:grid-line-x-56[class*="grid-line-yfull"] > :after {
    bottom: -14rem;
    top: -14rem;
  }

  .md\:grid-line-x-60[class*="grid-line-x-"] > :before {
    bottom: -15rem;
  }

  .md\:grid-line-x-60[class*="grid-line-yfull"] > :after {
    bottom: -15rem;
    top: -15rem;
  }

  .md\:grid-line-x-64[class*="grid-line-x-"] > :before {
    bottom: -16rem;
  }

  .md\:grid-line-x-64[class*="grid-line-yfull"] > :after {
    bottom: -16rem;
    top: -16rem;
  }

  .md\:grid-line-x-72[class*="grid-line-x-"] > :before {
    bottom: -18rem;
  }

  .md\:grid-line-x-72[class*="grid-line-yfull"] > :after {
    bottom: -18rem;
    top: -18rem;
  }

  .md\:grid-line-x-80[class*="grid-line-x-"] > :before {
    bottom: -20rem;
  }

  .md\:grid-line-x-80[class*="grid-line-yfull"] > :after {
    bottom: -20rem;
    top: -20rem;
  }

  .md\:grid-line-x-96[class*="grid-line-x-"] > :before {
    bottom: -24rem;
  }

  .md\:grid-line-x-96[class*="grid-line-yfull"] > :after {
    bottom: -24rem;
    top: -24rem;
  }

  .md\:grid-line-x-px[class*="grid-line-x-"] > :before {
    bottom: -1px;
  }

  .md\:grid-line-x-px[class*="grid-line-yfull"] > :after {
    bottom: -1px;
    top: -1px;
  }

  .md\:grid-line-x-0.5[class*="grid-line-x-"] > :before {
    bottom: -0.125rem;
  }

  .md\:grid-line-x-0.5[class*="grid-line-yfull"] > :after {
    bottom: -0.125rem;
    top: -0.125rem;
  }

  .md\:grid-line-x-1.5[class*="grid-line-x-"] > :before {
    bottom: -0.375rem;
  }

  .md\:grid-line-x-1.5[class*="grid-line-yfull"] > :after {
    bottom: -0.375rem;
    top: -0.375rem;
  }

  .md\:grid-line-x-2.5[class*="grid-line-x-"] > :before {
    bottom: -0.625rem;
  }

  .md\:grid-line-x-2.5[class*="grid-line-yfull"] > :after {
    bottom: -0.625rem;
    top: -0.625rem;
  }

  .md\:grid-line-x-3.5[class*="grid-line-x-"] > :before {
    bottom: -0.875rem;
  }

  .md\:grid-line-x-3.5[class*="grid-line-yfull"] > :after {
    bottom: -0.875rem;
    top: -0.875rem;
  }

  .md\:grid-line-x-0.25[class*="grid-line-x-"] > :before {
    bottom: -0.0625rem;
  }

  .md\:grid-line-x-0.25[class*="grid-line-yfull"] > :after {
    bottom: -0.0625rem;
    top: -0.0625rem;
  }

  .md\:grid-line-x-1.25[class*="grid-line-x-"] > :before {
    bottom: -0.3125rem;
  }

  .md\:grid-line-x-1.25[class*="grid-line-yfull"] > :after {
    bottom: -0.3125rem;
    top: -0.3125rem;
  }

  .md\:grid-line-x-1.75[class*="grid-line-x-"] > :before {
    bottom: -0.4375rem;
  }

  .md\:grid-line-x-1.75[class*="grid-line-yfull"] > :after {
    bottom: -0.4375rem;
    top: -0.4375rem;
  }

  .md\:grid-line-x-2.75[class*="grid-line-x-"] > :before {
    bottom: -0.6875rem;
  }

  .md\:grid-line-x-2.75[class*="grid-line-yfull"] > :after {
    bottom: -0.6875rem;
    top: -0.6875rem;
  }

  .md\:grid-line-x-5.25[class*="grid-line-x-"] > :before {
    bottom: -1.3125rem;
  }

  .md\:grid-line-x-5.25[class*="grid-line-yfull"] > :after {
    bottom: -1.3125rem;
    top: -1.3125rem;
  }

  .md\:grid-line-x-5.5[class*="grid-line-x-"] > :before {
    bottom: -1.375rem;
  }

  .md\:grid-line-x-5.5[class*="grid-line-yfull"] > :after {
    bottom: -1.375rem;
    top: -1.375rem;
  }

  .md\:grid-line-x-6.25[class*="grid-line-x-"] > :before {
    bottom: -1.5625rem;
  }

  .md\:grid-line-x-6.25[class*="grid-line-yfull"] > :after {
    bottom: -1.5625rem;
    top: -1.5625rem;
  }

  .md\:grid-line-x-6.5[class*="grid-line-x-"] > :before {
    bottom: -1.625rem;
  }

  .md\:grid-line-x-6.5[class*="grid-line-yfull"] > :after {
    bottom: -1.625rem;
    top: -1.625rem;
  }

  .md\:grid-line-x-7.5[class*="grid-line-x-"] > :before {
    bottom: -1.875rem;
  }

  .md\:grid-line-x-7.5[class*="grid-line-yfull"] > :after {
    bottom: -1.875rem;
    top: -1.875rem;
  }

  .md\:grid-line-x-8.5[class*="grid-line-x-"] > :before {
    bottom: -2.125rem;
  }

  .md\:grid-line-x-8.5[class*="grid-line-yfull"] > :after {
    bottom: -2.125rem;
    top: -2.125rem;
  }

  .md\:grid-line-x-8.75[class*="grid-line-x-"] > :before {
    bottom: -2.1875rem;
  }

  .md\:grid-line-x-8.75[class*="grid-line-yfull"] > :after {
    bottom: -2.1875rem;
    top: -2.1875rem;
  }

  .md\:grid-line-x-12.5[class*="grid-line-x-"] > :before {
    bottom: -3.125rem;
  }

  .md\:grid-line-x-12.5[class*="grid-line-yfull"] > :after {
    bottom: -3.125rem;
    top: -3.125rem;
  }

  .md\:grid-line-x-17.5[class*="grid-line-x-"] > :before {
    bottom: -4.375rem;
  }

  .md\:grid-line-x-17.5[class*="grid-line-yfull"] > :after {
    bottom: -4.375rem;
    top: -4.375rem;
  }

  .md\:grid-line-x-37.5[class*="grid-line-x-"] > :before {
    bottom: -9.375rem;
  }

  .md\:grid-line-x-37.5[class*="grid-line-yfull"] > :after {
    bottom: -9.375rem;
    top: -9.375rem;
  }

  .md\:grid-line-x-62.5[class*="grid-line-x-"] > :before {
    bottom: -15.6rem;
  }

  .md\:grid-line-x-62.5[class*="grid-line-yfull"] > :after {
    bottom: -15.6rem;
    top: -15.6rem;
  }

  .md\:grid-line-x-1\/2[class*="grid-line-x-"] > :before {
    bottom: -50%;
  }

  .md\:grid-line-x-1\/2[class*="grid-line-yfull"] > :after {
    bottom: -50%;
    top: -50%;
  }

  .md\:grid-line-x-1\/3[class*="grid-line-x-"] > :before {
    bottom: -33.333%;
  }

  .md\:grid-line-x-1\/3[class*="grid-line-yfull"] > :after {
    bottom: -33.333%;
    top: -33.333%;
  }

  .md\:grid-line-x-1\/4[class*="grid-line-x-"] > :before {
    bottom: -25%;
  }

  .md\:grid-line-x-1\/4[class*="grid-line-yfull"] > :after {
    bottom: -25%;
    top: -25%;
  }

  .md\:grid-line-x-1\/5[class*="grid-line-x-"] > :before {
    bottom: -20%;
  }

  .md\:grid-line-x-1\/5[class*="grid-line-yfull"] > :after {
    bottom: -20%;
    top: -20%;
  }

  .md\:grid-line-x-1\/6[class*="grid-line-x-"] > :before {
    bottom: -16.666%;
  }

  .md\:grid-line-x-1\/6[class*="grid-line-yfull"] > :after {
    bottom: -16.666%;
    top: -16.666%;
  }

  .md\:grid-line-x-11\/12[class*="grid-line-x-"] > :before {
    bottom: -91.666667%;
  }

  .md\:grid-line-x-11\/12[class*="grid-line-yfull"] > :after {
    bottom: -91.666667%;
    top: -91.666667%;
  }

  .md\:grid-line-x-screen-1\/5[class*="grid-line-x-"] > :before {
    bottom: -20vh;
  }

  .md\:grid-line-x-screen-1\/5[class*="grid-line-yfull"] > :after {
    bottom: -20vh;
    top: -20vh;
  }

  .md\:grid-line-x-screen-1\/4[class*="grid-line-x-"] > :before {
    bottom: -25vh;
  }

  .md\:grid-line-x-screen-1\/4[class*="grid-line-yfull"] > :after {
    bottom: -25vh;
    top: -25vh;
  }

  .md\:grid-line-x-screen-1\/2[class*="grid-line-x-"] > :before {
    bottom: -50vh;
  }

  .md\:grid-line-x-screen-1\/2[class*="grid-line-yfull"] > :after {
    bottom: -50vh;
    top: -50vh;
  }

  .md\:grid-line-x-screen-3\/4[class*="grid-line-x-"] > :before {
    bottom: -67vh;
  }

  .md\:grid-line-x-screen-3\/4[class*="grid-line-yfull"] > :after {
    bottom: -67vh;
    top: -67vh;
  }

  .md\:grid-line-x-full-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
  }

  .md\:grid-line-x-full-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
    top: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
  }

  .md\:grid-line-x-screen-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
  }

  .md\:grid-line-x-screen-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
    top: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
  }

  .md\:grid-line-x-full-with-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
  }

  .md\:grid-line-x-full-with-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
    top: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
  }

  .md\:grid-line-x-safescreen[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
  }

  .md\:grid-line-x-safescreen[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
    top: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
  }

  .md\:grid-line-x-safescreen-12[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--vh, 1vh) * 100 - 3rem);
  }

  .md\:grid-line-x-safescreen-12[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--vh, 1vh) * 100 - 3rem);
    top: -calc(var(--vh, 1vh) * 100 - 3rem);
  }

  .md\:grid-line-x-innergutter[class*="grid-line-x-"] > :before {
    bottom: -var(--inner-gutter);
  }

  .md\:grid-line-x-innergutter[class*="grid-line-yfull"] > :after {
    bottom: -var(--inner-gutter);
    top: -var(--inner-gutter);
  }

  .md\:grid-line-x-outergutter[class*="grid-line-x-"] > :before {
    bottom: -var(--outer-gutter);
  }

  .md\:grid-line-x-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -var(--outer-gutter);
    top: -var(--outer-gutter);
  }

  .md\:grid-line-x-notifh[class*="grid-line-x-"] > :before {
    bottom: -var(--notifh, 0);
  }

  .md\:grid-line-x-notifh[class*="grid-line-yfull"] > :after {
    bottom: -var(--notifh, 0);
    top: -var(--notifh, 0);
  }

  .md\:grid-line-x-safe-top[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-top);
  }

  .md\:grid-line-x-safe-top[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-top);
    top: -env(safe-area-inset-top);
  }

  .md\:grid-line-x-safe-bottom[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-bottom);
  }

  .md\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-bottom);
    top: -env(safe-area-inset-bottom);
  }

  .md\:grid-line-x-safe-bottom-8[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--safe-area-inset-bottom) + 2rem);
  }

  .md\:grid-line-x-safe-bottom-8[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--safe-area-inset-bottom) + 2rem);
    top: -calc(var(--safe-area-inset-bottom) + 2rem);
  }

  .md\:grid-line-x-safe-left[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-left);
  }

  .md\:grid-line-x-safe-left[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-left);
    top: -env(safe-area-inset-left);
  }

  .md\:grid-line-x-safe-right[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-right);
  }

  .md\:grid-line-x-safe-right[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-right);
    top: -env(safe-area-inset-right);
  }

  .md\:grid-line-x-below-player[class*="grid-line-x-"] > :before {
    bottom: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
  }

  .md\:grid-line-x-below-player[class*="grid-line-yfull"] > :after {
    bottom: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
    top: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
  }

  .md\:grid-line-x-light[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-5);
  }

  .md\:grid-line-y-light[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-5);
  }

  .md\:grid-line-xy-light[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-5);
  }

  .md\:grid-line-xy-light[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-5);
  }

  .md\:grid-line-x-default[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-10);
  }

  .md\:grid-line-y-default[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-10);
  }

  .md\:grid-line-xy-default[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-10);
  }

  .md\:grid-line-xy-default[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-10);
  }

  .md\:grid-line-x-soft[class*="grid-line-x-"] > :before {
    border-bottom-color: rgba(0, 0, 0, 0.05);
  }

  .md\:grid-line-y-soft[class*="grid-line-y-"] > :after {
    border-right-color: rgba(0, 0, 0, 0.05);
  }

  .md\:grid-line-xy-soft[class*="grid-line-xy-"] > :before {
    border-bottom-color: rgba(0, 0, 0, 0.05);
  }

  .md\:grid-line-xy-soft[class*="grid-line-xy-"] > :after {
    border-right-color: rgba(0, 0, 0, 0.05);
  }

  .md\:grid-line-x-dark[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-15);
  }

  .md\:grid-line-y-dark[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-15);
  }

  .md\:grid-line-xy-dark[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-15);
  }

  .md\:grid-line-xy-dark[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-15);
  }

  .md\:grid-line-x-darker[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-42);
  }

  .md\:grid-line-y-darker[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-42);
  }

  .md\:grid-line-xy-darker[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-42);
  }

  .md\:grid-line-xy-darker[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-42);
  }

  .md\:grid-line-x-darkest[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--black);
  }

  .md\:grid-line-y-darkest[class*="grid-line-y-"] > :after {
    border-right-color: var(--black);
  }

  .md\:grid-line-xy-darkest[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--black);
  }

  .md\:grid-line-xy-darkest[class*="grid-line-xy-"] > :after {
    border-right-color: var(--black);
  }

  .md\:grid-line-x-error[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--red-dark);
  }

  .md\:grid-line-y-error[class*="grid-line-y-"] > :after {
    border-right-color: var(--red-dark);
  }

  .md\:grid-line-xy-error[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--red-dark);
  }

  .md\:grid-line-xy-error[class*="grid-line-xy-"] > :after {
    border-right-color: var(--red-dark);
  }

  .md\:grid-line-x-inverse[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--white);
  }

  .md\:grid-line-y-inverse[class*="grid-line-y-"] > :after {
    border-right-color: var(--white);
  }

  .md\:grid-line-xy-inverse[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--white);
  }

  .md\:grid-line-xy-inverse[class*="grid-line-xy-"] > :after {
    border-right-color: var(--white);
  }

  .md\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .md\:grid-cols-1[class*="grid-line-xfull"] > :nth-child(n):before {
    left: 0;
    right: 0;
  }

  .md\:grid-cols-1[class*="grid-line-x"] > :nth-child(1n + 1):before {
    right: 0;
  }

  .md\:grid-cols-1[class*="grid-line-x"]
    > :nth-child(1n + 1):nth-last-child(-n + 1):before,
  .md\:grid-cols-1[class*="grid-line-x"]
    > :nth-child(1n + 1):nth-last-child(-n + 1)
    ~ :before {
    border-bottom-width: 0;
  }

  .md\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .md\:grid-cols-2[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .md\:grid-cols-2[class*="grid-line-x"] > :nth-child(odd):before {
    left: 0;
  }

  .md\:grid-cols-2[class*="grid-line-x"] > :nth-child(2n + 2):before {
    right: 0;
  }

  .md\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2):before,
  .md\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ :before {
    border-bottom-width: 0;
  }

  .md\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .md\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(2n + 2):after {
    border-right-width: 0;
  }

  .md\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 2):after {
    top: 0;
  }

  .md\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2):after,
  .md\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ li:after {
    bottom: 0;
  }

  .md\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .md\:grid-cols-3[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .md\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 1):before {
    left: 0;
  }

  .md\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 3):before {
    right: 0;
  }

  .md\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):before,
  .md\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ :before {
    border-bottom-width: 0;
  }

  .md\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .md\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 3):after {
    border-right-width: 0;
  }

  .md\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 3):after {
    top: 0;
  }

  .md\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):after,
  .md\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ li:after {
    bottom: 0;
  }

  .md\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .md\:grid-cols-4[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .md\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 1):before {
    left: 0;
  }

  .md\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 4):before {
    right: 0;
  }

  .md\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):before,
  .md\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ :before {
    border-bottom-width: 0;
  }

  .md\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .md\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 4):after {
    border-right-width: 0;
  }

  .md\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 4):after {
    top: 0;
  }

  .md\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):after,
  .md\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ li:after {
    bottom: 0;
  }

  .md\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .md\:grid-cols-5[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .md\:grid-cols-5[class*="grid-line-x"] > :nth-child(5n + 1):before {
    left: 0;
  }

  .md\:grid-cols-5[class*="grid-line-x"] > :nth-child(5n + 5):before {
    right: 0;
  }

  .md\:grid-cols-5[class*="grid-line-x"]
    > :nth-child(5n + 1):nth-last-child(-n + 5):before,
  .md\:grid-cols-5[class*="grid-line-x"]
    > :nth-child(5n + 1):nth-last-child(-n + 5)
    ~ :before {
    border-bottom-width: 0;
  }

  .md\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .md\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 5):after {
    border-right-width: 0;
  }

  .md\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 5):after {
    top: 0;
  }

  .md\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 1):nth-last-child(-n + 5):after,
  .md\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 1):nth-last-child(-n + 5)
    ~ li:after {
    bottom: 0;
  }

  .md\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .md\:grid-cols-6[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .md\:grid-cols-6[class*="grid-line-x"] > :nth-child(6n + 1):before {
    left: 0;
  }

  .md\:grid-cols-6[class*="grid-line-x"] > :nth-child(6n + 6):before {
    right: 0;
  }

  .md\:grid-cols-6[class*="grid-line-x"]
    > :nth-child(6n + 1):nth-last-child(-n + 6):before,
  .md\:grid-cols-6[class*="grid-line-x"]
    > :nth-child(6n + 1):nth-last-child(-n + 6)
    ~ :before {
    border-bottom-width: 0;
  }

  .md\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .md\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 6):after {
    border-right-width: 0;
  }

  .md\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 6):after {
    top: 0;
  }

  .md\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 1):nth-last-child(-n + 6):after,
  .md\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 1):nth-last-child(-n + 6)
    ~ li:after {
    bottom: 0;
  }

  .md\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .md\:grid-cols-7[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .md\:grid-cols-7[class*="grid-line-x"] > :nth-child(7n + 1):before {
    left: 0;
  }

  .md\:grid-cols-7[class*="grid-line-x"] > :nth-child(7n + 7):before {
    right: 0;
  }

  .md\:grid-cols-7[class*="grid-line-x"]
    > :nth-child(7n + 1):nth-last-child(-n + 7):before,
  .md\:grid-cols-7[class*="grid-line-x"]
    > :nth-child(7n + 1):nth-last-child(-n + 7)
    ~ :before {
    border-bottom-width: 0;
  }

  .md\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .md\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 7):after {
    border-right-width: 0;
  }

  .md\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 7):after {
    top: 0;
  }

  .md\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 1):nth-last-child(-n + 7):after,
  .md\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 1):nth-last-child(-n + 7)
    ~ li:after {
    bottom: 0;
  }

  .md\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .md\:grid-cols-8[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .md\:grid-cols-8[class*="grid-line-x"] > :nth-child(8n + 1):before {
    left: 0;
  }

  .md\:grid-cols-8[class*="grid-line-x"] > :nth-child(8n + 8):before {
    right: 0;
  }

  .md\:grid-cols-8[class*="grid-line-x"]
    > :nth-child(8n + 1):nth-last-child(-n + 8):before,
  .md\:grid-cols-8[class*="grid-line-x"]
    > :nth-child(8n + 1):nth-last-child(-n + 8)
    ~ :before {
    border-bottom-width: 0;
  }

  .md\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .md\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 8):after {
    border-right-width: 0;
  }

  .md\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 8):after {
    top: 0;
  }

  .md\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 1):nth-last-child(-n + 8):after,
  .md\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 1):nth-last-child(-n + 8)
    ~ li:after {
    bottom: 0;
  }

  .md\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .md\:grid-cols-9[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .md\:grid-cols-9[class*="grid-line-x"] > :nth-child(9n + 1):before {
    left: 0;
  }

  .md\:grid-cols-9[class*="grid-line-x"] > :nth-child(9n + 9):before {
    right: 0;
  }

  .md\:grid-cols-9[class*="grid-line-x"]
    > :nth-child(9n + 1):nth-last-child(-n + 9):before,
  .md\:grid-cols-9[class*="grid-line-x"]
    > :nth-child(9n + 1):nth-last-child(-n + 9)
    ~ :before {
    border-bottom-width: 0;
  }

  .md\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .md\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 9):after {
    border-right-width: 0;
  }

  .md\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 9):after {
    top: 0;
  }

  .md\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 1):nth-last-child(-n + 9):after,
  .md\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 1):nth-last-child(-n + 9)
    ~ li:after {
    bottom: 0;
  }

  .md\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .md\:grid-cols-10[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .md\:grid-cols-10[class*="grid-line-x"] > :nth-child(10n + 1):before {
    left: 0;
  }

  .md\:grid-cols-10[class*="grid-line-x"] > :nth-child(10n + 10):before {
    right: 0;
  }

  .md\:grid-cols-10[class*="grid-line-x"]
    > :nth-child(10n + 1):nth-last-child(-n + 10):before,
  .md\:grid-cols-10[class*="grid-line-x"]
    > :nth-child(10n + 1):nth-last-child(-n + 10)
    ~ :before {
    border-bottom-width: 0;
  }

  .md\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .md\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 10):after {
    border-right-width: 0;
  }

  .md\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 10):after {
    top: 0;
  }

  .md\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 1):nth-last-child(-n + 10):after,
  .md\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 1):nth-last-child(-n + 10)
    ~ li:after {
    bottom: 0;
  }

  .md\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .md\:grid-cols-11[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .md\:grid-cols-11[class*="grid-line-x"] > :nth-child(11n + 1):before {
    left: 0;
  }

  .md\:grid-cols-11[class*="grid-line-x"] > :nth-child(11n + 11):before {
    right: 0;
  }

  .md\:grid-cols-11[class*="grid-line-x"]
    > :nth-child(11n + 1):nth-last-child(-n + 11):before,
  .md\:grid-cols-11[class*="grid-line-x"]
    > :nth-child(11n + 1):nth-last-child(-n + 11)
    ~ :before {
    border-bottom-width: 0;
  }

  .md\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .md\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 11):after {
    border-right-width: 0;
  }

  .md\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 11):after {
    top: 0;
  }

  .md\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 1):nth-last-child(-n + 11):after,
  .md\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 1):nth-last-child(-n + 11)
    ~ li:after {
    bottom: 0;
  }

  .md\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .md\:grid-cols-12[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .md\:grid-cols-12[class*="grid-line-x"] > :nth-child(12n + 1):before {
    left: 0;
  }

  .md\:grid-cols-12[class*="grid-line-x"] > :nth-child(12n + 12):before {
    right: 0;
  }

  .md\:grid-cols-12[class*="grid-line-x"]
    > :nth-child(12n + 1):nth-last-child(-n + 12):before,
  .md\:grid-cols-12[class*="grid-line-x"]
    > :nth-child(12n + 1):nth-last-child(-n + 12)
    ~ :before {
    border-bottom-width: 0;
  }

  .md\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .md\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 12):after {
    border-right-width: 0;
  }

  .md\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 12):after {
    top: 0;
  }

  .md\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 1):nth-last-child(-n + 12):after,
  .md\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 1):nth-last-child(-n + 12)
    ~ li:after {
    bottom: 0;
  }
}

@media (min-width: 1024px) {
  [class*="grid-line-"] > * {
    position: relative;
  }

  [class*="grid-line-"] > :after,
  [class*="grid-line-"] > :before {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 0;
  }

  .lg\:grid-line-x > :before {
    left: 0;
    right: 0;
  }

  .lg\:grid-line-x > :before,
  .lg\:grid-line-xfull > :before {
    border-bottom: 0 solid transparent;
    border-top: 0 solid transparent;
    bottom: calc(var(--inner-gutter) / -2);
    content: "";
    top: 0;
  }

  .lg\:grid-line-xfull > :before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-line-x-0 > :before {
    content: none;
  }

  .lg\:grid-line-y > :after {
    top: 0;
  }

  .lg\:grid-line-y > :after,
  .lg\:grid-line-yfull > :after {
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    bottom: 0;
    content: "";
    left: 0;
    right: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-line-yfull > :after {
    top: calc(var(--inner-gutter) / -1);
  }

  .lg\:grid-line-yfull[class*="grid-line-x"] > :after {
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    bottom: calc(var(--inner-gutter) / -2);
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-line-y-0 > :after {
    content: none;
  }

  .lg\:grid-line-x-0[class*="grid-line-x-"] > :before {
    bottom: 0;
  }

  .lg\:grid-line-x-0[class*="grid-line-yfull"] > :after {
    bottom: 0;
    top: 0;
  }

  .lg\:grid-line-x-1[class*="grid-line-x-"] > :before {
    bottom: -0.25rem;
  }

  .lg\:grid-line-x-1[class*="grid-line-yfull"] > :after {
    bottom: -0.25rem;
    top: -0.25rem;
  }

  .lg\:grid-line-x-2[class*="grid-line-x-"] > :before {
    bottom: -0.5rem;
  }

  .lg\:grid-line-x-2[class*="grid-line-yfull"] > :after {
    bottom: -0.5rem;
    top: -0.5rem;
  }

  .lg\:grid-line-x-3[class*="grid-line-x-"] > :before {
    bottom: -0.75rem;
  }

  .lg\:grid-line-x-3[class*="grid-line-yfull"] > :after {
    bottom: -0.75rem;
    top: -0.75rem;
  }

  .lg\:grid-line-x-4[class*="grid-line-x-"] > :before {
    bottom: -1rem;
  }

  .lg\:grid-line-x-4[class*="grid-line-yfull"] > :after {
    bottom: -1rem;
    top: -1rem;
  }

  .lg\:grid-line-x-5[class*="grid-line-x-"] > :before {
    bottom: -1.25rem;
  }

  .lg\:grid-line-x-5[class*="grid-line-yfull"] > :after {
    bottom: -1.25rem;
    top: -1.25rem;
  }

  .lg\:grid-line-x-6[class*="grid-line-x-"] > :before {
    bottom: -1.5rem;
  }

  .lg\:grid-line-x-6[class*="grid-line-yfull"] > :after {
    bottom: -1.5rem;
    top: -1.5rem;
  }

  .lg\:grid-line-x-7[class*="grid-line-x-"] > :before {
    bottom: -1.75rem;
  }

  .lg\:grid-line-x-7[class*="grid-line-yfull"] > :after {
    bottom: -1.75rem;
    top: -1.75rem;
  }

  .lg\:grid-line-x-8[class*="grid-line-x-"] > :before {
    bottom: -2rem;
  }

  .lg\:grid-line-x-8[class*="grid-line-yfull"] > :after {
    bottom: -2rem;
    top: -2rem;
  }

  .lg\:grid-line-x-9[class*="grid-line-x-"] > :before {
    bottom: -2.25rem;
  }

  .lg\:grid-line-x-9[class*="grid-line-yfull"] > :after {
    bottom: -2.25rem;
    top: -2.25rem;
  }

  .lg\:grid-line-x-10[class*="grid-line-x-"] > :before {
    bottom: -2.5rem;
  }

  .lg\:grid-line-x-10[class*="grid-line-yfull"] > :after {
    bottom: -2.5rem;
    top: -2.5rem;
  }

  .lg\:grid-line-x-11[class*="grid-line-x-"] > :before {
    bottom: -2.75rem;
  }

  .lg\:grid-line-x-11[class*="grid-line-yfull"] > :after {
    bottom: -2.75rem;
    top: -2.75rem;
  }

  .lg\:grid-line-x-12[class*="grid-line-x-"] > :before {
    bottom: -3rem;
  }

  .lg\:grid-line-x-12[class*="grid-line-yfull"] > :after {
    bottom: -3rem;
    top: -3rem;
  }

  .lg\:grid-line-x-13[class*="grid-line-x-"] > :before {
    bottom: -3.25rem;
  }

  .lg\:grid-line-x-13[class*="grid-line-yfull"] > :after {
    bottom: -3.25rem;
    top: -3.25rem;
  }

  .lg\:grid-line-x-14[class*="grid-line-x-"] > :before {
    bottom: -3.5rem;
  }

  .lg\:grid-line-x-14[class*="grid-line-yfull"] > :after {
    bottom: -3.5rem;
    top: -3.5rem;
  }

  .lg\:grid-line-x-15[class*="grid-line-x-"] > :before {
    bottom: -3.75rem;
  }

  .lg\:grid-line-x-15[class*="grid-line-yfull"] > :after {
    bottom: -3.75rem;
    top: -3.75rem;
  }

  .lg\:grid-line-x-16[class*="grid-line-x-"] > :before {
    bottom: -4rem;
  }

  .lg\:grid-line-x-16[class*="grid-line-yfull"] > :after {
    bottom: -4rem;
    top: -4rem;
  }

  .lg\:grid-line-x-17[class*="grid-line-x-"] > :before {
    bottom: -4.125rem;
  }

  .lg\:grid-line-x-17[class*="grid-line-yfull"] > :after {
    bottom: -4.125rem;
    top: -4.125rem;
  }

  .lg\:grid-line-x-18[class*="grid-line-x-"] > :before {
    bottom: -4.5rem;
  }

  .lg\:grid-line-x-18[class*="grid-line-yfull"] > :after {
    bottom: -4.5rem;
    top: -4.5rem;
  }

  .lg\:grid-line-x-19[class*="grid-line-x-"] > :before {
    bottom: -4.75rem;
  }

  .lg\:grid-line-x-19[class*="grid-line-yfull"] > :after {
    bottom: -4.75rem;
    top: -4.75rem;
  }

  .lg\:grid-line-x-20[class*="grid-line-x-"] > :before {
    bottom: -5rem;
  }

  .lg\:grid-line-x-20[class*="grid-line-yfull"] > :after {
    bottom: -5rem;
    top: -5rem;
  }

  .lg\:grid-line-x-22[class*="grid-line-x-"] > :before {
    bottom: -5.5rem;
  }

  .lg\:grid-line-x-22[class*="grid-line-yfull"] > :after {
    bottom: -5.5rem;
    top: -5.5rem;
  }

  .lg\:grid-line-x-24[class*="grid-line-x-"] > :before {
    bottom: -6rem;
  }

  .lg\:grid-line-x-24[class*="grid-line-yfull"] > :after {
    bottom: -6rem;
    top: -6rem;
  }

  .lg\:grid-line-x-25[class*="grid-line-x-"] > :before {
    bottom: -6.25rem;
  }

  .lg\:grid-line-x-25[class*="grid-line-yfull"] > :after {
    bottom: -6.25rem;
    top: -6.25rem;
  }

  .lg\:grid-line-x-26[class*="grid-line-x-"] > :before {
    bottom: -6.5rem;
  }

  .lg\:grid-line-x-26[class*="grid-line-yfull"] > :after {
    bottom: -6.5rem;
    top: -6.5rem;
  }

  .lg\:grid-line-x-27[class*="grid-line-x-"] > :before {
    bottom: -6.75rem;
  }

  .lg\:grid-line-x-27[class*="grid-line-yfull"] > :after {
    bottom: -6.75rem;
    top: -6.75rem;
  }

  .lg\:grid-line-x-28[class*="grid-line-x-"] > :before {
    bottom: -7rem;
  }

  .lg\:grid-line-x-28[class*="grid-line-yfull"] > :after {
    bottom: -7rem;
    top: -7rem;
  }

  .lg\:grid-line-x-30[class*="grid-line-x-"] > :before {
    bottom: -7.5rem;
  }

  .lg\:grid-line-x-30[class*="grid-line-yfull"] > :after {
    bottom: -7.5rem;
    top: -7.5rem;
  }

  .lg\:grid-line-x-32[class*="grid-line-x-"] > :before {
    bottom: -8rem;
  }

  .lg\:grid-line-x-32[class*="grid-line-yfull"] > :after {
    bottom: -8rem;
    top: -8rem;
  }

  .lg\:grid-line-x-35[class*="grid-line-x-"] > :before {
    bottom: -8.75rem;
  }

  .lg\:grid-line-x-35[class*="grid-line-yfull"] > :after {
    bottom: -8.75rem;
    top: -8.75rem;
  }

  .lg\:grid-line-x-36[class*="grid-line-x-"] > :before {
    bottom: -9rem;
  }

  .lg\:grid-line-x-36[class*="grid-line-yfull"] > :after {
    bottom: -9rem;
    top: -9rem;
  }

  .lg\:grid-line-x-40[class*="grid-line-x-"] > :before {
    bottom: -10rem;
  }

  .lg\:grid-line-x-40[class*="grid-line-yfull"] > :after {
    bottom: -10rem;
    top: -10rem;
  }

  .lg\:grid-line-x-42[class*="grid-line-x-"] > :before {
    bottom: -10.5rem;
  }

  .lg\:grid-line-x-42[class*="grid-line-yfull"] > :after {
    bottom: -10.5rem;
    top: -10.5rem;
  }

  .lg\:grid-line-x-44[class*="grid-line-x-"] > :before {
    bottom: -11rem;
  }

  .lg\:grid-line-x-44[class*="grid-line-yfull"] > :after {
    bottom: -11rem;
    top: -11rem;
  }

  .lg\:grid-line-x-45[class*="grid-line-x-"] > :before {
    bottom: -11.25rem;
  }

  .lg\:grid-line-x-45[class*="grid-line-yfull"] > :after {
    bottom: -11.25rem;
    top: -11.25rem;
  }

  .lg\:grid-line-x-48[class*="grid-line-x-"] > :before {
    bottom: -12rem;
  }

  .lg\:grid-line-x-48[class*="grid-line-yfull"] > :after {
    bottom: -12rem;
    top: -12rem;
  }

  .lg\:grid-line-x-50[class*="grid-line-x-"] > :before {
    bottom: -12.5rem;
  }

  .lg\:grid-line-x-50[class*="grid-line-yfull"] > :after {
    bottom: -12.5rem;
    top: -12.5rem;
  }

  .lg\:grid-line-x-52[class*="grid-line-x-"] > :before {
    bottom: -13rem;
  }

  .lg\:grid-line-x-52[class*="grid-line-yfull"] > :after {
    bottom: -13rem;
    top: -13rem;
  }

  .lg\:grid-line-x-56[class*="grid-line-x-"] > :before {
    bottom: -14rem;
  }

  .lg\:grid-line-x-56[class*="grid-line-yfull"] > :after {
    bottom: -14rem;
    top: -14rem;
  }

  .lg\:grid-line-x-60[class*="grid-line-x-"] > :before {
    bottom: -15rem;
  }

  .lg\:grid-line-x-60[class*="grid-line-yfull"] > :after {
    bottom: -15rem;
    top: -15rem;
  }

  .lg\:grid-line-x-64[class*="grid-line-x-"] > :before {
    bottom: -16rem;
  }

  .lg\:grid-line-x-64[class*="grid-line-yfull"] > :after {
    bottom: -16rem;
    top: -16rem;
  }

  .lg\:grid-line-x-72[class*="grid-line-x-"] > :before {
    bottom: -18rem;
  }

  .lg\:grid-line-x-72[class*="grid-line-yfull"] > :after {
    bottom: -18rem;
    top: -18rem;
  }

  .lg\:grid-line-x-80[class*="grid-line-x-"] > :before {
    bottom: -20rem;
  }

  .lg\:grid-line-x-80[class*="grid-line-yfull"] > :after {
    bottom: -20rem;
    top: -20rem;
  }

  .lg\:grid-line-x-96[class*="grid-line-x-"] > :before {
    bottom: -24rem;
  }

  .lg\:grid-line-x-96[class*="grid-line-yfull"] > :after {
    bottom: -24rem;
    top: -24rem;
  }

  .lg\:grid-line-x-px[class*="grid-line-x-"] > :before {
    bottom: -1px;
  }

  .lg\:grid-line-x-px[class*="grid-line-yfull"] > :after {
    bottom: -1px;
    top: -1px;
  }

  .lg\:grid-line-x-0.5[class*="grid-line-x-"] > :before {
    bottom: -0.125rem;
  }

  .lg\:grid-line-x-0.5[class*="grid-line-yfull"] > :after {
    bottom: -0.125rem;
    top: -0.125rem;
  }

  .lg\:grid-line-x-1.5[class*="grid-line-x-"] > :before {
    bottom: -0.375rem;
  }

  .lg\:grid-line-x-1.5[class*="grid-line-yfull"] > :after {
    bottom: -0.375rem;
    top: -0.375rem;
  }

  .lg\:grid-line-x-2.5[class*="grid-line-x-"] > :before {
    bottom: -0.625rem;
  }

  .lg\:grid-line-x-2.5[class*="grid-line-yfull"] > :after {
    bottom: -0.625rem;
    top: -0.625rem;
  }

  .lg\:grid-line-x-3.5[class*="grid-line-x-"] > :before {
    bottom: -0.875rem;
  }

  .lg\:grid-line-x-3.5[class*="grid-line-yfull"] > :after {
    bottom: -0.875rem;
    top: -0.875rem;
  }

  .lg\:grid-line-x-0.25[class*="grid-line-x-"] > :before {
    bottom: -0.0625rem;
  }

  .lg\:grid-line-x-0.25[class*="grid-line-yfull"] > :after {
    bottom: -0.0625rem;
    top: -0.0625rem;
  }

  .lg\:grid-line-x-1.25[class*="grid-line-x-"] > :before {
    bottom: -0.3125rem;
  }

  .lg\:grid-line-x-1.25[class*="grid-line-yfull"] > :after {
    bottom: -0.3125rem;
    top: -0.3125rem;
  }

  .lg\:grid-line-x-1.75[class*="grid-line-x-"] > :before {
    bottom: -0.4375rem;
  }

  .lg\:grid-line-x-1.75[class*="grid-line-yfull"] > :after {
    bottom: -0.4375rem;
    top: -0.4375rem;
  }

  .lg\:grid-line-x-2.75[class*="grid-line-x-"] > :before {
    bottom: -0.6875rem;
  }

  .lg\:grid-line-x-2.75[class*="grid-line-yfull"] > :after {
    bottom: -0.6875rem;
    top: -0.6875rem;
  }

  .lg\:grid-line-x-5.25[class*="grid-line-x-"] > :before {
    bottom: -1.3125rem;
  }

  .lg\:grid-line-x-5.25[class*="grid-line-yfull"] > :after {
    bottom: -1.3125rem;
    top: -1.3125rem;
  }

  .lg\:grid-line-x-5.5[class*="grid-line-x-"] > :before {
    bottom: -1.375rem;
  }

  .lg\:grid-line-x-5.5[class*="grid-line-yfull"] > :after {
    bottom: -1.375rem;
    top: -1.375rem;
  }

  .lg\:grid-line-x-6.25[class*="grid-line-x-"] > :before {
    bottom: -1.5625rem;
  }

  .lg\:grid-line-x-6.25[class*="grid-line-yfull"] > :after {
    bottom: -1.5625rem;
    top: -1.5625rem;
  }

  .lg\:grid-line-x-6.5[class*="grid-line-x-"] > :before {
    bottom: -1.625rem;
  }

  .lg\:grid-line-x-6.5[class*="grid-line-yfull"] > :after {
    bottom: -1.625rem;
    top: -1.625rem;
  }

  .lg\:grid-line-x-7.5[class*="grid-line-x-"] > :before {
    bottom: -1.875rem;
  }

  .lg\:grid-line-x-7.5[class*="grid-line-yfull"] > :after {
    bottom: -1.875rem;
    top: -1.875rem;
  }

  .lg\:grid-line-x-8.5[class*="grid-line-x-"] > :before {
    bottom: -2.125rem;
  }

  .lg\:grid-line-x-8.5[class*="grid-line-yfull"] > :after {
    bottom: -2.125rem;
    top: -2.125rem;
  }

  .lg\:grid-line-x-8.75[class*="grid-line-x-"] > :before {
    bottom: -2.1875rem;
  }

  .lg\:grid-line-x-8.75[class*="grid-line-yfull"] > :after {
    bottom: -2.1875rem;
    top: -2.1875rem;
  }

  .lg\:grid-line-x-12.5[class*="grid-line-x-"] > :before {
    bottom: -3.125rem;
  }

  .lg\:grid-line-x-12.5[class*="grid-line-yfull"] > :after {
    bottom: -3.125rem;
    top: -3.125rem;
  }

  .lg\:grid-line-x-17.5[class*="grid-line-x-"] > :before {
    bottom: -4.375rem;
  }

  .lg\:grid-line-x-17.5[class*="grid-line-yfull"] > :after {
    bottom: -4.375rem;
    top: -4.375rem;
  }

  .lg\:grid-line-x-37.5[class*="grid-line-x-"] > :before {
    bottom: -9.375rem;
  }

  .lg\:grid-line-x-37.5[class*="grid-line-yfull"] > :after {
    bottom: -9.375rem;
    top: -9.375rem;
  }

  .lg\:grid-line-x-62.5[class*="grid-line-x-"] > :before {
    bottom: -15.6rem;
  }

  .lg\:grid-line-x-62.5[class*="grid-line-yfull"] > :after {
    bottom: -15.6rem;
    top: -15.6rem;
  }

  .lg\:grid-line-x-1\/2[class*="grid-line-x-"] > :before {
    bottom: -50%;
  }

  .lg\:grid-line-x-1\/2[class*="grid-line-yfull"] > :after {
    bottom: -50%;
    top: -50%;
  }

  .lg\:grid-line-x-1\/3[class*="grid-line-x-"] > :before {
    bottom: -33.333%;
  }

  .lg\:grid-line-x-1\/3[class*="grid-line-yfull"] > :after {
    bottom: -33.333%;
    top: -33.333%;
  }

  .lg\:grid-line-x-1\/4[class*="grid-line-x-"] > :before {
    bottom: -25%;
  }

  .lg\:grid-line-x-1\/4[class*="grid-line-yfull"] > :after {
    bottom: -25%;
    top: -25%;
  }

  .lg\:grid-line-x-1\/5[class*="grid-line-x-"] > :before {
    bottom: -20%;
  }

  .lg\:grid-line-x-1\/5[class*="grid-line-yfull"] > :after {
    bottom: -20%;
    top: -20%;
  }

  .lg\:grid-line-x-1\/6[class*="grid-line-x-"] > :before {
    bottom: -16.666%;
  }

  .lg\:grid-line-x-1\/6[class*="grid-line-yfull"] > :after {
    bottom: -16.666%;
    top: -16.666%;
  }

  .lg\:grid-line-x-11\/12[class*="grid-line-x-"] > :before {
    bottom: -91.666667%;
  }

  .lg\:grid-line-x-11\/12[class*="grid-line-yfull"] > :after {
    bottom: -91.666667%;
    top: -91.666667%;
  }

  .lg\:grid-line-x-screen-1\/5[class*="grid-line-x-"] > :before {
    bottom: -20vh;
  }

  .lg\:grid-line-x-screen-1\/5[class*="grid-line-yfull"] > :after {
    bottom: -20vh;
    top: -20vh;
  }

  .lg\:grid-line-x-screen-1\/4[class*="grid-line-x-"] > :before {
    bottom: -25vh;
  }

  .lg\:grid-line-x-screen-1\/4[class*="grid-line-yfull"] > :after {
    bottom: -25vh;
    top: -25vh;
  }

  .lg\:grid-line-x-screen-1\/2[class*="grid-line-x-"] > :before {
    bottom: -50vh;
  }

  .lg\:grid-line-x-screen-1\/2[class*="grid-line-yfull"] > :after {
    bottom: -50vh;
    top: -50vh;
  }

  .lg\:grid-line-x-screen-3\/4[class*="grid-line-x-"] > :before {
    bottom: -67vh;
  }

  .lg\:grid-line-x-screen-3\/4[class*="grid-line-yfull"] > :after {
    bottom: -67vh;
    top: -67vh;
  }

  .lg\:grid-line-x-full-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
  }

  .lg\:grid-line-x-full-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
    top: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
  }

  .lg\:grid-line-x-screen-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
  }

  .lg\:grid-line-x-screen-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
    top: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
  }

  .lg\:grid-line-x-full-with-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
  }

  .lg\:grid-line-x-full-with-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
    top: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
  }

  .lg\:grid-line-x-safescreen[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
  }

  .lg\:grid-line-x-safescreen[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
    top: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
  }

  .lg\:grid-line-x-safescreen-12[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--vh, 1vh) * 100 - 3rem);
  }

  .lg\:grid-line-x-safescreen-12[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--vh, 1vh) * 100 - 3rem);
    top: -calc(var(--vh, 1vh) * 100 - 3rem);
  }

  .lg\:grid-line-x-innergutter[class*="grid-line-x-"] > :before {
    bottom: -var(--inner-gutter);
  }

  .lg\:grid-line-x-innergutter[class*="grid-line-yfull"] > :after {
    bottom: -var(--inner-gutter);
    top: -var(--inner-gutter);
  }

  .lg\:grid-line-x-outergutter[class*="grid-line-x-"] > :before {
    bottom: -var(--outer-gutter);
  }

  .lg\:grid-line-x-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -var(--outer-gutter);
    top: -var(--outer-gutter);
  }

  .lg\:grid-line-x-notifh[class*="grid-line-x-"] > :before {
    bottom: -var(--notifh, 0);
  }

  .lg\:grid-line-x-notifh[class*="grid-line-yfull"] > :after {
    bottom: -var(--notifh, 0);
    top: -var(--notifh, 0);
  }

  .lg\:grid-line-x-safe-top[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-top);
  }

  .lg\:grid-line-x-safe-top[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-top);
    top: -env(safe-area-inset-top);
  }

  .lg\:grid-line-x-safe-bottom[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-bottom);
  }

  .lg\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-bottom);
    top: -env(safe-area-inset-bottom);
  }

  .lg\:grid-line-x-safe-bottom-8[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--safe-area-inset-bottom) + 2rem);
  }

  .lg\:grid-line-x-safe-bottom-8[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--safe-area-inset-bottom) + 2rem);
    top: -calc(var(--safe-area-inset-bottom) + 2rem);
  }

  .lg\:grid-line-x-safe-left[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-left);
  }

  .lg\:grid-line-x-safe-left[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-left);
    top: -env(safe-area-inset-left);
  }

  .lg\:grid-line-x-safe-right[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-right);
  }

  .lg\:grid-line-x-safe-right[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-right);
    top: -env(safe-area-inset-right);
  }

  .lg\:grid-line-x-below-player[class*="grid-line-x-"] > :before {
    bottom: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
  }

  .lg\:grid-line-x-below-player[class*="grid-line-yfull"] > :after {
    bottom: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
    top: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
  }

  .lg\:grid-line-x-light[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-5);
  }

  .lg\:grid-line-y-light[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-5);
  }

  .lg\:grid-line-xy-light[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-5);
  }

  .lg\:grid-line-xy-light[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-5);
  }

  .lg\:grid-line-x-default[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-10);
  }

  .lg\:grid-line-y-default[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-10);
  }

  .lg\:grid-line-xy-default[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-10);
  }

  .lg\:grid-line-xy-default[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-10);
  }

  .lg\:grid-line-x-soft[class*="grid-line-x-"] > :before {
    border-bottom-color: rgba(0, 0, 0, 0.05);
  }

  .lg\:grid-line-y-soft[class*="grid-line-y-"] > :after {
    border-right-color: rgba(0, 0, 0, 0.05);
  }

  .lg\:grid-line-xy-soft[class*="grid-line-xy-"] > :before {
    border-bottom-color: rgba(0, 0, 0, 0.05);
  }

  .lg\:grid-line-xy-soft[class*="grid-line-xy-"] > :after {
    border-right-color: rgba(0, 0, 0, 0.05);
  }

  .lg\:grid-line-x-dark[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-15);
  }

  .lg\:grid-line-y-dark[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-15);
  }

  .lg\:grid-line-xy-dark[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-15);
  }

  .lg\:grid-line-xy-dark[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-15);
  }

  .lg\:grid-line-x-darker[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-42);
  }

  .lg\:grid-line-y-darker[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-42);
  }

  .lg\:grid-line-xy-darker[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-42);
  }

  .lg\:grid-line-xy-darker[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-42);
  }

  .lg\:grid-line-x-darkest[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--black);
  }

  .lg\:grid-line-y-darkest[class*="grid-line-y-"] > :after {
    border-right-color: var(--black);
  }

  .lg\:grid-line-xy-darkest[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--black);
  }

  .lg\:grid-line-xy-darkest[class*="grid-line-xy-"] > :after {
    border-right-color: var(--black);
  }

  .lg\:grid-line-x-error[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--red-dark);
  }

  .lg\:grid-line-y-error[class*="grid-line-y-"] > :after {
    border-right-color: var(--red-dark);
  }

  .lg\:grid-line-xy-error[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--red-dark);
  }

  .lg\:grid-line-xy-error[class*="grid-line-xy-"] > :after {
    border-right-color: var(--red-dark);
  }

  .lg\:grid-line-x-inverse[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--white);
  }

  .lg\:grid-line-y-inverse[class*="grid-line-y-"] > :after {
    border-right-color: var(--white);
  }

  .lg\:grid-line-xy-inverse[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--white);
  }

  .lg\:grid-line-xy-inverse[class*="grid-line-xy-"] > :after {
    border-right-color: var(--white);
  }

  .lg\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .lg\:grid-cols-1[class*="grid-line-xfull"] > :nth-child(n):before {
    left: 0;
    right: 0;
  }

  .lg\:grid-cols-1[class*="grid-line-x"] > :nth-child(1n + 1):before {
    right: 0;
  }

  .lg\:grid-cols-1[class*="grid-line-x"]
    > :nth-child(1n + 1):nth-last-child(-n + 1):before,
  .lg\:grid-cols-1[class*="grid-line-x"]
    > :nth-child(1n + 1):nth-last-child(-n + 1)
    ~ :before {
    border-bottom-width: 0;
  }

  .lg\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .lg\:grid-cols-2[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-cols-2[class*="grid-line-x"] > :nth-child(odd):before {
    left: 0;
  }

  .lg\:grid-cols-2[class*="grid-line-x"] > :nth-child(2n + 2):before {
    right: 0;
  }

  .lg\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2):before,
  .lg\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ :before {
    border-bottom-width: 0;
  }

  .lg\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .lg\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(2n + 2):after {
    border-right-width: 0;
  }

  .lg\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 2):after {
    top: 0;
  }

  .lg\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2):after,
  .lg\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ li:after {
    bottom: 0;
  }

  .lg\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .lg\:grid-cols-3[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 1):before {
    left: 0;
  }

  .lg\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 3):before {
    right: 0;
  }

  .lg\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):before,
  .lg\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ :before {
    border-bottom-width: 0;
  }

  .lg\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .lg\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 3):after {
    border-right-width: 0;
  }

  .lg\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 3):after {
    top: 0;
  }

  .lg\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):after,
  .lg\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ li:after {
    bottom: 0;
  }

  .lg\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .lg\:grid-cols-4[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 1):before {
    left: 0;
  }

  .lg\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 4):before {
    right: 0;
  }

  .lg\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):before,
  .lg\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ :before {
    border-bottom-width: 0;
  }

  .lg\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .lg\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 4):after {
    border-right-width: 0;
  }

  .lg\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 4):after {
    top: 0;
  }

  .lg\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):after,
  .lg\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ li:after {
    bottom: 0;
  }

  .lg\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .lg\:grid-cols-5[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-cols-5[class*="grid-line-x"] > :nth-child(5n + 1):before {
    left: 0;
  }

  .lg\:grid-cols-5[class*="grid-line-x"] > :nth-child(5n + 5):before {
    right: 0;
  }

  .lg\:grid-cols-5[class*="grid-line-x"]
    > :nth-child(5n + 1):nth-last-child(-n + 5):before,
  .lg\:grid-cols-5[class*="grid-line-x"]
    > :nth-child(5n + 1):nth-last-child(-n + 5)
    ~ :before {
    border-bottom-width: 0;
  }

  .lg\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .lg\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 5):after {
    border-right-width: 0;
  }

  .lg\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 5):after {
    top: 0;
  }

  .lg\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 1):nth-last-child(-n + 5):after,
  .lg\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 1):nth-last-child(-n + 5)
    ~ li:after {
    bottom: 0;
  }

  .lg\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .lg\:grid-cols-6[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-cols-6[class*="grid-line-x"] > :nth-child(6n + 1):before {
    left: 0;
  }

  .lg\:grid-cols-6[class*="grid-line-x"] > :nth-child(6n + 6):before {
    right: 0;
  }

  .lg\:grid-cols-6[class*="grid-line-x"]
    > :nth-child(6n + 1):nth-last-child(-n + 6):before,
  .lg\:grid-cols-6[class*="grid-line-x"]
    > :nth-child(6n + 1):nth-last-child(-n + 6)
    ~ :before {
    border-bottom-width: 0;
  }

  .lg\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .lg\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 6):after {
    border-right-width: 0;
  }

  .lg\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 6):after {
    top: 0;
  }

  .lg\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 1):nth-last-child(-n + 6):after,
  .lg\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 1):nth-last-child(-n + 6)
    ~ li:after {
    bottom: 0;
  }

  .lg\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .lg\:grid-cols-7[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-cols-7[class*="grid-line-x"] > :nth-child(7n + 1):before {
    left: 0;
  }

  .lg\:grid-cols-7[class*="grid-line-x"] > :nth-child(7n + 7):before {
    right: 0;
  }

  .lg\:grid-cols-7[class*="grid-line-x"]
    > :nth-child(7n + 1):nth-last-child(-n + 7):before,
  .lg\:grid-cols-7[class*="grid-line-x"]
    > :nth-child(7n + 1):nth-last-child(-n + 7)
    ~ :before {
    border-bottom-width: 0;
  }

  .lg\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .lg\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 7):after {
    border-right-width: 0;
  }

  .lg\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 7):after {
    top: 0;
  }

  .lg\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 1):nth-last-child(-n + 7):after,
  .lg\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 1):nth-last-child(-n + 7)
    ~ li:after {
    bottom: 0;
  }

  .lg\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .lg\:grid-cols-8[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-cols-8[class*="grid-line-x"] > :nth-child(8n + 1):before {
    left: 0;
  }

  .lg\:grid-cols-8[class*="grid-line-x"] > :nth-child(8n + 8):before {
    right: 0;
  }

  .lg\:grid-cols-8[class*="grid-line-x"]
    > :nth-child(8n + 1):nth-last-child(-n + 8):before,
  .lg\:grid-cols-8[class*="grid-line-x"]
    > :nth-child(8n + 1):nth-last-child(-n + 8)
    ~ :before {
    border-bottom-width: 0;
  }

  .lg\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .lg\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 8):after {
    border-right-width: 0;
  }

  .lg\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 8):after {
    top: 0;
  }

  .lg\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 1):nth-last-child(-n + 8):after,
  .lg\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 1):nth-last-child(-n + 8)
    ~ li:after {
    bottom: 0;
  }

  .lg\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .lg\:grid-cols-9[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-cols-9[class*="grid-line-x"] > :nth-child(9n + 1):before {
    left: 0;
  }

  .lg\:grid-cols-9[class*="grid-line-x"] > :nth-child(9n + 9):before {
    right: 0;
  }

  .lg\:grid-cols-9[class*="grid-line-x"]
    > :nth-child(9n + 1):nth-last-child(-n + 9):before,
  .lg\:grid-cols-9[class*="grid-line-x"]
    > :nth-child(9n + 1):nth-last-child(-n + 9)
    ~ :before {
    border-bottom-width: 0;
  }

  .lg\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .lg\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 9):after {
    border-right-width: 0;
  }

  .lg\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 9):after {
    top: 0;
  }

  .lg\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 1):nth-last-child(-n + 9):after,
  .lg\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 1):nth-last-child(-n + 9)
    ~ li:after {
    bottom: 0;
  }

  .lg\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .lg\:grid-cols-10[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-cols-10[class*="grid-line-x"] > :nth-child(10n + 1):before {
    left: 0;
  }

  .lg\:grid-cols-10[class*="grid-line-x"] > :nth-child(10n + 10):before {
    right: 0;
  }

  .lg\:grid-cols-10[class*="grid-line-x"]
    > :nth-child(10n + 1):nth-last-child(-n + 10):before,
  .lg\:grid-cols-10[class*="grid-line-x"]
    > :nth-child(10n + 1):nth-last-child(-n + 10)
    ~ :before {
    border-bottom-width: 0;
  }

  .lg\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .lg\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 10):after {
    border-right-width: 0;
  }

  .lg\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 10):after {
    top: 0;
  }

  .lg\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 1):nth-last-child(-n + 10):after,
  .lg\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 1):nth-last-child(-n + 10)
    ~ li:after {
    bottom: 0;
  }

  .lg\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .lg\:grid-cols-11[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-cols-11[class*="grid-line-x"] > :nth-child(11n + 1):before {
    left: 0;
  }

  .lg\:grid-cols-11[class*="grid-line-x"] > :nth-child(11n + 11):before {
    right: 0;
  }

  .lg\:grid-cols-11[class*="grid-line-x"]
    > :nth-child(11n + 1):nth-last-child(-n + 11):before,
  .lg\:grid-cols-11[class*="grid-line-x"]
    > :nth-child(11n + 1):nth-last-child(-n + 11)
    ~ :before {
    border-bottom-width: 0;
  }

  .lg\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .lg\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 11):after {
    border-right-width: 0;
  }

  .lg\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 11):after {
    top: 0;
  }

  .lg\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 1):nth-last-child(-n + 11):after,
  .lg\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 1):nth-last-child(-n + 11)
    ~ li:after {
    bottom: 0;
  }

  .lg\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .lg\:grid-cols-12[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-cols-12[class*="grid-line-x"] > :nth-child(12n + 1):before {
    left: 0;
  }

  .lg\:grid-cols-12[class*="grid-line-x"] > :nth-child(12n + 12):before {
    right: 0;
  }

  .lg\:grid-cols-12[class*="grid-line-x"]
    > :nth-child(12n + 1):nth-last-child(-n + 12):before,
  .lg\:grid-cols-12[class*="grid-line-x"]
    > :nth-child(12n + 1):nth-last-child(-n + 12)
    ~ :before {
    border-bottom-width: 0;
  }

  .lg\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .lg\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 12):after {
    border-right-width: 0;
  }

  .lg\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 12):after {
    top: 0;
  }

  .lg\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 1):nth-last-child(-n + 12):after,
  .lg\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 1):nth-last-child(-n + 12)
    ~ li:after {
    bottom: 0;
  }
}

@media (min-width: 1280px) {
  [class*="grid-line-"] > * {
    position: relative;
  }

  [class*="grid-line-"] > :after,
  [class*="grid-line-"] > :before {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 0;
  }

  .xl\:grid-line-x > :before {
    left: 0;
    right: 0;
  }

  .xl\:grid-line-x > :before,
  .xl\:grid-line-xfull > :before {
    border-bottom: 0 solid transparent;
    border-top: 0 solid transparent;
    bottom: calc(var(--inner-gutter) / -2);
    content: "";
    top: 0;
  }

  .xl\:grid-line-xfull > :before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xl\:grid-line-x-0 > :before {
    content: none;
  }

  .xl\:grid-line-y > :after {
    top: 0;
  }

  .xl\:grid-line-y > :after,
  .xl\:grid-line-yfull > :after {
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    bottom: 0;
    content: "";
    left: 0;
    right: calc(var(--inner-gutter) / -2);
  }

  .xl\:grid-line-yfull > :after {
    top: calc(var(--inner-gutter) / -1);
  }

  .xl\:grid-line-yfull[class*="grid-line-x"] > :after {
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    bottom: calc(var(--inner-gutter) / -2);
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: calc(var(--inner-gutter) / -2);
  }

  .xl\:grid-line-y-0 > :after {
    content: none;
  }

  .xl\:grid-line-x-0[class*="grid-line-x-"] > :before {
    bottom: 0;
  }

  .xl\:grid-line-x-0[class*="grid-line-yfull"] > :after {
    bottom: 0;
    top: 0;
  }

  .xl\:grid-line-x-1[class*="grid-line-x-"] > :before {
    bottom: -0.25rem;
  }

  .xl\:grid-line-x-1[class*="grid-line-yfull"] > :after {
    bottom: -0.25rem;
    top: -0.25rem;
  }

  .xl\:grid-line-x-2[class*="grid-line-x-"] > :before {
    bottom: -0.5rem;
  }

  .xl\:grid-line-x-2[class*="grid-line-yfull"] > :after {
    bottom: -0.5rem;
    top: -0.5rem;
  }

  .xl\:grid-line-x-3[class*="grid-line-x-"] > :before {
    bottom: -0.75rem;
  }

  .xl\:grid-line-x-3[class*="grid-line-yfull"] > :after {
    bottom: -0.75rem;
    top: -0.75rem;
  }

  .xl\:grid-line-x-4[class*="grid-line-x-"] > :before {
    bottom: -1rem;
  }

  .xl\:grid-line-x-4[class*="grid-line-yfull"] > :after {
    bottom: -1rem;
    top: -1rem;
  }

  .xl\:grid-line-x-5[class*="grid-line-x-"] > :before {
    bottom: -1.25rem;
  }

  .xl\:grid-line-x-5[class*="grid-line-yfull"] > :after {
    bottom: -1.25rem;
    top: -1.25rem;
  }

  .xl\:grid-line-x-6[class*="grid-line-x-"] > :before {
    bottom: -1.5rem;
  }

  .xl\:grid-line-x-6[class*="grid-line-yfull"] > :after {
    bottom: -1.5rem;
    top: -1.5rem;
  }

  .xl\:grid-line-x-7[class*="grid-line-x-"] > :before {
    bottom: -1.75rem;
  }

  .xl\:grid-line-x-7[class*="grid-line-yfull"] > :after {
    bottom: -1.75rem;
    top: -1.75rem;
  }

  .xl\:grid-line-x-8[class*="grid-line-x-"] > :before {
    bottom: -2rem;
  }

  .xl\:grid-line-x-8[class*="grid-line-yfull"] > :after {
    bottom: -2rem;
    top: -2rem;
  }

  .xl\:grid-line-x-9[class*="grid-line-x-"] > :before {
    bottom: -2.25rem;
  }

  .xl\:grid-line-x-9[class*="grid-line-yfull"] > :after {
    bottom: -2.25rem;
    top: -2.25rem;
  }

  .xl\:grid-line-x-10[class*="grid-line-x-"] > :before {
    bottom: -2.5rem;
  }

  .xl\:grid-line-x-10[class*="grid-line-yfull"] > :after {
    bottom: -2.5rem;
    top: -2.5rem;
  }

  .xl\:grid-line-x-11[class*="grid-line-x-"] > :before {
    bottom: -2.75rem;
  }

  .xl\:grid-line-x-11[class*="grid-line-yfull"] > :after {
    bottom: -2.75rem;
    top: -2.75rem;
  }

  .xl\:grid-line-x-12[class*="grid-line-x-"] > :before {
    bottom: -3rem;
  }

  .xl\:grid-line-x-12[class*="grid-line-yfull"] > :after {
    bottom: -3rem;
    top: -3rem;
  }

  .xl\:grid-line-x-13[class*="grid-line-x-"] > :before {
    bottom: -3.25rem;
  }

  .xl\:grid-line-x-13[class*="grid-line-yfull"] > :after {
    bottom: -3.25rem;
    top: -3.25rem;
  }

  .xl\:grid-line-x-14[class*="grid-line-x-"] > :before {
    bottom: -3.5rem;
  }

  .xl\:grid-line-x-14[class*="grid-line-yfull"] > :after {
    bottom: -3.5rem;
    top: -3.5rem;
  }

  .xl\:grid-line-x-15[class*="grid-line-x-"] > :before {
    bottom: -3.75rem;
  }

  .xl\:grid-line-x-15[class*="grid-line-yfull"] > :after {
    bottom: -3.75rem;
    top: -3.75rem;
  }

  .xl\:grid-line-x-16[class*="grid-line-x-"] > :before {
    bottom: -4rem;
  }

  .xl\:grid-line-x-16[class*="grid-line-yfull"] > :after {
    bottom: -4rem;
    top: -4rem;
  }

  .xl\:grid-line-x-17[class*="grid-line-x-"] > :before {
    bottom: -4.125rem;
  }

  .xl\:grid-line-x-17[class*="grid-line-yfull"] > :after {
    bottom: -4.125rem;
    top: -4.125rem;
  }

  .xl\:grid-line-x-18[class*="grid-line-x-"] > :before {
    bottom: -4.5rem;
  }

  .xl\:grid-line-x-18[class*="grid-line-yfull"] > :after {
    bottom: -4.5rem;
    top: -4.5rem;
  }

  .xl\:grid-line-x-19[class*="grid-line-x-"] > :before {
    bottom: -4.75rem;
  }

  .xl\:grid-line-x-19[class*="grid-line-yfull"] > :after {
    bottom: -4.75rem;
    top: -4.75rem;
  }

  .xl\:grid-line-x-20[class*="grid-line-x-"] > :before {
    bottom: -5rem;
  }

  .xl\:grid-line-x-20[class*="grid-line-yfull"] > :after {
    bottom: -5rem;
    top: -5rem;
  }

  .xl\:grid-line-x-22[class*="grid-line-x-"] > :before {
    bottom: -5.5rem;
  }

  .xl\:grid-line-x-22[class*="grid-line-yfull"] > :after {
    bottom: -5.5rem;
    top: -5.5rem;
  }

  .xl\:grid-line-x-24[class*="grid-line-x-"] > :before {
    bottom: -6rem;
  }

  .xl\:grid-line-x-24[class*="grid-line-yfull"] > :after {
    bottom: -6rem;
    top: -6rem;
  }

  .xl\:grid-line-x-25[class*="grid-line-x-"] > :before {
    bottom: -6.25rem;
  }

  .xl\:grid-line-x-25[class*="grid-line-yfull"] > :after {
    bottom: -6.25rem;
    top: -6.25rem;
  }

  .xl\:grid-line-x-26[class*="grid-line-x-"] > :before {
    bottom: -6.5rem;
  }

  .xl\:grid-line-x-26[class*="grid-line-yfull"] > :after {
    bottom: -6.5rem;
    top: -6.5rem;
  }

  .xl\:grid-line-x-27[class*="grid-line-x-"] > :before {
    bottom: -6.75rem;
  }

  .xl\:grid-line-x-27[class*="grid-line-yfull"] > :after {
    bottom: -6.75rem;
    top: -6.75rem;
  }

  .xl\:grid-line-x-28[class*="grid-line-x-"] > :before {
    bottom: -7rem;
  }

  .xl\:grid-line-x-28[class*="grid-line-yfull"] > :after {
    bottom: -7rem;
    top: -7rem;
  }

  .xl\:grid-line-x-30[class*="grid-line-x-"] > :before {
    bottom: -7.5rem;
  }

  .xl\:grid-line-x-30[class*="grid-line-yfull"] > :after {
    bottom: -7.5rem;
    top: -7.5rem;
  }

  .xl\:grid-line-x-32[class*="grid-line-x-"] > :before {
    bottom: -8rem;
  }

  .xl\:grid-line-x-32[class*="grid-line-yfull"] > :after {
    bottom: -8rem;
    top: -8rem;
  }

  .xl\:grid-line-x-35[class*="grid-line-x-"] > :before {
    bottom: -8.75rem;
  }

  .xl\:grid-line-x-35[class*="grid-line-yfull"] > :after {
    bottom: -8.75rem;
    top: -8.75rem;
  }

  .xl\:grid-line-x-36[class*="grid-line-x-"] > :before {
    bottom: -9rem;
  }

  .xl\:grid-line-x-36[class*="grid-line-yfull"] > :after {
    bottom: -9rem;
    top: -9rem;
  }

  .xl\:grid-line-x-40[class*="grid-line-x-"] > :before {
    bottom: -10rem;
  }

  .xl\:grid-line-x-40[class*="grid-line-yfull"] > :after {
    bottom: -10rem;
    top: -10rem;
  }

  .xl\:grid-line-x-42[class*="grid-line-x-"] > :before {
    bottom: -10.5rem;
  }

  .xl\:grid-line-x-42[class*="grid-line-yfull"] > :after {
    bottom: -10.5rem;
    top: -10.5rem;
  }

  .xl\:grid-line-x-44[class*="grid-line-x-"] > :before {
    bottom: -11rem;
  }

  .xl\:grid-line-x-44[class*="grid-line-yfull"] > :after {
    bottom: -11rem;
    top: -11rem;
  }

  .xl\:grid-line-x-45[class*="grid-line-x-"] > :before {
    bottom: -11.25rem;
  }

  .xl\:grid-line-x-45[class*="grid-line-yfull"] > :after {
    bottom: -11.25rem;
    top: -11.25rem;
  }

  .xl\:grid-line-x-48[class*="grid-line-x-"] > :before {
    bottom: -12rem;
  }

  .xl\:grid-line-x-48[class*="grid-line-yfull"] > :after {
    bottom: -12rem;
    top: -12rem;
  }

  .xl\:grid-line-x-50[class*="grid-line-x-"] > :before {
    bottom: -12.5rem;
  }

  .xl\:grid-line-x-50[class*="grid-line-yfull"] > :after {
    bottom: -12.5rem;
    top: -12.5rem;
  }

  .xl\:grid-line-x-52[class*="grid-line-x-"] > :before {
    bottom: -13rem;
  }

  .xl\:grid-line-x-52[class*="grid-line-yfull"] > :after {
    bottom: -13rem;
    top: -13rem;
  }

  .xl\:grid-line-x-56[class*="grid-line-x-"] > :before {
    bottom: -14rem;
  }

  .xl\:grid-line-x-56[class*="grid-line-yfull"] > :after {
    bottom: -14rem;
    top: -14rem;
  }

  .xl\:grid-line-x-60[class*="grid-line-x-"] > :before {
    bottom: -15rem;
  }

  .xl\:grid-line-x-60[class*="grid-line-yfull"] > :after {
    bottom: -15rem;
    top: -15rem;
  }

  .xl\:grid-line-x-64[class*="grid-line-x-"] > :before {
    bottom: -16rem;
  }

  .xl\:grid-line-x-64[class*="grid-line-yfull"] > :after {
    bottom: -16rem;
    top: -16rem;
  }

  .xl\:grid-line-x-72[class*="grid-line-x-"] > :before {
    bottom: -18rem;
  }

  .xl\:grid-line-x-72[class*="grid-line-yfull"] > :after {
    bottom: -18rem;
    top: -18rem;
  }

  .xl\:grid-line-x-80[class*="grid-line-x-"] > :before {
    bottom: -20rem;
  }

  .xl\:grid-line-x-80[class*="grid-line-yfull"] > :after {
    bottom: -20rem;
    top: -20rem;
  }

  .xl\:grid-line-x-96[class*="grid-line-x-"] > :before {
    bottom: -24rem;
  }

  .xl\:grid-line-x-96[class*="grid-line-yfull"] > :after {
    bottom: -24rem;
    top: -24rem;
  }

  .xl\:grid-line-x-px[class*="grid-line-x-"] > :before {
    bottom: -1px;
  }

  .xl\:grid-line-x-px[class*="grid-line-yfull"] > :after {
    bottom: -1px;
    top: -1px;
  }

  .xl\:grid-line-x-0.5[class*="grid-line-x-"] > :before {
    bottom: -0.125rem;
  }

  .xl\:grid-line-x-0.5[class*="grid-line-yfull"] > :after {
    bottom: -0.125rem;
    top: -0.125rem;
  }

  .xl\:grid-line-x-1.5[class*="grid-line-x-"] > :before {
    bottom: -0.375rem;
  }

  .xl\:grid-line-x-1.5[class*="grid-line-yfull"] > :after {
    bottom: -0.375rem;
    top: -0.375rem;
  }

  .xl\:grid-line-x-2.5[class*="grid-line-x-"] > :before {
    bottom: -0.625rem;
  }

  .xl\:grid-line-x-2.5[class*="grid-line-yfull"] > :after {
    bottom: -0.625rem;
    top: -0.625rem;
  }

  .xl\:grid-line-x-3.5[class*="grid-line-x-"] > :before {
    bottom: -0.875rem;
  }

  .xl\:grid-line-x-3.5[class*="grid-line-yfull"] > :after {
    bottom: -0.875rem;
    top: -0.875rem;
  }

  .xl\:grid-line-x-0.25[class*="grid-line-x-"] > :before {
    bottom: -0.0625rem;
  }

  .xl\:grid-line-x-0.25[class*="grid-line-yfull"] > :after {
    bottom: -0.0625rem;
    top: -0.0625rem;
  }

  .xl\:grid-line-x-1.25[class*="grid-line-x-"] > :before {
    bottom: -0.3125rem;
  }

  .xl\:grid-line-x-1.25[class*="grid-line-yfull"] > :after {
    bottom: -0.3125rem;
    top: -0.3125rem;
  }

  .xl\:grid-line-x-1.75[class*="grid-line-x-"] > :before {
    bottom: -0.4375rem;
  }

  .xl\:grid-line-x-1.75[class*="grid-line-yfull"] > :after {
    bottom: -0.4375rem;
    top: -0.4375rem;
  }

  .xl\:grid-line-x-2.75[class*="grid-line-x-"] > :before {
    bottom: -0.6875rem;
  }

  .xl\:grid-line-x-2.75[class*="grid-line-yfull"] > :after {
    bottom: -0.6875rem;
    top: -0.6875rem;
  }

  .xl\:grid-line-x-5.25[class*="grid-line-x-"] > :before {
    bottom: -1.3125rem;
  }

  .xl\:grid-line-x-5.25[class*="grid-line-yfull"] > :after {
    bottom: -1.3125rem;
    top: -1.3125rem;
  }

  .xl\:grid-line-x-5.5[class*="grid-line-x-"] > :before {
    bottom: -1.375rem;
  }

  .xl\:grid-line-x-5.5[class*="grid-line-yfull"] > :after {
    bottom: -1.375rem;
    top: -1.375rem;
  }

  .xl\:grid-line-x-6.25[class*="grid-line-x-"] > :before {
    bottom: -1.5625rem;
  }

  .xl\:grid-line-x-6.25[class*="grid-line-yfull"] > :after {
    bottom: -1.5625rem;
    top: -1.5625rem;
  }

  .xl\:grid-line-x-6.5[class*="grid-line-x-"] > :before {
    bottom: -1.625rem;
  }

  .xl\:grid-line-x-6.5[class*="grid-line-yfull"] > :after {
    bottom: -1.625rem;
    top: -1.625rem;
  }

  .xl\:grid-line-x-7.5[class*="grid-line-x-"] > :before {
    bottom: -1.875rem;
  }

  .xl\:grid-line-x-7.5[class*="grid-line-yfull"] > :after {
    bottom: -1.875rem;
    top: -1.875rem;
  }

  .xl\:grid-line-x-8.5[class*="grid-line-x-"] > :before {
    bottom: -2.125rem;
  }

  .xl\:grid-line-x-8.5[class*="grid-line-yfull"] > :after {
    bottom: -2.125rem;
    top: -2.125rem;
  }

  .xl\:grid-line-x-8.75[class*="grid-line-x-"] > :before {
    bottom: -2.1875rem;
  }

  .xl\:grid-line-x-8.75[class*="grid-line-yfull"] > :after {
    bottom: -2.1875rem;
    top: -2.1875rem;
  }

  .xl\:grid-line-x-12.5[class*="grid-line-x-"] > :before {
    bottom: -3.125rem;
  }

  .xl\:grid-line-x-12.5[class*="grid-line-yfull"] > :after {
    bottom: -3.125rem;
    top: -3.125rem;
  }

  .xl\:grid-line-x-17.5[class*="grid-line-x-"] > :before {
    bottom: -4.375rem;
  }

  .xl\:grid-line-x-17.5[class*="grid-line-yfull"] > :after {
    bottom: -4.375rem;
    top: -4.375rem;
  }

  .xl\:grid-line-x-37.5[class*="grid-line-x-"] > :before {
    bottom: -9.375rem;
  }

  .xl\:grid-line-x-37.5[class*="grid-line-yfull"] > :after {
    bottom: -9.375rem;
    top: -9.375rem;
  }

  .xl\:grid-line-x-62.5[class*="grid-line-x-"] > :before {
    bottom: -15.6rem;
  }

  .xl\:grid-line-x-62.5[class*="grid-line-yfull"] > :after {
    bottom: -15.6rem;
    top: -15.6rem;
  }

  .xl\:grid-line-x-1\/2[class*="grid-line-x-"] > :before {
    bottom: -50%;
  }

  .xl\:grid-line-x-1\/2[class*="grid-line-yfull"] > :after {
    bottom: -50%;
    top: -50%;
  }

  .xl\:grid-line-x-1\/3[class*="grid-line-x-"] > :before {
    bottom: -33.333%;
  }

  .xl\:grid-line-x-1\/3[class*="grid-line-yfull"] > :after {
    bottom: -33.333%;
    top: -33.333%;
  }

  .xl\:grid-line-x-1\/4[class*="grid-line-x-"] > :before {
    bottom: -25%;
  }

  .xl\:grid-line-x-1\/4[class*="grid-line-yfull"] > :after {
    bottom: -25%;
    top: -25%;
  }

  .xl\:grid-line-x-1\/5[class*="grid-line-x-"] > :before {
    bottom: -20%;
  }

  .xl\:grid-line-x-1\/5[class*="grid-line-yfull"] > :after {
    bottom: -20%;
    top: -20%;
  }

  .xl\:grid-line-x-1\/6[class*="grid-line-x-"] > :before {
    bottom: -16.666%;
  }

  .xl\:grid-line-x-1\/6[class*="grid-line-yfull"] > :after {
    bottom: -16.666%;
    top: -16.666%;
  }

  .xl\:grid-line-x-11\/12[class*="grid-line-x-"] > :before {
    bottom: -91.666667%;
  }

  .xl\:grid-line-x-11\/12[class*="grid-line-yfull"] > :after {
    bottom: -91.666667%;
    top: -91.666667%;
  }

  .xl\:grid-line-x-screen-1\/5[class*="grid-line-x-"] > :before {
    bottom: -20vh;
  }

  .xl\:grid-line-x-screen-1\/5[class*="grid-line-yfull"] > :after {
    bottom: -20vh;
    top: -20vh;
  }

  .xl\:grid-line-x-screen-1\/4[class*="grid-line-x-"] > :before {
    bottom: -25vh;
  }

  .xl\:grid-line-x-screen-1\/4[class*="grid-line-yfull"] > :after {
    bottom: -25vh;
    top: -25vh;
  }

  .xl\:grid-line-x-screen-1\/2[class*="grid-line-x-"] > :before {
    bottom: -50vh;
  }

  .xl\:grid-line-x-screen-1\/2[class*="grid-line-yfull"] > :after {
    bottom: -50vh;
    top: -50vh;
  }

  .xl\:grid-line-x-screen-3\/4[class*="grid-line-x-"] > :before {
    bottom: -67vh;
  }

  .xl\:grid-line-x-screen-3\/4[class*="grid-line-yfull"] > :after {
    bottom: -67vh;
    top: -67vh;
  }

  .xl\:grid-line-x-full-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
  }

  .xl\:grid-line-x-full-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
    top: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
  }

  .xl\:grid-line-x-screen-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
  }

  .xl\:grid-line-x-screen-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
    top: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
  }

  .xl\:grid-line-x-full-with-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
  }

  .xl\:grid-line-x-full-with-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
    top: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
  }

  .xl\:grid-line-x-safescreen[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
  }

  .xl\:grid-line-x-safescreen[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
    top: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
  }

  .xl\:grid-line-x-safescreen-12[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--vh, 1vh) * 100 - 3rem);
  }

  .xl\:grid-line-x-safescreen-12[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--vh, 1vh) * 100 - 3rem);
    top: -calc(var(--vh, 1vh) * 100 - 3rem);
  }

  .xl\:grid-line-x-innergutter[class*="grid-line-x-"] > :before {
    bottom: -var(--inner-gutter);
  }

  .xl\:grid-line-x-innergutter[class*="grid-line-yfull"] > :after {
    bottom: -var(--inner-gutter);
    top: -var(--inner-gutter);
  }

  .xl\:grid-line-x-outergutter[class*="grid-line-x-"] > :before {
    bottom: -var(--outer-gutter);
  }

  .xl\:grid-line-x-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -var(--outer-gutter);
    top: -var(--outer-gutter);
  }

  .xl\:grid-line-x-notifh[class*="grid-line-x-"] > :before {
    bottom: -var(--notifh, 0);
  }

  .xl\:grid-line-x-notifh[class*="grid-line-yfull"] > :after {
    bottom: -var(--notifh, 0);
    top: -var(--notifh, 0);
  }

  .xl\:grid-line-x-safe-top[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-top);
  }

  .xl\:grid-line-x-safe-top[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-top);
    top: -env(safe-area-inset-top);
  }

  .xl\:grid-line-x-safe-bottom[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-bottom);
  }

  .xl\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-bottom);
    top: -env(safe-area-inset-bottom);
  }

  .xl\:grid-line-x-safe-bottom-8[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--safe-area-inset-bottom) + 2rem);
  }

  .xl\:grid-line-x-safe-bottom-8[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--safe-area-inset-bottom) + 2rem);
    top: -calc(var(--safe-area-inset-bottom) + 2rem);
  }

  .xl\:grid-line-x-safe-left[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-left);
  }

  .xl\:grid-line-x-safe-left[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-left);
    top: -env(safe-area-inset-left);
  }

  .xl\:grid-line-x-safe-right[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-right);
  }

  .xl\:grid-line-x-safe-right[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-right);
    top: -env(safe-area-inset-right);
  }

  .xl\:grid-line-x-below-player[class*="grid-line-x-"] > :before {
    bottom: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
  }

  .xl\:grid-line-x-below-player[class*="grid-line-yfull"] > :after {
    bottom: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
    top: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
  }

  .xl\:grid-line-x-light[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-5);
  }

  .xl\:grid-line-y-light[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-5);
  }

  .xl\:grid-line-xy-light[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-5);
  }

  .xl\:grid-line-xy-light[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-5);
  }

  .xl\:grid-line-x-default[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-10);
  }

  .xl\:grid-line-y-default[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-10);
  }

  .xl\:grid-line-xy-default[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-10);
  }

  .xl\:grid-line-xy-default[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-10);
  }

  .xl\:grid-line-x-soft[class*="grid-line-x-"] > :before {
    border-bottom-color: rgba(0, 0, 0, 0.05);
  }

  .xl\:grid-line-y-soft[class*="grid-line-y-"] > :after {
    border-right-color: rgba(0, 0, 0, 0.05);
  }

  .xl\:grid-line-xy-soft[class*="grid-line-xy-"] > :before {
    border-bottom-color: rgba(0, 0, 0, 0.05);
  }

  .xl\:grid-line-xy-soft[class*="grid-line-xy-"] > :after {
    border-right-color: rgba(0, 0, 0, 0.05);
  }

  .xl\:grid-line-x-dark[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-15);
  }

  .xl\:grid-line-y-dark[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-15);
  }

  .xl\:grid-line-xy-dark[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-15);
  }

  .xl\:grid-line-xy-dark[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-15);
  }

  .xl\:grid-line-x-darker[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-42);
  }

  .xl\:grid-line-y-darker[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-42);
  }

  .xl\:grid-line-xy-darker[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-42);
  }

  .xl\:grid-line-xy-darker[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-42);
  }

  .xl\:grid-line-x-darkest[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--black);
  }

  .xl\:grid-line-y-darkest[class*="grid-line-y-"] > :after {
    border-right-color: var(--black);
  }

  .xl\:grid-line-xy-darkest[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--black);
  }

  .xl\:grid-line-xy-darkest[class*="grid-line-xy-"] > :after {
    border-right-color: var(--black);
  }

  .xl\:grid-line-x-error[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--red-dark);
  }

  .xl\:grid-line-y-error[class*="grid-line-y-"] > :after {
    border-right-color: var(--red-dark);
  }

  .xl\:grid-line-xy-error[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--red-dark);
  }

  .xl\:grid-line-xy-error[class*="grid-line-xy-"] > :after {
    border-right-color: var(--red-dark);
  }

  .xl\:grid-line-x-inverse[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--white);
  }

  .xl\:grid-line-y-inverse[class*="grid-line-y-"] > :after {
    border-right-color: var(--white);
  }

  .xl\:grid-line-xy-inverse[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--white);
  }

  .xl\:grid-line-xy-inverse[class*="grid-line-xy-"] > :after {
    border-right-color: var(--white);
  }

  .xl\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xl\:grid-cols-1[class*="grid-line-xfull"] > :nth-child(n):before {
    left: 0;
    right: 0;
  }

  .xl\:grid-cols-1[class*="grid-line-x"] > :nth-child(1n + 1):before {
    right: 0;
  }

  .xl\:grid-cols-1[class*="grid-line-x"]
    > :nth-child(1n + 1):nth-last-child(-n + 1):before,
  .xl\:grid-cols-1[class*="grid-line-x"]
    > :nth-child(1n + 1):nth-last-child(-n + 1)
    ~ :before {
    border-bottom-width: 0;
  }

  .xl\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xl\:grid-cols-2[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xl\:grid-cols-2[class*="grid-line-x"] > :nth-child(odd):before {
    left: 0;
  }

  .xl\:grid-cols-2[class*="grid-line-x"] > :nth-child(2n + 2):before {
    right: 0;
  }

  .xl\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2):before,
  .xl\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ :before {
    border-bottom-width: 0;
  }

  .xl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(2n + 2):after {
    border-right-width: 0;
  }

  .xl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 2):after {
    top: 0;
  }

  .xl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2):after,
  .xl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ li:after {
    bottom: 0;
  }

  .xl\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xl\:grid-cols-3[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xl\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 1):before {
    left: 0;
  }

  .xl\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 3):before {
    right: 0;
  }

  .xl\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):before,
  .xl\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ :before {
    border-bottom-width: 0;
  }

  .xl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 3):after {
    border-right-width: 0;
  }

  .xl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 3):after {
    top: 0;
  }

  .xl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):after,
  .xl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ li:after {
    bottom: 0;
  }

  .xl\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xl\:grid-cols-4[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xl\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 1):before {
    left: 0;
  }

  .xl\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 4):before {
    right: 0;
  }

  .xl\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):before,
  .xl\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ :before {
    border-bottom-width: 0;
  }

  .xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 4):after {
    border-right-width: 0;
  }

  .xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 4):after {
    top: 0;
  }

  .xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):after,
  .xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ li:after {
    bottom: 0;
  }

  .xl\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xl\:grid-cols-5[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xl\:grid-cols-5[class*="grid-line-x"] > :nth-child(5n + 1):before {
    left: 0;
  }

  .xl\:grid-cols-5[class*="grid-line-x"] > :nth-child(5n + 5):before {
    right: 0;
  }

  .xl\:grid-cols-5[class*="grid-line-x"]
    > :nth-child(5n + 1):nth-last-child(-n + 5):before,
  .xl\:grid-cols-5[class*="grid-line-x"]
    > :nth-child(5n + 1):nth-last-child(-n + 5)
    ~ :before {
    border-bottom-width: 0;
  }

  .xl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 5):after {
    border-right-width: 0;
  }

  .xl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 5):after {
    top: 0;
  }

  .xl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 1):nth-last-child(-n + 5):after,
  .xl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 1):nth-last-child(-n + 5)
    ~ li:after {
    bottom: 0;
  }

  .xl\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xl\:grid-cols-6[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xl\:grid-cols-6[class*="grid-line-x"] > :nth-child(6n + 1):before {
    left: 0;
  }

  .xl\:grid-cols-6[class*="grid-line-x"] > :nth-child(6n + 6):before {
    right: 0;
  }

  .xl\:grid-cols-6[class*="grid-line-x"]
    > :nth-child(6n + 1):nth-last-child(-n + 6):before,
  .xl\:grid-cols-6[class*="grid-line-x"]
    > :nth-child(6n + 1):nth-last-child(-n + 6)
    ~ :before {
    border-bottom-width: 0;
  }

  .xl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 6):after {
    border-right-width: 0;
  }

  .xl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 6):after {
    top: 0;
  }

  .xl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 1):nth-last-child(-n + 6):after,
  .xl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 1):nth-last-child(-n + 6)
    ~ li:after {
    bottom: 0;
  }

  .xl\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xl\:grid-cols-7[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xl\:grid-cols-7[class*="grid-line-x"] > :nth-child(7n + 1):before {
    left: 0;
  }

  .xl\:grid-cols-7[class*="grid-line-x"] > :nth-child(7n + 7):before {
    right: 0;
  }

  .xl\:grid-cols-7[class*="grid-line-x"]
    > :nth-child(7n + 1):nth-last-child(-n + 7):before,
  .xl\:grid-cols-7[class*="grid-line-x"]
    > :nth-child(7n + 1):nth-last-child(-n + 7)
    ~ :before {
    border-bottom-width: 0;
  }

  .xl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 7):after {
    border-right-width: 0;
  }

  .xl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 7):after {
    top: 0;
  }

  .xl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 1):nth-last-child(-n + 7):after,
  .xl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 1):nth-last-child(-n + 7)
    ~ li:after {
    bottom: 0;
  }

  .xl\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xl\:grid-cols-8[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xl\:grid-cols-8[class*="grid-line-x"] > :nth-child(8n + 1):before {
    left: 0;
  }

  .xl\:grid-cols-8[class*="grid-line-x"] > :nth-child(8n + 8):before {
    right: 0;
  }

  .xl\:grid-cols-8[class*="grid-line-x"]
    > :nth-child(8n + 1):nth-last-child(-n + 8):before,
  .xl\:grid-cols-8[class*="grid-line-x"]
    > :nth-child(8n + 1):nth-last-child(-n + 8)
    ~ :before {
    border-bottom-width: 0;
  }

  .xl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 8):after {
    border-right-width: 0;
  }

  .xl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 8):after {
    top: 0;
  }

  .xl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 1):nth-last-child(-n + 8):after,
  .xl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 1):nth-last-child(-n + 8)
    ~ li:after {
    bottom: 0;
  }

  .xl\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xl\:grid-cols-9[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xl\:grid-cols-9[class*="grid-line-x"] > :nth-child(9n + 1):before {
    left: 0;
  }

  .xl\:grid-cols-9[class*="grid-line-x"] > :nth-child(9n + 9):before {
    right: 0;
  }

  .xl\:grid-cols-9[class*="grid-line-x"]
    > :nth-child(9n + 1):nth-last-child(-n + 9):before,
  .xl\:grid-cols-9[class*="grid-line-x"]
    > :nth-child(9n + 1):nth-last-child(-n + 9)
    ~ :before {
    border-bottom-width: 0;
  }

  .xl\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xl\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 9):after {
    border-right-width: 0;
  }

  .xl\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 9):after {
    top: 0;
  }

  .xl\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 1):nth-last-child(-n + 9):after,
  .xl\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 1):nth-last-child(-n + 9)
    ~ li:after {
    bottom: 0;
  }

  .xl\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xl\:grid-cols-10[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xl\:grid-cols-10[class*="grid-line-x"] > :nth-child(10n + 1):before {
    left: 0;
  }

  .xl\:grid-cols-10[class*="grid-line-x"] > :nth-child(10n + 10):before {
    right: 0;
  }

  .xl\:grid-cols-10[class*="grid-line-x"]
    > :nth-child(10n + 1):nth-last-child(-n + 10):before,
  .xl\:grid-cols-10[class*="grid-line-x"]
    > :nth-child(10n + 1):nth-last-child(-n + 10)
    ~ :before {
    border-bottom-width: 0;
  }

  .xl\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xl\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 10):after {
    border-right-width: 0;
  }

  .xl\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 10):after {
    top: 0;
  }

  .xl\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 1):nth-last-child(-n + 10):after,
  .xl\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 1):nth-last-child(-n + 10)
    ~ li:after {
    bottom: 0;
  }

  .xl\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xl\:grid-cols-11[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xl\:grid-cols-11[class*="grid-line-x"] > :nth-child(11n + 1):before {
    left: 0;
  }

  .xl\:grid-cols-11[class*="grid-line-x"] > :nth-child(11n + 11):before {
    right: 0;
  }

  .xl\:grid-cols-11[class*="grid-line-x"]
    > :nth-child(11n + 1):nth-last-child(-n + 11):before,
  .xl\:grid-cols-11[class*="grid-line-x"]
    > :nth-child(11n + 1):nth-last-child(-n + 11)
    ~ :before {
    border-bottom-width: 0;
  }

  .xl\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xl\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 11):after {
    border-right-width: 0;
  }

  .xl\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 11):after {
    top: 0;
  }

  .xl\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 1):nth-last-child(-n + 11):after,
  .xl\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 1):nth-last-child(-n + 11)
    ~ li:after {
    bottom: 0;
  }

  .xl\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xl\:grid-cols-12[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xl\:grid-cols-12[class*="grid-line-x"] > :nth-child(12n + 1):before {
    left: 0;
  }

  .xl\:grid-cols-12[class*="grid-line-x"] > :nth-child(12n + 12):before {
    right: 0;
  }

  .xl\:grid-cols-12[class*="grid-line-x"]
    > :nth-child(12n + 1):nth-last-child(-n + 12):before,
  .xl\:grid-cols-12[class*="grid-line-x"]
    > :nth-child(12n + 1):nth-last-child(-n + 12)
    ~ :before {
    border-bottom-width: 0;
  }

  .xl\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xl\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 12):after {
    border-right-width: 0;
  }

  .xl\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 12):after {
    top: 0;
  }

  .xl\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 1):nth-last-child(-n + 12):after,
  .xl\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 1):nth-last-child(-n + 12)
    ~ li:after {
    bottom: 0;
  }
}

@media (min-width: 1361px) {
  [class*="grid-line-"] > * {
    position: relative;
  }

  [class*="grid-line-"] > :after,
  [class*="grid-line-"] > :before {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 0;
  }

  .xxl\:grid-line-x > :before {
    left: 0;
    right: 0;
  }

  .xxl\:grid-line-x > :before,
  .xxl\:grid-line-xfull > :before {
    border-bottom: 0 solid transparent;
    border-top: 0 solid transparent;
    bottom: calc(var(--inner-gutter) / -2);
    content: "";
    top: 0;
  }

  .xxl\:grid-line-xfull > :before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxl\:grid-line-x-0 > :before {
    content: none;
  }

  .xxl\:grid-line-y > :after {
    top: 0;
  }

  .xxl\:grid-line-y > :after,
  .xxl\:grid-line-yfull > :after {
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    bottom: 0;
    content: "";
    left: 0;
    right: calc(var(--inner-gutter) / -2);
  }

  .xxl\:grid-line-yfull > :after {
    top: calc(var(--inner-gutter) / -1);
  }

  .xxl\:grid-line-yfull[class*="grid-line-x"] > :after {
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    bottom: calc(var(--inner-gutter) / -2);
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: calc(var(--inner-gutter) / -2);
  }

  .xxl\:grid-line-y-0 > :after {
    content: none;
  }

  .xxl\:grid-line-x-0[class*="grid-line-x-"] > :before {
    bottom: 0;
  }

  .xxl\:grid-line-x-0[class*="grid-line-yfull"] > :after {
    bottom: 0;
    top: 0;
  }

  .xxl\:grid-line-x-1[class*="grid-line-x-"] > :before {
    bottom: -0.25rem;
  }

  .xxl\:grid-line-x-1[class*="grid-line-yfull"] > :after {
    bottom: -0.25rem;
    top: -0.25rem;
  }

  .xxl\:grid-line-x-2[class*="grid-line-x-"] > :before {
    bottom: -0.5rem;
  }

  .xxl\:grid-line-x-2[class*="grid-line-yfull"] > :after {
    bottom: -0.5rem;
    top: -0.5rem;
  }

  .xxl\:grid-line-x-3[class*="grid-line-x-"] > :before {
    bottom: -0.75rem;
  }

  .xxl\:grid-line-x-3[class*="grid-line-yfull"] > :after {
    bottom: -0.75rem;
    top: -0.75rem;
  }

  .xxl\:grid-line-x-4[class*="grid-line-x-"] > :before {
    bottom: -1rem;
  }

  .xxl\:grid-line-x-4[class*="grid-line-yfull"] > :after {
    bottom: -1rem;
    top: -1rem;
  }

  .xxl\:grid-line-x-5[class*="grid-line-x-"] > :before {
    bottom: -1.25rem;
  }

  .xxl\:grid-line-x-5[class*="grid-line-yfull"] > :after {
    bottom: -1.25rem;
    top: -1.25rem;
  }

  .xxl\:grid-line-x-6[class*="grid-line-x-"] > :before {
    bottom: -1.5rem;
  }

  .xxl\:grid-line-x-6[class*="grid-line-yfull"] > :after {
    bottom: -1.5rem;
    top: -1.5rem;
  }

  .xxl\:grid-line-x-7[class*="grid-line-x-"] > :before {
    bottom: -1.75rem;
  }

  .xxl\:grid-line-x-7[class*="grid-line-yfull"] > :after {
    bottom: -1.75rem;
    top: -1.75rem;
  }

  .xxl\:grid-line-x-8[class*="grid-line-x-"] > :before {
    bottom: -2rem;
  }

  .xxl\:grid-line-x-8[class*="grid-line-yfull"] > :after {
    bottom: -2rem;
    top: -2rem;
  }

  .xxl\:grid-line-x-9[class*="grid-line-x-"] > :before {
    bottom: -2.25rem;
  }

  .xxl\:grid-line-x-9[class*="grid-line-yfull"] > :after {
    bottom: -2.25rem;
    top: -2.25rem;
  }

  .xxl\:grid-line-x-10[class*="grid-line-x-"] > :before {
    bottom: -2.5rem;
  }

  .xxl\:grid-line-x-10[class*="grid-line-yfull"] > :after {
    bottom: -2.5rem;
    top: -2.5rem;
  }

  .xxl\:grid-line-x-11[class*="grid-line-x-"] > :before {
    bottom: -2.75rem;
  }

  .xxl\:grid-line-x-11[class*="grid-line-yfull"] > :after {
    bottom: -2.75rem;
    top: -2.75rem;
  }

  .xxl\:grid-line-x-12[class*="grid-line-x-"] > :before {
    bottom: -3rem;
  }

  .xxl\:grid-line-x-12[class*="grid-line-yfull"] > :after {
    bottom: -3rem;
    top: -3rem;
  }

  .xxl\:grid-line-x-13[class*="grid-line-x-"] > :before {
    bottom: -3.25rem;
  }

  .xxl\:grid-line-x-13[class*="grid-line-yfull"] > :after {
    bottom: -3.25rem;
    top: -3.25rem;
  }

  .xxl\:grid-line-x-14[class*="grid-line-x-"] > :before {
    bottom: -3.5rem;
  }

  .xxl\:grid-line-x-14[class*="grid-line-yfull"] > :after {
    bottom: -3.5rem;
    top: -3.5rem;
  }

  .xxl\:grid-line-x-15[class*="grid-line-x-"] > :before {
    bottom: -3.75rem;
  }

  .xxl\:grid-line-x-15[class*="grid-line-yfull"] > :after {
    bottom: -3.75rem;
    top: -3.75rem;
  }

  .xxl\:grid-line-x-16[class*="grid-line-x-"] > :before {
    bottom: -4rem;
  }

  .xxl\:grid-line-x-16[class*="grid-line-yfull"] > :after {
    bottom: -4rem;
    top: -4rem;
  }

  .xxl\:grid-line-x-17[class*="grid-line-x-"] > :before {
    bottom: -4.125rem;
  }

  .xxl\:grid-line-x-17[class*="grid-line-yfull"] > :after {
    bottom: -4.125rem;
    top: -4.125rem;
  }

  .xxl\:grid-line-x-18[class*="grid-line-x-"] > :before {
    bottom: -4.5rem;
  }

  .xxl\:grid-line-x-18[class*="grid-line-yfull"] > :after {
    bottom: -4.5rem;
    top: -4.5rem;
  }

  .xxl\:grid-line-x-19[class*="grid-line-x-"] > :before {
    bottom: -4.75rem;
  }

  .xxl\:grid-line-x-19[class*="grid-line-yfull"] > :after {
    bottom: -4.75rem;
    top: -4.75rem;
  }

  .xxl\:grid-line-x-20[class*="grid-line-x-"] > :before {
    bottom: -5rem;
  }

  .xxl\:grid-line-x-20[class*="grid-line-yfull"] > :after {
    bottom: -5rem;
    top: -5rem;
  }

  .xxl\:grid-line-x-22[class*="grid-line-x-"] > :before {
    bottom: -5.5rem;
  }

  .xxl\:grid-line-x-22[class*="grid-line-yfull"] > :after {
    bottom: -5.5rem;
    top: -5.5rem;
  }

  .xxl\:grid-line-x-24[class*="grid-line-x-"] > :before {
    bottom: -6rem;
  }

  .xxl\:grid-line-x-24[class*="grid-line-yfull"] > :after {
    bottom: -6rem;
    top: -6rem;
  }

  .xxl\:grid-line-x-25[class*="grid-line-x-"] > :before {
    bottom: -6.25rem;
  }

  .xxl\:grid-line-x-25[class*="grid-line-yfull"] > :after {
    bottom: -6.25rem;
    top: -6.25rem;
  }

  .xxl\:grid-line-x-26[class*="grid-line-x-"] > :before {
    bottom: -6.5rem;
  }

  .xxl\:grid-line-x-26[class*="grid-line-yfull"] > :after {
    bottom: -6.5rem;
    top: -6.5rem;
  }

  .xxl\:grid-line-x-27[class*="grid-line-x-"] > :before {
    bottom: -6.75rem;
  }

  .xxl\:grid-line-x-27[class*="grid-line-yfull"] > :after {
    bottom: -6.75rem;
    top: -6.75rem;
  }

  .xxl\:grid-line-x-28[class*="grid-line-x-"] > :before {
    bottom: -7rem;
  }

  .xxl\:grid-line-x-28[class*="grid-line-yfull"] > :after {
    bottom: -7rem;
    top: -7rem;
  }

  .xxl\:grid-line-x-30[class*="grid-line-x-"] > :before {
    bottom: -7.5rem;
  }

  .xxl\:grid-line-x-30[class*="grid-line-yfull"] > :after {
    bottom: -7.5rem;
    top: -7.5rem;
  }

  .xxl\:grid-line-x-32[class*="grid-line-x-"] > :before {
    bottom: -8rem;
  }

  .xxl\:grid-line-x-32[class*="grid-line-yfull"] > :after {
    bottom: -8rem;
    top: -8rem;
  }

  .xxl\:grid-line-x-35[class*="grid-line-x-"] > :before {
    bottom: -8.75rem;
  }

  .xxl\:grid-line-x-35[class*="grid-line-yfull"] > :after {
    bottom: -8.75rem;
    top: -8.75rem;
  }

  .xxl\:grid-line-x-36[class*="grid-line-x-"] > :before {
    bottom: -9rem;
  }

  .xxl\:grid-line-x-36[class*="grid-line-yfull"] > :after {
    bottom: -9rem;
    top: -9rem;
  }

  .xxl\:grid-line-x-40[class*="grid-line-x-"] > :before {
    bottom: -10rem;
  }

  .xxl\:grid-line-x-40[class*="grid-line-yfull"] > :after {
    bottom: -10rem;
    top: -10rem;
  }

  .xxl\:grid-line-x-42[class*="grid-line-x-"] > :before {
    bottom: -10.5rem;
  }

  .xxl\:grid-line-x-42[class*="grid-line-yfull"] > :after {
    bottom: -10.5rem;
    top: -10.5rem;
  }

  .xxl\:grid-line-x-44[class*="grid-line-x-"] > :before {
    bottom: -11rem;
  }

  .xxl\:grid-line-x-44[class*="grid-line-yfull"] > :after {
    bottom: -11rem;
    top: -11rem;
  }

  .xxl\:grid-line-x-45[class*="grid-line-x-"] > :before {
    bottom: -11.25rem;
  }

  .xxl\:grid-line-x-45[class*="grid-line-yfull"] > :after {
    bottom: -11.25rem;
    top: -11.25rem;
  }

  .xxl\:grid-line-x-48[class*="grid-line-x-"] > :before {
    bottom: -12rem;
  }

  .xxl\:grid-line-x-48[class*="grid-line-yfull"] > :after {
    bottom: -12rem;
    top: -12rem;
  }

  .xxl\:grid-line-x-50[class*="grid-line-x-"] > :before {
    bottom: -12.5rem;
  }

  .xxl\:grid-line-x-50[class*="grid-line-yfull"] > :after {
    bottom: -12.5rem;
    top: -12.5rem;
  }

  .xxl\:grid-line-x-52[class*="grid-line-x-"] > :before {
    bottom: -13rem;
  }

  .xxl\:grid-line-x-52[class*="grid-line-yfull"] > :after {
    bottom: -13rem;
    top: -13rem;
  }

  .xxl\:grid-line-x-56[class*="grid-line-x-"] > :before {
    bottom: -14rem;
  }

  .xxl\:grid-line-x-56[class*="grid-line-yfull"] > :after {
    bottom: -14rem;
    top: -14rem;
  }

  .xxl\:grid-line-x-60[class*="grid-line-x-"] > :before {
    bottom: -15rem;
  }

  .xxl\:grid-line-x-60[class*="grid-line-yfull"] > :after {
    bottom: -15rem;
    top: -15rem;
  }

  .xxl\:grid-line-x-64[class*="grid-line-x-"] > :before {
    bottom: -16rem;
  }

  .xxl\:grid-line-x-64[class*="grid-line-yfull"] > :after {
    bottom: -16rem;
    top: -16rem;
  }

  .xxl\:grid-line-x-72[class*="grid-line-x-"] > :before {
    bottom: -18rem;
  }

  .xxl\:grid-line-x-72[class*="grid-line-yfull"] > :after {
    bottom: -18rem;
    top: -18rem;
  }

  .xxl\:grid-line-x-80[class*="grid-line-x-"] > :before {
    bottom: -20rem;
  }

  .xxl\:grid-line-x-80[class*="grid-line-yfull"] > :after {
    bottom: -20rem;
    top: -20rem;
  }

  .xxl\:grid-line-x-96[class*="grid-line-x-"] > :before {
    bottom: -24rem;
  }

  .xxl\:grid-line-x-96[class*="grid-line-yfull"] > :after {
    bottom: -24rem;
    top: -24rem;
  }

  .xxl\:grid-line-x-px[class*="grid-line-x-"] > :before {
    bottom: -1px;
  }

  .xxl\:grid-line-x-px[class*="grid-line-yfull"] > :after {
    bottom: -1px;
    top: -1px;
  }

  .xxl\:grid-line-x-0.5[class*="grid-line-x-"] > :before {
    bottom: -0.125rem;
  }

  .xxl\:grid-line-x-0.5[class*="grid-line-yfull"] > :after {
    bottom: -0.125rem;
    top: -0.125rem;
  }

  .xxl\:grid-line-x-1.5[class*="grid-line-x-"] > :before {
    bottom: -0.375rem;
  }

  .xxl\:grid-line-x-1.5[class*="grid-line-yfull"] > :after {
    bottom: -0.375rem;
    top: -0.375rem;
  }

  .xxl\:grid-line-x-2.5[class*="grid-line-x-"] > :before {
    bottom: -0.625rem;
  }

  .xxl\:grid-line-x-2.5[class*="grid-line-yfull"] > :after {
    bottom: -0.625rem;
    top: -0.625rem;
  }

  .xxl\:grid-line-x-3.5[class*="grid-line-x-"] > :before {
    bottom: -0.875rem;
  }

  .xxl\:grid-line-x-3.5[class*="grid-line-yfull"] > :after {
    bottom: -0.875rem;
    top: -0.875rem;
  }

  .xxl\:grid-line-x-0.25[class*="grid-line-x-"] > :before {
    bottom: -0.0625rem;
  }

  .xxl\:grid-line-x-0.25[class*="grid-line-yfull"] > :after {
    bottom: -0.0625rem;
    top: -0.0625rem;
  }

  .xxl\:grid-line-x-1.25[class*="grid-line-x-"] > :before {
    bottom: -0.3125rem;
  }

  .xxl\:grid-line-x-1.25[class*="grid-line-yfull"] > :after {
    bottom: -0.3125rem;
    top: -0.3125rem;
  }

  .xxl\:grid-line-x-1.75[class*="grid-line-x-"] > :before {
    bottom: -0.4375rem;
  }

  .xxl\:grid-line-x-1.75[class*="grid-line-yfull"] > :after {
    bottom: -0.4375rem;
    top: -0.4375rem;
  }

  .xxl\:grid-line-x-2.75[class*="grid-line-x-"] > :before {
    bottom: -0.6875rem;
  }

  .xxl\:grid-line-x-2.75[class*="grid-line-yfull"] > :after {
    bottom: -0.6875rem;
    top: -0.6875rem;
  }

  .xxl\:grid-line-x-5.25[class*="grid-line-x-"] > :before {
    bottom: -1.3125rem;
  }

  .xxl\:grid-line-x-5.25[class*="grid-line-yfull"] > :after {
    bottom: -1.3125rem;
    top: -1.3125rem;
  }

  .xxl\:grid-line-x-5.5[class*="grid-line-x-"] > :before {
    bottom: -1.375rem;
  }

  .xxl\:grid-line-x-5.5[class*="grid-line-yfull"] > :after {
    bottom: -1.375rem;
    top: -1.375rem;
  }

  .xxl\:grid-line-x-6.25[class*="grid-line-x-"] > :before {
    bottom: -1.5625rem;
  }

  .xxl\:grid-line-x-6.25[class*="grid-line-yfull"] > :after {
    bottom: -1.5625rem;
    top: -1.5625rem;
  }

  .xxl\:grid-line-x-6.5[class*="grid-line-x-"] > :before {
    bottom: -1.625rem;
  }

  .xxl\:grid-line-x-6.5[class*="grid-line-yfull"] > :after {
    bottom: -1.625rem;
    top: -1.625rem;
  }

  .xxl\:grid-line-x-7.5[class*="grid-line-x-"] > :before {
    bottom: -1.875rem;
  }

  .xxl\:grid-line-x-7.5[class*="grid-line-yfull"] > :after {
    bottom: -1.875rem;
    top: -1.875rem;
  }

  .xxl\:grid-line-x-8.5[class*="grid-line-x-"] > :before {
    bottom: -2.125rem;
  }

  .xxl\:grid-line-x-8.5[class*="grid-line-yfull"] > :after {
    bottom: -2.125rem;
    top: -2.125rem;
  }

  .xxl\:grid-line-x-8.75[class*="grid-line-x-"] > :before {
    bottom: -2.1875rem;
  }

  .xxl\:grid-line-x-8.75[class*="grid-line-yfull"] > :after {
    bottom: -2.1875rem;
    top: -2.1875rem;
  }

  .xxl\:grid-line-x-12.5[class*="grid-line-x-"] > :before {
    bottom: -3.125rem;
  }

  .xxl\:grid-line-x-12.5[class*="grid-line-yfull"] > :after {
    bottom: -3.125rem;
    top: -3.125rem;
  }

  .xxl\:grid-line-x-17.5[class*="grid-line-x-"] > :before {
    bottom: -4.375rem;
  }

  .xxl\:grid-line-x-17.5[class*="grid-line-yfull"] > :after {
    bottom: -4.375rem;
    top: -4.375rem;
  }

  .xxl\:grid-line-x-37.5[class*="grid-line-x-"] > :before {
    bottom: -9.375rem;
  }

  .xxl\:grid-line-x-37.5[class*="grid-line-yfull"] > :after {
    bottom: -9.375rem;
    top: -9.375rem;
  }

  .xxl\:grid-line-x-62.5[class*="grid-line-x-"] > :before {
    bottom: -15.6rem;
  }

  .xxl\:grid-line-x-62.5[class*="grid-line-yfull"] > :after {
    bottom: -15.6rem;
    top: -15.6rem;
  }

  .xxl\:grid-line-x-1\/2[class*="grid-line-x-"] > :before {
    bottom: -50%;
  }

  .xxl\:grid-line-x-1\/2[class*="grid-line-yfull"] > :after {
    bottom: -50%;
    top: -50%;
  }

  .xxl\:grid-line-x-1\/3[class*="grid-line-x-"] > :before {
    bottom: -33.333%;
  }

  .xxl\:grid-line-x-1\/3[class*="grid-line-yfull"] > :after {
    bottom: -33.333%;
    top: -33.333%;
  }

  .xxl\:grid-line-x-1\/4[class*="grid-line-x-"] > :before {
    bottom: -25%;
  }

  .xxl\:grid-line-x-1\/4[class*="grid-line-yfull"] > :after {
    bottom: -25%;
    top: -25%;
  }

  .xxl\:grid-line-x-1\/5[class*="grid-line-x-"] > :before {
    bottom: -20%;
  }

  .xxl\:grid-line-x-1\/5[class*="grid-line-yfull"] > :after {
    bottom: -20%;
    top: -20%;
  }

  .xxl\:grid-line-x-1\/6[class*="grid-line-x-"] > :before {
    bottom: -16.666%;
  }

  .xxl\:grid-line-x-1\/6[class*="grid-line-yfull"] > :after {
    bottom: -16.666%;
    top: -16.666%;
  }

  .xxl\:grid-line-x-11\/12[class*="grid-line-x-"] > :before {
    bottom: -91.666667%;
  }

  .xxl\:grid-line-x-11\/12[class*="grid-line-yfull"] > :after {
    bottom: -91.666667%;
    top: -91.666667%;
  }

  .xxl\:grid-line-x-screen-1\/5[class*="grid-line-x-"] > :before {
    bottom: -20vh;
  }

  .xxl\:grid-line-x-screen-1\/5[class*="grid-line-yfull"] > :after {
    bottom: -20vh;
    top: -20vh;
  }

  .xxl\:grid-line-x-screen-1\/4[class*="grid-line-x-"] > :before {
    bottom: -25vh;
  }

  .xxl\:grid-line-x-screen-1\/4[class*="grid-line-yfull"] > :after {
    bottom: -25vh;
    top: -25vh;
  }

  .xxl\:grid-line-x-screen-1\/2[class*="grid-line-x-"] > :before {
    bottom: -50vh;
  }

  .xxl\:grid-line-x-screen-1\/2[class*="grid-line-yfull"] > :after {
    bottom: -50vh;
    top: -50vh;
  }

  .xxl\:grid-line-x-screen-3\/4[class*="grid-line-x-"] > :before {
    bottom: -67vh;
  }

  .xxl\:grid-line-x-screen-3\/4[class*="grid-line-yfull"] > :after {
    bottom: -67vh;
    top: -67vh;
  }

  .xxl\:grid-line-x-full-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
  }

  .xxl\:grid-line-x-full-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
    top: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
  }

  .xxl\:grid-line-x-screen-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
  }

  .xxl\:grid-line-x-screen-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
    top: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
  }

  .xxl\:grid-line-x-full-with-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
  }

  .xxl\:grid-line-x-full-with-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
    top: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
  }

  .xxl\:grid-line-x-safescreen[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
  }

  .xxl\:grid-line-x-safescreen[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
    top: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
  }

  .xxl\:grid-line-x-safescreen-12[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--vh, 1vh) * 100 - 3rem);
  }

  .xxl\:grid-line-x-safescreen-12[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--vh, 1vh) * 100 - 3rem);
    top: -calc(var(--vh, 1vh) * 100 - 3rem);
  }

  .xxl\:grid-line-x-innergutter[class*="grid-line-x-"] > :before {
    bottom: -var(--inner-gutter);
  }

  .xxl\:grid-line-x-innergutter[class*="grid-line-yfull"] > :after {
    bottom: -var(--inner-gutter);
    top: -var(--inner-gutter);
  }

  .xxl\:grid-line-x-outergutter[class*="grid-line-x-"] > :before {
    bottom: -var(--outer-gutter);
  }

  .xxl\:grid-line-x-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -var(--outer-gutter);
    top: -var(--outer-gutter);
  }

  .xxl\:grid-line-x-notifh[class*="grid-line-x-"] > :before {
    bottom: -var(--notifh, 0);
  }

  .xxl\:grid-line-x-notifh[class*="grid-line-yfull"] > :after {
    bottom: -var(--notifh, 0);
    top: -var(--notifh, 0);
  }

  .xxl\:grid-line-x-safe-top[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-top);
  }

  .xxl\:grid-line-x-safe-top[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-top);
    top: -env(safe-area-inset-top);
  }

  .xxl\:grid-line-x-safe-bottom[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-bottom);
  }

  .xxl\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-bottom);
    top: -env(safe-area-inset-bottom);
  }

  .xxl\:grid-line-x-safe-bottom-8[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--safe-area-inset-bottom) + 2rem);
  }

  .xxl\:grid-line-x-safe-bottom-8[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--safe-area-inset-bottom) + 2rem);
    top: -calc(var(--safe-area-inset-bottom) + 2rem);
  }

  .xxl\:grid-line-x-safe-left[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-left);
  }

  .xxl\:grid-line-x-safe-left[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-left);
    top: -env(safe-area-inset-left);
  }

  .xxl\:grid-line-x-safe-right[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-right);
  }

  .xxl\:grid-line-x-safe-right[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-right);
    top: -env(safe-area-inset-right);
  }

  .xxl\:grid-line-x-below-player[class*="grid-line-x-"] > :before {
    bottom: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
  }

  .xxl\:grid-line-x-below-player[class*="grid-line-yfull"] > :after {
    bottom: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
    top: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
  }

  .xxl\:grid-line-x-light[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-5);
  }

  .xxl\:grid-line-y-light[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-5);
  }

  .xxl\:grid-line-xy-light[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-5);
  }

  .xxl\:grid-line-xy-light[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-5);
  }

  .xxl\:grid-line-x-default[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-10);
  }

  .xxl\:grid-line-y-default[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-10);
  }

  .xxl\:grid-line-xy-default[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-10);
  }

  .xxl\:grid-line-xy-default[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-10);
  }

  .xxl\:grid-line-x-soft[class*="grid-line-x-"] > :before {
    border-bottom-color: rgba(0, 0, 0, 0.05);
  }

  .xxl\:grid-line-y-soft[class*="grid-line-y-"] > :after {
    border-right-color: rgba(0, 0, 0, 0.05);
  }

  .xxl\:grid-line-xy-soft[class*="grid-line-xy-"] > :before {
    border-bottom-color: rgba(0, 0, 0, 0.05);
  }

  .xxl\:grid-line-xy-soft[class*="grid-line-xy-"] > :after {
    border-right-color: rgba(0, 0, 0, 0.05);
  }

  .xxl\:grid-line-x-dark[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-15);
  }

  .xxl\:grid-line-y-dark[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-15);
  }

  .xxl\:grid-line-xy-dark[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-15);
  }

  .xxl\:grid-line-xy-dark[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-15);
  }

  .xxl\:grid-line-x-darker[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-42);
  }

  .xxl\:grid-line-y-darker[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-42);
  }

  .xxl\:grid-line-xy-darker[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-42);
  }

  .xxl\:grid-line-xy-darker[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-42);
  }

  .xxl\:grid-line-x-darkest[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--black);
  }

  .xxl\:grid-line-y-darkest[class*="grid-line-y-"] > :after {
    border-right-color: var(--black);
  }

  .xxl\:grid-line-xy-darkest[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--black);
  }

  .xxl\:grid-line-xy-darkest[class*="grid-line-xy-"] > :after {
    border-right-color: var(--black);
  }

  .xxl\:grid-line-x-error[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--red-dark);
  }

  .xxl\:grid-line-y-error[class*="grid-line-y-"] > :after {
    border-right-color: var(--red-dark);
  }

  .xxl\:grid-line-xy-error[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--red-dark);
  }

  .xxl\:grid-line-xy-error[class*="grid-line-xy-"] > :after {
    border-right-color: var(--red-dark);
  }

  .xxl\:grid-line-x-inverse[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--white);
  }

  .xxl\:grid-line-y-inverse[class*="grid-line-y-"] > :after {
    border-right-color: var(--white);
  }

  .xxl\:grid-line-xy-inverse[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--white);
  }

  .xxl\:grid-line-xy-inverse[class*="grid-line-xy-"] > :after {
    border-right-color: var(--white);
  }

  .xxl\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxl\:grid-cols-1[class*="grid-line-xfull"] > :nth-child(n):before {
    left: 0;
    right: 0;
  }

  .xxl\:grid-cols-1[class*="grid-line-x"] > :nth-child(1n + 1):before {
    right: 0;
  }

  .xxl\:grid-cols-1[class*="grid-line-x"]
    > :nth-child(1n + 1):nth-last-child(-n + 1):before,
  .xxl\:grid-cols-1[class*="grid-line-x"]
    > :nth-child(1n + 1):nth-last-child(-n + 1)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxl\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxl\:grid-cols-2[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxl\:grid-cols-2[class*="grid-line-x"] > :nth-child(odd):before {
    left: 0;
  }

  .xxl\:grid-cols-2[class*="grid-line-x"] > :nth-child(2n + 2):before {
    right: 0;
  }

  .xxl\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2):before,
  .xxl\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(2n + 2):after {
    border-right-width: 0;
  }

  .xxl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 2):after {
    top: 0;
  }

  .xxl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2):after,
  .xxl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ li:after {
    bottom: 0;
  }

  .xxl\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxl\:grid-cols-3[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxl\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 1):before {
    left: 0;
  }

  .xxl\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 3):before {
    right: 0;
  }

  .xxl\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):before,
  .xxl\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 3):after {
    border-right-width: 0;
  }

  .xxl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 3):after {
    top: 0;
  }

  .xxl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):after,
  .xxl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ li:after {
    bottom: 0;
  }

  .xxl\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxl\:grid-cols-4[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxl\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 1):before {
    left: 0;
  }

  .xxl\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 4):before {
    right: 0;
  }

  .xxl\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):before,
  .xxl\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 4):after {
    border-right-width: 0;
  }

  .xxl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 4):after {
    top: 0;
  }

  .xxl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):after,
  .xxl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ li:after {
    bottom: 0;
  }

  .xxl\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxl\:grid-cols-5[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxl\:grid-cols-5[class*="grid-line-x"] > :nth-child(5n + 1):before {
    left: 0;
  }

  .xxl\:grid-cols-5[class*="grid-line-x"] > :nth-child(5n + 5):before {
    right: 0;
  }

  .xxl\:grid-cols-5[class*="grid-line-x"]
    > :nth-child(5n + 1):nth-last-child(-n + 5):before,
  .xxl\:grid-cols-5[class*="grid-line-x"]
    > :nth-child(5n + 1):nth-last-child(-n + 5)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 5):after {
    border-right-width: 0;
  }

  .xxl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 5):after {
    top: 0;
  }

  .xxl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 1):nth-last-child(-n + 5):after,
  .xxl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 1):nth-last-child(-n + 5)
    ~ li:after {
    bottom: 0;
  }

  .xxl\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxl\:grid-cols-6[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxl\:grid-cols-6[class*="grid-line-x"] > :nth-child(6n + 1):before {
    left: 0;
  }

  .xxl\:grid-cols-6[class*="grid-line-x"] > :nth-child(6n + 6):before {
    right: 0;
  }

  .xxl\:grid-cols-6[class*="grid-line-x"]
    > :nth-child(6n + 1):nth-last-child(-n + 6):before,
  .xxl\:grid-cols-6[class*="grid-line-x"]
    > :nth-child(6n + 1):nth-last-child(-n + 6)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 6):after {
    border-right-width: 0;
  }

  .xxl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 6):after {
    top: 0;
  }

  .xxl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 1):nth-last-child(-n + 6):after,
  .xxl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 1):nth-last-child(-n + 6)
    ~ li:after {
    bottom: 0;
  }

  .xxl\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxl\:grid-cols-7[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxl\:grid-cols-7[class*="grid-line-x"] > :nth-child(7n + 1):before {
    left: 0;
  }

  .xxl\:grid-cols-7[class*="grid-line-x"] > :nth-child(7n + 7):before {
    right: 0;
  }

  .xxl\:grid-cols-7[class*="grid-line-x"]
    > :nth-child(7n + 1):nth-last-child(-n + 7):before,
  .xxl\:grid-cols-7[class*="grid-line-x"]
    > :nth-child(7n + 1):nth-last-child(-n + 7)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 7):after {
    border-right-width: 0;
  }

  .xxl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 7):after {
    top: 0;
  }

  .xxl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 1):nth-last-child(-n + 7):after,
  .xxl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 1):nth-last-child(-n + 7)
    ~ li:after {
    bottom: 0;
  }

  .xxl\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxl\:grid-cols-8[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxl\:grid-cols-8[class*="grid-line-x"] > :nth-child(8n + 1):before {
    left: 0;
  }

  .xxl\:grid-cols-8[class*="grid-line-x"] > :nth-child(8n + 8):before {
    right: 0;
  }

  .xxl\:grid-cols-8[class*="grid-line-x"]
    > :nth-child(8n + 1):nth-last-child(-n + 8):before,
  .xxl\:grid-cols-8[class*="grid-line-x"]
    > :nth-child(8n + 1):nth-last-child(-n + 8)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 8):after {
    border-right-width: 0;
  }

  .xxl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 8):after {
    top: 0;
  }

  .xxl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 1):nth-last-child(-n + 8):after,
  .xxl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 1):nth-last-child(-n + 8)
    ~ li:after {
    bottom: 0;
  }

  .xxl\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxl\:grid-cols-9[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxl\:grid-cols-9[class*="grid-line-x"] > :nth-child(9n + 1):before {
    left: 0;
  }

  .xxl\:grid-cols-9[class*="grid-line-x"] > :nth-child(9n + 9):before {
    right: 0;
  }

  .xxl\:grid-cols-9[class*="grid-line-x"]
    > :nth-child(9n + 1):nth-last-child(-n + 9):before,
  .xxl\:grid-cols-9[class*="grid-line-x"]
    > :nth-child(9n + 1):nth-last-child(-n + 9)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxl\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxl\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 9):after {
    border-right-width: 0;
  }

  .xxl\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 9):after {
    top: 0;
  }

  .xxl\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 1):nth-last-child(-n + 9):after,
  .xxl\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 1):nth-last-child(-n + 9)
    ~ li:after {
    bottom: 0;
  }

  .xxl\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxl\:grid-cols-10[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxl\:grid-cols-10[class*="grid-line-x"] > :nth-child(10n + 1):before {
    left: 0;
  }

  .xxl\:grid-cols-10[class*="grid-line-x"] > :nth-child(10n + 10):before {
    right: 0;
  }

  .xxl\:grid-cols-10[class*="grid-line-x"]
    > :nth-child(10n + 1):nth-last-child(-n + 10):before,
  .xxl\:grid-cols-10[class*="grid-line-x"]
    > :nth-child(10n + 1):nth-last-child(-n + 10)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxl\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxl\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 10):after {
    border-right-width: 0;
  }

  .xxl\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 10):after {
    top: 0;
  }

  .xxl\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 1):nth-last-child(-n + 10):after,
  .xxl\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 1):nth-last-child(-n + 10)
    ~ li:after {
    bottom: 0;
  }

  .xxl\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxl\:grid-cols-11[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxl\:grid-cols-11[class*="grid-line-x"] > :nth-child(11n + 1):before {
    left: 0;
  }

  .xxl\:grid-cols-11[class*="grid-line-x"] > :nth-child(11n + 11):before {
    right: 0;
  }

  .xxl\:grid-cols-11[class*="grid-line-x"]
    > :nth-child(11n + 1):nth-last-child(-n + 11):before,
  .xxl\:grid-cols-11[class*="grid-line-x"]
    > :nth-child(11n + 1):nth-last-child(-n + 11)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxl\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxl\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 11):after {
    border-right-width: 0;
  }

  .xxl\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 11):after {
    top: 0;
  }

  .xxl\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 1):nth-last-child(-n + 11):after,
  .xxl\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 1):nth-last-child(-n + 11)
    ~ li:after {
    bottom: 0;
  }

  .xxl\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxl\:grid-cols-12[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxl\:grid-cols-12[class*="grid-line-x"] > :nth-child(12n + 1):before {
    left: 0;
  }

  .xxl\:grid-cols-12[class*="grid-line-x"] > :nth-child(12n + 12):before {
    right: 0;
  }

  .xxl\:grid-cols-12[class*="grid-line-x"]
    > :nth-child(12n + 1):nth-last-child(-n + 12):before,
  .xxl\:grid-cols-12[class*="grid-line-x"]
    > :nth-child(12n + 1):nth-last-child(-n + 12)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxl\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxl\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 12):after {
    border-right-width: 0;
  }

  .xxl\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 12):after {
    top: 0;
  }

  .xxl\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 1):nth-last-child(-n + 12):after,
  .xxl\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 1):nth-last-child(-n + 12)
    ~ li:after {
    bottom: 0;
  }
}

@media (min-width: 1410px) {
  [class*="grid-line-"] > * {
    position: relative;
  }

  [class*="grid-line-"] > :after,
  [class*="grid-line-"] > :before {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 0;
  }

  .xxll\:grid-line-x > :before {
    left: 0;
    right: 0;
  }

  .xxll\:grid-line-x > :before,
  .xxll\:grid-line-xfull > :before {
    border-bottom: 0 solid transparent;
    border-top: 0 solid transparent;
    bottom: calc(var(--inner-gutter) / -2);
    content: "";
    top: 0;
  }

  .xxll\:grid-line-xfull > :before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxll\:grid-line-x-0 > :before {
    content: none;
  }

  .xxll\:grid-line-y > :after {
    top: 0;
  }

  .xxll\:grid-line-y > :after,
  .xxll\:grid-line-yfull > :after {
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    bottom: 0;
    content: "";
    left: 0;
    right: calc(var(--inner-gutter) / -2);
  }

  .xxll\:grid-line-yfull > :after {
    top: calc(var(--inner-gutter) / -1);
  }

  .xxll\:grid-line-yfull[class*="grid-line-x"] > :after {
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    bottom: calc(var(--inner-gutter) / -2);
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: calc(var(--inner-gutter) / -2);
  }

  .xxll\:grid-line-y-0 > :after {
    content: none;
  }

  .xxll\:grid-line-x-0[class*="grid-line-x-"] > :before {
    bottom: 0;
  }

  .xxll\:grid-line-x-0[class*="grid-line-yfull"] > :after {
    bottom: 0;
    top: 0;
  }

  .xxll\:grid-line-x-1[class*="grid-line-x-"] > :before {
    bottom: -0.25rem;
  }

  .xxll\:grid-line-x-1[class*="grid-line-yfull"] > :after {
    bottom: -0.25rem;
    top: -0.25rem;
  }

  .xxll\:grid-line-x-2[class*="grid-line-x-"] > :before {
    bottom: -0.5rem;
  }

  .xxll\:grid-line-x-2[class*="grid-line-yfull"] > :after {
    bottom: -0.5rem;
    top: -0.5rem;
  }

  .xxll\:grid-line-x-3[class*="grid-line-x-"] > :before {
    bottom: -0.75rem;
  }

  .xxll\:grid-line-x-3[class*="grid-line-yfull"] > :after {
    bottom: -0.75rem;
    top: -0.75rem;
  }

  .xxll\:grid-line-x-4[class*="grid-line-x-"] > :before {
    bottom: -1rem;
  }

  .xxll\:grid-line-x-4[class*="grid-line-yfull"] > :after {
    bottom: -1rem;
    top: -1rem;
  }

  .xxll\:grid-line-x-5[class*="grid-line-x-"] > :before {
    bottom: -1.25rem;
  }

  .xxll\:grid-line-x-5[class*="grid-line-yfull"] > :after {
    bottom: -1.25rem;
    top: -1.25rem;
  }

  .xxll\:grid-line-x-6[class*="grid-line-x-"] > :before {
    bottom: -1.5rem;
  }

  .xxll\:grid-line-x-6[class*="grid-line-yfull"] > :after {
    bottom: -1.5rem;
    top: -1.5rem;
  }

  .xxll\:grid-line-x-7[class*="grid-line-x-"] > :before {
    bottom: -1.75rem;
  }

  .xxll\:grid-line-x-7[class*="grid-line-yfull"] > :after {
    bottom: -1.75rem;
    top: -1.75rem;
  }

  .xxll\:grid-line-x-8[class*="grid-line-x-"] > :before {
    bottom: -2rem;
  }

  .xxll\:grid-line-x-8[class*="grid-line-yfull"] > :after {
    bottom: -2rem;
    top: -2rem;
  }

  .xxll\:grid-line-x-9[class*="grid-line-x-"] > :before {
    bottom: -2.25rem;
  }

  .xxll\:grid-line-x-9[class*="grid-line-yfull"] > :after {
    bottom: -2.25rem;
    top: -2.25rem;
  }

  .xxll\:grid-line-x-10[class*="grid-line-x-"] > :before {
    bottom: -2.5rem;
  }

  .xxll\:grid-line-x-10[class*="grid-line-yfull"] > :after {
    bottom: -2.5rem;
    top: -2.5rem;
  }

  .xxll\:grid-line-x-11[class*="grid-line-x-"] > :before {
    bottom: -2.75rem;
  }

  .xxll\:grid-line-x-11[class*="grid-line-yfull"] > :after {
    bottom: -2.75rem;
    top: -2.75rem;
  }

  .xxll\:grid-line-x-12[class*="grid-line-x-"] > :before {
    bottom: -3rem;
  }

  .xxll\:grid-line-x-12[class*="grid-line-yfull"] > :after {
    bottom: -3rem;
    top: -3rem;
  }

  .xxll\:grid-line-x-13[class*="grid-line-x-"] > :before {
    bottom: -3.25rem;
  }

  .xxll\:grid-line-x-13[class*="grid-line-yfull"] > :after {
    bottom: -3.25rem;
    top: -3.25rem;
  }

  .xxll\:grid-line-x-14[class*="grid-line-x-"] > :before {
    bottom: -3.5rem;
  }

  .xxll\:grid-line-x-14[class*="grid-line-yfull"] > :after {
    bottom: -3.5rem;
    top: -3.5rem;
  }

  .xxll\:grid-line-x-15[class*="grid-line-x-"] > :before {
    bottom: -3.75rem;
  }

  .xxll\:grid-line-x-15[class*="grid-line-yfull"] > :after {
    bottom: -3.75rem;
    top: -3.75rem;
  }

  .xxll\:grid-line-x-16[class*="grid-line-x-"] > :before {
    bottom: -4rem;
  }

  .xxll\:grid-line-x-16[class*="grid-line-yfull"] > :after {
    bottom: -4rem;
    top: -4rem;
  }

  .xxll\:grid-line-x-17[class*="grid-line-x-"] > :before {
    bottom: -4.125rem;
  }

  .xxll\:grid-line-x-17[class*="grid-line-yfull"] > :after {
    bottom: -4.125rem;
    top: -4.125rem;
  }

  .xxll\:grid-line-x-18[class*="grid-line-x-"] > :before {
    bottom: -4.5rem;
  }

  .xxll\:grid-line-x-18[class*="grid-line-yfull"] > :after {
    bottom: -4.5rem;
    top: -4.5rem;
  }

  .xxll\:grid-line-x-19[class*="grid-line-x-"] > :before {
    bottom: -4.75rem;
  }

  .xxll\:grid-line-x-19[class*="grid-line-yfull"] > :after {
    bottom: -4.75rem;
    top: -4.75rem;
  }

  .xxll\:grid-line-x-20[class*="grid-line-x-"] > :before {
    bottom: -5rem;
  }

  .xxll\:grid-line-x-20[class*="grid-line-yfull"] > :after {
    bottom: -5rem;
    top: -5rem;
  }

  .xxll\:grid-line-x-22[class*="grid-line-x-"] > :before {
    bottom: -5.5rem;
  }

  .xxll\:grid-line-x-22[class*="grid-line-yfull"] > :after {
    bottom: -5.5rem;
    top: -5.5rem;
  }

  .xxll\:grid-line-x-24[class*="grid-line-x-"] > :before {
    bottom: -6rem;
  }

  .xxll\:grid-line-x-24[class*="grid-line-yfull"] > :after {
    bottom: -6rem;
    top: -6rem;
  }

  .xxll\:grid-line-x-25[class*="grid-line-x-"] > :before {
    bottom: -6.25rem;
  }

  .xxll\:grid-line-x-25[class*="grid-line-yfull"] > :after {
    bottom: -6.25rem;
    top: -6.25rem;
  }

  .xxll\:grid-line-x-26[class*="grid-line-x-"] > :before {
    bottom: -6.5rem;
  }

  .xxll\:grid-line-x-26[class*="grid-line-yfull"] > :after {
    bottom: -6.5rem;
    top: -6.5rem;
  }

  .xxll\:grid-line-x-27[class*="grid-line-x-"] > :before {
    bottom: -6.75rem;
  }

  .xxll\:grid-line-x-27[class*="grid-line-yfull"] > :after {
    bottom: -6.75rem;
    top: -6.75rem;
  }

  .xxll\:grid-line-x-28[class*="grid-line-x-"] > :before {
    bottom: -7rem;
  }

  .xxll\:grid-line-x-28[class*="grid-line-yfull"] > :after {
    bottom: -7rem;
    top: -7rem;
  }

  .xxll\:grid-line-x-30[class*="grid-line-x-"] > :before {
    bottom: -7.5rem;
  }

  .xxll\:grid-line-x-30[class*="grid-line-yfull"] > :after {
    bottom: -7.5rem;
    top: -7.5rem;
  }

  .xxll\:grid-line-x-32[class*="grid-line-x-"] > :before {
    bottom: -8rem;
  }

  .xxll\:grid-line-x-32[class*="grid-line-yfull"] > :after {
    bottom: -8rem;
    top: -8rem;
  }

  .xxll\:grid-line-x-35[class*="grid-line-x-"] > :before {
    bottom: -8.75rem;
  }

  .xxll\:grid-line-x-35[class*="grid-line-yfull"] > :after {
    bottom: -8.75rem;
    top: -8.75rem;
  }

  .xxll\:grid-line-x-36[class*="grid-line-x-"] > :before {
    bottom: -9rem;
  }

  .xxll\:grid-line-x-36[class*="grid-line-yfull"] > :after {
    bottom: -9rem;
    top: -9rem;
  }

  .xxll\:grid-line-x-40[class*="grid-line-x-"] > :before {
    bottom: -10rem;
  }

  .xxll\:grid-line-x-40[class*="grid-line-yfull"] > :after {
    bottom: -10rem;
    top: -10rem;
  }

  .xxll\:grid-line-x-42[class*="grid-line-x-"] > :before {
    bottom: -10.5rem;
  }

  .xxll\:grid-line-x-42[class*="grid-line-yfull"] > :after {
    bottom: -10.5rem;
    top: -10.5rem;
  }

  .xxll\:grid-line-x-44[class*="grid-line-x-"] > :before {
    bottom: -11rem;
  }

  .xxll\:grid-line-x-44[class*="grid-line-yfull"] > :after {
    bottom: -11rem;
    top: -11rem;
  }

  .xxll\:grid-line-x-45[class*="grid-line-x-"] > :before {
    bottom: -11.25rem;
  }

  .xxll\:grid-line-x-45[class*="grid-line-yfull"] > :after {
    bottom: -11.25rem;
    top: -11.25rem;
  }

  .xxll\:grid-line-x-48[class*="grid-line-x-"] > :before {
    bottom: -12rem;
  }

  .xxll\:grid-line-x-48[class*="grid-line-yfull"] > :after {
    bottom: -12rem;
    top: -12rem;
  }

  .xxll\:grid-line-x-50[class*="grid-line-x-"] > :before {
    bottom: -12.5rem;
  }

  .xxll\:grid-line-x-50[class*="grid-line-yfull"] > :after {
    bottom: -12.5rem;
    top: -12.5rem;
  }

  .xxll\:grid-line-x-52[class*="grid-line-x-"] > :before {
    bottom: -13rem;
  }

  .xxll\:grid-line-x-52[class*="grid-line-yfull"] > :after {
    bottom: -13rem;
    top: -13rem;
  }

  .xxll\:grid-line-x-56[class*="grid-line-x-"] > :before {
    bottom: -14rem;
  }

  .xxll\:grid-line-x-56[class*="grid-line-yfull"] > :after {
    bottom: -14rem;
    top: -14rem;
  }

  .xxll\:grid-line-x-60[class*="grid-line-x-"] > :before {
    bottom: -15rem;
  }

  .xxll\:grid-line-x-60[class*="grid-line-yfull"] > :after {
    bottom: -15rem;
    top: -15rem;
  }

  .xxll\:grid-line-x-64[class*="grid-line-x-"] > :before {
    bottom: -16rem;
  }

  .xxll\:grid-line-x-64[class*="grid-line-yfull"] > :after {
    bottom: -16rem;
    top: -16rem;
  }

  .xxll\:grid-line-x-72[class*="grid-line-x-"] > :before {
    bottom: -18rem;
  }

  .xxll\:grid-line-x-72[class*="grid-line-yfull"] > :after {
    bottom: -18rem;
    top: -18rem;
  }

  .xxll\:grid-line-x-80[class*="grid-line-x-"] > :before {
    bottom: -20rem;
  }

  .xxll\:grid-line-x-80[class*="grid-line-yfull"] > :after {
    bottom: -20rem;
    top: -20rem;
  }

  .xxll\:grid-line-x-96[class*="grid-line-x-"] > :before {
    bottom: -24rem;
  }

  .xxll\:grid-line-x-96[class*="grid-line-yfull"] > :after {
    bottom: -24rem;
    top: -24rem;
  }

  .xxll\:grid-line-x-px[class*="grid-line-x-"] > :before {
    bottom: -1px;
  }

  .xxll\:grid-line-x-px[class*="grid-line-yfull"] > :after {
    bottom: -1px;
    top: -1px;
  }

  .xxll\:grid-line-x-0.5[class*="grid-line-x-"] > :before {
    bottom: -0.125rem;
  }

  .xxll\:grid-line-x-0.5[class*="grid-line-yfull"] > :after {
    bottom: -0.125rem;
    top: -0.125rem;
  }

  .xxll\:grid-line-x-1.5[class*="grid-line-x-"] > :before {
    bottom: -0.375rem;
  }

  .xxll\:grid-line-x-1.5[class*="grid-line-yfull"] > :after {
    bottom: -0.375rem;
    top: -0.375rem;
  }

  .xxll\:grid-line-x-2.5[class*="grid-line-x-"] > :before {
    bottom: -0.625rem;
  }

  .xxll\:grid-line-x-2.5[class*="grid-line-yfull"] > :after {
    bottom: -0.625rem;
    top: -0.625rem;
  }

  .xxll\:grid-line-x-3.5[class*="grid-line-x-"] > :before {
    bottom: -0.875rem;
  }

  .xxll\:grid-line-x-3.5[class*="grid-line-yfull"] > :after {
    bottom: -0.875rem;
    top: -0.875rem;
  }

  .xxll\:grid-line-x-0.25[class*="grid-line-x-"] > :before {
    bottom: -0.0625rem;
  }

  .xxll\:grid-line-x-0.25[class*="grid-line-yfull"] > :after {
    bottom: -0.0625rem;
    top: -0.0625rem;
  }

  .xxll\:grid-line-x-1.25[class*="grid-line-x-"] > :before {
    bottom: -0.3125rem;
  }

  .xxll\:grid-line-x-1.25[class*="grid-line-yfull"] > :after {
    bottom: -0.3125rem;
    top: -0.3125rem;
  }

  .xxll\:grid-line-x-1.75[class*="grid-line-x-"] > :before {
    bottom: -0.4375rem;
  }

  .xxll\:grid-line-x-1.75[class*="grid-line-yfull"] > :after {
    bottom: -0.4375rem;
    top: -0.4375rem;
  }

  .xxll\:grid-line-x-2.75[class*="grid-line-x-"] > :before {
    bottom: -0.6875rem;
  }

  .xxll\:grid-line-x-2.75[class*="grid-line-yfull"] > :after {
    bottom: -0.6875rem;
    top: -0.6875rem;
  }

  .xxll\:grid-line-x-5.25[class*="grid-line-x-"] > :before {
    bottom: -1.3125rem;
  }

  .xxll\:grid-line-x-5.25[class*="grid-line-yfull"] > :after {
    bottom: -1.3125rem;
    top: -1.3125rem;
  }

  .xxll\:grid-line-x-5.5[class*="grid-line-x-"] > :before {
    bottom: -1.375rem;
  }

  .xxll\:grid-line-x-5.5[class*="grid-line-yfull"] > :after {
    bottom: -1.375rem;
    top: -1.375rem;
  }

  .xxll\:grid-line-x-6.25[class*="grid-line-x-"] > :before {
    bottom: -1.5625rem;
  }

  .xxll\:grid-line-x-6.25[class*="grid-line-yfull"] > :after {
    bottom: -1.5625rem;
    top: -1.5625rem;
  }

  .xxll\:grid-line-x-6.5[class*="grid-line-x-"] > :before {
    bottom: -1.625rem;
  }

  .xxll\:grid-line-x-6.5[class*="grid-line-yfull"] > :after {
    bottom: -1.625rem;
    top: -1.625rem;
  }

  .xxll\:grid-line-x-7.5[class*="grid-line-x-"] > :before {
    bottom: -1.875rem;
  }

  .xxll\:grid-line-x-7.5[class*="grid-line-yfull"] > :after {
    bottom: -1.875rem;
    top: -1.875rem;
  }

  .xxll\:grid-line-x-8.5[class*="grid-line-x-"] > :before {
    bottom: -2.125rem;
  }

  .xxll\:grid-line-x-8.5[class*="grid-line-yfull"] > :after {
    bottom: -2.125rem;
    top: -2.125rem;
  }

  .xxll\:grid-line-x-8.75[class*="grid-line-x-"] > :before {
    bottom: -2.1875rem;
  }

  .xxll\:grid-line-x-8.75[class*="grid-line-yfull"] > :after {
    bottom: -2.1875rem;
    top: -2.1875rem;
  }

  .xxll\:grid-line-x-12.5[class*="grid-line-x-"] > :before {
    bottom: -3.125rem;
  }

  .xxll\:grid-line-x-12.5[class*="grid-line-yfull"] > :after {
    bottom: -3.125rem;
    top: -3.125rem;
  }

  .xxll\:grid-line-x-17.5[class*="grid-line-x-"] > :before {
    bottom: -4.375rem;
  }

  .xxll\:grid-line-x-17.5[class*="grid-line-yfull"] > :after {
    bottom: -4.375rem;
    top: -4.375rem;
  }

  .xxll\:grid-line-x-37.5[class*="grid-line-x-"] > :before {
    bottom: -9.375rem;
  }

  .xxll\:grid-line-x-37.5[class*="grid-line-yfull"] > :after {
    bottom: -9.375rem;
    top: -9.375rem;
  }

  .xxll\:grid-line-x-62.5[class*="grid-line-x-"] > :before {
    bottom: -15.6rem;
  }

  .xxll\:grid-line-x-62.5[class*="grid-line-yfull"] > :after {
    bottom: -15.6rem;
    top: -15.6rem;
  }

  .xxll\:grid-line-x-1\/2[class*="grid-line-x-"] > :before {
    bottom: -50%;
  }

  .xxll\:grid-line-x-1\/2[class*="grid-line-yfull"] > :after {
    bottom: -50%;
    top: -50%;
  }

  .xxll\:grid-line-x-1\/3[class*="grid-line-x-"] > :before {
    bottom: -33.333%;
  }

  .xxll\:grid-line-x-1\/3[class*="grid-line-yfull"] > :after {
    bottom: -33.333%;
    top: -33.333%;
  }

  .xxll\:grid-line-x-1\/4[class*="grid-line-x-"] > :before {
    bottom: -25%;
  }

  .xxll\:grid-line-x-1\/4[class*="grid-line-yfull"] > :after {
    bottom: -25%;
    top: -25%;
  }

  .xxll\:grid-line-x-1\/5[class*="grid-line-x-"] > :before {
    bottom: -20%;
  }

  .xxll\:grid-line-x-1\/5[class*="grid-line-yfull"] > :after {
    bottom: -20%;
    top: -20%;
  }

  .xxll\:grid-line-x-1\/6[class*="grid-line-x-"] > :before {
    bottom: -16.666%;
  }

  .xxll\:grid-line-x-1\/6[class*="grid-line-yfull"] > :after {
    bottom: -16.666%;
    top: -16.666%;
  }

  .xxll\:grid-line-x-11\/12[class*="grid-line-x-"] > :before {
    bottom: -91.666667%;
  }

  .xxll\:grid-line-x-11\/12[class*="grid-line-yfull"] > :after {
    bottom: -91.666667%;
    top: -91.666667%;
  }

  .xxll\:grid-line-x-screen-1\/5[class*="grid-line-x-"] > :before {
    bottom: -20vh;
  }

  .xxll\:grid-line-x-screen-1\/5[class*="grid-line-yfull"] > :after {
    bottom: -20vh;
    top: -20vh;
  }

  .xxll\:grid-line-x-screen-1\/4[class*="grid-line-x-"] > :before {
    bottom: -25vh;
  }

  .xxll\:grid-line-x-screen-1\/4[class*="grid-line-yfull"] > :after {
    bottom: -25vh;
    top: -25vh;
  }

  .xxll\:grid-line-x-screen-1\/2[class*="grid-line-x-"] > :before {
    bottom: -50vh;
  }

  .xxll\:grid-line-x-screen-1\/2[class*="grid-line-yfull"] > :after {
    bottom: -50vh;
    top: -50vh;
  }

  .xxll\:grid-line-x-screen-3\/4[class*="grid-line-x-"] > :before {
    bottom: -67vh;
  }

  .xxll\:grid-line-x-screen-3\/4[class*="grid-line-yfull"] > :after {
    bottom: -67vh;
    top: -67vh;
  }

  .xxll\:grid-line-x-full-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
  }

  .xxll\:grid-line-x-full-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
    top: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
  }

  .xxll\:grid-line-x-screen-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
  }

  .xxll\:grid-line-x-screen-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
    top: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
  }

  .xxll\:grid-line-x-full-with-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
  }

  .xxll\:grid-line-x-full-with-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
    top: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
  }

  .xxll\:grid-line-x-safescreen[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
  }

  .xxll\:grid-line-x-safescreen[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
    top: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
  }

  .xxll\:grid-line-x-safescreen-12[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--vh, 1vh) * 100 - 3rem);
  }

  .xxll\:grid-line-x-safescreen-12[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--vh, 1vh) * 100 - 3rem);
    top: -calc(var(--vh, 1vh) * 100 - 3rem);
  }

  .xxll\:grid-line-x-innergutter[class*="grid-line-x-"] > :before {
    bottom: -var(--inner-gutter);
  }

  .xxll\:grid-line-x-innergutter[class*="grid-line-yfull"] > :after {
    bottom: -var(--inner-gutter);
    top: -var(--inner-gutter);
  }

  .xxll\:grid-line-x-outergutter[class*="grid-line-x-"] > :before {
    bottom: -var(--outer-gutter);
  }

  .xxll\:grid-line-x-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -var(--outer-gutter);
    top: -var(--outer-gutter);
  }

  .xxll\:grid-line-x-notifh[class*="grid-line-x-"] > :before {
    bottom: -var(--notifh, 0);
  }

  .xxll\:grid-line-x-notifh[class*="grid-line-yfull"] > :after {
    bottom: -var(--notifh, 0);
    top: -var(--notifh, 0);
  }

  .xxll\:grid-line-x-safe-top[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-top);
  }

  .xxll\:grid-line-x-safe-top[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-top);
    top: -env(safe-area-inset-top);
  }

  .xxll\:grid-line-x-safe-bottom[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-bottom);
  }

  .xxll\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-bottom);
    top: -env(safe-area-inset-bottom);
  }

  .xxll\:grid-line-x-safe-bottom-8[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--safe-area-inset-bottom) + 2rem);
  }

  .xxll\:grid-line-x-safe-bottom-8[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--safe-area-inset-bottom) + 2rem);
    top: -calc(var(--safe-area-inset-bottom) + 2rem);
  }

  .xxll\:grid-line-x-safe-left[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-left);
  }

  .xxll\:grid-line-x-safe-left[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-left);
    top: -env(safe-area-inset-left);
  }

  .xxll\:grid-line-x-safe-right[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-right);
  }

  .xxll\:grid-line-x-safe-right[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-right);
    top: -env(safe-area-inset-right);
  }

  .xxll\:grid-line-x-below-player[class*="grid-line-x-"] > :before {
    bottom: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
  }

  .xxll\:grid-line-x-below-player[class*="grid-line-yfull"] > :after {
    bottom: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
    top: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
  }

  .xxll\:grid-line-x-light[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-5);
  }

  .xxll\:grid-line-y-light[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-5);
  }

  .xxll\:grid-line-xy-light[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-5);
  }

  .xxll\:grid-line-xy-light[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-5);
  }

  .xxll\:grid-line-x-default[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-10);
  }

  .xxll\:grid-line-y-default[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-10);
  }

  .xxll\:grid-line-xy-default[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-10);
  }

  .xxll\:grid-line-xy-default[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-10);
  }

  .xxll\:grid-line-x-soft[class*="grid-line-x-"] > :before {
    border-bottom-color: rgba(0, 0, 0, 0.05);
  }

  .xxll\:grid-line-y-soft[class*="grid-line-y-"] > :after {
    border-right-color: rgba(0, 0, 0, 0.05);
  }

  .xxll\:grid-line-xy-soft[class*="grid-line-xy-"] > :before {
    border-bottom-color: rgba(0, 0, 0, 0.05);
  }

  .xxll\:grid-line-xy-soft[class*="grid-line-xy-"] > :after {
    border-right-color: rgba(0, 0, 0, 0.05);
  }

  .xxll\:grid-line-x-dark[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-15);
  }

  .xxll\:grid-line-y-dark[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-15);
  }

  .xxll\:grid-line-xy-dark[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-15);
  }

  .xxll\:grid-line-xy-dark[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-15);
  }

  .xxll\:grid-line-x-darker[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-42);
  }

  .xxll\:grid-line-y-darker[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-42);
  }

  .xxll\:grid-line-xy-darker[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-42);
  }

  .xxll\:grid-line-xy-darker[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-42);
  }

  .xxll\:grid-line-x-darkest[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--black);
  }

  .xxll\:grid-line-y-darkest[class*="grid-line-y-"] > :after {
    border-right-color: var(--black);
  }

  .xxll\:grid-line-xy-darkest[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--black);
  }

  .xxll\:grid-line-xy-darkest[class*="grid-line-xy-"] > :after {
    border-right-color: var(--black);
  }

  .xxll\:grid-line-x-error[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--red-dark);
  }

  .xxll\:grid-line-y-error[class*="grid-line-y-"] > :after {
    border-right-color: var(--red-dark);
  }

  .xxll\:grid-line-xy-error[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--red-dark);
  }

  .xxll\:grid-line-xy-error[class*="grid-line-xy-"] > :after {
    border-right-color: var(--red-dark);
  }

  .xxll\:grid-line-x-inverse[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--white);
  }

  .xxll\:grid-line-y-inverse[class*="grid-line-y-"] > :after {
    border-right-color: var(--white);
  }

  .xxll\:grid-line-xy-inverse[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--white);
  }

  .xxll\:grid-line-xy-inverse[class*="grid-line-xy-"] > :after {
    border-right-color: var(--white);
  }

  .xxll\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxll\:grid-cols-1[class*="grid-line-xfull"] > :nth-child(n):before {
    left: 0;
    right: 0;
  }

  .xxll\:grid-cols-1[class*="grid-line-x"] > :nth-child(1n + 1):before {
    right: 0;
  }

  .xxll\:grid-cols-1[class*="grid-line-x"]
    > :nth-child(1n + 1):nth-last-child(-n + 1):before,
  .xxll\:grid-cols-1[class*="grid-line-x"]
    > :nth-child(1n + 1):nth-last-child(-n + 1)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxll\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxll\:grid-cols-2[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxll\:grid-cols-2[class*="grid-line-x"] > :nth-child(odd):before {
    left: 0;
  }

  .xxll\:grid-cols-2[class*="grid-line-x"] > :nth-child(2n + 2):before {
    right: 0;
  }

  .xxll\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2):before,
  .xxll\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxll\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxll\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(2n + 2):after {
    border-right-width: 0;
  }

  .xxll\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 2):after {
    top: 0;
  }

  .xxll\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2):after,
  .xxll\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ li:after {
    bottom: 0;
  }

  .xxll\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxll\:grid-cols-3[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxll\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 1):before {
    left: 0;
  }

  .xxll\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 3):before {
    right: 0;
  }

  .xxll\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):before,
  .xxll\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxll\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxll\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 3):after {
    border-right-width: 0;
  }

  .xxll\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 3):after {
    top: 0;
  }

  .xxll\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):after,
  .xxll\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ li:after {
    bottom: 0;
  }

  .xxll\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxll\:grid-cols-4[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxll\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 1):before {
    left: 0;
  }

  .xxll\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 4):before {
    right: 0;
  }

  .xxll\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):before,
  .xxll\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxll\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxll\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 4):after {
    border-right-width: 0;
  }

  .xxll\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 4):after {
    top: 0;
  }

  .xxll\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):after,
  .xxll\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ li:after {
    bottom: 0;
  }

  .xxll\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxll\:grid-cols-5[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxll\:grid-cols-5[class*="grid-line-x"] > :nth-child(5n + 1):before {
    left: 0;
  }

  .xxll\:grid-cols-5[class*="grid-line-x"] > :nth-child(5n + 5):before {
    right: 0;
  }

  .xxll\:grid-cols-5[class*="grid-line-x"]
    > :nth-child(5n + 1):nth-last-child(-n + 5):before,
  .xxll\:grid-cols-5[class*="grid-line-x"]
    > :nth-child(5n + 1):nth-last-child(-n + 5)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxll\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxll\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 5):after {
    border-right-width: 0;
  }

  .xxll\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 5):after {
    top: 0;
  }

  .xxll\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 1):nth-last-child(-n + 5):after,
  .xxll\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 1):nth-last-child(-n + 5)
    ~ li:after {
    bottom: 0;
  }

  .xxll\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxll\:grid-cols-6[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxll\:grid-cols-6[class*="grid-line-x"] > :nth-child(6n + 1):before {
    left: 0;
  }

  .xxll\:grid-cols-6[class*="grid-line-x"] > :nth-child(6n + 6):before {
    right: 0;
  }

  .xxll\:grid-cols-6[class*="grid-line-x"]
    > :nth-child(6n + 1):nth-last-child(-n + 6):before,
  .xxll\:grid-cols-6[class*="grid-line-x"]
    > :nth-child(6n + 1):nth-last-child(-n + 6)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxll\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxll\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 6):after {
    border-right-width: 0;
  }

  .xxll\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 6):after {
    top: 0;
  }

  .xxll\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 1):nth-last-child(-n + 6):after,
  .xxll\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 1):nth-last-child(-n + 6)
    ~ li:after {
    bottom: 0;
  }

  .xxll\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxll\:grid-cols-7[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxll\:grid-cols-7[class*="grid-line-x"] > :nth-child(7n + 1):before {
    left: 0;
  }

  .xxll\:grid-cols-7[class*="grid-line-x"] > :nth-child(7n + 7):before {
    right: 0;
  }

  .xxll\:grid-cols-7[class*="grid-line-x"]
    > :nth-child(7n + 1):nth-last-child(-n + 7):before,
  .xxll\:grid-cols-7[class*="grid-line-x"]
    > :nth-child(7n + 1):nth-last-child(-n + 7)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxll\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxll\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 7):after {
    border-right-width: 0;
  }

  .xxll\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 7):after {
    top: 0;
  }

  .xxll\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 1):nth-last-child(-n + 7):after,
  .xxll\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 1):nth-last-child(-n + 7)
    ~ li:after {
    bottom: 0;
  }

  .xxll\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxll\:grid-cols-8[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxll\:grid-cols-8[class*="grid-line-x"] > :nth-child(8n + 1):before {
    left: 0;
  }

  .xxll\:grid-cols-8[class*="grid-line-x"] > :nth-child(8n + 8):before {
    right: 0;
  }

  .xxll\:grid-cols-8[class*="grid-line-x"]
    > :nth-child(8n + 1):nth-last-child(-n + 8):before,
  .xxll\:grid-cols-8[class*="grid-line-x"]
    > :nth-child(8n + 1):nth-last-child(-n + 8)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxll\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxll\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 8):after {
    border-right-width: 0;
  }

  .xxll\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 8):after {
    top: 0;
  }

  .xxll\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 1):nth-last-child(-n + 8):after,
  .xxll\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 1):nth-last-child(-n + 8)
    ~ li:after {
    bottom: 0;
  }

  .xxll\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxll\:grid-cols-9[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxll\:grid-cols-9[class*="grid-line-x"] > :nth-child(9n + 1):before {
    left: 0;
  }

  .xxll\:grid-cols-9[class*="grid-line-x"] > :nth-child(9n + 9):before {
    right: 0;
  }

  .xxll\:grid-cols-9[class*="grid-line-x"]
    > :nth-child(9n + 1):nth-last-child(-n + 9):before,
  .xxll\:grid-cols-9[class*="grid-line-x"]
    > :nth-child(9n + 1):nth-last-child(-n + 9)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxll\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxll\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 9):after {
    border-right-width: 0;
  }

  .xxll\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 9):after {
    top: 0;
  }

  .xxll\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 1):nth-last-child(-n + 9):after,
  .xxll\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 1):nth-last-child(-n + 9)
    ~ li:after {
    bottom: 0;
  }

  .xxll\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxll\:grid-cols-10[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxll\:grid-cols-10[class*="grid-line-x"] > :nth-child(10n + 1):before {
    left: 0;
  }

  .xxll\:grid-cols-10[class*="grid-line-x"] > :nth-child(10n + 10):before {
    right: 0;
  }

  .xxll\:grid-cols-10[class*="grid-line-x"]
    > :nth-child(10n + 1):nth-last-child(-n + 10):before,
  .xxll\:grid-cols-10[class*="grid-line-x"]
    > :nth-child(10n + 1):nth-last-child(-n + 10)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxll\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxll\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 10):after {
    border-right-width: 0;
  }

  .xxll\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 10):after {
    top: 0;
  }

  .xxll\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 1):nth-last-child(-n + 10):after,
  .xxll\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 1):nth-last-child(-n + 10)
    ~ li:after {
    bottom: 0;
  }

  .xxll\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxll\:grid-cols-11[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxll\:grid-cols-11[class*="grid-line-x"] > :nth-child(11n + 1):before {
    left: 0;
  }

  .xxll\:grid-cols-11[class*="grid-line-x"] > :nth-child(11n + 11):before {
    right: 0;
  }

  .xxll\:grid-cols-11[class*="grid-line-x"]
    > :nth-child(11n + 1):nth-last-child(-n + 11):before,
  .xxll\:grid-cols-11[class*="grid-line-x"]
    > :nth-child(11n + 1):nth-last-child(-n + 11)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxll\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxll\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 11):after {
    border-right-width: 0;
  }

  .xxll\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 11):after {
    top: 0;
  }

  .xxll\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 1):nth-last-child(-n + 11):after,
  .xxll\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 1):nth-last-child(-n + 11)
    ~ li:after {
    bottom: 0;
  }

  .xxll\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxll\:grid-cols-12[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxll\:grid-cols-12[class*="grid-line-x"] > :nth-child(12n + 1):before {
    left: 0;
  }

  .xxll\:grid-cols-12[class*="grid-line-x"] > :nth-child(12n + 12):before {
    right: 0;
  }

  .xxll\:grid-cols-12[class*="grid-line-x"]
    > :nth-child(12n + 1):nth-last-child(-n + 12):before,
  .xxll\:grid-cols-12[class*="grid-line-x"]
    > :nth-child(12n + 1):nth-last-child(-n + 12)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxll\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxll\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 12):after {
    border-right-width: 0;
  }

  .xxll\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 12):after {
    top: 0;
  }

  .xxll\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 1):nth-last-child(-n + 12):after,
  .xxll\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 1):nth-last-child(-n + 12)
    ~ li:after {
    bottom: 0;
  }
}

@media (min-width: 1500px) {
  [class*="grid-line-"] > * {
    position: relative;
  }

  [class*="grid-line-"] > :after,
  [class*="grid-line-"] > :before {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 0;
  }

  .xxxl\:grid-line-x > :before {
    left: 0;
    right: 0;
  }

  .xxxl\:grid-line-x > :before,
  .xxxl\:grid-line-xfull > :before {
    border-bottom: 0 solid transparent;
    border-top: 0 solid transparent;
    bottom: calc(var(--inner-gutter) / -2);
    content: "";
    top: 0;
  }

  .xxxl\:grid-line-xfull > :before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxxl\:grid-line-x-0 > :before {
    content: none;
  }

  .xxxl\:grid-line-y > :after {
    top: 0;
  }

  .xxxl\:grid-line-y > :after,
  .xxxl\:grid-line-yfull > :after {
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    bottom: 0;
    content: "";
    left: 0;
    right: calc(var(--inner-gutter) / -2);
  }

  .xxxl\:grid-line-yfull > :after {
    top: calc(var(--inner-gutter) / -1);
  }

  .xxxl\:grid-line-yfull[class*="grid-line-x"] > :after {
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    bottom: calc(var(--inner-gutter) / -2);
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: calc(var(--inner-gutter) / -2);
  }

  .xxxl\:grid-line-y-0 > :after {
    content: none;
  }

  .xxxl\:grid-line-x-0[class*="grid-line-x-"] > :before {
    bottom: 0;
  }

  .xxxl\:grid-line-x-0[class*="grid-line-yfull"] > :after {
    bottom: 0;
    top: 0;
  }

  .xxxl\:grid-line-x-1[class*="grid-line-x-"] > :before {
    bottom: -0.25rem;
  }

  .xxxl\:grid-line-x-1[class*="grid-line-yfull"] > :after {
    bottom: -0.25rem;
    top: -0.25rem;
  }

  .xxxl\:grid-line-x-2[class*="grid-line-x-"] > :before {
    bottom: -0.5rem;
  }

  .xxxl\:grid-line-x-2[class*="grid-line-yfull"] > :after {
    bottom: -0.5rem;
    top: -0.5rem;
  }

  .xxxl\:grid-line-x-3[class*="grid-line-x-"] > :before {
    bottom: -0.75rem;
  }

  .xxxl\:grid-line-x-3[class*="grid-line-yfull"] > :after {
    bottom: -0.75rem;
    top: -0.75rem;
  }

  .xxxl\:grid-line-x-4[class*="grid-line-x-"] > :before {
    bottom: -1rem;
  }

  .xxxl\:grid-line-x-4[class*="grid-line-yfull"] > :after {
    bottom: -1rem;
    top: -1rem;
  }

  .xxxl\:grid-line-x-5[class*="grid-line-x-"] > :before {
    bottom: -1.25rem;
  }

  .xxxl\:grid-line-x-5[class*="grid-line-yfull"] > :after {
    bottom: -1.25rem;
    top: -1.25rem;
  }

  .xxxl\:grid-line-x-6[class*="grid-line-x-"] > :before {
    bottom: -1.5rem;
  }

  .xxxl\:grid-line-x-6[class*="grid-line-yfull"] > :after {
    bottom: -1.5rem;
    top: -1.5rem;
  }

  .xxxl\:grid-line-x-7[class*="grid-line-x-"] > :before {
    bottom: -1.75rem;
  }

  .xxxl\:grid-line-x-7[class*="grid-line-yfull"] > :after {
    bottom: -1.75rem;
    top: -1.75rem;
  }

  .xxxl\:grid-line-x-8[class*="grid-line-x-"] > :before {
    bottom: -2rem;
  }

  .xxxl\:grid-line-x-8[class*="grid-line-yfull"] > :after {
    bottom: -2rem;
    top: -2rem;
  }

  .xxxl\:grid-line-x-9[class*="grid-line-x-"] > :before {
    bottom: -2.25rem;
  }

  .xxxl\:grid-line-x-9[class*="grid-line-yfull"] > :after {
    bottom: -2.25rem;
    top: -2.25rem;
  }

  .xxxl\:grid-line-x-10[class*="grid-line-x-"] > :before {
    bottom: -2.5rem;
  }

  .xxxl\:grid-line-x-10[class*="grid-line-yfull"] > :after {
    bottom: -2.5rem;
    top: -2.5rem;
  }

  .xxxl\:grid-line-x-11[class*="grid-line-x-"] > :before {
    bottom: -2.75rem;
  }

  .xxxl\:grid-line-x-11[class*="grid-line-yfull"] > :after {
    bottom: -2.75rem;
    top: -2.75rem;
  }

  .xxxl\:grid-line-x-12[class*="grid-line-x-"] > :before {
    bottom: -3rem;
  }

  .xxxl\:grid-line-x-12[class*="grid-line-yfull"] > :after {
    bottom: -3rem;
    top: -3rem;
  }

  .xxxl\:grid-line-x-13[class*="grid-line-x-"] > :before {
    bottom: -3.25rem;
  }

  .xxxl\:grid-line-x-13[class*="grid-line-yfull"] > :after {
    bottom: -3.25rem;
    top: -3.25rem;
  }

  .xxxl\:grid-line-x-14[class*="grid-line-x-"] > :before {
    bottom: -3.5rem;
  }

  .xxxl\:grid-line-x-14[class*="grid-line-yfull"] > :after {
    bottom: -3.5rem;
    top: -3.5rem;
  }

  .xxxl\:grid-line-x-15[class*="grid-line-x-"] > :before {
    bottom: -3.75rem;
  }

  .xxxl\:grid-line-x-15[class*="grid-line-yfull"] > :after {
    bottom: -3.75rem;
    top: -3.75rem;
  }

  .xxxl\:grid-line-x-16[class*="grid-line-x-"] > :before {
    bottom: -4rem;
  }

  .xxxl\:grid-line-x-16[class*="grid-line-yfull"] > :after {
    bottom: -4rem;
    top: -4rem;
  }

  .xxxl\:grid-line-x-17[class*="grid-line-x-"] > :before {
    bottom: -4.125rem;
  }

  .xxxl\:grid-line-x-17[class*="grid-line-yfull"] > :after {
    bottom: -4.125rem;
    top: -4.125rem;
  }

  .xxxl\:grid-line-x-18[class*="grid-line-x-"] > :before {
    bottom: -4.5rem;
  }

  .xxxl\:grid-line-x-18[class*="grid-line-yfull"] > :after {
    bottom: -4.5rem;
    top: -4.5rem;
  }

  .xxxl\:grid-line-x-19[class*="grid-line-x-"] > :before {
    bottom: -4.75rem;
  }

  .xxxl\:grid-line-x-19[class*="grid-line-yfull"] > :after {
    bottom: -4.75rem;
    top: -4.75rem;
  }

  .xxxl\:grid-line-x-20[class*="grid-line-x-"] > :before {
    bottom: -5rem;
  }

  .xxxl\:grid-line-x-20[class*="grid-line-yfull"] > :after {
    bottom: -5rem;
    top: -5rem;
  }

  .xxxl\:grid-line-x-22[class*="grid-line-x-"] > :before {
    bottom: -5.5rem;
  }

  .xxxl\:grid-line-x-22[class*="grid-line-yfull"] > :after {
    bottom: -5.5rem;
    top: -5.5rem;
  }

  .xxxl\:grid-line-x-24[class*="grid-line-x-"] > :before {
    bottom: -6rem;
  }

  .xxxl\:grid-line-x-24[class*="grid-line-yfull"] > :after {
    bottom: -6rem;
    top: -6rem;
  }

  .xxxl\:grid-line-x-25[class*="grid-line-x-"] > :before {
    bottom: -6.25rem;
  }

  .xxxl\:grid-line-x-25[class*="grid-line-yfull"] > :after {
    bottom: -6.25rem;
    top: -6.25rem;
  }

  .xxxl\:grid-line-x-26[class*="grid-line-x-"] > :before {
    bottom: -6.5rem;
  }

  .xxxl\:grid-line-x-26[class*="grid-line-yfull"] > :after {
    bottom: -6.5rem;
    top: -6.5rem;
  }

  .xxxl\:grid-line-x-27[class*="grid-line-x-"] > :before {
    bottom: -6.75rem;
  }

  .xxxl\:grid-line-x-27[class*="grid-line-yfull"] > :after {
    bottom: -6.75rem;
    top: -6.75rem;
  }

  .xxxl\:grid-line-x-28[class*="grid-line-x-"] > :before {
    bottom: -7rem;
  }

  .xxxl\:grid-line-x-28[class*="grid-line-yfull"] > :after {
    bottom: -7rem;
    top: -7rem;
  }

  .xxxl\:grid-line-x-30[class*="grid-line-x-"] > :before {
    bottom: -7.5rem;
  }

  .xxxl\:grid-line-x-30[class*="grid-line-yfull"] > :after {
    bottom: -7.5rem;
    top: -7.5rem;
  }

  .xxxl\:grid-line-x-32[class*="grid-line-x-"] > :before {
    bottom: -8rem;
  }

  .xxxl\:grid-line-x-32[class*="grid-line-yfull"] > :after {
    bottom: -8rem;
    top: -8rem;
  }

  .xxxl\:grid-line-x-35[class*="grid-line-x-"] > :before {
    bottom: -8.75rem;
  }

  .xxxl\:grid-line-x-35[class*="grid-line-yfull"] > :after {
    bottom: -8.75rem;
    top: -8.75rem;
  }

  .xxxl\:grid-line-x-36[class*="grid-line-x-"] > :before {
    bottom: -9rem;
  }

  .xxxl\:grid-line-x-36[class*="grid-line-yfull"] > :after {
    bottom: -9rem;
    top: -9rem;
  }

  .xxxl\:grid-line-x-40[class*="grid-line-x-"] > :before {
    bottom: -10rem;
  }

  .xxxl\:grid-line-x-40[class*="grid-line-yfull"] > :after {
    bottom: -10rem;
    top: -10rem;
  }

  .xxxl\:grid-line-x-42[class*="grid-line-x-"] > :before {
    bottom: -10.5rem;
  }

  .xxxl\:grid-line-x-42[class*="grid-line-yfull"] > :after {
    bottom: -10.5rem;
    top: -10.5rem;
  }

  .xxxl\:grid-line-x-44[class*="grid-line-x-"] > :before {
    bottom: -11rem;
  }

  .xxxl\:grid-line-x-44[class*="grid-line-yfull"] > :after {
    bottom: -11rem;
    top: -11rem;
  }

  .xxxl\:grid-line-x-45[class*="grid-line-x-"] > :before {
    bottom: -11.25rem;
  }

  .xxxl\:grid-line-x-45[class*="grid-line-yfull"] > :after {
    bottom: -11.25rem;
    top: -11.25rem;
  }

  .xxxl\:grid-line-x-48[class*="grid-line-x-"] > :before {
    bottom: -12rem;
  }

  .xxxl\:grid-line-x-48[class*="grid-line-yfull"] > :after {
    bottom: -12rem;
    top: -12rem;
  }

  .xxxl\:grid-line-x-50[class*="grid-line-x-"] > :before {
    bottom: -12.5rem;
  }

  .xxxl\:grid-line-x-50[class*="grid-line-yfull"] > :after {
    bottom: -12.5rem;
    top: -12.5rem;
  }

  .xxxl\:grid-line-x-52[class*="grid-line-x-"] > :before {
    bottom: -13rem;
  }

  .xxxl\:grid-line-x-52[class*="grid-line-yfull"] > :after {
    bottom: -13rem;
    top: -13rem;
  }

  .xxxl\:grid-line-x-56[class*="grid-line-x-"] > :before {
    bottom: -14rem;
  }

  .xxxl\:grid-line-x-56[class*="grid-line-yfull"] > :after {
    bottom: -14rem;
    top: -14rem;
  }

  .xxxl\:grid-line-x-60[class*="grid-line-x-"] > :before {
    bottom: -15rem;
  }

  .xxxl\:grid-line-x-60[class*="grid-line-yfull"] > :after {
    bottom: -15rem;
    top: -15rem;
  }

  .xxxl\:grid-line-x-64[class*="grid-line-x-"] > :before {
    bottom: -16rem;
  }

  .xxxl\:grid-line-x-64[class*="grid-line-yfull"] > :after {
    bottom: -16rem;
    top: -16rem;
  }

  .xxxl\:grid-line-x-72[class*="grid-line-x-"] > :before {
    bottom: -18rem;
  }

  .xxxl\:grid-line-x-72[class*="grid-line-yfull"] > :after {
    bottom: -18rem;
    top: -18rem;
  }

  .xxxl\:grid-line-x-80[class*="grid-line-x-"] > :before {
    bottom: -20rem;
  }

  .xxxl\:grid-line-x-80[class*="grid-line-yfull"] > :after {
    bottom: -20rem;
    top: -20rem;
  }

  .xxxl\:grid-line-x-96[class*="grid-line-x-"] > :before {
    bottom: -24rem;
  }

  .xxxl\:grid-line-x-96[class*="grid-line-yfull"] > :after {
    bottom: -24rem;
    top: -24rem;
  }

  .xxxl\:grid-line-x-px[class*="grid-line-x-"] > :before {
    bottom: -1px;
  }

  .xxxl\:grid-line-x-px[class*="grid-line-yfull"] > :after {
    bottom: -1px;
    top: -1px;
  }

  .xxxl\:grid-line-x-0.5[class*="grid-line-x-"] > :before {
    bottom: -0.125rem;
  }

  .xxxl\:grid-line-x-0.5[class*="grid-line-yfull"] > :after {
    bottom: -0.125rem;
    top: -0.125rem;
  }

  .xxxl\:grid-line-x-1.5[class*="grid-line-x-"] > :before {
    bottom: -0.375rem;
  }

  .xxxl\:grid-line-x-1.5[class*="grid-line-yfull"] > :after {
    bottom: -0.375rem;
    top: -0.375rem;
  }

  .xxxl\:grid-line-x-2.5[class*="grid-line-x-"] > :before {
    bottom: -0.625rem;
  }

  .xxxl\:grid-line-x-2.5[class*="grid-line-yfull"] > :after {
    bottom: -0.625rem;
    top: -0.625rem;
  }

  .xxxl\:grid-line-x-3.5[class*="grid-line-x-"] > :before {
    bottom: -0.875rem;
  }

  .xxxl\:grid-line-x-3.5[class*="grid-line-yfull"] > :after {
    bottom: -0.875rem;
    top: -0.875rem;
  }

  .xxxl\:grid-line-x-0.25[class*="grid-line-x-"] > :before {
    bottom: -0.0625rem;
  }

  .xxxl\:grid-line-x-0.25[class*="grid-line-yfull"] > :after {
    bottom: -0.0625rem;
    top: -0.0625rem;
  }

  .xxxl\:grid-line-x-1.25[class*="grid-line-x-"] > :before {
    bottom: -0.3125rem;
  }

  .xxxl\:grid-line-x-1.25[class*="grid-line-yfull"] > :after {
    bottom: -0.3125rem;
    top: -0.3125rem;
  }

  .xxxl\:grid-line-x-1.75[class*="grid-line-x-"] > :before {
    bottom: -0.4375rem;
  }

  .xxxl\:grid-line-x-1.75[class*="grid-line-yfull"] > :after {
    bottom: -0.4375rem;
    top: -0.4375rem;
  }

  .xxxl\:grid-line-x-2.75[class*="grid-line-x-"] > :before {
    bottom: -0.6875rem;
  }

  .xxxl\:grid-line-x-2.75[class*="grid-line-yfull"] > :after {
    bottom: -0.6875rem;
    top: -0.6875rem;
  }

  .xxxl\:grid-line-x-5.25[class*="grid-line-x-"] > :before {
    bottom: -1.3125rem;
  }

  .xxxl\:grid-line-x-5.25[class*="grid-line-yfull"] > :after {
    bottom: -1.3125rem;
    top: -1.3125rem;
  }

  .xxxl\:grid-line-x-5.5[class*="grid-line-x-"] > :before {
    bottom: -1.375rem;
  }

  .xxxl\:grid-line-x-5.5[class*="grid-line-yfull"] > :after {
    bottom: -1.375rem;
    top: -1.375rem;
  }

  .xxxl\:grid-line-x-6.25[class*="grid-line-x-"] > :before {
    bottom: -1.5625rem;
  }

  .xxxl\:grid-line-x-6.25[class*="grid-line-yfull"] > :after {
    bottom: -1.5625rem;
    top: -1.5625rem;
  }

  .xxxl\:grid-line-x-6.5[class*="grid-line-x-"] > :before {
    bottom: -1.625rem;
  }

  .xxxl\:grid-line-x-6.5[class*="grid-line-yfull"] > :after {
    bottom: -1.625rem;
    top: -1.625rem;
  }

  .xxxl\:grid-line-x-7.5[class*="grid-line-x-"] > :before {
    bottom: -1.875rem;
  }

  .xxxl\:grid-line-x-7.5[class*="grid-line-yfull"] > :after {
    bottom: -1.875rem;
    top: -1.875rem;
  }

  .xxxl\:grid-line-x-8.5[class*="grid-line-x-"] > :before {
    bottom: -2.125rem;
  }

  .xxxl\:grid-line-x-8.5[class*="grid-line-yfull"] > :after {
    bottom: -2.125rem;
    top: -2.125rem;
  }

  .xxxl\:grid-line-x-8.75[class*="grid-line-x-"] > :before {
    bottom: -2.1875rem;
  }

  .xxxl\:grid-line-x-8.75[class*="grid-line-yfull"] > :after {
    bottom: -2.1875rem;
    top: -2.1875rem;
  }

  .xxxl\:grid-line-x-12.5[class*="grid-line-x-"] > :before {
    bottom: -3.125rem;
  }

  .xxxl\:grid-line-x-12.5[class*="grid-line-yfull"] > :after {
    bottom: -3.125rem;
    top: -3.125rem;
  }

  .xxxl\:grid-line-x-17.5[class*="grid-line-x-"] > :before {
    bottom: -4.375rem;
  }

  .xxxl\:grid-line-x-17.5[class*="grid-line-yfull"] > :after {
    bottom: -4.375rem;
    top: -4.375rem;
  }

  .xxxl\:grid-line-x-37.5[class*="grid-line-x-"] > :before {
    bottom: -9.375rem;
  }

  .xxxl\:grid-line-x-37.5[class*="grid-line-yfull"] > :after {
    bottom: -9.375rem;
    top: -9.375rem;
  }

  .xxxl\:grid-line-x-62.5[class*="grid-line-x-"] > :before {
    bottom: -15.6rem;
  }

  .xxxl\:grid-line-x-62.5[class*="grid-line-yfull"] > :after {
    bottom: -15.6rem;
    top: -15.6rem;
  }

  .xxxl\:grid-line-x-1\/2[class*="grid-line-x-"] > :before {
    bottom: -50%;
  }

  .xxxl\:grid-line-x-1\/2[class*="grid-line-yfull"] > :after {
    bottom: -50%;
    top: -50%;
  }

  .xxxl\:grid-line-x-1\/3[class*="grid-line-x-"] > :before {
    bottom: -33.333%;
  }

  .xxxl\:grid-line-x-1\/3[class*="grid-line-yfull"] > :after {
    bottom: -33.333%;
    top: -33.333%;
  }

  .xxxl\:grid-line-x-1\/4[class*="grid-line-x-"] > :before {
    bottom: -25%;
  }

  .xxxl\:grid-line-x-1\/4[class*="grid-line-yfull"] > :after {
    bottom: -25%;
    top: -25%;
  }

  .xxxl\:grid-line-x-1\/5[class*="grid-line-x-"] > :before {
    bottom: -20%;
  }

  .xxxl\:grid-line-x-1\/5[class*="grid-line-yfull"] > :after {
    bottom: -20%;
    top: -20%;
  }

  .xxxl\:grid-line-x-1\/6[class*="grid-line-x-"] > :before {
    bottom: -16.666%;
  }

  .xxxl\:grid-line-x-1\/6[class*="grid-line-yfull"] > :after {
    bottom: -16.666%;
    top: -16.666%;
  }

  .xxxl\:grid-line-x-11\/12[class*="grid-line-x-"] > :before {
    bottom: -91.666667%;
  }

  .xxxl\:grid-line-x-11\/12[class*="grid-line-yfull"] > :after {
    bottom: -91.666667%;
    top: -91.666667%;
  }

  .xxxl\:grid-line-x-screen-1\/5[class*="grid-line-x-"] > :before {
    bottom: -20vh;
  }

  .xxxl\:grid-line-x-screen-1\/5[class*="grid-line-yfull"] > :after {
    bottom: -20vh;
    top: -20vh;
  }

  .xxxl\:grid-line-x-screen-1\/4[class*="grid-line-x-"] > :before {
    bottom: -25vh;
  }

  .xxxl\:grid-line-x-screen-1\/4[class*="grid-line-yfull"] > :after {
    bottom: -25vh;
    top: -25vh;
  }

  .xxxl\:grid-line-x-screen-1\/2[class*="grid-line-x-"] > :before {
    bottom: -50vh;
  }

  .xxxl\:grid-line-x-screen-1\/2[class*="grid-line-yfull"] > :after {
    bottom: -50vh;
    top: -50vh;
  }

  .xxxl\:grid-line-x-screen-3\/4[class*="grid-line-x-"] > :before {
    bottom: -67vh;
  }

  .xxxl\:grid-line-x-screen-3\/4[class*="grid-line-yfull"] > :after {
    bottom: -67vh;
    top: -67vh;
  }

  .xxxl\:grid-line-x-full-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
  }

  .xxxl\:grid-line-x-full-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
    top: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
  }

  .xxxl\:grid-line-x-screen-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
  }

  .xxxl\:grid-line-x-screen-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
    top: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
  }

  .xxxl\:grid-line-x-full-with-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
  }

  .xxxl\:grid-line-x-full-with-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
    top: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
  }

  .xxxl\:grid-line-x-safescreen[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
  }

  .xxxl\:grid-line-x-safescreen[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
    top: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
  }

  .xxxl\:grid-line-x-safescreen-12[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--vh, 1vh) * 100 - 3rem);
  }

  .xxxl\:grid-line-x-safescreen-12[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--vh, 1vh) * 100 - 3rem);
    top: -calc(var(--vh, 1vh) * 100 - 3rem);
  }

  .xxxl\:grid-line-x-innergutter[class*="grid-line-x-"] > :before {
    bottom: -var(--inner-gutter);
  }

  .xxxl\:grid-line-x-innergutter[class*="grid-line-yfull"] > :after {
    bottom: -var(--inner-gutter);
    top: -var(--inner-gutter);
  }

  .xxxl\:grid-line-x-outergutter[class*="grid-line-x-"] > :before {
    bottom: -var(--outer-gutter);
  }

  .xxxl\:grid-line-x-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -var(--outer-gutter);
    top: -var(--outer-gutter);
  }

  .xxxl\:grid-line-x-notifh[class*="grid-line-x-"] > :before {
    bottom: -var(--notifh, 0);
  }

  .xxxl\:grid-line-x-notifh[class*="grid-line-yfull"] > :after {
    bottom: -var(--notifh, 0);
    top: -var(--notifh, 0);
  }

  .xxxl\:grid-line-x-safe-top[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-top);
  }

  .xxxl\:grid-line-x-safe-top[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-top);
    top: -env(safe-area-inset-top);
  }

  .xxxl\:grid-line-x-safe-bottom[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-bottom);
  }

  .xxxl\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-bottom);
    top: -env(safe-area-inset-bottom);
  }

  .xxxl\:grid-line-x-safe-bottom-8[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--safe-area-inset-bottom) + 2rem);
  }

  .xxxl\:grid-line-x-safe-bottom-8[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--safe-area-inset-bottom) + 2rem);
    top: -calc(var(--safe-area-inset-bottom) + 2rem);
  }

  .xxxl\:grid-line-x-safe-left[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-left);
  }

  .xxxl\:grid-line-x-safe-left[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-left);
    top: -env(safe-area-inset-left);
  }

  .xxxl\:grid-line-x-safe-right[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-right);
  }

  .xxxl\:grid-line-x-safe-right[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-right);
    top: -env(safe-area-inset-right);
  }

  .xxxl\:grid-line-x-below-player[class*="grid-line-x-"] > :before {
    bottom: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
  }

  .xxxl\:grid-line-x-below-player[class*="grid-line-yfull"] > :after {
    bottom: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
    top: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
  }

  .xxxl\:grid-line-x-light[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-5);
  }

  .xxxl\:grid-line-y-light[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-5);
  }

  .xxxl\:grid-line-xy-light[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-5);
  }

  .xxxl\:grid-line-xy-light[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-5);
  }

  .xxxl\:grid-line-x-default[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-10);
  }

  .xxxl\:grid-line-y-default[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-10);
  }

  .xxxl\:grid-line-xy-default[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-10);
  }

  .xxxl\:grid-line-xy-default[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-10);
  }

  .xxxl\:grid-line-x-soft[class*="grid-line-x-"] > :before {
    border-bottom-color: rgba(0, 0, 0, 0.05);
  }

  .xxxl\:grid-line-y-soft[class*="grid-line-y-"] > :after {
    border-right-color: rgba(0, 0, 0, 0.05);
  }

  .xxxl\:grid-line-xy-soft[class*="grid-line-xy-"] > :before {
    border-bottom-color: rgba(0, 0, 0, 0.05);
  }

  .xxxl\:grid-line-xy-soft[class*="grid-line-xy-"] > :after {
    border-right-color: rgba(0, 0, 0, 0.05);
  }

  .xxxl\:grid-line-x-dark[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-15);
  }

  .xxxl\:grid-line-y-dark[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-15);
  }

  .xxxl\:grid-line-xy-dark[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-15);
  }

  .xxxl\:grid-line-xy-dark[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-15);
  }

  .xxxl\:grid-line-x-darker[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-42);
  }

  .xxxl\:grid-line-y-darker[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-42);
  }

  .xxxl\:grid-line-xy-darker[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-42);
  }

  .xxxl\:grid-line-xy-darker[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-42);
  }

  .xxxl\:grid-line-x-darkest[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--black);
  }

  .xxxl\:grid-line-y-darkest[class*="grid-line-y-"] > :after {
    border-right-color: var(--black);
  }

  .xxxl\:grid-line-xy-darkest[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--black);
  }

  .xxxl\:grid-line-xy-darkest[class*="grid-line-xy-"] > :after {
    border-right-color: var(--black);
  }

  .xxxl\:grid-line-x-error[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--red-dark);
  }

  .xxxl\:grid-line-y-error[class*="grid-line-y-"] > :after {
    border-right-color: var(--red-dark);
  }

  .xxxl\:grid-line-xy-error[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--red-dark);
  }

  .xxxl\:grid-line-xy-error[class*="grid-line-xy-"] > :after {
    border-right-color: var(--red-dark);
  }

  .xxxl\:grid-line-x-inverse[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--white);
  }

  .xxxl\:grid-line-y-inverse[class*="grid-line-y-"] > :after {
    border-right-color: var(--white);
  }

  .xxxl\:grid-line-xy-inverse[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--white);
  }

  .xxxl\:grid-line-xy-inverse[class*="grid-line-xy-"] > :after {
    border-right-color: var(--white);
  }

  .xxxl\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxxl\:grid-cols-1[class*="grid-line-xfull"] > :nth-child(n):before {
    left: 0;
    right: 0;
  }

  .xxxl\:grid-cols-1[class*="grid-line-x"] > :nth-child(1n + 1):before {
    right: 0;
  }

  .xxxl\:grid-cols-1[class*="grid-line-x"]
    > :nth-child(1n + 1):nth-last-child(-n + 1):before,
  .xxxl\:grid-cols-1[class*="grid-line-x"]
    > :nth-child(1n + 1):nth-last-child(-n + 1)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxxl\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxxl\:grid-cols-2[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxxl\:grid-cols-2[class*="grid-line-x"] > :nth-child(odd):before {
    left: 0;
  }

  .xxxl\:grid-cols-2[class*="grid-line-x"] > :nth-child(2n + 2):before {
    right: 0;
  }

  .xxxl\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2):before,
  .xxxl\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxxl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxxl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(2n + 2):after {
    border-right-width: 0;
  }

  .xxxl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 2):after {
    top: 0;
  }

  .xxxl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2):after,
  .xxxl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ li:after {
    bottom: 0;
  }

  .xxxl\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxxl\:grid-cols-3[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxxl\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 1):before {
    left: 0;
  }

  .xxxl\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 3):before {
    right: 0;
  }

  .xxxl\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):before,
  .xxxl\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxxl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxxl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 3):after {
    border-right-width: 0;
  }

  .xxxl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 3):after {
    top: 0;
  }

  .xxxl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):after,
  .xxxl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ li:after {
    bottom: 0;
  }

  .xxxl\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxxl\:grid-cols-4[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxxl\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 1):before {
    left: 0;
  }

  .xxxl\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 4):before {
    right: 0;
  }

  .xxxl\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):before,
  .xxxl\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxxl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxxl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 4):after {
    border-right-width: 0;
  }

  .xxxl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 4):after {
    top: 0;
  }

  .xxxl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):after,
  .xxxl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ li:after {
    bottom: 0;
  }

  .xxxl\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxxl\:grid-cols-5[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxxl\:grid-cols-5[class*="grid-line-x"] > :nth-child(5n + 1):before {
    left: 0;
  }

  .xxxl\:grid-cols-5[class*="grid-line-x"] > :nth-child(5n + 5):before {
    right: 0;
  }

  .xxxl\:grid-cols-5[class*="grid-line-x"]
    > :nth-child(5n + 1):nth-last-child(-n + 5):before,
  .xxxl\:grid-cols-5[class*="grid-line-x"]
    > :nth-child(5n + 1):nth-last-child(-n + 5)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxxl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxxl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 5):after {
    border-right-width: 0;
  }

  .xxxl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 5):after {
    top: 0;
  }

  .xxxl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 1):nth-last-child(-n + 5):after,
  .xxxl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 1):nth-last-child(-n + 5)
    ~ li:after {
    bottom: 0;
  }

  .xxxl\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxxl\:grid-cols-6[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxxl\:grid-cols-6[class*="grid-line-x"] > :nth-child(6n + 1):before {
    left: 0;
  }

  .xxxl\:grid-cols-6[class*="grid-line-x"] > :nth-child(6n + 6):before {
    right: 0;
  }

  .xxxl\:grid-cols-6[class*="grid-line-x"]
    > :nth-child(6n + 1):nth-last-child(-n + 6):before,
  .xxxl\:grid-cols-6[class*="grid-line-x"]
    > :nth-child(6n + 1):nth-last-child(-n + 6)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxxl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxxl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 6):after {
    border-right-width: 0;
  }

  .xxxl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 6):after {
    top: 0;
  }

  .xxxl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 1):nth-last-child(-n + 6):after,
  .xxxl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 1):nth-last-child(-n + 6)
    ~ li:after {
    bottom: 0;
  }

  .xxxl\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxxl\:grid-cols-7[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxxl\:grid-cols-7[class*="grid-line-x"] > :nth-child(7n + 1):before {
    left: 0;
  }

  .xxxl\:grid-cols-7[class*="grid-line-x"] > :nth-child(7n + 7):before {
    right: 0;
  }

  .xxxl\:grid-cols-7[class*="grid-line-x"]
    > :nth-child(7n + 1):nth-last-child(-n + 7):before,
  .xxxl\:grid-cols-7[class*="grid-line-x"]
    > :nth-child(7n + 1):nth-last-child(-n + 7)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxxl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxxl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 7):after {
    border-right-width: 0;
  }

  .xxxl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 7):after {
    top: 0;
  }

  .xxxl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 1):nth-last-child(-n + 7):after,
  .xxxl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 1):nth-last-child(-n + 7)
    ~ li:after {
    bottom: 0;
  }

  .xxxl\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxxl\:grid-cols-8[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxxl\:grid-cols-8[class*="grid-line-x"] > :nth-child(8n + 1):before {
    left: 0;
  }

  .xxxl\:grid-cols-8[class*="grid-line-x"] > :nth-child(8n + 8):before {
    right: 0;
  }

  .xxxl\:grid-cols-8[class*="grid-line-x"]
    > :nth-child(8n + 1):nth-last-child(-n + 8):before,
  .xxxl\:grid-cols-8[class*="grid-line-x"]
    > :nth-child(8n + 1):nth-last-child(-n + 8)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxxl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxxl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 8):after {
    border-right-width: 0;
  }

  .xxxl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 8):after {
    top: 0;
  }

  .xxxl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 1):nth-last-child(-n + 8):after,
  .xxxl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 1):nth-last-child(-n + 8)
    ~ li:after {
    bottom: 0;
  }

  .xxxl\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxxl\:grid-cols-9[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxxl\:grid-cols-9[class*="grid-line-x"] > :nth-child(9n + 1):before {
    left: 0;
  }

  .xxxl\:grid-cols-9[class*="grid-line-x"] > :nth-child(9n + 9):before {
    right: 0;
  }

  .xxxl\:grid-cols-9[class*="grid-line-x"]
    > :nth-child(9n + 1):nth-last-child(-n + 9):before,
  .xxxl\:grid-cols-9[class*="grid-line-x"]
    > :nth-child(9n + 1):nth-last-child(-n + 9)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxxl\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxxl\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 9):after {
    border-right-width: 0;
  }

  .xxxl\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 9):after {
    top: 0;
  }

  .xxxl\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 1):nth-last-child(-n + 9):after,
  .xxxl\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 1):nth-last-child(-n + 9)
    ~ li:after {
    bottom: 0;
  }

  .xxxl\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxxl\:grid-cols-10[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxxl\:grid-cols-10[class*="grid-line-x"] > :nth-child(10n + 1):before {
    left: 0;
  }

  .xxxl\:grid-cols-10[class*="grid-line-x"] > :nth-child(10n + 10):before {
    right: 0;
  }

  .xxxl\:grid-cols-10[class*="grid-line-x"]
    > :nth-child(10n + 1):nth-last-child(-n + 10):before,
  .xxxl\:grid-cols-10[class*="grid-line-x"]
    > :nth-child(10n + 1):nth-last-child(-n + 10)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxxl\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxxl\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 10):after {
    border-right-width: 0;
  }

  .xxxl\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 10):after {
    top: 0;
  }

  .xxxl\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 1):nth-last-child(-n + 10):after,
  .xxxl\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 1):nth-last-child(-n + 10)
    ~ li:after {
    bottom: 0;
  }

  .xxxl\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxxl\:grid-cols-11[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxxl\:grid-cols-11[class*="grid-line-x"] > :nth-child(11n + 1):before {
    left: 0;
  }

  .xxxl\:grid-cols-11[class*="grid-line-x"] > :nth-child(11n + 11):before {
    right: 0;
  }

  .xxxl\:grid-cols-11[class*="grid-line-x"]
    > :nth-child(11n + 1):nth-last-child(-n + 11):before,
  .xxxl\:grid-cols-11[class*="grid-line-x"]
    > :nth-child(11n + 1):nth-last-child(-n + 11)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxxl\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxxl\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 11):after {
    border-right-width: 0;
  }

  .xxxl\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 11):after {
    top: 0;
  }

  .xxxl\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 1):nth-last-child(-n + 11):after,
  .xxxl\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 1):nth-last-child(-n + 11)
    ~ li:after {
    bottom: 0;
  }

  .xxxl\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xxxl\:grid-cols-12[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xxxl\:grid-cols-12[class*="grid-line-x"] > :nth-child(12n + 1):before {
    left: 0;
  }

  .xxxl\:grid-cols-12[class*="grid-line-x"] > :nth-child(12n + 12):before {
    right: 0;
  }

  .xxxl\:grid-cols-12[class*="grid-line-x"]
    > :nth-child(12n + 1):nth-last-child(-n + 12):before,
  .xxxl\:grid-cols-12[class*="grid-line-x"]
    > :nth-child(12n + 1):nth-last-child(-n + 12)
    ~ :before {
    border-bottom-width: 0;
  }

  .xxxl\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xxxl\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 12):after {
    border-right-width: 0;
  }

  .xxxl\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 12):after {
    top: 0;
  }

  .xxxl\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 1):nth-last-child(-n + 12):after,
  .xxxl\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 1):nth-last-child(-n + 12)
    ~ li:after {
    bottom: 0;
  }
}

@media screen and (orientation: landscape) and (max-device-width: 1023px) {
  [class*="grid-line-"] > * {
    position: relative;
  }

  [class*="grid-line-"] > :after,
  [class*="grid-line-"] > :before {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 0;
  }

  .landscape\:grid-line-x > :before {
    left: 0;
    right: 0;
  }

  .landscape\:grid-line-x > :before,
  .landscape\:grid-line-xfull > :before {
    border-bottom: 0 solid transparent;
    border-top: 0 solid transparent;
    bottom: calc(var(--inner-gutter) / -2);
    content: "";
    top: 0;
  }

  .landscape\:grid-line-xfull > :before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .landscape\:grid-line-x-0 > :before {
    content: none;
  }

  .landscape\:grid-line-y > :after {
    top: 0;
  }

  .landscape\:grid-line-y > :after,
  .landscape\:grid-line-yfull > :after {
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    bottom: 0;
    content: "";
    left: 0;
    right: calc(var(--inner-gutter) / -2);
  }

  .landscape\:grid-line-yfull > :after {
    top: calc(var(--inner-gutter) / -1);
  }

  .landscape\:grid-line-yfull[class*="grid-line-x"] > :after {
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    bottom: calc(var(--inner-gutter) / -2);
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: calc(var(--inner-gutter) / -2);
  }

  .landscape\:grid-line-y-0 > :after {
    content: none;
  }

  .landscape\:grid-line-x-0[class*="grid-line-x-"] > :before {
    bottom: 0;
  }

  .landscape\:grid-line-x-0[class*="grid-line-yfull"] > :after {
    bottom: 0;
    top: 0;
  }

  .landscape\:grid-line-x-1[class*="grid-line-x-"] > :before {
    bottom: -0.25rem;
  }

  .landscape\:grid-line-x-1[class*="grid-line-yfull"] > :after {
    bottom: -0.25rem;
    top: -0.25rem;
  }

  .landscape\:grid-line-x-2[class*="grid-line-x-"] > :before {
    bottom: -0.5rem;
  }

  .landscape\:grid-line-x-2[class*="grid-line-yfull"] > :after {
    bottom: -0.5rem;
    top: -0.5rem;
  }

  .landscape\:grid-line-x-3[class*="grid-line-x-"] > :before {
    bottom: -0.75rem;
  }

  .landscape\:grid-line-x-3[class*="grid-line-yfull"] > :after {
    bottom: -0.75rem;
    top: -0.75rem;
  }

  .landscape\:grid-line-x-4[class*="grid-line-x-"] > :before {
    bottom: -1rem;
  }

  .landscape\:grid-line-x-4[class*="grid-line-yfull"] > :after {
    bottom: -1rem;
    top: -1rem;
  }

  .landscape\:grid-line-x-5[class*="grid-line-x-"] > :before {
    bottom: -1.25rem;
  }

  .landscape\:grid-line-x-5[class*="grid-line-yfull"] > :after {
    bottom: -1.25rem;
    top: -1.25rem;
  }

  .landscape\:grid-line-x-6[class*="grid-line-x-"] > :before {
    bottom: -1.5rem;
  }

  .landscape\:grid-line-x-6[class*="grid-line-yfull"] > :after {
    bottom: -1.5rem;
    top: -1.5rem;
  }

  .landscape\:grid-line-x-7[class*="grid-line-x-"] > :before {
    bottom: -1.75rem;
  }

  .landscape\:grid-line-x-7[class*="grid-line-yfull"] > :after {
    bottom: -1.75rem;
    top: -1.75rem;
  }

  .landscape\:grid-line-x-8[class*="grid-line-x-"] > :before {
    bottom: -2rem;
  }

  .landscape\:grid-line-x-8[class*="grid-line-yfull"] > :after {
    bottom: -2rem;
    top: -2rem;
  }

  .landscape\:grid-line-x-9[class*="grid-line-x-"] > :before {
    bottom: -2.25rem;
  }

  .landscape\:grid-line-x-9[class*="grid-line-yfull"] > :after {
    bottom: -2.25rem;
    top: -2.25rem;
  }

  .landscape\:grid-line-x-10[class*="grid-line-x-"] > :before {
    bottom: -2.5rem;
  }

  .landscape\:grid-line-x-10[class*="grid-line-yfull"] > :after {
    bottom: -2.5rem;
    top: -2.5rem;
  }

  .landscape\:grid-line-x-11[class*="grid-line-x-"] > :before {
    bottom: -2.75rem;
  }

  .landscape\:grid-line-x-11[class*="grid-line-yfull"] > :after {
    bottom: -2.75rem;
    top: -2.75rem;
  }

  .landscape\:grid-line-x-12[class*="grid-line-x-"] > :before {
    bottom: -3rem;
  }

  .landscape\:grid-line-x-12[class*="grid-line-yfull"] > :after {
    bottom: -3rem;
    top: -3rem;
  }

  .landscape\:grid-line-x-13[class*="grid-line-x-"] > :before {
    bottom: -3.25rem;
  }

  .landscape\:grid-line-x-13[class*="grid-line-yfull"] > :after {
    bottom: -3.25rem;
    top: -3.25rem;
  }

  .landscape\:grid-line-x-14[class*="grid-line-x-"] > :before {
    bottom: -3.5rem;
  }

  .landscape\:grid-line-x-14[class*="grid-line-yfull"] > :after {
    bottom: -3.5rem;
    top: -3.5rem;
  }

  .landscape\:grid-line-x-15[class*="grid-line-x-"] > :before {
    bottom: -3.75rem;
  }

  .landscape\:grid-line-x-15[class*="grid-line-yfull"] > :after {
    bottom: -3.75rem;
    top: -3.75rem;
  }

  .landscape\:grid-line-x-16[class*="grid-line-x-"] > :before {
    bottom: -4rem;
  }

  .landscape\:grid-line-x-16[class*="grid-line-yfull"] > :after {
    bottom: -4rem;
    top: -4rem;
  }

  .landscape\:grid-line-x-17[class*="grid-line-x-"] > :before {
    bottom: -4.125rem;
  }

  .landscape\:grid-line-x-17[class*="grid-line-yfull"] > :after {
    bottom: -4.125rem;
    top: -4.125rem;
  }

  .landscape\:grid-line-x-18[class*="grid-line-x-"] > :before {
    bottom: -4.5rem;
  }

  .landscape\:grid-line-x-18[class*="grid-line-yfull"] > :after {
    bottom: -4.5rem;
    top: -4.5rem;
  }

  .landscape\:grid-line-x-19[class*="grid-line-x-"] > :before {
    bottom: -4.75rem;
  }

  .landscape\:grid-line-x-19[class*="grid-line-yfull"] > :after {
    bottom: -4.75rem;
    top: -4.75rem;
  }

  .landscape\:grid-line-x-20[class*="grid-line-x-"] > :before {
    bottom: -5rem;
  }

  .landscape\:grid-line-x-20[class*="grid-line-yfull"] > :after {
    bottom: -5rem;
    top: -5rem;
  }

  .landscape\:grid-line-x-22[class*="grid-line-x-"] > :before {
    bottom: -5.5rem;
  }

  .landscape\:grid-line-x-22[class*="grid-line-yfull"] > :after {
    bottom: -5.5rem;
    top: -5.5rem;
  }

  .landscape\:grid-line-x-24[class*="grid-line-x-"] > :before {
    bottom: -6rem;
  }

  .landscape\:grid-line-x-24[class*="grid-line-yfull"] > :after {
    bottom: -6rem;
    top: -6rem;
  }

  .landscape\:grid-line-x-25[class*="grid-line-x-"] > :before {
    bottom: -6.25rem;
  }

  .landscape\:grid-line-x-25[class*="grid-line-yfull"] > :after {
    bottom: -6.25rem;
    top: -6.25rem;
  }

  .landscape\:grid-line-x-26[class*="grid-line-x-"] > :before {
    bottom: -6.5rem;
  }

  .landscape\:grid-line-x-26[class*="grid-line-yfull"] > :after {
    bottom: -6.5rem;
    top: -6.5rem;
  }

  .landscape\:grid-line-x-27[class*="grid-line-x-"] > :before {
    bottom: -6.75rem;
  }

  .landscape\:grid-line-x-27[class*="grid-line-yfull"] > :after {
    bottom: -6.75rem;
    top: -6.75rem;
  }

  .landscape\:grid-line-x-28[class*="grid-line-x-"] > :before {
    bottom: -7rem;
  }

  .landscape\:grid-line-x-28[class*="grid-line-yfull"] > :after {
    bottom: -7rem;
    top: -7rem;
  }

  .landscape\:grid-line-x-30[class*="grid-line-x-"] > :before {
    bottom: -7.5rem;
  }

  .landscape\:grid-line-x-30[class*="grid-line-yfull"] > :after {
    bottom: -7.5rem;
    top: -7.5rem;
  }

  .landscape\:grid-line-x-32[class*="grid-line-x-"] > :before {
    bottom: -8rem;
  }

  .landscape\:grid-line-x-32[class*="grid-line-yfull"] > :after {
    bottom: -8rem;
    top: -8rem;
  }

  .landscape\:grid-line-x-35[class*="grid-line-x-"] > :before {
    bottom: -8.75rem;
  }

  .landscape\:grid-line-x-35[class*="grid-line-yfull"] > :after {
    bottom: -8.75rem;
    top: -8.75rem;
  }

  .landscape\:grid-line-x-36[class*="grid-line-x-"] > :before {
    bottom: -9rem;
  }

  .landscape\:grid-line-x-36[class*="grid-line-yfull"] > :after {
    bottom: -9rem;
    top: -9rem;
  }

  .landscape\:grid-line-x-40[class*="grid-line-x-"] > :before {
    bottom: -10rem;
  }

  .landscape\:grid-line-x-40[class*="grid-line-yfull"] > :after {
    bottom: -10rem;
    top: -10rem;
  }

  .landscape\:grid-line-x-42[class*="grid-line-x-"] > :before {
    bottom: -10.5rem;
  }

  .landscape\:grid-line-x-42[class*="grid-line-yfull"] > :after {
    bottom: -10.5rem;
    top: -10.5rem;
  }

  .landscape\:grid-line-x-44[class*="grid-line-x-"] > :before {
    bottom: -11rem;
  }

  .landscape\:grid-line-x-44[class*="grid-line-yfull"] > :after {
    bottom: -11rem;
    top: -11rem;
  }

  .landscape\:grid-line-x-45[class*="grid-line-x-"] > :before {
    bottom: -11.25rem;
  }

  .landscape\:grid-line-x-45[class*="grid-line-yfull"] > :after {
    bottom: -11.25rem;
    top: -11.25rem;
  }

  .landscape\:grid-line-x-48[class*="grid-line-x-"] > :before {
    bottom: -12rem;
  }

  .landscape\:grid-line-x-48[class*="grid-line-yfull"] > :after {
    bottom: -12rem;
    top: -12rem;
  }

  .landscape\:grid-line-x-50[class*="grid-line-x-"] > :before {
    bottom: -12.5rem;
  }

  .landscape\:grid-line-x-50[class*="grid-line-yfull"] > :after {
    bottom: -12.5rem;
    top: -12.5rem;
  }

  .landscape\:grid-line-x-52[class*="grid-line-x-"] > :before {
    bottom: -13rem;
  }

  .landscape\:grid-line-x-52[class*="grid-line-yfull"] > :after {
    bottom: -13rem;
    top: -13rem;
  }

  .landscape\:grid-line-x-56[class*="grid-line-x-"] > :before {
    bottom: -14rem;
  }

  .landscape\:grid-line-x-56[class*="grid-line-yfull"] > :after {
    bottom: -14rem;
    top: -14rem;
  }

  .landscape\:grid-line-x-60[class*="grid-line-x-"] > :before {
    bottom: -15rem;
  }

  .landscape\:grid-line-x-60[class*="grid-line-yfull"] > :after {
    bottom: -15rem;
    top: -15rem;
  }

  .landscape\:grid-line-x-64[class*="grid-line-x-"] > :before {
    bottom: -16rem;
  }

  .landscape\:grid-line-x-64[class*="grid-line-yfull"] > :after {
    bottom: -16rem;
    top: -16rem;
  }

  .landscape\:grid-line-x-72[class*="grid-line-x-"] > :before {
    bottom: -18rem;
  }

  .landscape\:grid-line-x-72[class*="grid-line-yfull"] > :after {
    bottom: -18rem;
    top: -18rem;
  }

  .landscape\:grid-line-x-80[class*="grid-line-x-"] > :before {
    bottom: -20rem;
  }

  .landscape\:grid-line-x-80[class*="grid-line-yfull"] > :after {
    bottom: -20rem;
    top: -20rem;
  }

  .landscape\:grid-line-x-96[class*="grid-line-x-"] > :before {
    bottom: -24rem;
  }

  .landscape\:grid-line-x-96[class*="grid-line-yfull"] > :after {
    bottom: -24rem;
    top: -24rem;
  }

  .landscape\:grid-line-x-px[class*="grid-line-x-"] > :before {
    bottom: -1px;
  }

  .landscape\:grid-line-x-px[class*="grid-line-yfull"] > :after {
    bottom: -1px;
    top: -1px;
  }

  .landscape\:grid-line-x-0.5[class*="grid-line-x-"] > :before {
    bottom: -0.125rem;
  }

  .landscape\:grid-line-x-0.5[class*="grid-line-yfull"] > :after {
    bottom: -0.125rem;
    top: -0.125rem;
  }

  .landscape\:grid-line-x-1.5[class*="grid-line-x-"] > :before {
    bottom: -0.375rem;
  }

  .landscape\:grid-line-x-1.5[class*="grid-line-yfull"] > :after {
    bottom: -0.375rem;
    top: -0.375rem;
  }

  .landscape\:grid-line-x-2.5[class*="grid-line-x-"] > :before {
    bottom: -0.625rem;
  }

  .landscape\:grid-line-x-2.5[class*="grid-line-yfull"] > :after {
    bottom: -0.625rem;
    top: -0.625rem;
  }

  .landscape\:grid-line-x-3.5[class*="grid-line-x-"] > :before {
    bottom: -0.875rem;
  }

  .landscape\:grid-line-x-3.5[class*="grid-line-yfull"] > :after {
    bottom: -0.875rem;
    top: -0.875rem;
  }

  .landscape\:grid-line-x-0.25[class*="grid-line-x-"] > :before {
    bottom: -0.0625rem;
  }

  .landscape\:grid-line-x-0.25[class*="grid-line-yfull"] > :after {
    bottom: -0.0625rem;
    top: -0.0625rem;
  }

  .landscape\:grid-line-x-1.25[class*="grid-line-x-"] > :before {
    bottom: -0.3125rem;
  }

  .landscape\:grid-line-x-1.25[class*="grid-line-yfull"] > :after {
    bottom: -0.3125rem;
    top: -0.3125rem;
  }

  .landscape\:grid-line-x-1.75[class*="grid-line-x-"] > :before {
    bottom: -0.4375rem;
  }

  .landscape\:grid-line-x-1.75[class*="grid-line-yfull"] > :after {
    bottom: -0.4375rem;
    top: -0.4375rem;
  }

  .landscape\:grid-line-x-2.75[class*="grid-line-x-"] > :before {
    bottom: -0.6875rem;
  }

  .landscape\:grid-line-x-2.75[class*="grid-line-yfull"] > :after {
    bottom: -0.6875rem;
    top: -0.6875rem;
  }

  .landscape\:grid-line-x-5.25[class*="grid-line-x-"] > :before {
    bottom: -1.3125rem;
  }

  .landscape\:grid-line-x-5.25[class*="grid-line-yfull"] > :after {
    bottom: -1.3125rem;
    top: -1.3125rem;
  }

  .landscape\:grid-line-x-5.5[class*="grid-line-x-"] > :before {
    bottom: -1.375rem;
  }

  .landscape\:grid-line-x-5.5[class*="grid-line-yfull"] > :after {
    bottom: -1.375rem;
    top: -1.375rem;
  }

  .landscape\:grid-line-x-6.25[class*="grid-line-x-"] > :before {
    bottom: -1.5625rem;
  }

  .landscape\:grid-line-x-6.25[class*="grid-line-yfull"] > :after {
    bottom: -1.5625rem;
    top: -1.5625rem;
  }

  .landscape\:grid-line-x-6.5[class*="grid-line-x-"] > :before {
    bottom: -1.625rem;
  }

  .landscape\:grid-line-x-6.5[class*="grid-line-yfull"] > :after {
    bottom: -1.625rem;
    top: -1.625rem;
  }

  .landscape\:grid-line-x-7.5[class*="grid-line-x-"] > :before {
    bottom: -1.875rem;
  }

  .landscape\:grid-line-x-7.5[class*="grid-line-yfull"] > :after {
    bottom: -1.875rem;
    top: -1.875rem;
  }

  .landscape\:grid-line-x-8.5[class*="grid-line-x-"] > :before {
    bottom: -2.125rem;
  }

  .landscape\:grid-line-x-8.5[class*="grid-line-yfull"] > :after {
    bottom: -2.125rem;
    top: -2.125rem;
  }

  .landscape\:grid-line-x-8.75[class*="grid-line-x-"] > :before {
    bottom: -2.1875rem;
  }

  .landscape\:grid-line-x-8.75[class*="grid-line-yfull"] > :after {
    bottom: -2.1875rem;
    top: -2.1875rem;
  }

  .landscape\:grid-line-x-12.5[class*="grid-line-x-"] > :before {
    bottom: -3.125rem;
  }

  .landscape\:grid-line-x-12.5[class*="grid-line-yfull"] > :after {
    bottom: -3.125rem;
    top: -3.125rem;
  }

  .landscape\:grid-line-x-17.5[class*="grid-line-x-"] > :before {
    bottom: -4.375rem;
  }

  .landscape\:grid-line-x-17.5[class*="grid-line-yfull"] > :after {
    bottom: -4.375rem;
    top: -4.375rem;
  }

  .landscape\:grid-line-x-37.5[class*="grid-line-x-"] > :before {
    bottom: -9.375rem;
  }

  .landscape\:grid-line-x-37.5[class*="grid-line-yfull"] > :after {
    bottom: -9.375rem;
    top: -9.375rem;
  }

  .landscape\:grid-line-x-62.5[class*="grid-line-x-"] > :before {
    bottom: -15.6rem;
  }

  .landscape\:grid-line-x-62.5[class*="grid-line-yfull"] > :after {
    bottom: -15.6rem;
    top: -15.6rem;
  }

  .landscape\:grid-line-x-1\/2[class*="grid-line-x-"] > :before {
    bottom: -50%;
  }

  .landscape\:grid-line-x-1\/2[class*="grid-line-yfull"] > :after {
    bottom: -50%;
    top: -50%;
  }

  .landscape\:grid-line-x-1\/3[class*="grid-line-x-"] > :before {
    bottom: -33.333%;
  }

  .landscape\:grid-line-x-1\/3[class*="grid-line-yfull"] > :after {
    bottom: -33.333%;
    top: -33.333%;
  }

  .landscape\:grid-line-x-1\/4[class*="grid-line-x-"] > :before {
    bottom: -25%;
  }

  .landscape\:grid-line-x-1\/4[class*="grid-line-yfull"] > :after {
    bottom: -25%;
    top: -25%;
  }

  .landscape\:grid-line-x-1\/5[class*="grid-line-x-"] > :before {
    bottom: -20%;
  }

  .landscape\:grid-line-x-1\/5[class*="grid-line-yfull"] > :after {
    bottom: -20%;
    top: -20%;
  }

  .landscape\:grid-line-x-1\/6[class*="grid-line-x-"] > :before {
    bottom: -16.666%;
  }

  .landscape\:grid-line-x-1\/6[class*="grid-line-yfull"] > :after {
    bottom: -16.666%;
    top: -16.666%;
  }

  .landscape\:grid-line-x-11\/12[class*="grid-line-x-"] > :before {
    bottom: -91.666667%;
  }

  .landscape\:grid-line-x-11\/12[class*="grid-line-yfull"] > :after {
    bottom: -91.666667%;
    top: -91.666667%;
  }

  .landscape\:grid-line-x-screen-1\/5[class*="grid-line-x-"] > :before {
    bottom: -20vh;
  }

  .landscape\:grid-line-x-screen-1\/5[class*="grid-line-yfull"] > :after {
    bottom: -20vh;
    top: -20vh;
  }

  .landscape\:grid-line-x-screen-1\/4[class*="grid-line-x-"] > :before {
    bottom: -25vh;
  }

  .landscape\:grid-line-x-screen-1\/4[class*="grid-line-yfull"] > :after {
    bottom: -25vh;
    top: -25vh;
  }

  .landscape\:grid-line-x-screen-1\/2[class*="grid-line-x-"] > :before {
    bottom: -50vh;
  }

  .landscape\:grid-line-x-screen-1\/2[class*="grid-line-yfull"] > :after {
    bottom: -50vh;
    top: -50vh;
  }

  .landscape\:grid-line-x-screen-3\/4[class*="grid-line-x-"] > :before {
    bottom: -67vh;
  }

  .landscape\:grid-line-x-screen-3\/4[class*="grid-line-yfull"] > :after {
    bottom: -67vh;
    top: -67vh;
  }

  .landscape\:grid-line-x-full-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
  }

  .landscape\:grid-line-x-full-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
    top: -calc(100% - var(--outer-gutter) - var(--outer-gutter));
  }

  .landscape\:grid-line-x-screen-outergutter[class*="grid-line-x-"] > :before {
    bottom: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
  }

  .landscape\:grid-line-x-screen-outergutter[class*="grid-line-yfull"]
    > :after {
    bottom: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
    top: -calc(100vw - var(--outer-gutter) - var(--outer-gutter));
  }

  .landscape\:grid-line-x-full-with-outergutter[class*="grid-line-x-"]
    > :before {
    bottom: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
  }

  .landscape\:grid-line-x-full-with-outergutter[class*="grid-line-yfull"]
    > :after {
    bottom: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
    top: -calc(100% + var(--outer-gutter) + var(--outer-gutter));
  }

  .landscape\:grid-line-x-safescreen[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
  }

  .landscape\:grid-line-x-safescreen[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
    top: -calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
  }

  .landscape\:grid-line-x-safescreen-12[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--vh, 1vh) * 100 - 3rem);
  }

  .landscape\:grid-line-x-safescreen-12[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--vh, 1vh) * 100 - 3rem);
    top: -calc(var(--vh, 1vh) * 100 - 3rem);
  }

  .landscape\:grid-line-x-innergutter[class*="grid-line-x-"] > :before {
    bottom: -var(--inner-gutter);
  }

  .landscape\:grid-line-x-innergutter[class*="grid-line-yfull"] > :after {
    bottom: -var(--inner-gutter);
    top: -var(--inner-gutter);
  }

  .landscape\:grid-line-x-outergutter[class*="grid-line-x-"] > :before {
    bottom: -var(--outer-gutter);
  }

  .landscape\:grid-line-x-outergutter[class*="grid-line-yfull"] > :after {
    bottom: -var(--outer-gutter);
    top: -var(--outer-gutter);
  }

  .landscape\:grid-line-x-notifh[class*="grid-line-x-"] > :before {
    bottom: -var(--notifh, 0);
  }

  .landscape\:grid-line-x-notifh[class*="grid-line-yfull"] > :after {
    bottom: -var(--notifh, 0);
    top: -var(--notifh, 0);
  }

  .landscape\:grid-line-x-safe-top[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-top);
  }

  .landscape\:grid-line-x-safe-top[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-top);
    top: -env(safe-area-inset-top);
  }

  .landscape\:grid-line-x-safe-bottom[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-bottom);
  }

  .landscape\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-bottom);
    top: -env(safe-area-inset-bottom);
  }

  .landscape\:grid-line-x-safe-bottom-8[class*="grid-line-x-"] > :before {
    bottom: -calc(var(--safe-area-inset-bottom) + 2rem);
  }

  .landscape\:grid-line-x-safe-bottom-8[class*="grid-line-yfull"] > :after {
    bottom: -calc(var(--safe-area-inset-bottom) + 2rem);
    top: -calc(var(--safe-area-inset-bottom) + 2rem);
  }

  .landscape\:grid-line-x-safe-left[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-left);
  }

  .landscape\:grid-line-x-safe-left[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-left);
    top: -env(safe-area-inset-left);
  }

  .landscape\:grid-line-x-safe-right[class*="grid-line-x-"] > :before {
    bottom: -env(safe-area-inset-right);
  }

  .landscape\:grid-line-x-safe-right[class*="grid-line-yfull"] > :after {
    bottom: -env(safe-area-inset-right);
    top: -env(safe-area-inset-right);
  }

  .landscape\:grid-line-x-below-player[class*="grid-line-x-"] > :before {
    bottom: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
  }

  .landscape\:grid-line-x-below-player[class*="grid-line-yfull"] > :after {
    bottom: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
    top: -max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
  }

  .landscape\:grid-line-x-light[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-5);
  }

  .landscape\:grid-line-y-light[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-5);
  }

  .landscape\:grid-line-xy-light[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-5);
  }

  .landscape\:grid-line-xy-light[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-5);
  }

  .landscape\:grid-line-x-default[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-10);
  }

  .landscape\:grid-line-y-default[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-10);
  }

  .landscape\:grid-line-xy-default[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-10);
  }

  .landscape\:grid-line-xy-default[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-10);
  }

  .landscape\:grid-line-x-soft[class*="grid-line-x-"] > :before {
    border-bottom-color: rgba(0, 0, 0, 0.05);
  }

  .landscape\:grid-line-y-soft[class*="grid-line-y-"] > :after {
    border-right-color: rgba(0, 0, 0, 0.05);
  }

  .landscape\:grid-line-xy-soft[class*="grid-line-xy-"] > :before {
    border-bottom-color: rgba(0, 0, 0, 0.05);
  }

  .landscape\:grid-line-xy-soft[class*="grid-line-xy-"] > :after {
    border-right-color: rgba(0, 0, 0, 0.05);
  }

  .landscape\:grid-line-x-dark[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-15);
  }

  .landscape\:grid-line-y-dark[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-15);
  }

  .landscape\:grid-line-xy-dark[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-15);
  }

  .landscape\:grid-line-xy-dark[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-15);
  }

  .landscape\:grid-line-x-darker[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--grey-42);
  }

  .landscape\:grid-line-y-darker[class*="grid-line-y-"] > :after {
    border-right-color: var(--grey-42);
  }

  .landscape\:grid-line-xy-darker[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--grey-42);
  }

  .landscape\:grid-line-xy-darker[class*="grid-line-xy-"] > :after {
    border-right-color: var(--grey-42);
  }

  .landscape\:grid-line-x-darkest[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--black);
  }

  .landscape\:grid-line-y-darkest[class*="grid-line-y-"] > :after {
    border-right-color: var(--black);
  }

  .landscape\:grid-line-xy-darkest[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--black);
  }

  .landscape\:grid-line-xy-darkest[class*="grid-line-xy-"] > :after {
    border-right-color: var(--black);
  }

  .landscape\:grid-line-x-error[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--red-dark);
  }

  .landscape\:grid-line-y-error[class*="grid-line-y-"] > :after {
    border-right-color: var(--red-dark);
  }

  .landscape\:grid-line-xy-error[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--red-dark);
  }

  .landscape\:grid-line-xy-error[class*="grid-line-xy-"] > :after {
    border-right-color: var(--red-dark);
  }

  .landscape\:grid-line-x-inverse[class*="grid-line-x-"] > :before {
    border-bottom-color: var(--white);
  }

  .landscape\:grid-line-y-inverse[class*="grid-line-y-"] > :after {
    border-right-color: var(--white);
  }

  .landscape\:grid-line-xy-inverse[class*="grid-line-xy-"] > :before {
    border-bottom-color: var(--white);
  }

  .landscape\:grid-line-xy-inverse[class*="grid-line-xy-"] > :after {
    border-right-color: var(--white);
  }

  .landscape\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .landscape\:grid-cols-1[class*="grid-line-xfull"] > :nth-child(n):before {
    left: 0;
    right: 0;
  }

  .landscape\:grid-cols-1[class*="grid-line-x"] > :nth-child(1n + 1):before {
    right: 0;
  }

  .landscape\:grid-cols-1[class*="grid-line-x"]
    > :nth-child(1n + 1):nth-last-child(-n + 1):before,
  .landscape\:grid-cols-1[class*="grid-line-x"]
    > :nth-child(1n + 1):nth-last-child(-n + 1)
    ~ :before {
    border-bottom-width: 0;
  }

  .landscape\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .landscape\:grid-cols-2[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .landscape\:grid-cols-2[class*="grid-line-x"] > :nth-child(odd):before {
    left: 0;
  }

  .landscape\:grid-cols-2[class*="grid-line-x"] > :nth-child(2n + 2):before {
    right: 0;
  }

  .landscape\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2):before,
  .landscape\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ :before {
    border-bottom-width: 0;
  }

  .landscape\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .landscape\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(2n + 2):after {
    border-right-width: 0;
  }

  .landscape\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 2):after {
    top: 0;
  }

  .landscape\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2):after,
  .landscape\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ li:after {
    bottom: 0;
  }

  .landscape\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .landscape\:grid-cols-3[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .landscape\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 1):before {
    left: 0;
  }

  .landscape\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 3):before {
    right: 0;
  }

  .landscape\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):before,
  .landscape\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ :before {
    border-bottom-width: 0;
  }

  .landscape\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .landscape\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 3):after {
    border-right-width: 0;
  }

  .landscape\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 3):after {
    top: 0;
  }

  .landscape\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):after,
  .landscape\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ li:after {
    bottom: 0;
  }

  .landscape\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .landscape\:grid-cols-4[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .landscape\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 1):before {
    left: 0;
  }

  .landscape\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 4):before {
    right: 0;
  }

  .landscape\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):before,
  .landscape\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ :before {
    border-bottom-width: 0;
  }

  .landscape\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .landscape\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 4):after {
    border-right-width: 0;
  }

  .landscape\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 4):after {
    top: 0;
  }

  .landscape\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):after,
  .landscape\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ li:after {
    bottom: 0;
  }

  .landscape\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .landscape\:grid-cols-5[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .landscape\:grid-cols-5[class*="grid-line-x"] > :nth-child(5n + 1):before {
    left: 0;
  }

  .landscape\:grid-cols-5[class*="grid-line-x"] > :nth-child(5n + 5):before {
    right: 0;
  }

  .landscape\:grid-cols-5[class*="grid-line-x"]
    > :nth-child(5n + 1):nth-last-child(-n + 5):before,
  .landscape\:grid-cols-5[class*="grid-line-x"]
    > :nth-child(5n + 1):nth-last-child(-n + 5)
    ~ :before {
    border-bottom-width: 0;
  }

  .landscape\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .landscape\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 5):after {
    border-right-width: 0;
  }

  .landscape\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 5):after {
    top: 0;
  }

  .landscape\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 1):nth-last-child(-n + 5):after,
  .landscape\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(5n + 1):nth-last-child(-n + 5)
    ~ li:after {
    bottom: 0;
  }

  .landscape\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .landscape\:grid-cols-6[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .landscape\:grid-cols-6[class*="grid-line-x"] > :nth-child(6n + 1):before {
    left: 0;
  }

  .landscape\:grid-cols-6[class*="grid-line-x"] > :nth-child(6n + 6):before {
    right: 0;
  }

  .landscape\:grid-cols-6[class*="grid-line-x"]
    > :nth-child(6n + 1):nth-last-child(-n + 6):before,
  .landscape\:grid-cols-6[class*="grid-line-x"]
    > :nth-child(6n + 1):nth-last-child(-n + 6)
    ~ :before {
    border-bottom-width: 0;
  }

  .landscape\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .landscape\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 6):after {
    border-right-width: 0;
  }

  .landscape\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 6):after {
    top: 0;
  }

  .landscape\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 1):nth-last-child(-n + 6):after,
  .landscape\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(6n + 1):nth-last-child(-n + 6)
    ~ li:after {
    bottom: 0;
  }

  .landscape\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .landscape\:grid-cols-7[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .landscape\:grid-cols-7[class*="grid-line-x"] > :nth-child(7n + 1):before {
    left: 0;
  }

  .landscape\:grid-cols-7[class*="grid-line-x"] > :nth-child(7n + 7):before {
    right: 0;
  }

  .landscape\:grid-cols-7[class*="grid-line-x"]
    > :nth-child(7n + 1):nth-last-child(-n + 7):before,
  .landscape\:grid-cols-7[class*="grid-line-x"]
    > :nth-child(7n + 1):nth-last-child(-n + 7)
    ~ :before {
    border-bottom-width: 0;
  }

  .landscape\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .landscape\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 7):after {
    border-right-width: 0;
  }

  .landscape\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 7):after {
    top: 0;
  }

  .landscape\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 1):nth-last-child(-n + 7):after,
  .landscape\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(7n + 1):nth-last-child(-n + 7)
    ~ li:after {
    bottom: 0;
  }

  .landscape\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .landscape\:grid-cols-8[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .landscape\:grid-cols-8[class*="grid-line-x"] > :nth-child(8n + 1):before {
    left: 0;
  }

  .landscape\:grid-cols-8[class*="grid-line-x"] > :nth-child(8n + 8):before {
    right: 0;
  }

  .landscape\:grid-cols-8[class*="grid-line-x"]
    > :nth-child(8n + 1):nth-last-child(-n + 8):before,
  .landscape\:grid-cols-8[class*="grid-line-x"]
    > :nth-child(8n + 1):nth-last-child(-n + 8)
    ~ :before {
    border-bottom-width: 0;
  }

  .landscape\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .landscape\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 8):after {
    border-right-width: 0;
  }

  .landscape\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 8):after {
    top: 0;
  }

  .landscape\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 1):nth-last-child(-n + 8):after,
  .landscape\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(8n + 1):nth-last-child(-n + 8)
    ~ li:after {
    bottom: 0;
  }

  .landscape\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .landscape\:grid-cols-9[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .landscape\:grid-cols-9[class*="grid-line-x"] > :nth-child(9n + 1):before {
    left: 0;
  }

  .landscape\:grid-cols-9[class*="grid-line-x"] > :nth-child(9n + 9):before {
    right: 0;
  }

  .landscape\:grid-cols-9[class*="grid-line-x"]
    > :nth-child(9n + 1):nth-last-child(-n + 9):before,
  .landscape\:grid-cols-9[class*="grid-line-x"]
    > :nth-child(9n + 1):nth-last-child(-n + 9)
    ~ :before {
    border-bottom-width: 0;
  }

  .landscape\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .landscape\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 9):after {
    border-right-width: 0;
  }

  .landscape\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 9):after {
    top: 0;
  }

  .landscape\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 1):nth-last-child(-n + 9):after,
  .landscape\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(9n + 1):nth-last-child(-n + 9)
    ~ li:after {
    bottom: 0;
  }

  .landscape\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .landscape\:grid-cols-10[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .landscape\:grid-cols-10[class*="grid-line-x"] > :nth-child(10n + 1):before {
    left: 0;
  }

  .landscape\:grid-cols-10[class*="grid-line-x"] > :nth-child(10n + 10):before {
    right: 0;
  }

  .landscape\:grid-cols-10[class*="grid-line-x"]
    > :nth-child(10n + 1):nth-last-child(-n + 10):before,
  .landscape\:grid-cols-10[class*="grid-line-x"]
    > :nth-child(10n + 1):nth-last-child(-n + 10)
    ~ :before {
    border-bottom-width: 0;
  }

  .landscape\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .landscape\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 10):after {
    border-right-width: 0;
  }

  .landscape\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 10):after {
    top: 0;
  }

  .landscape\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 1):nth-last-child(-n + 10):after,
  .landscape\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(10n + 1):nth-last-child(-n + 10)
    ~ li:after {
    bottom: 0;
  }

  .landscape\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .landscape\:grid-cols-11[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .landscape\:grid-cols-11[class*="grid-line-x"] > :nth-child(11n + 1):before {
    left: 0;
  }

  .landscape\:grid-cols-11[class*="grid-line-x"] > :nth-child(11n + 11):before {
    right: 0;
  }

  .landscape\:grid-cols-11[class*="grid-line-x"]
    > :nth-child(11n + 1):nth-last-child(-n + 11):before,
  .landscape\:grid-cols-11[class*="grid-line-x"]
    > :nth-child(11n + 1):nth-last-child(-n + 11)
    ~ :before {
    border-bottom-width: 0;
  }

  .landscape\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .landscape\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 11):after {
    border-right-width: 0;
  }

  .landscape\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 11):after {
    top: 0;
  }

  .landscape\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 1):nth-last-child(-n + 11):after,
  .landscape\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(11n + 1):nth-last-child(-n + 11)
    ~ li:after {
    bottom: 0;
  }

  .landscape\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .landscape\:grid-cols-12[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .landscape\:grid-cols-12[class*="grid-line-x"] > :nth-child(12n + 1):before {
    left: 0;
  }

  .landscape\:grid-cols-12[class*="grid-line-x"] > :nth-child(12n + 12):before {
    right: 0;
  }

  .landscape\:grid-cols-12[class*="grid-line-x"]
    > :nth-child(12n + 1):nth-last-child(-n + 12):before,
  .landscape\:grid-cols-12[class*="grid-line-x"]
    > :nth-child(12n + 1):nth-last-child(-n + 12)
    ~ :before {
    border-bottom-width: 0;
  }

  .landscape\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .landscape\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 12):after {
    border-right-width: 0;
  }

  .landscape\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 12):after {
    top: 0;
  }

  .landscape\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 1):nth-last-child(-n + 12):after,
  .landscape\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 1):nth-last-child(-n + 12)
    ~ li:after {
    bottom: 0;
  }
}

.container {
  margin-left: auto;
  margin-right: auto;
  width: calc(var(--container-width, 100%) - var(--outer-gutter, 0) * 2);
}

.container .container {
  width: auto;
}

:root {
  --black: #000;
  --grey-57: #6e6e6e;
  --grey-42: #949494;
  --grey-30: #262626;
  --grey-15: #d9d9d9;
  --grey-10: #e6e6e6;
  --grey-5: #f2f2f2;
  --white: #fff;
  --red-light: #fef5f7;
  --red-dark: #e4002b;
  --yellow-light: #ffffe0;
  --yellow-dark: #986d05;
  --green-light: #edfdef;
  --green-dark: #2d8110;
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.inset-\[-10\%\] {
  bottom: -10%;
  left: -10%;
  right: -10%;
  top: -10%;
}

.inset-x-0 {
  left: 0;
  right: 0;
}

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.top-1\/2 {
  top: 50%;
}

.left-1\/2 {
  left: 50%;
}

.bottom-safe-bottom {
  bottom: env(safe-area-inset-bottom);
}

.left-0 {
  left: 0;
}

.right-outergutter {
  right: var(--outer-gutter);
}

.top-safe-top {
  top: env(safe-area-inset-top);
}

.bottom-0 {
  bottom: 0;
}

.bottom-15 {
  bottom: 3.75rem;
}

.top-5 {
  top: 1.25rem;
}

.right-4 {
  right: 1rem;
}

.top-4 {
  top: 1rem;
}

.left-\[1rem\] {
  left: 1rem;
}

.right-\[1rem\] {
  right: 1rem;
}

.bottom-27 {
  bottom: 6.75rem;
}

.top-3 {
  top: 0.75rem;
}

.bottom-7 {
  bottom: 1.75rem;
}

.right-25 {
  right: 6.25rem;
}

.left-5 {
  left: 1.25rem;
}

.bottom-5 {
  bottom: 1.25rem;
}

.right-5 {
  right: 1.25rem;
}

.right-3 {
  right: 0.75rem;
}

.-top-8\.75 {
  top: -2.1875rem;
}

.-left-8\.75 {
  left: -2.1875rem;
}

.-top-8 {
  top: -2rem;
}

.-left-8 {
  left: -2rem;
}

.bottom-safe-bottom-8 {
  bottom: calc(var(--safe-area-inset-bottom) + 2rem);
}

.bottom-10 {
  bottom: 2.5rem;
}

.right-2 {
  right: 0.5rem;
}

.left-2 {
  left: 0.5rem;
}

.top-2 {
  top: 0.5rem;
}

.bottom-2 {
  bottom: 0.5rem;
}

.left-outergutter {
  left: var(--outer-gutter);
}

.top-8\.5 {
  top: 2.125rem;
}

.top-8 {
  top: 2rem;
}

.top-6\.5 {
  top: 1.625rem;
}

.top-6 {
  top: 1.5rem;
}

.right-7 {
  right: 1.75rem;
}

.top-6\.25 {
  top: 1.5625rem;
}

.left-1 {
  left: 0.25rem;
}

.top-1 {
  top: 0.25rem;
}

.bottom-1 {
  bottom: 0.25rem;
}

.z-\[-10\] {
  z-index: -10;
}

.z-\[-1\] {
  z-index: -1;
}

.z-70 {
  z-index: 70;
}

.z-90 {
  z-index: 90;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-\[5\] {
  z-index: 5;
}

.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}

.z-999 {
  z-index: 999;
}

.z-30 {
  z-index: 30;
}

.z-998 {
  z-index: 998;
}

.z-100 {
  z-index: 100;
}

.z-50 {
  z-index: 50;
}

.z-\[-20\] {
  z-index: -20;
}

.z-80 {
  z-index: 80;
}

.z-997 {
  z-index: 997;
}

.order-last {
  order: 9999;
}

.order-first {
  order: -9999;
}

.m-8 {
  margin: 2rem;
}

.m-auto {
  margin: auto;
}

.m-2 {
  margin: 0.5rem;
}

.m-5 {
  margin: 1.25rem;
}

.m-3 {
  margin: 0.75rem;
}

.m-0 {
  margin: 0;
}

.-m-5 {
  margin: -1.25rem;
}

.-m-7 {
  margin: -1.75rem;
}

.m-1\.5 {
  margin: 0.375rem;
}

.m-1 {
  margin: 0.25rem;
}

.my-3 {
  margin-bottom: 0.75rem;
  margin-top: 0.75rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.-my-5 {
  margin-bottom: -1.25rem;
  margin-top: -1.25rem;
}

.mx-outergutter {
  margin-left: var(--outer-gutter);
  margin-right: var(--outer-gutter);
}

.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.my-2 {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

.my-6 {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}

.my-5 {
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}

.-mx-outergutter {
  margin-left: calc(var(--outer-gutter) * -1);
  margin-right: calc(var(--outer-gutter) * -1);
}

.mx-1\.5 {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}

.mx-2\.5 {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

.-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.my-4 {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.-mb-27 {
  margin-bottom: -6.75rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-12 {
  margin-left: 3rem;
}

.-mt-px {
  margin-top: -1px;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-auto {
  margin-top: auto;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-0 {
  margin-top: 0;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mt-15 {
  margin-top: 3.75rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.ml-2\.5 {
  margin-left: 0.625rem;
}

.mr-2\.5 {
  margin-right: 0.625rem;
}

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

.mr-auto {
  margin-right: auto;
}

.mt-30 {
  margin-top: 7.5rem;
}

.mt-13 {
  margin-top: 3.25rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mt-40 {
  margin-top: 10rem;
}

.-mb-10 {
  margin-bottom: -2.5rem;
}

.ml-26 {
  margin-left: 6.5rem;
}

.mt-25 {
  margin-top: 6.25rem;
}

.mb-15 {
  margin-bottom: 3.75rem;
}

.ml-outergutter {
  margin-left: var(--outer-gutter);
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.-mb-20 {
  margin-bottom: -5rem;
}

.mb-outergutter {
  margin-bottom: var(--outer-gutter);
}

.mt-notifh {
  margin-top: var(--notifh, 0);
}

.mb-0 {
  margin-bottom: 0;
}

.-mt-15 {
  margin-top: -3.75rem;
}

.mb-\[40px\] {
  margin-bottom: 40px;
}

.mb-12 {
  margin-bottom: 3rem;
}

.-mt-0\.5 {
  margin-top: -0.125rem;
}

.-mt-0 {
  margin-top: 0;
}

.mb-18 {
  margin-bottom: 4.5rem;
}

.mb-14 {
  margin-bottom: 3.5rem;
}

.mt-0\.25 {
  margin-top: 0.0625rem;
}

.-mr-2\.5 {
  margin-right: -0.625rem;
}

.-mr-2 {
  margin-right: -0.5rem;
}

.mt-14 {
  margin-top: 3.5rem;
}

.mt-6\.5 {
  margin-top: 1.625rem;
}

.mt-0\.5 {
  margin-top: 0.125rem;
}

.mt-\[-1px\] {
  margin-top: -1px;
}

.mt-44 {
  margin-top: 11rem;
}

.mt-3\.5 {
  margin-top: 0.875rem;
}

.mr-outergutter {
  margin-right: var(--outer-gutter);
}

.ml-7 {
  margin-left: 1.75rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mr-4 {
  margin-right: 1rem;
}

.-mb-0\.25 {
  margin-bottom: -0.0625rem;
}

.-mb-0 {
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.-mt-1\.5 {
  margin-top: -0.375rem;
}

.-mt-1 {
  margin-top: -0.25rem;
}

.mb-1\.5 {
  margin-bottom: 0.375rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.block {
  display: block;
}

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

.inline {
  display: inline;
}

.flex {
  display: flex;
}

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

.table {
  display: table;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.hidden {
  display: none;
}

.h-full {
  height: 100%;
}

.h-safescreen {
  height: calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
}

.h-1 {
  height: 0.25rem;
}

.h-5 {
  height: 1.25rem;
}

.h-8 {
  height: 2rem;
}

.h-16 {
  height: 4rem;
}

.h-1\.75 {
  height: 0.4375rem;
}

.h-12\.5 {
  height: 3.125rem;
}

.h-12 {
  height: 3rem;
}

.h-10 {
  height: 2.5rem;
}

.h-2 {
  height: 0.5rem;
}

.h-screen-3\/4 {
  height: 67vh;
}

.h-\[343px\] {
  height: 343px;
}

.h-\[280px\] {
  height: 280px;
}

.h-\[4\.375rem\] {
  height: 4.375rem;
}

.h-\[240px\] {
  height: 240px;
}

.h-\[30vw\] {
  height: 30vw;
}

.h-0\.5 {
  height: 0.125rem;
}

.h-0 {
  height: 0;
}

.h-\[160px\] {
  height: 160px;
}

.h-20 {
  height: 5rem;
}

.h-36 {
  height: 9rem;
}

.h-\[16\.875rem\] {
  height: 16.875rem;
}

.h-4 {
  height: 1rem;
}

.h-30 {
  height: 7.5rem;
}

.h-screen {
  height: 100vh;
}

.h-\[120\%\] {
  height: 120%;
}

.h-7\.5 {
  height: 1.875rem;
}

.h-7 {
  height: 1.75rem;
}

.h-80 {
  height: 20rem;
}

.h-\[110vh\] {
  height: 110vh;
}

.h-25 {
  height: 6.25rem;
}

.h-0\.25 {
  height: 0.0625rem;
}

.h-9 {
  height: 2.25rem;
}

.h-auto {
  height: auto;
}

.h-44 {
  height: 11rem;
}

.h-37\.5 {
  height: 9.375rem;
}

.h-5\.5 {
  height: 1.375rem;
}

.h-\[600px\] {
  height: 600px;
}

.h-3 {
  height: 0.75rem;
}

.h-px {
  height: 1px;
}

.max-h-safescreen {
  max-height: calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
}

.max-h-screen {
  max-height: 100vh;
}

.max-h-safescreen-12 {
  max-height: calc(var(--vh, 1vh) * 100 - 3rem);
}

.min-h-safescreen {
  min-height: calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
}

.min-h-screen {
  min-height: 100vh;
}

.min-h-screen-1\/2 {
  min-height: (var(--vh, 1vh) * 50);
}

.min-h-screen-without-header {
  min-height: calc(
    var(--vh, 1vh) * 100 - var(--spacing-headersize) - var(--notifh, 0)
  );
}

.min-h-10 {
  min-height: 2.5rem;
}

.min-h-\[350px\] {
  min-height: 350px;
}

.w-full {
  width: 100%;
}

.w-16 {
  width: 4rem;
}

.w-5 {
  width: 1.25rem;
}

.w-8 {
  width: 2rem;
}

.w-auto {
  width: auto;
}

.w-25 {
  width: 6.25rem;
}

.w-1\/3 {
  width: 33.333333%;
}

.w-48 {
  width: 12rem;
}

.w-7\.5 {
  width: 1.875rem;
}

.w-7 {
  width: 1.75rem;
}

.w-10 {
  width: 2.5rem;
}

.w-2 {
  width: 0.5rem;
}

.w-11\/12 {
  width: 91.666667%;
}

.w-\[110px\] {
  width: 110px;
}

.w-\[280px\] {
  width: 280px;
}

.w-\[4\.375rem\] {
  width: 4.375rem;
}

.w-1\/2 {
  width: 50%;
}

.w-20 {
  width: 5rem;
}

.w-36 {
  width: 9rem;
}

.w-\[16\.875rem\] {
  width: 16.875rem;
}

.w-4 {
  width: 1rem;
}

.w-12 {
  width: 3rem;
}

.w-12\.5 {
  width: 3.125rem;
}

.w-30 {
  width: 7.5rem;
}

.w-\[120\%\] {
  width: 120%;
}

.w-5\/6 {
  width: 83.333333%;
}

.w-26 {
  width: 6.5rem;
}

.w-11 {
  width: 2.75rem;
}

.w-full-with-outergutter {
  width: calc(100% + var(--outer-gutter) + var(--outer-gutter));
}

.w-50 {
  width: 12.5rem;
}

.w-2\/3 {
  width: 66.666667%;
}

.w-0 {
  width: 0;
}

.w-\[30px\] {
  width: 30px;
}

.w-6 {
  width: 1.5rem;
}

.w-\[600px\] {
  width: 600px;
}

.w-3 {
  width: 0.75rem;
}

.w-14 {
  width: 3.5rem;
}

.w-\[220px\] {
  width: 220px;
}

.min-w-\[3\.5rem\] {
  min-width: 3.5rem;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-\[1400px\] {
  max-width: 1400px;
}

.max-w-\[200px\] {
  max-width: 200px;
}

.max-w-screen-outergutter {
  max-width: calc(100vw - var(--outer-gutter) - var(--outer-gutter));
}

.max-w-\[350px\] {
  max-width: 350px;
}

.max-w-none {
  max-width: none;
}

.max-w-full {
  max-width: 100%;
}

.max-w-\[500px\] {
  max-width: 500px;
}

.flex-none {
  flex: none;
}

.flex-1 {
  flex: 1 1 0%;
}

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

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

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

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

.origin-left {
  transform-origin: left;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: var(--tw-transform);
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: var(--tw-transform);
}

.translate-y-\[120\%\] {
  --tw-translate-y: 120%;
  transform: var(--tw-transform);
}

.translate-x-0 {
  --tw-translate-x: 0px;
  transform: var(--tw-transform);
}

.translate-y-full {
  --tw-translate-y: 100%;
  transform: var(--tw-transform);
}

.translate-x-full {
  --tw-translate-x: 100%;
  transform: var(--tw-transform);
}

.scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
}

.scale-110,
.transform {
  transform: var(--tw-transform);
}

.transform-gpu {
  --tw-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.resize {
  resize: both;
}

.list-none {
  list-style-type: none;
}

.appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

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

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

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

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

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

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

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

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

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

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

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

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

.gap-0 {
  gap: 0;
}

.gap-4 {
  gap: 1rem;
}

.gap-innergutter {
  gap: var(--inner-gutter);
}

.gap-\[12px\] {
  gap: 12px;
}

.gap-y-14 {
  row-gap: 3.5rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.gap-x-2 {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
}

.divide-\[\#CDCDCD\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(205, 205, 205, var(--tw-divide-opacity));
}

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

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

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

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

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

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

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

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

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate,
.whitespace-nowrap {
  white-space: nowrap;
}

.rounded-lg {
  border-radius: 1.5rem;
}

.rounded-sm {
  border-radius: 0.5rem;
}

.rounded {
  border-radius: 2rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-md {
  border-radius: 1.25rem;
}

.rounded-xs {
  border-radius: 0.0625rem;
}

.rounded-focus {
  border-radius: 2rem;
}

.rounded-1 {
  border-radius: 0.25rem;
}

.rounded-\[42px\] {
  border-radius: 42px;
}

.rounded-tl-lg {
  border-top-left-radius: 1.5rem;
}

.rounded-tr-lg {
  border-top-right-radius: 1.5rem;
}

.rounded-br-lg {
  border-bottom-right-radius: 1.5rem;
}

.rounded-tr-\[24px\] {
  border-top-right-radius: 24px;
}

.rounded-br-\[24px\] {
  border-bottom-right-radius: 24px;
}

.rounded-bl-\[24px\] {
  border-bottom-left-radius: 24px;
}

.rounded-tl-none {
  border-top-left-radius: 0;
}

.rounded-tl-full {
  border-top-left-radius: 9999px;
}

.rounded-bl-full {
  border-bottom-left-radius: 9999px;
}

.border {
  border-width: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-xs {
  border-width: 0.5px;
}

.border-0 {
  border-width: 0;
}

.border-t {
  border-top-width: 1px;
}

.border-r {
  border-right-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-t-1 {
  border-top-width: 1px;
}

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

.border-solid {
  border-style: solid;
}

.border-none {
  border-style: none;
}

.border-light {
  border-color: var(--grey-5);
}

.border-inverse {
  border-color: var(--white);
}

.border-default {
  border-color: var(--grey-10);
}

.border-\[\#CDCDCD\] {
  --tw-border-opacity: 1;
  border-color: rgba(205, 205, 205, var(--tw-border-opacity));
}

.border-dark {
  border-color: var(--grey-15);
}

.border-darker {
  border-color: var(--grey-42);
}

.border-soft {
  border-color: rgba(0, 0, 0, 0.05);
}

.border-\[rgba\(255\2c 255\2c 255\2c 0\.35\)\] {
  border-color: hsla(0, 0%, 100%, 0.35);
}

.border-darkest {
  border-color: var(--black);
}

.border-\[\#F2F2F2\] {
  --tw-border-opacity: 1;
  border-color: rgba(242, 242, 242, var(--tw-border-opacity));
}

.border-error {
  border-color: var(--red-dark);
}

.border-opacity-5 {
  --tw-border-opacity: 0.05;
}

.bg-negative {
  background-color: var(--red-light);
}

.bg-softinverse-2 {
  background-color: hsla(0, 0%, 100%, 0.3);
}

.bg-inverse {
  background-color: var(--white);
}

.bg-darkest {
  background-color: var(--black);
}

.bg-darker {
  background-color: var(--grey-42);
}

.bg-soft {
  background-color: rgba(0, 0, 0, 0.05);
}

.bg-default {
  background-color: var(--grey-5);
}

.bg-\[\#000000\] {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.bg-\[\#FFFFFF\] {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-dark {
  background-color: var(--grey-30);
}

.bg-softinverse {
  background-color: hsla(0, 0%, 100%, 0.15);
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
  background-color: rgba(0, 0, 0, 0.2);
}

.bg-\[\#DA1111\] {
  --tw-bg-opacity: 1;
  background-color: rgba(218, 17, 17, var(--tw-bg-opacity));
}

.bg-\[\#FFD029\] {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 208, 41, var(--tw-bg-opacity));
}

.bg-warning {
  background-color: var(--yellow-light);
}

.bg-\[\#F2F2F2\] {
  --tw-bg-opacity: 1;
  background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
}

.bg-\[\#fff\] {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-success {
  background-color: var(--green-light);
}

.bg-cover {
  background-size: cover;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.fill-current {
  fill: currentColor;
}

.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.object-center {
  -o-object-position: center;
  object-position: center;
}

.p-6 {
  padding: 1.5rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-4 {
  padding: 1rem;
}

.p-1 {
  padding: 0.25rem;
}

.p-7 {
  padding: 1.75rem;
}

.p-0 {
  padding: 0;
}

.p-2\.5 {
  padding: 0.625rem;
}

.py-3 {
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-4 {
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-2 {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-5 {
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-1 {
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}

.px-outergutter {
  padding-left: var(--outer-gutter);
  padding-right: var(--outer-gutter);
}

.py-2\.5 {
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-8 {
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.py-20 {
  padding-bottom: 5rem;
  padding-top: 5rem;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.py-9 {
  padding-bottom: 2.25rem;
  padding-top: 2.25rem;
}

.py-1\.25 {
  padding-bottom: 0.3125rem;
  padding-top: 0.3125rem;
}

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pl-12 {
  padding-left: 3rem;
}

.pr-12 {
  padding-right: 3rem;
}

.pt-\[80px\] {
  padding-top: 80px;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pt-7 {
  padding-top: 1.75rem;
}

.pt-30 {
  padding-top: 7.5rem;
}

.pb-27 {
  padding-bottom: 6.75rem;
}

.pt-15 {
  padding-top: 3.75rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pt-27 {
  padding-top: 6.75rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pt-0 {
  padding-top: 0;
}

.pr-4 {
  padding-right: 1rem;
}

.pb-15 {
  padding-bottom: 3.75rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pt-40 {
  padding-top: 10rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pb-2\.5 {
  padding-bottom: 0.625rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pr-16 {
  padding-right: 4rem;
}

.pb-5\.5 {
  padding-bottom: 1.375rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pt-14 {
  padding-top: 3.5rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pb-\[75\.30\%\] {
  padding-bottom: 75.3%;
}

.pr-8 {
  padding-right: 2rem;
}

.pt-25 {
  padding-top: 6.25rem;
}

.pb-25 {
  padding-bottom: 6.25rem;
}

.pt-28 {
  padding-top: 7rem;
}

.pt-3\.5 {
  padding-top: 0.875rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pt-7\.5 {
  padding-top: 1.875rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pr-2\.5 {
  padding-right: 0.625rem;
}

.pl-2\.5 {
  padding-left: 0.625rem;
}

.pr-7 {
  padding-right: 1.75rem;
}

.pl-7 {
  padding-left: 1.75rem;
}

.pb-3\.5 {
  padding-bottom: 0.875rem;
}

.pt-5\.25 {
  padding-top: 1.3125rem;
}

.pb-1\.75 {
  padding-bottom: 0.4375rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pt-0\.5 {
  padding-top: 0.125rem;
}

.pt-2\.75 {
  padding-top: 0.6875rem;
}

.pb-1\.5 {
  padding-bottom: 0.375rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pt-2\.5 {
  padding-top: 0.625rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.font-sans {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

.text-\[16px\] {
  font-size: 16px;
}

.text-\[24px\] {
  font-size: 24px;
}

.text-\[12px\] {
  font-size: 12px;
}

.text-\[14px\] {
  font-size: 14px;
}

.text-\[18px\] {
  font-size: 18px;
}

.text-\[40px\] {
  font-size: 40px;
}

.text-\[11px\] {
  font-size: 11px;
}

.font-light {
  font-weight: 300;
}

.font-bold {
  font-weight: 700;
}

.font-black {
  font-weight: 900;
}

.font-semibold {
  font-weight: 600;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.diagonal-fractions,
.lining-nums,
.oldstyle-nums,
.ordinal,
.proportional-nums,
.slashed-zero,
.stacked-fractions,
.tabular-nums {
  --tw-ordinal: var(--tw-empty, /*!*/ /*!*/);
  --tw-slashed-zero: var(--tw-empty, /*!*/ /*!*/);
  --tw-numeric-figure: var(--tw-empty, /*!*/ /*!*/);
  --tw-numeric-spacing: var(--tw-empty, /*!*/ /*!*/);
  --tw-numeric-fraction: var(--tw-empty, /*!*/ /*!*/);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero)
    var(--tw-numeric-figure) var(--tw-numeric-spacing)
    var(--tw-numeric-fraction);
}

.lining-nums {
  --tw-numeric-figure: lining-nums;
}

.proportional-nums {
  --tw-numeric-spacing: proportional-nums;
}

.leading-normal {
  line-height: 1.5;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-\[16px\] {
  line-height: 16px;
}

.leading-\[32px\] {
  line-height: 32px;
}

.leading-\[1\.6\] {
  line-height: 1.6;
}

.leading-\[28px\] {
  line-height: 28px;
}

.leading-\[56px\] {
  line-height: 56px;
}

.leading-none {
  line-height: 1;
}

.leading-8 {
  line-height: 2rem;
}

.leading-\[24px\] {
  line-height: 24px;
}

.leading-\[1\.3\] {
  line-height: 1.3;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.tracking-\[0\.42px\] {
  letter-spacing: 0.42px;
}

.tracking-\[0\.72px\] {
  letter-spacing: 0.72px;
}

.tracking-\[0\.12px\] {
  letter-spacing: 0.12px;
}

.tracking-\[-0\.18px\] {
  letter-spacing: -0.18px;
}

.tracking-\[0\.6px\] {
  letter-spacing: 0.6px;
}

.tracking-\[1\.2px\] {
  letter-spacing: 1.2px;
}

.tracking-\[0\.44px\] {
  letter-spacing: 0.44px;
}

.text-default {
  color: var(--black);
}

.text-inverse {
  color: var(--white);
}

.text-error {
  color: var(--red-dark);
}

.text-light {
  color: var(--grey-57);
}

.text-warning {
  color: var(--yellow-dark);
}

.text-\[\#6E6E6E\] {
  --tw-text-opacity: 1;
  color: rgba(110, 110, 110, var(--tw-text-opacity));
}

.text-lighter {
  color: var(--grey-42);
}

.text-success {
  color: var(--green-dark);
}

.underline {
  text-decoration: underline;
}

.line-through {
  text-decoration: line-through;
}

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

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-0 {
  opacity: 0;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-100 {
  opacity: 1;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-20 {
  opacity: 0.2;
}

.shadow-xs {
  --tw-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}

.shadow-bottom-stronger,
.shadow-xs {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-bottom-stronger {
  --tw-shadow: 0px 25px 25px rgba(0, 0, 0, 0.1);
}

.shadow-top {
  --tw-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
}

.shadow-bottom,
.shadow-top {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-bottom {
  --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.blur {
  --tw-blur: blur(8px);
}

.blur,
.drop-shadow {
  filter: var(--tw-filter);
}

.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1))
    drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));
}

.grayscale-1 {
  --tw-grayscale: grayscale(1);
}

.filter,
.grayscale-1 {
  filter: var(--tw-filter);
}

.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
}

.backdrop-blur,
.backdrop-blur-default {
  -webkit-backdrop-filter: var(--tw-backdrop-filter);
  backdrop-filter: var(--tw-backdrop-filter);
}

.backdrop-blur-default {
  --tw-backdrop-blur: blur(20px);
}

.backdrop-blur-modal {
  --tw-backdrop-blur: blur(50px);
  -webkit-backdrop-filter: var(--tw-backdrop-filter);
  backdrop-filter: var(--tw-backdrop-filter);
}

.transition-transform {
  transition-duration: 0.15s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.transition-opacity {
  transition-duration: 0.15s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.transition-colors {
  transition-duration: 0.15s;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.transition {
  transition-duration: 0.15s;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter,
    -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.transition-all {
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.duration-1000 {
  transition-duration: 1s;
}

.duration-500 {
  transition-duration: 0.5s;
}

.duration-300 {
  transition-duration: 0.3s;
}

.duration-200 {
  transition-duration: 0.2s;
}

.ease-linear {
  transition-timing-function: linear;
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.ratio {
  --ratio: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}

.ratio:before {
  content: "";
  display: block;
  height: 0;
  padding-bottom: var(--ratio);
  width: 100%;
}

.ratio > [class*="ratio-content"] {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.ratio-1x1 {
  --ratio: 100%;
}

[class*="keyline-"] {
  position: relative;
}

[class*="keyline-"]:before {
  border: 1px solid transparent;
  bottom: 0;
  content: "";
  left: calc(var(--inner-gutter) / -2 - 1px);
  pointer-events: none;
  position: absolute;
  right: calc(var(--inner-gutter) / -2);
  top: 0;
  z-index: 0;
}

[class*="keyline-0"]:before {
  border-left-color: transparent;
  border-right-color: transparent;
}

.bg-easing-t-dark {
  background-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.03) 4.7%,
    rgba(0, 0, 0, 0.079) 8.9%,
    rgba(0, 0, 0, 0.142) 12.8%,
    rgba(0, 0, 0, 0.218) 16.56%,
    rgba(0, 0, 0, 0.304) 20.37%,
    rgba(0, 0, 0, 0.395) 24.4%,
    rgba(0, 0, 0, 0.49) 28.83%,
    rgba(0, 0, 0, 0.585) 33.84%,
    rgba(0, 0, 0, 0.677) 39.6%,
    rgba(0, 0, 0, 0.763) 46.3%,
    rgba(0, 0, 0, 0.84) 54.1%,
    rgba(0, 0, 0, 0.906) 63.2%,
    rgba(0, 0, 0, 0.956) 73.76%,
    rgba(0, 0, 0, 0.989) 85.97%,
    #000
  );
}

.bg-easing-b-dark {
  background-image: linear-gradient(
    180deg,
    transparent,
    rgba(0, 0, 0, 0.03) 4.7%,
    rgba(0, 0, 0, 0.079) 8.9%,
    rgba(0, 0, 0, 0.142) 12.8%,
    rgba(0, 0, 0, 0.218) 16.56%,
    rgba(0, 0, 0, 0.304) 20.37%,
    rgba(0, 0, 0, 0.395) 24.4%,
    rgba(0, 0, 0, 0.49) 28.83%,
    rgba(0, 0, 0, 0.585) 33.84%,
    rgba(0, 0, 0, 0.677) 39.6%,
    rgba(0, 0, 0, 0.763) 46.3%,
    rgba(0, 0, 0, 0.84) 54.1%,
    rgba(0, 0, 0, 0.906) 63.2%,
    rgba(0, 0, 0, 0.956) 73.76%,
    rgba(0, 0, 0, 0.989) 85.97%,
    #000
  );
}

.first\:mt-0:first-child {
  margin-top: 0;
}

.hover\:border-darkest:hover {
  border-color: var(--black);
}

.hover\:border-darker:hover {
  border-color: var(--grey-42);
}

.hover\:border-opacity-100:hover {
  --tw-border-opacity: 1;
}

.hover\:bg-softhover:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.hover\:bg-default:hover {
  background-color: var(--grey-5);
}

.hover\:bg-softinversehover:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}

.hover\:bg-darker:hover {
  background-color: var(--grey-42);
}

.hover\:text-light:hover {
  color: var(--grey-57);
}

.hover\:backdrop-blur-default:hover {
  --tw-backdrop-blur: blur(20px);
  -webkit-backdrop-filter: var(--tw-backdrop-filter);
  backdrop-filter: var(--tw-backdrop-filter);
}

.focus\:border-darker:focus {
  border-color: var(--grey-42);
}

.focus\:bg-default:focus {
  background-color: var(--grey-5);
}

.focus\:bg-softinversehover:focus {
  background-color: hsla(0, 0%, 100%, 0.2);
}

.focus\:bg-softhover:focus {
  background-color: rgba(0, 0, 0, 0.1);
}

.disabled\:cursor-default:disabled {
  cursor: default;
}

.disabled\:bg-default:disabled {
  background-color: var(--grey-5);
}

.disabled\:text-light:disabled {
  color: var(--grey-57);
}

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.disabled\:focus\:bg-default:disabled:focus,
.disabled\:hover\:bg-default:disabled:hover {
  background-color: var(--grey-5);
}

.group:hover .group-hover\:-m-5 {
  margin: -1.25rem;
}

.group:hover .group-hover\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: var(--tw-transform);
}

.group:hover .group-hover\:bg-softhover {
  background-color: rgba(0, 0, 0, 0.1);
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

[dir="ltr"] .ltr\:mr-outer-1 {
  margin-right: var(--spacing-outer-1);
}

[dir="ltr"] .ltr\:text-\[0\.625rem\] {
  font-size: 0.625rem;
}

[dir="ltr"] .ltr\:leading-\[0\.875rem\] {
  line-height: 0.875rem;
}

[dir="ltr"] .ltr\:tracking-\[0\.3em\] {
  letter-spacing: 0.3em;
}

[dir="rtl"] .rtl\:mr-gutter {
  margin-right: var(--spacing-gutter);
}

[dir="rtl"] .rtl\:ml-gutter {
  margin-left: var(--spacing-gutter);
}

[dir="rtl"] .rtl\:ml-outer-1 {
  margin-left: var(--spacing-outer-1);
}

[dir="rtl"] .rtl\:right-auto {
  right: auto;
}

[dir="rtl"] .rtl\:left-outergutter {
  left: var(--outer-gutter);
}

[dir="rtl"] .rtl\:right-0 {
  right: 0;
}

[dir="rtl"] .rtl\:left-25 {
  left: 6.25rem;
}

[dir="rtl"] .rtl\:left-0 {
  left: 0;
}

[dir="rtl"] .rtl\:left-auto {
  left: auto;
}

[dir="rtl"] .rtl\:right-5 {
  right: 1.25rem;
}

[dir="rtl"] .rtl\:left-5 {
  left: 1.25rem;
}

[dir="rtl"] .rtl\:left-3 {
  left: 0.75rem;
}

[dir="rtl"] .rtl\:right-outergutter {
  right: var(--outer-gutter);
}

[dir="rtl"] .rtl\:left-2 {
  left: 0.5rem;
}

[dir="rtl"] .rtl\:left-7 {
  left: 1.75rem;
}

[dir="rtl"] .rtl\:ml-0 {
  margin-left: 0;
}

[dir="rtl"] .rtl\:mr-2 {
  margin-right: 0.5rem;
}

[dir="rtl"] .rtl\:mr-3 {
  margin-right: 0.75rem;
}

[dir="rtl"] .rtl\:mr-0 {
  margin-right: 0;
}

[dir="rtl"] .rtl\:ml-2 {
  margin-left: 0.5rem;
}

[dir="rtl"] .rtl\:mr-26 {
  margin-right: 6.5rem;
}

[dir="rtl"] .rtl\:ml-1 {
  margin-left: 0.25rem;
}

[dir="rtl"] .rtl\:mr-outergutter {
  margin-right: var(--outer-gutter);
}

[dir="rtl"] .rtl\:mr-1 {
  margin-right: 0.25rem;
}

[dir="rtl"] .rtl\:-ml-2\.5 {
  margin-left: -0.625rem;
}

[dir="rtl"] .rtl\:-ml-2 {
  margin-left: -0.5rem;
}

[dir="rtl"] .rtl\:ml-1\.5 {
  margin-left: 0.375rem;
}

[dir="rtl"] .rtl\:mr-1\.5 {
  margin-right: 0.375rem;
}

[dir="rtl"] .rtl\:ml-outergutter {
  margin-left: var(--outer-gutter);
}

[dir="rtl"] .rtl\:mr-7 {
  margin-right: 1.75rem;
}

[dir="rtl"] .rtl\:mr-4 {
  margin-right: 1rem;
}

[dir="rtl"] .rtl\:ml-3 {
  margin-left: 0.75rem;
}

[dir="rtl"] .rtl\:ml-4 {
  margin-left: 1rem;
}

[dir="rtl"] .rtl\:mr-6 {
  margin-right: 1.5rem;
}

[dir="rtl"] .rtl\:rotate-180 {
  --tw-rotate: 180deg;
  transform: var(--tw-transform);
}

[dir="rtl"] .rtl\:rounded-tl-none {
  border-top-left-radius: 0;
}

[dir="rtl"] .rtl\:rounded-bl-none {
  border-bottom-left-radius: 0;
}

[dir="rtl"] .rtl\:rounded-tr-full {
  border-top-right-radius: 9999px;
}

[dir="rtl"] .rtl\:rounded-br-full {
  border-bottom-right-radius: 9999px;
}

[dir="rtl"] .rtl\:border-l-0 {
  border-left-width: 0;
}

[dir="rtl"] .rtl\:border-r {
  border-right-width: 1px;
}

[dir="rtl"] .rtl\:border-r-0 {
  border-right-width: 0;
}

[dir="rtl"] .rtl\:border-l {
  border-left-width: 1px;
}

[dir="rtl"] .rtl\:pl-5 {
  padding-left: 1.25rem;
}

[dir="rtl"] .rtl\:pr-6 {
  padding-right: 1.5rem;
}

[dir="rtl"] .rtl\:pl-0 {
  padding-left: 0;
}

[dir="rtl"] .rtl\:pr-4 {
  padding-right: 1rem;
}

[dir="rtl"] .rtl\:pr-0 {
  padding-right: 0;
}

[dir="rtl"] .rtl\:pr-8 {
  padding-right: 2rem;
}

[dir="rtl"] .rtl\:pl-2 {
  padding-left: 0.5rem;
}

[dir="rtl"] .rtl\:pl-1 {
  padding-left: 0.25rem;
}

[dir="rtl"] .rtl\:pl-16 {
  padding-left: 4rem;
}

[dir="rtl"] .rtl\:pr-2 {
  padding-right: 0.5rem;
}

[dir="rtl"] .rtl\:pr-1 {
  padding-right: 0.25rem;
}

[dir="rtl"] .rtl\:pl-2\.5 {
  padding-left: 0.625rem;
}

[dir="rtl"] .rtl\:pr-2\.5 {
  padding-right: 0.625rem;
}

[dir="rtl"] .rtl\:pr-5 {
  padding-right: 1.25rem;
}

[dir="rtl"] .rtl\:pl-7 {
  padding-left: 1.75rem;
}

[dir="rtl"] .rtl\:pr-7 {
  padding-right: 1.75rem;
}

[dir="rtl"] .rtl\:pr-3 {
  padding-right: 0.75rem;
}

[dir="rtl"] .rtl\:text-left {
  text-align: left;
}

[dir="rtl"] .rtl\:text-right {
  text-align: right;
}

@media (max-width: 649px) {
  .sm\:mt-headersize {
    margin-top: var(--spacing-headersize);
  }

  .sm\:push-2-gutter {
    margin-left: calc(
      (2 / var(--grid-columns)) * 100% - var(--inner-gutter) + 2 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter) * 2
    );
  }

  .cols-container > .sm\:push-2-gutter {
    margin-left: calc(
      (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 2 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter) * 2
    );
  }

  .sm\:cols-6 {
    width: calc(
      (6 / var(--grid-columns)) * 100% - var(--inner-gutter) + 6 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .sm\:cols-6 {
    width: calc(
      (6 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 6 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .sm\:cols-10 {
    width: calc(
      (10 / var(--grid-columns)) * 100% - var(--inner-gutter) + 10 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .sm\:cols-10 {
    width: calc(
      (10 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 10 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .sm\:cols-11 {
    width: calc(
      (11 / var(--grid-columns)) * 100% - var(--inner-gutter) + 11 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .sm\:cols-11 {
    width: calc(
      (11 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 11 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .sm\:cols-12 {
    width: calc(
      (12 / var(--grid-columns)) * 100% - var(--inner-gutter) + 12 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .sm\:cols-12 {
    width: calc(
      (12 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 12 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .sm\:fixed {
    position: fixed;
  }

  .sm\:sticky {
    position: sticky;
  }

  .sm\:left-1\/2 {
    left: 50%;
  }

  .sm\:bottom-below-player {
    bottom: max((100vh - 9/16 * 100vw)/2 - 5rem, 5rem);
  }

  .sm\:bottom-0 {
    bottom: 0;
  }

  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:mt-3 {
    margin-top: 0.75rem;
  }

  .sm\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .sm\:ml-0 {
    margin-left: 0;
  }

  .sm\:mt-9 {
    margin-top: 2.25rem;
  }

  .sm\:mt-2 {
    margin-top: 0.5rem;
  }

  .sm\:mb-7 {
    margin-bottom: 1.75rem;
  }

  .sm\:mt-24 {
    margin-top: 6rem;
  }

  .sm\:mt-6 {
    margin-top: 1.5rem;
  }

  .sm\:mt-0 {
    margin-top: 0;
  }

  .sm\:mt-5 {
    margin-top: 1.25rem;
  }

  .sm\:mb-25 {
    margin-bottom: 6.25rem;
  }

  .sm\:block {
    display: block;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-0 {
    height: 0;
  }

  .sm\:h-full {
    height: 100%;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:flex-grow {
    flex-grow: 1;
  }

  .sm\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: var(--tw-transform);
  }

  .sm\:flex-col {
    flex-direction: column;
  }

  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-start {
    justify-content: flex-start;
  }

  .sm\:overflow-hidden {
    overflow: hidden;
  }

  .sm\:rounded-lg {
    border-radius: 1.5rem;
  }

  .sm\:rounded-t-lg {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .sm\:bg-inverse {
    background-color: var(--white);
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:pt-0 {
    padding-top: 0;
  }

  .sm\:pl-6 {
    padding-left: 1.5rem;
  }

  .sm\:pr-6 {
    padding-right: 1.5rem;
  }

  .sm\:pt-7 {
    padding-top: 1.75rem;
  }

  .sm\:pr-2 {
    padding-right: 0.5rem;
  }

  .sm\:pt-5 {
    padding-top: 1.25rem;
  }

  .sm\:pt-8 {
    padding-top: 2rem;
  }

  .sm\:shadow-top-stronger {
    --tw-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:transition-all {
    transition-duration: 0.15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .sm\:duration-300 {
    transition-duration: 0.3s;
  }

  .sm\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  [dir="rtl"] .sm\:rtl\:push-r-2-gutter {
    margin-right: calc(
      (2 / var(--grid-columns)) * 100% - var(--inner-gutter) + 2 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter) * 2
    );
  }

  [dir="rtl"] .rtl\:cols-container > .sm\:rtl\:push-r-2-gutter {
    margin-right: calc(
      (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 2 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter) * 2
    );
  }

  [dir="rtl"] .sm\:rtl\:pr-6 {
    padding-right: 1.5rem;
  }

  [dir="rtl"] .sm\:rtl\:pl-2 {
    padding-left: 0.5rem;
  }

  [dir="rtl"] .sm\:rtl\:pr-0 {
    padding-right: 0;
  }
}

@media (min-width: 650px) {
  .md\:ml-gutter {
    margin-left: var(--spacing-gutter);
  }

  .md\:p-gutter {
    padding: var(--spacing-gutter);
  }

  .md\:py-gutter {
    padding-bottom: var(--spacing-gutter);
    padding-top: var(--spacing-gutter);
  }

  .md\:push-1 {
    margin-left: calc(
      (1 / var(--grid-columns)) * 100% - var(--inner-gutter) + 1 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  .cols-container > .md\:push-1 {
    margin-left: calc(
      (1 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 1 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  .md\:cols-4 {
    width: calc(
      (4 / var(--grid-columns)) * 100% - var(--inner-gutter) + 4 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .md\:cols-4 {
    width: calc(
      (4 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 4 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .md\:cols-5 {
    width: calc(
      (5 / var(--grid-columns)) * 100% - var(--inner-gutter) + 5 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .md\:cols-5 {
    width: calc(
      (5 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 5 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .md\:cols-6 {
    width: calc(
      (6 / var(--grid-columns)) * 100% - var(--inner-gutter) + 6 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .md\:cols-6 {
    width: calc(
      (6 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 6 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .md\:push-6 {
    margin-left: calc(
      (6 / var(--grid-columns)) * 100% - var(--inner-gutter) + 6 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  .cols-container > .md\:push-6 {
    margin-left: calc(
      (6 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 6 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  .md\:cols-8 {
    width: calc(
      (8 / var(--grid-columns)) * 100% - var(--inner-gutter) + 8 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .md\:cols-8 {
    width: calc(
      (8 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 8 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .md\:cols-10 {
    width: calc(
      (10 / var(--grid-columns)) * 100% - var(--inner-gutter) + 10 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .md\:cols-10 {
    width: calc(
      (10 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 10 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .md\:cols-12 {
    width: calc(
      (12 / var(--grid-columns)) * 100% - var(--inner-gutter) + 12 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .md\:cols-12 {
    width: calc(
      (12 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 12 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .md\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .md\:grid-cols-2[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .md\:grid-cols-2[class*="grid-line-x"] > :nth-child(odd):before {
    left: 0;
  }

  .md\:grid-cols-2[class*="grid-line-x"] > :nth-child(2n + 2):before {
    right: 0;
  }

  .md\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2):before,
  .md\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ :before {
    border-bottom-width: 0;
  }

  .md\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .md\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(2n + 2):after {
    border-right-width: 0;
  }

  .md\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 2):after {
    top: 0;
  }

  .md\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2):after,
  .md\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ li:after {
    bottom: 0;
  }

  .md\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .md\:grid-cols-3[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .md\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 1):before {
    left: 0;
  }

  .md\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 3):before {
    right: 0;
  }

  .md\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):before,
  .md\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ :before {
    border-bottom-width: 0;
  }

  .md\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .md\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 3):after {
    border-right-width: 0;
  }

  .md\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 3):after {
    top: 0;
  }

  .md\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):after,
  .md\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ li:after {
    bottom: 0;
  }

  .md\:absolute {
    position: absolute;
  }

  .md\:right-5 {
    right: 1.25rem;
  }

  .md\:top-5 {
    top: 1.25rem;
  }

  .md\:right-8 {
    right: 2rem;
  }

  .md\:top-safe-top {
    top: env(safe-area-inset-top);
  }

  .md\:top-1\/2 {
    top: 50%;
  }

  .md\:bottom-auto {
    bottom: auto;
  }

  .md\:bottom-30 {
    bottom: 7.5rem;
  }

  .md\:left-1\/2 {
    left: 50%;
  }

  .md\:right-auto {
    right: auto;
  }

  .md\:bottom-safe-bottom {
    bottom: env(safe-area-inset-bottom);
  }

  .md\:order-first {
    order: -9999;
  }

  .md\:m-5 {
    margin: 1.25rem;
  }

  .md\:-m-7 {
    margin: -1.75rem;
  }

  .md\:my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:my-9 {
    margin-bottom: 2.25rem;
    margin-top: 2.25rem;
  }

  .md\:my-0 {
    margin-bottom: 0;
    margin-top: 0;
  }

  .md\:-mx-1\.5 {
    margin-left: -0.375rem;
    margin-right: -0.375rem;
  }

  .md\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .md\:mt-15 {
    margin-top: 3.75rem;
  }

  .md\:mb-4 {
    margin-bottom: 1rem;
  }

  .md\:mt-8 {
    margin-top: 2rem;
  }

  .md\:mt-25 {
    margin-top: 6.25rem;
  }

  .md\:mt-5 {
    margin-top: 1.25rem;
  }

  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .md\:ml-0 {
    margin-left: 0;
  }

  .md\:mt-0 {
    margin-top: 0;
  }

  .md\:mt-10 {
    margin-top: 2.5rem;
  }

  .md\:mt-18 {
    margin-top: 4.5rem;
  }

  .md\:mb-20 {
    margin-bottom: 5rem;
  }

  .md\:mb-15 {
    margin-bottom: 3.75rem;
  }

  .md\:mt-7 {
    margin-top: 1.75rem;
  }

  .md\:mt-30 {
    margin-top: 7.5rem;
  }

  .md\:mt-28 {
    margin-top: 7rem;
  }

  .md\:mt-20 {
    margin-top: 5rem;
  }

  .md\:mb-12 {
    margin-bottom: 3rem;
  }

  .md\:mt-37\.5 {
    margin-top: 9.375rem;
  }

  .md\:mb-13 {
    margin-bottom: 3.25rem;
  }

  .md\:mt-24 {
    margin-top: 6rem;
  }

  .md\:mt-9 {
    margin-top: 2.25rem;
  }

  .md\:ml-7 {
    margin-left: 1.75rem;
  }

  .md\:mt-6 {
    margin-top: 1.5rem;
  }

  .md\:mb-25 {
    margin-bottom: 6.25rem;
  }

  .md\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .md\:mb-7 {
    margin-bottom: 1.75rem;
  }

  .md\:block {
    display: block;
  }

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

  .md\:flex {
    display: flex;
  }

  .md\:grid {
    display: grid;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-safescreen {
    height: calc(var(--vh, 1vh) * 100 - var(--notifh, 0));
  }

  .md\:h-full {
    height: 100%;
  }

  .md\:h-\[400px\] {
    height: 400px;
  }

  .md\:h-\[260px\] {
    height: 260px;
  }

  .md\:h-auto {
    height: auto;
  }

  .md\:h-30 {
    height: 7.5rem;
  }

  .md\:max-h-screen-3\/4 {
    max-height: 67vh;
  }

  .md\:min-h-screen {
    min-height: 100vh;
  }

  .md\:w-2\/3 {
    width: 66.666667%;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:w-5\/12 {
    width: 41.666667%;
  }

  .md\:w-3\/4 {
    width: 75%;
  }

  .md\:w-30 {
    width: 7.5rem;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:flex-1 {
    flex: 1 1 0%;
  }

  .md\:flex-grow {
    flex-grow: 1;
  }

  .md\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: var(--tw-transform);
  }

  .md\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: var(--tw-transform);
  }

  .md\:cursor-default {
    cursor: default;
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-end {
    justify-content: flex-end;
  }

  .md\:gap-innergutter {
    gap: var(--inner-gutter);
  }

  .md\:overflow-y-auto {
    overflow-y: auto;
  }

  .md\:rounded {
    border-radius: 2rem;
  }

  .md\:bg-soft {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .md\:bg-inverse {
    background-color: var(--white);
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:p-4 {
    padding: 1rem;
  }

  .md\:p-7 {
    padding: 1.75rem;
  }

  .md\:p-10 {
    padding: 2.5rem;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:py-25 {
    padding-bottom: 6.25rem;
    padding-top: 6.25rem;
  }

  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .md\:px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }

  .md\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .md\:py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }

  .md\:pb-0 {
    padding-bottom: 0;
  }

  .md\:pt-8 {
    padding-top: 2rem;
  }

  .md\:pt-20 {
    padding-top: 5rem;
  }

  .md\:pr-2 {
    padding-right: 0.5rem;
  }

  .md\:pt-30 {
    padding-top: 7.5rem;
  }

  .md\:pr-5 {
    padding-right: 1.25rem;
  }

  .md\:pt-5 {
    padding-top: 1.25rem;
  }

  .md\:pb-7 {
    padding-bottom: 1.75rem;
  }

  .md\:pt-10 {
    padding-top: 2.5rem;
  }

  .md\:pb-25 {
    padding-bottom: 6.25rem;
  }

  .md\:pt-35 {
    padding-top: 8.75rem;
  }

  .md\:pb-35 {
    padding-bottom: 8.75rem;
  }

  .md\:pt-25 {
    padding-top: 6.25rem;
  }

  .md\:pt-42 {
    padding-top: 10.5rem;
  }

  .md\:pl-10 {
    padding-left: 2.5rem;
  }

  .md\:pr-10 {
    padding-right: 2.5rem;
  }

  .md\:pt-9 {
    padding-top: 2.25rem;
  }

  .md\:pt-6 {
    padding-top: 1.5rem;
  }

  .md\:text-center {
    text-align: center;
  }

  .md\:backdrop-blur-modal {
    --tw-backdrop-blur: blur(50px);
    -webkit-backdrop-filter: var(--tw-backdrop-filter);
    backdrop-filter: var(--tw-backdrop-filter);
  }

  [dir="rtl"] .md\:rtl\:ml-gutter {
    margin-left: var(--spacing-gutter);
  }

  [dir="rtl"] .md\:rtl\:push-r-6 {
    margin-right: calc(
      (6 / var(--grid-columns)) * 100% - var(--inner-gutter) + 6 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  [dir="rtl"] .rtl\:cols-container > .md\:rtl\:push-r-6 {
    margin-right: calc(
      (6 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 6 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  [dir="rtl"] .md\:rtl\:left-5 {
    left: 1.25rem;
  }

  [dir="rtl"] .md\:rtl\:right-auto {
    right: auto;
  }

  [dir="rtl"] .md\:rtl\:ml-0 {
    margin-left: 0;
  }

  [dir="rtl"] .md\:rtl\:mr-7 {
    margin-right: 1.75rem;
  }

  [dir="rtl"] .md\:rtl\:ml-5 {
    margin-left: 1.25rem;
  }

  [dir="rtl"] .md\:rtl\:pr-0 {
    padding-right: 0;
  }

  [dir="rtl"] .md\:rtl\:pl-2 {
    padding-left: 0.5rem;
  }

  [dir="rtl"] .md\:rtl\:pl-5 {
    padding-left: 1.25rem;
  }

  [dir="rtl"] .md\:rtl\:pl-0 {
    padding-left: 0;
  }

  [dir="rtl"] .md\:rtl\:pr-10 {
    padding-right: 2.5rem;
  }

  [dir="rtl"] .md\:rtl\:pl-10 {
    padding-left: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .lg\:mt-gutter {
    margin-top: var(--spacing-gutter);
  }

  .lg\:push-1 {
    margin-left: calc(
      (1 / var(--grid-columns)) * 100% - var(--inner-gutter) + 1 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  .cols-container > .lg\:push-1 {
    margin-left: calc(
      (1 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 1 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  .lg\:push-1-gutter {
    margin-left: calc(
      (1 / var(--grid-columns)) * 100% - var(--inner-gutter) + 1 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter) * 2
    );
  }

  .cols-container > .lg\:push-1-gutter {
    margin-left: calc(
      (1 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 1 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter) * 2
    );
  }

  .lg\:cols-2 {
    width: calc(
      (2 / var(--grid-columns)) * 100% - var(--inner-gutter) + 2 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .lg\:cols-2 {
    width: calc(
      (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 2 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .lg\:push-2 {
    margin-left: calc(
      (2 / var(--grid-columns)) * 100% - var(--inner-gutter) + 2 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  .cols-container > .lg\:push-2 {
    margin-left: calc(
      (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 2 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  .lg\:push-r-2 {
    margin-right: calc(
      (2 / var(--grid-columns)) * 100% - var(--inner-gutter) + 2 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  .cols-container > .lg\:push-r-2 {
    margin-right: calc(
      (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 2 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  .lg\:cols-3 {
    width: calc(
      (3 / var(--grid-columns)) * 100% - var(--inner-gutter) + 3 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .lg\:cols-3 {
    width: calc(
      (3 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 3 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .lg\:cols-4 {
    width: calc(
      (4 / var(--grid-columns)) * 100% - var(--inner-gutter) + 4 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .lg\:cols-4 {
    width: calc(
      (4 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 4 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .lg\:cols-5 {
    width: calc(
      (5 / var(--grid-columns)) * 100% - var(--inner-gutter) + 5 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .lg\:cols-5 {
    width: calc(
      (5 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 5 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .lg\:cols-6 {
    width: calc(
      (6 / var(--grid-columns)) * 100% - var(--inner-gutter) + 6 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .lg\:cols-6 {
    width: calc(
      (6 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 6 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .lg\:cols-7 {
    width: calc(
      (7 / var(--grid-columns)) * 100% - var(--inner-gutter) + 7 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .lg\:cols-7 {
    width: calc(
      (7 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 7 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .lg\:cols-8 {
    width: calc(
      (8 / var(--grid-columns)) * 100% - var(--inner-gutter) + 8 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .lg\:cols-8 {
    width: calc(
      (8 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 8 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .lg\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .lg\:grid-cols-2[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-cols-2[class*="grid-line-x"] > :nth-child(odd):before {
    left: 0;
  }

  .lg\:grid-cols-2[class*="grid-line-x"] > :nth-child(2n + 2):before {
    right: 0;
  }

  .lg\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2):before,
  .lg\:grid-cols-2[class*="grid-line-x"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ :before {
    border-bottom-width: 0;
  }

  .lg\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .lg\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(2n + 2):after {
    border-right-width: 0;
  }

  .lg\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 2):after {
    top: 0;
  }

  .lg\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2):after,
  .lg\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(odd):nth-last-child(-n + 2)
    ~ li:after {
    bottom: 0;
  }

  .lg\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .lg\:grid-cols-3[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 1):before {
    left: 0;
  }

  .lg\:grid-cols-3[class*="grid-line-x"] > :nth-child(3n + 3):before {
    right: 0;
  }

  .lg\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):before,
  .lg\:grid-cols-3[class*="grid-line-x"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ :before {
    border-bottom-width: 0;
  }

  .lg\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .lg\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 3):after {
    border-right-width: 0;
  }

  .lg\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 3):after {
    top: 0;
  }

  .lg\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3):after,
  .lg\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(3n + 1):nth-last-child(-n + 3)
    ~ li:after {
    bottom: 0;
  }

  .lg\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .lg\:grid-cols-4[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 1):before {
    left: 0;
  }

  .lg\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 4):before {
    right: 0;
  }

  .lg\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):before,
  .lg\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ :before {
    border-bottom-width: 0;
  }

  .lg\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .lg\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 4):after {
    border-right-width: 0;
  }

  .lg\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 4):after {
    top: 0;
  }

  .lg\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):after,
  .lg\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ li:after {
    bottom: 0;
  }

  .lg\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .lg\:grid-cols-12[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .lg\:grid-cols-12[class*="grid-line-x"] > :nth-child(12n + 1):before {
    left: 0;
  }

  .lg\:grid-cols-12[class*="grid-line-x"] > :nth-child(12n + 12):before {
    right: 0;
  }

  .lg\:grid-cols-12[class*="grid-line-x"]
    > :nth-child(12n + 1):nth-last-child(-n + 12):before,
  .lg\:grid-cols-12[class*="grid-line-x"]
    > :nth-child(12n + 1):nth-last-child(-n + 12)
    ~ :before {
    border-bottom-width: 0;
  }

  .lg\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .lg\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 12):after {
    border-right-width: 0;
  }

  .lg\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 12):after {
    top: 0;
  }

  .lg\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 1):nth-last-child(-n + 12):after,
  .lg\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(12n + 1):nth-last-child(-n + 12)
    ~ li:after {
    bottom: 0;
  }

  .lg\:pointer-events-none {
    pointer-events: none;
  }

  .lg\:pointer-events-auto {
    pointer-events: auto;
  }

  .lg\:fixed {
    position: fixed;
  }

  .lg\:absolute {
    position: absolute;
  }

  .lg\:relative {
    position: relative;
  }

  .lg\:sticky {
    position: sticky;
  }

  .lg\:inset-0 {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }

  .lg\:top-\[80px\] {
    top: 80px;
  }

  .lg\:bottom-\[80px\] {
    bottom: 80px;
  }

  .lg\:left-6 {
    left: 1.5rem;
  }

  .lg\:bottom-17\.5 {
    bottom: 4.375rem;
  }

  .lg\:bottom-17 {
    bottom: 4.125rem;
  }

  .lg\:left-\[1\.75rem\] {
    left: 1.75rem;
  }

  .lg\:right-\[1\.75rem\] {
    right: 1.75rem;
  }

  .lg\:bottom-40 {
    bottom: 10rem;
  }

  .lg\:left-0 {
    left: 0;
  }

  .lg\:bottom-auto {
    bottom: auto;
  }

  .lg\:left-auto {
    left: auto;
  }

  .lg\:right-6 {
    right: 1.5rem;
  }

  .lg\:top-6 {
    top: 1.5rem;
  }

  .lg\:top-5 {
    top: 1.25rem;
  }

  .lg\:left-5 {
    left: 1.25rem;
  }

  .lg\:right-5 {
    right: 1.25rem;
  }

  .lg\:bottom-0 {
    bottom: 0;
  }

  .lg\:z-40 {
    z-index: 40;
  }

  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:m-10 {
    margin: 2.5rem;
  }

  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .lg\:my-15 {
    margin-bottom: 3.75rem;
    margin-top: 3.75rem;
  }

  .lg\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .lg\:mt-7 {
    margin-top: 1.75rem;
  }

  .lg\:mt-15 {
    margin-top: 3.75rem;
  }

  .lg\:mt-3 {
    margin-top: 0.75rem;
  }

  .lg\:mt-4 {
    margin-top: 1rem;
  }

  .lg\:mt-2 {
    margin-top: 0.5rem;
  }

  .lg\:mb-4 {
    margin-bottom: 1rem;
  }

  .lg\:mb-20 {
    margin-bottom: 5rem;
  }

  .lg\:mb-15 {
    margin-bottom: 3.75rem;
  }

  .lg\:mt-10 {
    margin-top: 2.5rem;
  }

  .lg\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .lg\:mt-50 {
    margin-top: 12.5rem;
  }

  .lg\:mt-25 {
    margin-top: 6.25rem;
  }

  .lg\:mt-30 {
    margin-top: 7.5rem;
  }

  .lg\:mt-0 {
    margin-top: 0;
  }

  .lg\:mt-40 {
    margin-top: 10rem;
  }

  .lg\:mb-12 {
    margin-bottom: 3rem;
  }

  .lg\:-mt-7 {
    margin-top: -1.75rem;
  }

  .lg\:mb-0 {
    margin-bottom: 0;
  }

  .lg\:-mt-15 {
    margin-top: -3.75rem;
  }

  .lg\:mr-0 {
    margin-right: 0;
  }

  .lg\:ml-7 {
    margin-left: 1.75rem;
  }

  .lg\:ml-0 {
    margin-left: 0;
  }

  .lg\:mt-32 {
    margin-top: 8rem;
  }

  .lg\:mb-25 {
    margin-bottom: 6.25rem;
  }

  .lg\:mb-7 {
    margin-bottom: 1.75rem;
  }

  .lg\:mt-16 {
    margin-top: 4rem;
  }

  .lg\:ml-auto {
    margin-left: auto;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-\[520px\] {
    height: 520px;
  }

  .lg\:h-56 {
    height: 14rem;
  }

  .lg\:h-auto {
    height: auto;
  }

  .lg\:h-35 {
    height: 8.75rem;
  }

  .lg\:h-full {
    height: 100%;
  }

  .lg\:min-h-screen {
    min-height: 100vh;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-1\/3 {
    width: 33.333333%;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:w-56 {
    width: 14rem;
  }

  .lg\:w-35 {
    width: 8.75rem;
  }

  .lg\:w-2\/5 {
    width: 40%;
  }

  .lg\:w-\[76\%\] {
    width: 76%;
  }

  .lg\:w-17 {
    width: 4.125rem;
  }

  .lg\:max-w-\[550px\] {
    max-width: 550px;
  }

  .lg\:max-w-\[564px\] {
    max-width: 564px;
  }

  .lg\:flex-1 {
    flex: 1 1 0%;
  }

  .lg\:flex-grow-0 {
    flex-grow: 0;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .lg\:items-end {
    align-items: flex-end;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:justify-start {
    justify-content: flex-start;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:justify-center {
    justify-content: center;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:gap-10 {
    gap: 2.5rem;
  }

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:gap-innergutter {
    gap: var(--inner-gutter);
  }

  .lg\:self-start {
    align-self: flex-start;
  }

  .lg\:overflow-hidden {
    overflow: hidden;
  }

  .lg\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .lg\:rounded-xxl {
    border-radius: 4.5rem;
  }

  .lg\:rounded {
    border-radius: 2rem;
  }

  .lg\:border {
    border-width: 1px;
  }

  .lg\:border-solid {
    border-style: solid;
  }

  .lg\:border-default {
    border-color: var(--grey-10);
  }

  .lg\:p-10 {
    padding: 2.5rem;
  }

  .lg\:p-20 {
    padding: 5rem;
  }

  .lg\:p-15 {
    padding: 3.75rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
  }

  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:py-20 {
    padding-bottom: 5rem;
    padding-top: 5rem;
  }

  .lg\:px-25 {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }

  .lg\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .lg\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .lg\:pt-52 {
    padding-top: 13rem;
  }

  .lg\:pt-20 {
    padding-top: 5rem;
  }

  .lg\:pt-40 {
    padding-top: 10rem;
  }

  .lg\:pr-0 {
    padding-right: 0;
  }

  .lg\:pt-15 {
    padding-top: 3.75rem;
  }

  .lg\:pt-60 {
    padding-top: 15rem;
  }

  .lg\:pb-25 {
    padding-bottom: 6.25rem;
  }

  .lg\:pt-10 {
    padding-top: 2.5rem;
  }

  .lg\:pl-0 {
    padding-left: 0;
  }

  .lg\:pr-10 {
    padding-right: 2.5rem;
  }

  .lg\:pt-22 {
    padding-top: 5.5rem;
  }

  .lg\:pb-0 {
    padding-bottom: 0;
  }

  .lg\:pr-7 {
    padding-right: 1.75rem;
  }

  .lg\:pl-7 {
    padding-left: 1.75rem;
  }

  .lg\:pt-5 {
    padding-top: 1.25rem;
  }

  .lg\:pt-6 {
    padding-top: 1.5rem;
  }

  .lg\:text-left {
    text-align: left;
  }

  .lg\:text-\[40px\] {
    font-size: 40px;
  }

  .lg\:text-\[16px\] {
    font-size: 16px;
  }

  .lg\:leading-\[56px\] {
    line-height: 56px;
  }

  .lg\:tracking-\[0\.8px\] {
    letter-spacing: 0.8px;
  }

  .lg\:first\:mt-0:first-child {
    margin-top: 0;
  }

  .group:hover .group-hover\:lg\:-m-15 {
    margin: -3.75rem;
  }

  .group:hover .group-hover\:lg\:-m-10 {
    margin: -2.5rem;
  }

  [dir="rtl"] .lg\:rtl\:mr-gutter {
    margin-right: var(--spacing-gutter);
  }

  [dir="rtl"] .lg\:rtl\:push-r-1 {
    margin-right: calc(
      (1 / var(--grid-columns)) * 100% - var(--inner-gutter) + 1 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  [dir="rtl"] .rtl\:cols-container > .lg\:rtl\:push-r-1 {
    margin-right: calc(
      (1 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 1 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  [dir="rtl"] .lg\:rtl\:push-r-1-gutter {
    margin-right: calc(
      (1 / var(--grid-columns)) * 100% - var(--inner-gutter) + 1 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter) * 2
    );
  }

  [dir="rtl"] .rtl\:cols-container > .lg\:rtl\:push-r-1-gutter {
    margin-right: calc(
      (1 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 1 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter) * 2
    );
  }

  [dir="rtl"] .lg\:rtl\:push-2 {
    margin-left: calc(
      (2 / var(--grid-columns)) * 100% - var(--inner-gutter) + 2 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  [dir="rtl"] .rtl\:cols-container > .lg\:rtl\:push-2 {
    margin-left: calc(
      (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 2 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  [dir="rtl"] .lg\:rtl\:push-r-2 {
    margin-right: calc(
      (2 / var(--grid-columns)) * 100% - var(--inner-gutter) + 2 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  [dir="rtl"] .rtl\:cols-container > .lg\:rtl\:push-r-2 {
    margin-right: calc(
      (2 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 2 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  [dir="rtl"] .lg\:rtl\:left-auto {
    left: auto;
  }

  [dir="rtl"] .lg\:rtl\:right-6 {
    right: 1.5rem;
  }

  [dir="rtl"] .lg\:rtl\:left-6 {
    left: 1.5rem;
  }

  [dir="rtl"] .lg\:rtl\:right-auto {
    right: auto;
  }

  [dir="rtl"] .lg\:rtl\:mr-0 {
    margin-right: 0;
  }

  [dir="rtl"] .lg\:rtl\:ml-0 {
    margin-left: 0;
  }

  [dir="rtl"] .lg\:rtl\:mr-7 {
    margin-right: 1.75rem;
  }

  [dir="rtl"] .lg\:rtl\:mr-auto {
    margin-right: auto;
  }

  [dir="rtl"] .lg\:rtl\:pl-0 {
    padding-left: 0;
  }

  [dir="rtl"] .lg\:rtl\:pr-0 {
    padding-right: 0;
  }

  [dir="rtl"] .lg\:rtl\:pl-10 {
    padding-left: 2.5rem;
  }

  [dir="rtl"] .lg\:rtl\:pl-7 {
    padding-left: 1.75rem;
  }

  [dir="rtl"] .lg\:rtl\:pr-7 {
    padding-right: 1.75rem;
  }

  [dir="rtl"] .lg\:rtl\:text-right {
    text-align: right;
  }
}

@media (min-width: 1280px) {
  .xl\:push-3 {
    margin-left: calc(
      (3 / var(--grid-columns)) * 100% - var(--inner-gutter) + 3 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  .cols-container > .xl\:push-3 {
    margin-left: calc(
      (3 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 3 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  .xl\:push-r-3 {
    margin-right: calc(
      (3 / var(--grid-columns)) * 100% - var(--inner-gutter) + 3 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  .cols-container > .xl\:push-r-3 {
    margin-right: calc(
      (3 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 3 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  .xl\:cols-4 {
    width: calc(
      (4 / var(--grid-columns)) * 100% - var(--inner-gutter) + 4 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .xl\:cols-4 {
    width: calc(
      (4 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 4 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .xl\:cols-6 {
    width: calc(
      (6 / var(--grid-columns)) * 100% - var(--inner-gutter) + 6 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .xl\:cols-6 {
    width: calc(
      (6 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 6 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .xl\:cols-8 {
    width: calc(
      (8 / var(--grid-columns)) * 100% - var(--inner-gutter) + 8 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .xl\:cols-8 {
    width: calc(
      (8 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 8 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .xl\:cols-10 {
    width: calc(
      (10 / var(--grid-columns)) * 100% - var(--inner-gutter) + 10 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .xl\:cols-10 {
    width: calc(
      (10 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 10 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .xl\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"]
    > :nth-child(n):before {
    border-bottom-width: 1px;
  }

  .xl\:grid-cols-4[class*="grid-line-xfull"] > :nth-child(n):before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }

  .xl\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 1):before {
    left: 0;
  }

  .xl\:grid-cols-4[class*="grid-line-x"] > :nth-child(4n + 4):before {
    right: 0;
  }

  .xl\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):before,
  .xl\:grid-cols-4[class*="grid-line-x"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ :before {
    border-bottom-width: 0;
  }

  .xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(n):after {
    border-right-width: 1px;
  }

  .xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 4):after {
    border-right-width: 0;
  }

  .xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(-n + 4):after {
    top: 0;
  }

  .xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4):after,
  .xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]
    > :nth-child(4n + 1):nth-last-child(-n + 4)
    ~ li:after {
    bottom: 0;
  }

  .xl\:left-7 {
    left: 1.75rem;
  }

  .xl\:left-auto {
    left: auto;
  }

  .xl\:right-7 {
    right: 1.75rem;
  }

  .xl\:top-7 {
    top: 1.75rem;
  }

  .xl\:mx-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }

  .xl\:mt-50 {
    margin-top: 12.5rem;
  }

  .xl\:mt-40 {
    margin-top: 10rem;
  }

  .xl\:mb-20 {
    margin-bottom: 5rem;
  }

  .xl\:mb-15 {
    margin-bottom: 3.75rem;
  }

  .xl\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .xl\:mt-15 {
    margin-top: 3.75rem;
  }

  .xl\:mb-12 {
    margin-bottom: 3rem;
  }

  .xl\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .xl\:mt-10 {
    margin-top: 2.5rem;
  }

  .xl\:mt-7 {
    margin-top: 1.75rem;
  }

  .xl\:w-1\/4 {
    width: 25%;
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl\:pb-20 {
    padding-bottom: 5rem;
  }

  .xl\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .xl\:pr-1\/6 {
    padding-right: 16.666%;
  }

  .xl\:pt-50 {
    padding-top: 12.5rem;
  }

  .xl\:pt-25 {
    padding-top: 6.25rem;
  }

  .xl\:pb-25 {
    padding-bottom: 6.25rem;
  }

  .xl\:pt-44 {
    padding-top: 11rem;
  }

  .xl\:pt-7 {
    padding-top: 1.75rem;
  }

  .xl\:pt-24 {
    padding-top: 6rem;
  }

  .xl\:pt-16 {
    padding-top: 4rem;
  }

  [dir="rtl"] .xl\:rtl\:push-3 {
    margin-left: calc(
      (3 / var(--grid-columns)) * 100% - var(--inner-gutter) + 3 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  [dir="rtl"] .rtl\:cols-container > .xl\:rtl\:push-3 {
    margin-left: calc(
      (3 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 3 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  [dir="rtl"] .xl\:rtl\:push-r-3 {
    margin-right: calc(
      (3 / var(--grid-columns)) * 100% - var(--inner-gutter) + 3 /
        var(--grid-columns) * var(--inner-gutter) + var(--inner-gutter)
    );
  }

  [dir="rtl"] .rtl\:cols-container > .xl\:rtl\:push-r-3 {
    margin-right: calc(
      (3 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 3 / var(--grid-columns) * var(--inner-gutter) +
        var(--inner-gutter)
    );
  }

  [dir="rtl"] .xl\:rtl\:left-auto {
    left: auto;
  }

  [dir="rtl"] .xl\:rtl\:right-7 {
    right: 1.75rem;
  }

  [dir="rtl"] .xl\:rtl\:left-7 {
    left: 1.75rem;
  }

  [dir="rtl"] .xl\:rtl\:right-auto {
    right: auto;
  }

  [dir="rtl"] .xl\:rtl\:ml-0 {
    margin-left: 0;
  }

  [dir="rtl"] .xl\:rtl\:mr-0 {
    margin-right: 0;
  }

  [dir="rtl"] .xl\:rtl\:pr-0 {
    padding-right: 0;
  }

  [dir="rtl"] .xl\:rtl\:pl-1\/6 {
    padding-left: 16.666%;
  }
}

@media (min-width: 1361px) {
  .xxl\:cols-5 {
    width: calc(
      (5 / var(--grid-columns)) * 100% - var(--inner-gutter) + 5 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .xxl\:cols-5 {
    width: calc(
      (5 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 5 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .xxl\:w-4\/12 {
    width: 33.333333%;
  }
}

@media (min-width: 1410px) {
  .xxll\:min-h-\[260px\] {
    min-height: 260px;
  }
}

@media (min-width: 1500px) {
  .xxxl\:cols-9 {
    width: calc(
      (9 / var(--grid-columns)) * 100% - var(--inner-gutter) + 9 /
        var(--grid-columns) * var(--inner-gutter)
    );
  }

  .cols-container > .xxxl\:cols-9 {
    width: calc(
      (9 / var(--grid-columns)) * (100% - var(--inner-gutter)) -
        var(--inner-gutter) + 9 / var(--grid-columns) * var(--inner-gutter)
    );
  }

  .xxxl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xxxl\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .xxxl\:py-2 {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}

@media screen and (orientation: landscape) and (max-device-width: 1023px) {
  .landscape\:mt-8 {
    margin-top: 2rem;
  }

  .landscape\:mt-4 {
    margin-top: 1rem;
  }

  .landscape\:mt-3 {
    margin-top: 0.75rem;
  }

  .landscape\:text-smtitle {
    font-size: 2.375rem;
  }
}