/* Global System Styling */
/* Defensive: ensure container never exceeds viewport (e.g. if token exceeds breakpoint) */
.container {
  max-width: 100%;
}

.dnd-section {
  padding-top: calc(4.00rem + 0.00 * var(--fluid-bp));
  padding-bottom: calc(4.00rem + 0.00 * var(--fluid-bp));
}

.dnd-section:has(.module-wrapper) {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.dnd-section > .row-fluid {
  width: calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));
  margin-right: auto;
  margin-left: auto;
}

.dnd-section > .row-fluid > * {
  --container-outer-gutter: 0;
  --breakout-container-outer-gutter: 0;
}

.dnd-section > .row-fluid {
  max-width: 100%;
}

.hd-logo-scroller .dnd-section > .row-fluid {
  position: relative;
  width: unset !important;
}

.hd-logo-scroller .dnd-section > .row-fluid:before,
.hd-logo-scroller .dnd-section > .row-fluid:after {
  height: calc(2.50rem + 0.00 * var(--fluid-bp));
  pointer-events: none;
  position: absolute;
  top: 0rem;
  z-index: 10;
  width: calc(2.50rem + 0.00 * var(--fluid-bp));
  height: calc(2.50rem + 0.00 * var(--fluid-bp));
  height: 100%;
  --tw-content: '';
  content: var(--tw-content);
}

.hd-logo-scroller .dnd-section > .row-fluid:before {
  left: 0rem;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: hsl(var(--twc-surface-primary) / var(--twc-surface-primary-opacity, 1)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--twc-surface-primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-to-position: 90%;
}

.hd-logo-scroller .dnd-section > .row-fluid:after {
  right: 0rem;
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
  --tw-gradient-from: hsl(var(--twc-surface-primary) / var(--twc-surface-primary-opacity, 1)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--twc-surface-primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-to-position: 90%;
}

.dnd-section > .row-fluid .module-wrapper {
  --breakout-outer-gutter: max(var(--outer-gutter), calc((100% - var(--container-width, 100%)) / 2));
  --breakout-container-outer-gutter: var(--outer-gutter);
  position: relative;
  left: 50%;
  width: calc(100vw - var(--scrollbar-visible-width, 0px));
  margin-left: calc((100vw - var(--scrollbar-visible-width, 0px)) / -2);
}

.dnd-section > .row-fluid .module-wrapper.px-outer-gutter,.dnd-section > .row-fluid .module-wrapper > .px-outer-gutter {
  padding-left: var(--breakout-outer-gutter);
  padding-right: var(--breakout-outer-gutter);
}

.dnd-section > .row-fluid .module-wrapper.pr-outer-gutter,.dnd-section > .row-fluid .module-wrapper > .pr-outer-gutter {
  padding-right: var(--breakout-outer-gutter);
}

.dnd-section > .row-fluid .module-wrapper.pl-outer-gutter,.dnd-section > .row-fluid .module-wrapper > .pl-outer-gutter {
  padding-left: var(--breakout-outer-gutter);
}

.dnd-section > .row-fluid .module-wrapper > .w-outer-gutter {
  width: var(--breakout-outer-gutter);
}

.dnd-section > .row-fluid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--inner-gutter);
}

/* Apply full width to all columns for mobile */
.dnd-section > .row-fluid .widget-span {
  width: 100%;
}

@media (min-width: 1024px) {
  .dnd-section > .row-fluid .span1 {
    width: 1/12;
  }
  .dnd-section > .row-fluid .span2 {
    width: 2/12;
  }
  .dnd-section > .row-fluid .span3 {
    width: 3/12;
  }
  .dnd-section > .row-fluid .span4 {
    width: 4/12;
  }
  .dnd-section > .row-fluid .span5 {
    width: 5/12;
  }
  .dnd-section > .row-fluid .span6 {
    width: 6/12;
  }
  .dnd-section > .row-fluid .span7 {
    width: 7/12;
  }
  .dnd-section > .row-fluid .span8 {
    width: 8/12;
  }
  .dnd-section > .row-fluid .span9 {
    width: 9/12;
  }
  .dnd-section > .row-fluid .span10 {
    width: 10/12;
  }
  .dnd-section > .row-fluid .span11 {
    width: 11/12;
  }
  .dnd-section > .row-fluid .span12 {
    width: 12/12;
  }
}
/* TYPOGRAPHY */
/* National 2 Condensed */
@font-face {
    font-family: 'National 2 Condensed';
    src: local('National 2 Condensed'),
         url('https://46811177.fs1.hubspotusercontent-na1.net/hubfs/46811177/srg-2026-theme/fonts/national-2-condensed-bold-1.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* National 2 */
@font-face {
    font-family: 'National 2';
    src: local('National 2'),
         url('https://46811177.fs1.hubspotusercontent-na1.net/hubfs/46811177/srg-2026-theme/fonts/National2-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National 2';
    src: local('National 2'),
         url('https://46811177.fs1.hubspotusercontent-na1.net/hubfs/46811177/srg-2026-theme/fonts/National2-RegularItalic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National 2';
    src: local('National 2'),
         url('https://46811177.fs1.hubspotusercontent-na1.net/hubfs/46811177/srg-2026-theme/fonts/National2-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National 2';
    src: local('National 2'),
         url('https://46811177.fs1.hubspotusercontent-na1.net/hubfs/46811177/srg-2026-theme/fonts/National2-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National 2';
    src: local('National 2'),
         url('https://46811177.fs1.hubspotusercontent-na1.net/hubfs/46811177/srg-2026-theme/fonts/National2-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National 2';
    src: local('National 2'),
         url('https://46811177.fs1.hubspotusercontent-na1.net/hubfs/46811177/srg-2026-theme/fonts/National2-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Atlas Grotesk */
@font-face {
    font-family: 'Atlas Grotesk';
    src: local('Atlas Grotesk'),
         url('https://46811177.fs1.hubspotusercontent-na1.net/hubfs/46811177/srg-2026-theme/fonts/AtlasGrotesk-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Atlas Grotesk';
    src: local('Atlas Grotesk'),
         url('https://46811177.fs1.hubspotusercontent-na1.net/hubfs/46811177/srg-2026-theme/fonts/AtlasGrotesk-RegularItalic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Atlas Grotesk';
    src: local('Atlas Grotesk'),
         url('https://46811177.fs1.hubspotusercontent-na1.net/hubfs/46811177/srg-2026-theme/fonts/AtlasGrotesk-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Atlas Grotesk';
    src: local('Atlas Grotesk'),
         url('https://46811177.fs1.hubspotusercontent-na1.net/hubfs/46811177/srg-2026-theme/fonts/AtlasGrotesk-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Atlas Grotesk';
    src: local('Atlas Grotesk'),
         url('https://46811177.fs1.hubspotusercontent-na1.net/hubfs/46811177/srg-2026-theme/fonts/AtlasGrotesk-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Atlas Grotesk';
    src: local('Atlas Grotesk'),
         url('https://46811177.fs1.hubspotusercontent-na1.net/hubfs/46811177/srg-2026-theme/fonts/AtlasGrotesk-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

body {
  font-size: var(--f-base);
  line-height: 140%;
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-secondary) / var(--twc-fg-secondary-opacity, var(--tw-text-opacity)));
}

body h1:not(.headline),
body h2:not(.headline),
body h3:not(.headline),
body h4:not(.headline),
body h5:not(.headline),
body h6:not(.headline) {
  margin-bottom: calc(1.00rem + 0.00 * var(--fluid-bp));
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-primary) / var(--twc-fg-primary-opacity, var(--tw-text-opacity)));
}

body h1:not(.headline) {
  font-size: var(--f-4xl);
  line-height: 110%;
    font-family: 'National 2 Condensed', sans-serif;
}
body h2:not(.headline) {
  display: flex;
  align-items: flex-start;
  font-size: var(--f-3xl);
  line-height: 120%;
    font-family: 'National 2 Condensed', sans-serif;
}
body h3:not(.headline) {
  font-size: var(--f-2xl);
  line-height: 120%;
    font-family: 'National 2 Condensed', sans-serif;
}
body h4:not(.headline) {
  font-size: var(--f-xl);
  line-height: 120%;
    font-family: 'National 2', sans-serif;
}
body h5:not(.headline) {
  font-size: var(--f-lg);
  line-height: 130%;
    font-family: 'National 2', sans-serif;
}
body h6:not(.headline) {
  font-size: var(--f-base);
  line-height: 140%;
    font-family: 'National 2', sans-serif;
}

/* Headline class font families */
h1.headline {
    font-family: 'National 2 Condensed', sans-serif;
}
h2.headline {
    font-family: 'National 2 Condensed', sans-serif;
}
h3.headline {
    font-family: 'National 2 Condensed', sans-serif;
}
h4.headline {
    font-family: 'National 2', sans-serif;
}
h5.headline {
    font-family: 'National 2', sans-serif;
}
h6.headline {
    font-family: 'National 2', sans-serif;
}

body a:not(.custom-btn):not(.custom-link) {
  text-decoration-line: underline;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

body a:not(.custom-btn):not(.custom-link):hover {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-accent) / var(--twc-fg-accent-opacity, var(--tw-text-opacity)));
}

body a:not(.custom-btn):not(.custom-link):focus {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-accent) / var(--twc-fg-accent-opacity, var(--tw-text-opacity)));
}
body sub,
body sup {
  top: unset;
  bottom: unset;
  font-size: var(--f-base);
  line-height: 140%;
  line-height: 1.6;
}
body sub {
  margin-top: auto;
}
body sup {
  margin-bottom: auto;
}

body p:not(:first-child) {
  margin-top: 15px;
}
/* FORMS */

form {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-primary) / var(--twc-fg-primary-opacity, var(--tw-text-opacity)));
}

form fieldset {
  width: 100%;
  max-width: 100% !important;
}

form fieldset.form-columns-2 {
  display: flex;
  gap: calc(1.50rem + 0.00 * var(--fluid-bp));
}

form fieldset label {
  font-size: var(--f-base);
  line-height: 140%;
  font-weight: 700;
}

form label {
  margin-bottom: 0.75rem;
  display: block;
  font-size: 1rem;
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-primary) / var(--twc-fg-primary-opacity, var(--tw-text-opacity)));
}

form label.hs-form-radio-display,
form label.hs-form-checkbox-display,
form .hs-fieldtype-radio > label,
form .hs-fieldtype-checkbox > label {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-secondary) / var(--twc-fg-secondary-opacity, var(--tw-text-opacity)));
}

form .hs-form-field {
  margin-bottom: 20px;
}

/* FORM FIELDS */

form fieldset .input {
  margin-bottom: calc(1.00rem + 0.00 * var(--fluid-bp)) !important;
  margin-right: 0rem !important;
}

form input[multiple],
form input[type=date],
form input[type=datetime-local],
form input[type=email],
form input[type=month],
form input[type=number],
form input[type=password],
form input[type=search],
form input[type=tel],
form input[type=text],
form input[type=time],
form input[type=url],
form input[type=week],
form input:where(:not([type])),
form select,
form textarea {
  margin-bottom: 1rem;
  margin-top: 0rem;
  width: 100% !important;
  border-radius: 64px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-stroke-secondary) / var(--twc-stroke-secondary-opacity, var(--tw-border-opacity)));
  background-color: inherit;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
  padding-left: calc(2.00rem + 0.00 * var(--fluid-bp));
  padding-right: calc(2.00rem + 0.00 * var(--fluid-bp));
  font-size: 1rem;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-primary) / var(--twc-fg-primary-opacity, var(--tw-text-opacity)));
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  box-shadow: none !important;
}

form input[multiple]::-moz-placeholder, form input[type=date]::-moz-placeholder, form input[type=datetime-local]::-moz-placeholder, form input[type=email]::-moz-placeholder, form input[type=month]::-moz-placeholder, form input[type=number]::-moz-placeholder, form input[type=password]::-moz-placeholder, form input[type=search]::-moz-placeholder, form input[type=tel]::-moz-placeholder, form input[type=text]::-moz-placeholder, form input[type=time]::-moz-placeholder, form input[type=url]::-moz-placeholder, form input[type=week]::-moz-placeholder, form input:where(:not([type]))::-moz-placeholder, form select::-moz-placeholder, form textarea::-moz-placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-primary) / var(--twc-fg-primary-opacity, var(--tw-text-opacity)));
}

form input[multiple]::placeholder,
form input[type=date]::placeholder,
form input[type=datetime-local]::placeholder,
form input[type=email]::placeholder,
form input[type=month]::placeholder,
form input[type=number]::placeholder,
form input[type=password]::placeholder,
form input[type=search]::placeholder,
form input[type=tel]::placeholder,
form input[type=text]::placeholder,
form input[type=time]::placeholder,
form input[type=url]::placeholder,
form input[type=week]::placeholder,
form input:where(:not([type]))::placeholder,
form select::placeholder,
form textarea::placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-primary) / var(--twc-fg-primary-opacity, var(--tw-text-opacity)));
}

form select option {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-primary) / var(--twc-surface-primary-opacity, var(--tw-bg-opacity)));
}

form input[multiple]:focus,
form input[type=date]:focus,
form input[type=datetime-local]:focus,
form input[type=email]:focus,
form input[type=month]:focus,
form input[type=number]:focus,
form input[type=password]:focus,
form input[type=search]:focus,
form input[type=tel]:focus,
form input[type=text]:focus,
form input[type=time]:focus,
form input[type=url]:focus,
form input[type=week]:focus,
form input:where(:not([type])):focus,
form select:focus,
form textarea:focus {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-stroke-accent) / var(--twc-stroke-accent-opacity, var(--tw-border-opacity)));
}

form .hs-form-booleancheckbox-display {
  margin-top: calc(1.00rem + 0.00 * var(--fluid-bp));
}

form .hs-form-checkbox-display,
form .hs-form-booleancheckbox-display,
form .hs-form-radio-display {
  display: flex;
  align-items: center;
  gap: calc(0.50rem + 0.00 * var(--fluid-bp));
  padding-top: calc(0.25rem + 0.00 * var(--fluid-bp));
  padding-bottom: calc(0.25rem + 0.00 * var(--fluid-bp));
}

[type=checkbox],
[type=radio] {
  float: none !important;
  height: 1.5rem !important;
  width: 1.5rem !important;
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--twc-stroke-primary) / var(--twc-stroke-primary-opacity, var(--tw-border-opacity))) !important;
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--twc-surface-primary) / var(--twc-surface-primary-opacity, var(--tw-bg-opacity))) !important;
}
[type=checkbox] {
  border-radius: 0.5rem !important;
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--twc-stroke-primary) / var(--twc-stroke-primary-opacity, var(--tw-border-opacity))) !important;
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--twc-surface-primary) / var(--twc-surface-primary-opacity, var(--tw-bg-opacity))) !important;
}

[type=checkbox]:focus, [type=radio]:focus {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
  box-shadow: unset !important;
}

[type=checkbox]:checked, [type=radio]:checked {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--twc-stroke-accent) / var(--twc-stroke-accent-opacity, var(--tw-border-opacity))) !important;
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--twc-surface-accent-green) / var(--twc-surface-accent-green-opacity, var(--tw-bg-opacity))) !important;
}

form .legal-consent-container .hs-form-booleancheckbox-display>span {
  margin: 0rem;
}

form label.hs-error-msg,
form .hs_error_rollup .hs-error-msgs label {
  margin-bottom: 1rem;
  display: block;
  font-style: italic;
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-error) / var(--twc-fg-error-opacity, var(--tw-text-opacity)));
}

/* LEGAL CONSENT */

form .legal-consent-container p {
  font-size: var(--f-sm);
  line-height: 140%;
}

/* BLOG FORM BUTTON */

form .hs-submit .actions {
  position: relative;
  margin-top: calc(1.50rem + 0.00 * var(--fluid-bp));
  display: inline-block;
  overflow: hidden;
  border-radius: 9999px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

form .hs-submit .actions input {
  position: relative;
  z-index: 1;
  display: inline-block;
  min-width: 130px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 32px;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-navy) / var(--twc-surface-accent-navy-opacity, var(--tw-bg-opacity)));
  padding-top: 1.625rem;
  padding-bottom: 1.625rem;
  padding-left: 36px;
  padding-right: 36px;
  text-align: center;
  line-height: 1;
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity)));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

form .hs-submit .actions input:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-navy) / var(--twc-surface-accent-navy-opacity, var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity)));
}

form .hs-submit .actions input:focus {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-navy) / var(--twc-surface-accent-navy-opacity, var(--tw-bg-opacity)));
}

form .hs-submit .actions:before {
  position: absolute;
  top: 0rem;
  left: 0rem;
  z-index: -1;
  height: 100%;
  width: 100%;
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), 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));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent) / var(--twc-surface-accent-opacity, var(--tw-bg-opacity)));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  --tw-content: '';
  content: var(--tw-content);
}

form .hs-submit .actions:hover:before {
  --tw-translate-y: 0rem;
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), 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));
}
/* Tab Component Styles */

.hd-tab {
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .hd-tab {
    display: inline-flex;
    flex: 1;
  }
}

.hd-tab.active {
  background: var(--tab-active-bg);
}

.hd-tab.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0; 
  width: 100%; 
  height: 6px; 
  background: var(--tab-active-underline);
  transition: transform 0.3s ease;
}

/* Custom styles for the hover state underline */
.hd-tab:hover::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0; 
  width: 100%; 
  height: 6px; 
  background: var(--tab-hover-underline);
}

/* CSS custom properties using design tokens */
:root {
  /* Light mode - using surface-accent with gradients */
  --tab-active-bg: linear-gradient(90deg, rgba(var(--surface-accent-rgb), 0) 0%, rgba(var(--surface-accent-rgb), 0.25) 53.37%, rgba(var(--surface-accent-rgb), 0) 100%);
  --tab-active-underline: radial-gradient(ellipse 50% 100% at center, var(--surface-primary) 0%, var(--surface-accent) 40%, transparent 100%);
  --tab-hover-underline: radial-gradient(ellipse 50% 100% at center, var(--surface-primary) 0%, var(--surface-accent) 40%, transparent 100%);
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  :root {
    --tab-active-bg: linear-gradient(90deg, rgba(var(--surface-accent-rgb), 0) 0%, rgba(var(--surface-accent-rgb), 0.25) 53.37%, rgba(var(--surface-accent-rgb), 0) 100%);
    --tab-active-underline: radial-gradient(ellipse 50% 100% at center, var(--surface-alternate) 0%, var(--surface-accent) 40%, transparent 100%);
    --tab-hover-underline: radial-gradient(ellipse 50% 100% at center, var(--surface-alternate) 0%, var(--surface-accent) 40%, transparent 100%);
  }
}

/* Support for data-theme attribute */
[data-theme="dark"] {
  --tab-active-bg: linear-gradient(90deg, rgba(var(--surface-accent-rgb), 0) 0%, rgba(var(--surface-accent-rgb), 0.25) 53.37%, rgba(var(--surface-accent-rgb), 0) 100%);
  --tab-active-underline: radial-gradient(ellipse 50% 100% at center, var(--surface-alternate) 0%, var(--surface-accent) 40%, transparent 100%);
  --tab-hover-underline: radial-gradient(ellipse 50% 100% at center, var(--surface-alternate) 0%, var(--surface-accent) 40%, transparent 100%);
}
#subscription-preferences .page-header {
  margin-bottom: calc(3.00rem + 0.00 * var(--fluid-bp));
}
@media (min-width: 768px) {
  #subscription-preferences .page-header {
    max-width: 50%;
  }
}

#subscription-preferences .page-header h1,
#subscription-preferences .page-header br {
  display: none;
}

#subscription-preferences .page-header h2 {
  margin-bottom: calc(1.50rem + 0.00 * var(--fluid-bp));
  font-size: var(--f-2xl);
  line-height: 120%;
  text-transform: uppercase;
}

#subscription-preferences .page-header {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-secondary) / var(--twc-fg-secondary-opacity, var(--tw-text-opacity)));
}

#subscription-preferences .page-header h2:before {
  --tw-content: none;
  content: var(--tw-content);
}

#subscription-preferences .email-prefs p.header {
  margin-bottom: calc(1.00rem + 0.00 * var(--fluid-bp));
  margin-bottom: calc(3.00rem + 0.00 * var(--fluid-bp));
  font-size: var(--f-lg);
  line-height: 130%;
  text-transform: uppercase;
    font-family: 'National 2 Condensed', sans-serif;
}

#subscription-preferences .email-prefs .item {
  padding-bottom: calc(1.50rem + 0.00 * var(--fluid-bp));
}

#subscription-preferences .email-prefs .item-inner {
  position: relative;
  padding-left: calc(2.00rem + 0.00 * var(--fluid-bp));
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-secondary) / var(--twc-fg-secondary-opacity, var(--tw-text-opacity)));
}

#subscription-preferences .email-prefs .item-inner .fakelabel {
  display: block;
  padding-top: 6px;
  font-size: 1.375rem;
}

#subscription-preferences .email-prefs .item-inner > p {
  margin-top: 0rem;
  font-size: 0.875rem;
}

#subscription-preferences .email-prefs .item-inner .checkbox-row input {
  position: absolute;
  left: 0rem;
  top: calc(0.75rem + 0.00 * var(--fluid-bp));
}

#subscription-preferences .email-prefs .item-inner .checkbox-row .fakelabel > span {
  margin-bottom: 0rem;
  font-size: 1rem;
}

#subscription-preferences .email-prefs .subscribe-options label {
  display: flex;
  align-items: center;
  gap: calc(0.75rem + 0.00 * var(--fluid-bp));
}

#subscription-preferences .email-prefs .subscribe-options label span {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-error) / var(--twc-fg-error-opacity, var(--tw-text-opacity)));
}

/* SUBMIT BUTTON */
#subscription-preferences .email-prefs input.hs-button {
  margin-top: calc(3.00rem + 0.00 * var(--fluid-bp));
  display: inline-block;
  cursor: pointer;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-green) / var(--twc-surface-accent-green-opacity, var(--tw-bg-opacity)));
  padding-top: calc(1.00rem + 0.00 * var(--fluid-bp));
  padding-bottom: calc(1.00rem + 0.00 * var(--fluid-bp));
  padding-left: calc(1.50rem + 0.00 * var(--fluid-bp));
  padding-right: calc(1.50rem + 0.00 * var(--fluid-bp));
  text-align: center;
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity)));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

#subscription-preferences .email-prefs input.hs-button:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-orange) / var(--twc-surface-accent-orange-opacity, var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity)));
}

#subscription-preferences .email-prefs input.hs-button:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-stroke-accent) / var(--twc-stroke-accent-opacity, var(--tw-border-opacity)));
}
/* Blog post template — WYSIWYG + layout */

.blog-post .author-section {
  /* display: none; */
}

@media (min-width: 1900px) {
  /* .blog-post .blog-post-content {
    display: flex;
    column-gap: 64px;
  } */
  .blog-post .author-section {
    width: 100%;
    display: block;
  }
  .blog-post .blog-post-body {
    flex: 1;
  }
}

/* WYSIWYG blockquotes — match BlockQuote molecule quote icon + text offset */
.blog-post-body #hs_cos_wrapper_post_body > blockquote {
  margin-top: 15px;
  margin-inline: 0;
  padding: 0;
  border: none;
  quotes: none;
  max-width: 100%;
}

@media (min-width: 768px) {
  .blog-post-body #hs_cos_wrapper_post_body > blockquote {
    max-width: 85%;
  }
}

.blog-post-body #hs_cos_wrapper_post_body > blockquote::before {
  content: "";
  display: block;
  width: 45px;
  height: 32px;
  line-height: 0;
  background-color: #0F2D4B;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32' fill='none'%3E%3Cpath d='M25.3266 19.0614C25.3266 8.77978 32.902 0 45 0V6.23826C38.6683 6.58484 34.0327 10.0505 34.0327 15.0181C34.0327 15.9422 34.2588 16.6354 34.8241 17.213C35.3894 16.6354 36.5201 16.2888 37.5377 16.2888C41.2688 16.2888 44.4347 18.8303 44.4347 23.9134C44.4347 29.1119 40.2513 32 35.9548 32C29.8492 32 25.3266 26.5704 25.3266 19.0614ZM0 19.0614C0 8.77978 7.57538 0 19.6734 0V6.23826C13.3417 6.58484 8.70603 10.0505 8.70603 15.0181C8.70603 15.9422 8.93216 16.6354 9.49749 17.213C10.0628 16.6354 11.1935 16.2888 12.2111 16.2888C15.9422 16.2888 19.108 18.8303 19.108 23.9134C19.108 29.1119 14.9246 32 10.6281 32C4.52261 32 0 26.5704 0 19.0614Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32' fill='none'%3E%3Cpath d='M25.3266 19.0614C25.3266 8.77978 32.902 0 45 0V6.23826C38.6683 6.58484 34.0327 10.0505 34.0327 15.0181C34.0327 15.9422 34.2588 16.6354 34.8241 17.213C35.3894 16.6354 36.5201 16.2888 37.5377 16.2888C41.2688 16.2888 44.4347 18.8303 44.4347 23.9134C44.4347 29.1119 40.2513 32 35.9548 32C29.8492 32 25.3266 26.5704 25.3266 19.0614ZM0 19.0614C0 8.77978 7.57538 0 19.6734 0V6.23826C13.3417 6.58484 8.70603 10.0505 8.70603 15.0181C8.70603 15.9422 8.93216 16.6354 9.49749 17.213C10.0628 16.6354 11.1935 16.2888 12.2111 16.2888C15.9422 16.2888 19.108 18.8303 19.108 23.9134C19.108 29.1119 14.9246 32 10.6281 32C4.52261 32 0 26.5704 0 19.0614Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.blog-post-body #hs_cos_wrapper_post_body > blockquote p {
  margin-left: 18px; /* ml-lg */
}

.blog-post-body #hs_cos_wrapper_post_body > blockquote > p:first-of-type {
  margin-top: 10px; /* mt-2xs */
}

/* WYSIWYG superscripts / subscripts — restore browser sizing (global typography resets them to body size) */
.blog-post-body #hs_cos_wrapper_post_body sup,
.blog-post-body #hs_cos_wrapper_post_body sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  margin-top: unset;
  margin-bottom: unset;
}

.blog-post-body #hs_cos_wrapper_post_body sup {
  top: -0.5em;
  bottom: auto;
}

.blog-post-body #hs_cos_wrapper_post_body sub {
  bottom: -0.25em;
  top: auto;
}
.hd-logo-scroller .container {
  position: relative;
  width: unset !important;
}

.hd-logo-scroller .container:before,
.hd-logo-scroller .container:after {
  pointer-events: none;
  position: absolute;
  top: 0rem;
  z-index: 10;
  width: calc(2.50rem + 0.00 * var(--fluid-bp));
  height: calc(2.50rem + 0.00 * var(--fluid-bp));
  height: 100%;
  --tw-content: '';
  content: var(--tw-content);
}
.hd-logo-scroller .container:before {
  left: 0rem;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: hsl(var(--twc-surface-primary) / var(--twc-surface-primary-opacity, 1)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--twc-surface-primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-to-position: 90%;
}
.hd-logo-scroller .container:after {
  right: 0rem;
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
  --tw-gradient-from: hsl(var(--twc-surface-primary) / var(--twc-surface-primary-opacity, 1)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--twc-surface-primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-to-position: 90%;
}
footer a:not(.custom-btn):not(.custom-link):hover {
    color: inherit;
}

footer form {
  position: relative;
}
footer form .hs-submit {
  position: absolute;
  right: 0rem;
  top: 10px;
}
footer form label {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity)));
}
footer form input[multiple], 
footer form input[type=date], 
footer form input[type=datetime-local], 
footer form input[type=email], 
footer form input[type=month], 
footer form input[type=number], 
footer form input[type=password], 
footer form input[type=search], 
footer form input[type=tel], 
footer form input[type=text], 
footer form input[type=time], 
footer form input[type=url], 
footer form input[type=week], 
footer form input:where(:not([type])), 
footer form select, 
footer form textarea {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-primary) / var(--twc-surface-primary-opacity, var(--tw-bg-opacity)));
}
footer form .legal-consent-container .hs-richtext, 
footer form .legal-consent-container .hs-richtext *,
footer form .hs-richtext,
footer form .hs-richtext * {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity)));
}
footer form .hs-submit .actions input {
  padding-top: 23px;
  padding-bottom: 23px;
}

/* Library Styling */
.blaze-slider{--slides-to-show:1;--slide-gap:20px;direction:ltr}.blaze-container{position:relative}.blaze-track-container{overflow:hidden}.blaze-track{will-change:transform;touch-action:pan-y;display:flex;gap:var(--slide-gap);--slide-width:calc(
    (100% - (var(--slides-to-show) - 1) * var(--slide-gap)) /
      var(--slides-to-show)
  );box-sizing:border-box}.blaze-track>*{box-sizing:border-box;width:var(--slide-width);flex-shrink:0}

.blaze-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
  padding: calc(1.00rem + 0.00 * var(--fluid-bp));
}

.blaze-pagination button {
  width: 0.625rem;
  height: 0.625rem;
  cursor: pointer;
  border-radius: 9999px;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-fg-primary) / var(--twc-fg-primary-opacity, var(--tw-bg-opacity)));
  font-size: 0rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.blaze-pagination button.active {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), 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-bg-opacity: 1;
  background-color: hsl(var(--twc-fg-accent) / var(--twc-fg-accent-opacity, var(--tw-bg-opacity)));
}

.blaze-slider.start .blaze-prev,
.blaze-slider.end .blaze-next {
  cursor: not-allowed;
  opacity: 0.5;
}
#arrow,
#arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: inherit;
}

#arrow {
  visibility: hidden;
}

#arrow::before {
  visibility: visible;
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), 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-content: '';
  content: var(--tw-content);
}

.hs-tooltip-content[data-popper-placement^='top'] > #arrow {
  bottom: -4px;
}

.hs-tooltip-content[data-popper-placement^='bottom'] > #arrow {
  top: -4px;
}

.hs-tooltip-content[data-popper-placement^='left'] > #arrow {
  right: -4px;
}

.hs-tooltip-content[data-popper-placement^='right'] > #arrow {
  left: -4px;
  top: -2px !important;
}
/* AnchorNav Styles */

/* Mobile dropdown trigger and menu */
.anchor-nav-mobile-trigger {
  min-height: 44px;
}

.anchor-nav-mobile-menu .anchor-nav-mobile-link.active {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-green) / var(--twc-surface-accent-green-opacity, var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-secondary) / var(--twc-fg-secondary-opacity, var(--tw-text-opacity)));
  background-color: #00AAAA;
}

.anchor-nav-track {
  overflow: hidden;
  flex: 1;
}

/* When centered (few items) - shrink track to fit content */
.anchor-nav-track.is-centered {
  flex: 0 0 auto;
  width: auto;
}

.anchor-nav-links {
  display: flex;
  align-items: center;
  gap: 48px;
  transition: transform 0.3s ease;
}

/* When centered (few items) */
.anchor-nav-links.is-centered {
  justify-content: center;
}

/* Remove underline from links */
.anchor-link {
  text-decoration: none !important;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Hide arrows when not needed */
.anchor-nav-prev.is-hidden,
.anchor-nav-next.is-hidden {
  display: none;
}

.anchor-nav.is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 40;
  overflow: visible;
}

/* When sticky, make dropdown menu scrollable so all items are visible */
.anchor-nav.is-sticky .anchor-nav-mobile-menu {
  max-height: min(60vh, 400px);
  overflow-y: auto;
}

/* Tailwind */
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --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-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --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-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com *//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

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

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
:root {
  --breakpoint: "xs";
  --container-width: unset;
  --inner-gutter: 16px;
  --outer-gutter: 16px;
  --grid-columns: 4;
  --env: "dev";
  --grid-column-bg: rgba(127, 255, 255, 0.25);
}
@media (min-width: 640px) {
  :root {
    --breakpoint: "sm";
    --container-width: unset;
    --inner-gutter: 18px;
    --outer-gutter: 24px;
    --grid-columns: 4;
  }
}
@media (min-width: 768px) {
  :root {
    --breakpoint: "md";
    --container-width: unset;
    --inner-gutter: 20px;
    --outer-gutter: 28px;
    --grid-columns: 8;
  }
}
@media (min-width: 1024px) {
  :root {
    --breakpoint: "lg";
    --container-width: unset;
    --inner-gutter: 20px;
    --outer-gutter: 32px;
    --grid-columns: 12;
  }
}
@media (min-width: 1280px) {
  :root {
    --breakpoint: "xl";
    --container-width: unset;
    --inner-gutter: 20px;
    --outer-gutter: 40px;
    --grid-columns: 12;
  }
}
@media (min-width: 1440px) {
  :root {
    --breakpoint: "xxl";
    --container-width: 1380px;
    --inner-gutter: 20px;
    --outer-gutter: 0px;
    --grid-columns: 12;
  }
}
@media (min-width: 1921px) {
  :root {
    --breakpoint: "2xl";
    --container-width: 1860px;
    --inner-gutter: 20px;
    --outer-gutter: 0px;
    --grid-columns: 12;
  }
}
.dev-tools {
  position: fixed;
  z-index: 9999999999;
  left: 0;
  bottom: 0;
  font-size: 0;
}
.dev-tools::before {
  content: var(--breakpoint) " • " var(--env);
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 100%;
  padding: 4px 5px;
  background: green;
  color: white;
  font: 12px/1 sans-serif;
  white-space: nowrap;
  pointer-events: none;
}
.dev-tools-toggle {
  position: relative;
  z-index: 2;
  width: 30px;
  height: 30px;
  border: 0;
  background: black;
  color: transparent;
  font: 0/0 a;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.dev-tools-toggle::before, .dev-tools-toggle::after {
  content: '';
  position: absolute;
  left: 8px;
  top: 10px;
  width: 5px;
  height: 10px;
  border-left: 1px solid white;
  border-right: 1px solid white;
}
.dev-tools-toggle::after {
  left: 16px;
}
.dev-tools-grid {
  position: fixed;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: calc(var(--container-width, 100%) - (2 * var(--outer-gutter, 0)));;
  height: 100%;
  margin: 0 auto;
  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)),
        rgba(0,0,0,0) calc((100% - (((var(--grid-columns) - 1) * var(--inner-gutter)))) / var(--grid-columns)),
        rgba(0,0,0,0) calc((100% - (((var(--grid-columns) - 1) * var(--inner-gutter)))) / var(--grid-columns) + var(--inner-gutter))
      );
  pointer-events: none;
}
input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([multiple]),textarea,select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}
input:where([type='text']):focus, input:where(:not([type])):focus, input:where([type='email']):focus, input:where([type='url']):focus, input:where([type='password']):focus, input:where([type='number']):focus, input:where([type='date']):focus, input:where([type='datetime-local']):focus, input:where([type='month']):focus, input:where([type='search']):focus, input:where([type='tel']):focus, input:where([type='time']):focus, input:where([type='week']):focus, select:where([multiple]):focus, textarea:focus, select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}
input::placeholder,textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}
::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit;
}
::-webkit-datetime-edit {
  display: inline-flex;
}
::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}
select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}
select:where([multiple]),select:where([size]:not([size="1"])) {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}
input:where([type='checkbox']),input:where([type='radio']) {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}
input:where([type='checkbox']) {
  border-radius: 0px;
}
input:where([type='radio']) {
  border-radius: 100%;
}
input:where([type='checkbox']):focus,input:where([type='radio']):focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
input:where([type='checkbox']):checked,input:where([type='radio']):checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
input:where([type='checkbox']):checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
@media (forced-colors: active)  {
  input:where([type='checkbox']):checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}
input:where([type='radio']):checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
@media (forced-colors: active)  {
  input:where([type='radio']):checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}
input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus {
  border-color: transparent;
  background-color: currentColor;
}
input:where([type='checkbox']):indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
@media (forced-colors: active)  {
  input:where([type='checkbox']):indeterminate {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}
input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}
input:where([type='file']) {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}
input:where([type='file']):focus {
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}
.\!container {
  width: calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0))))) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
.container {
  width: calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));
  margin-right: auto;
  margin-left: auto;
}
.\!container > * {
  --container-outer-gutter: 0 !important;
  --breakout-container-outer-gutter: 0 !important;
}
.container > * {
  --container-outer-gutter: 0;
  --breakout-container-outer-gutter: 0;
}
.container-reset {
  width: unset;
  margin-right: unset;
  margin-left: unset;
}
.container-reset > * {
  --container-outer-gutter: var(--outer-gutter, 0);
  --breakout-container-outer-gutter: inherit;
}
.breakout {
  --breakout-outer-gutter: max(var(--outer-gutter), calc((100% - var(--container-width, 100%)) / 2));
  --breakout-container-outer-gutter: var(--outer-gutter);
  position: relative;
  left: 50%;
  width: calc(100vw - var(--scrollbar-visible-width, 0px));
  margin-left: calc((100vw - var(--scrollbar-visible-width, 0px)) / -2);
}
.breakout.px-outer-gutter, .breakout > .px-outer-gutter {
  padding-left: var(--breakout-outer-gutter);
  padding-right: var(--breakout-outer-gutter);
}
.breakout.pr-outer-gutter, .breakout > .pr-outer-gutter {
  padding-right: var(--breakout-outer-gutter);
}
.breakout.pl-outer-gutter, .breakout > .pl-outer-gutter {
  padding-left: var(--breakout-outer-gutter);
}
.breakout > .w-outer-gutter {
  width: var(--breakout-outer-gutter);
}
:root {
  --spacing-fg-md: 1rem;
  --spacing-fg-lg: 1.25rem;
  --spacing-fg-xl: 1.375rem;
  --spacing-fg-2xl: 1.5rem;
  --spacing-fg-3xl: 1.625rem;
  --spacing-fg-4xl: 1.875rem;
  --spacing-fg-5xl: 2.375rem;
  --spacing-fg-6xl: 2.125rem;
  --spacing-fg-7xl: 2.375rem;
  --spacing-fg-8xl: 2.875rem;
}
@media (min-width: 768px) {
  :root {
    --spacing-fg-md: 1.0625rem;
    --spacing-fg-lg: 1.3125rem;
    --spacing-fg-xl: 1.4375rem;
    --spacing-fg-2xl: 1.5625rem;
    --spacing-fg-3xl: 1.75rem;
    --spacing-fg-4xl: 2rem;
    --spacing-fg-5xl: 2.5rem;
    --spacing-fg-6xl: 2.375rem;
    --spacing-fg-7xl: 2.625rem;
    --spacing-fg-8xl: 3.0625rem;
  }
}
@media (min-width: 1280px) {
  :root {
    --spacing-fg-md: 1.125rem;
    --spacing-fg-lg: 1.375rem;
    --spacing-fg-xl: 1.5rem;
    --spacing-fg-2xl: 1.625rem;
    --spacing-fg-3xl: 1.875rem;
    --spacing-fg-4xl: 2.125rem;
    --spacing-fg-5xl: 2.625rem;
    --spacing-fg-6xl: 2.625rem;
    --spacing-fg-7xl: 2.875rem;
    --spacing-fg-8xl: 3.25rem;
  }
}
@media (min-width: 1440px) {
  :root {
    --spacing-fg-md: 1.1875rem;
    --spacing-fg-lg: 1.4375rem;
    --spacing-fg-xl: 1.5625rem;
    --spacing-fg-2xl: 1.6875rem;
    --spacing-fg-3xl: 1.9375rem;
    --spacing-fg-4xl: 2.1875rem;
    --spacing-fg-5xl: 2.6875rem;
    --spacing-fg-6xl: 2.8125rem;
    --spacing-fg-7xl: 3.0625rem;
    --spacing-fg-8xl: 3.375rem;
  }
}
:root {
  --fluid-min-width: 390;
  --fluid-max-width: 1440;
  --fluid-screen: 100vw;
  --fluid-bp: calc(
          (var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) /
          (var(--fluid-max-width) - var(--fluid-min-width))
        );
}
@media (min-width: 1440px) {
  :root {
    --fluid-screen: calc(var(--fluid-max-width) * 1px);
  }
}
:root {
  --f-xs-min: 11.11;
  --f-xs-max: 9.42;
  --f-xs: calc(((var(--f-xs-min) / 16) * 1rem) + (var(--f-xs-max) - var(--f-xs-min)) * var(--fluid-bp));
  --f-sm-min: 13.33;
  --f-sm-max: 12.28;
  --f-sm: calc(((var(--f-sm-min) / 16) * 1rem) + (var(--f-sm-max) - var(--f-sm-min)) * var(--fluid-bp));
  --f-base-min: 16;
  --f-base-max: 16;
  --f-base: calc(((var(--f-base-min) / 16) * 1rem) + (var(--f-base-max) - var(--f-base-min)) * var(--fluid-bp));
  --f-lg-min: 19.20;
  --f-lg-max: 20.85;
  --f-lg: calc(((var(--f-lg-min) / 16) * 1rem) + (var(--f-lg-max) - var(--f-lg-min)) * var(--fluid-bp));
  --f-xl-min: 23.04;
  --f-xl-max: 27.16;
  --f-xl: calc(((var(--f-xl-min) / 16) * 1rem) + (var(--f-xl-max) - var(--f-xl-min)) * var(--fluid-bp));
  --f-2xl-min: 27.65;
  --f-2xl-max: 35.40;
  --f-2xl: calc(((var(--f-2xl-min) / 16) * 1rem) + (var(--f-2xl-max) - var(--f-2xl-min)) * var(--fluid-bp));
  --f-3xl-min: 33.18;
  --f-3xl-max: 46.12;
  --f-3xl: calc(((var(--f-3xl-min) / 16) * 1rem) + (var(--f-3xl-max) - var(--f-3xl-min)) * var(--fluid-bp));
  --f-4xl-min: 39.81;
  --f-4xl-max: 60.10;
  --f-4xl: calc(((var(--f-4xl-min) / 16) * 1rem) + (var(--f-4xl-max) - var(--f-4xl-min)) * var(--fluid-bp));
  --f-5xl-min: 47.78;
  --f-5xl-max: 78.30;
  --f-5xl: calc(((var(--f-5xl-min) / 16) * 1rem) + (var(--f-5xl-max) - var(--f-5xl-min)) * var(--fluid-bp));
}
* {
  scrollbar-color: initial;
  scrollbar-width: initial;
}

  :root {
    --tw-screen-sm: 640px;
    --tw-screen-md: 768px;
    --tw-screen-lg: 1024px;
    --tw-screen-xl: 1280px;
    --tw-screen-xxl: 1440px;
  }

  /* Transition for All elements */
  .transition-animate {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

  /* Clear all previous styles for an element */
.grid-layout {
  display: grid;
  grid-template-columns: repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);
  grid-gap: var(--inner-gutter);
}
.grid-col-span-1 {
  --container-grid-columns: 1;
  grid-column: span 1 / span 1;
}
.grid-col-span-4 {
  --container-grid-columns: 4;
  grid-column: span 4 / span 4;
}
.grid-col-span-6 {
  --container-grid-columns: 6;
  grid-column: span 6 / span 6;
}
[class*="grid-line-"] > * {
  position: relative;
}
[class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
}
.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 {
  border-bottom-width: 0;
}
.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(2n+1)::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(2n+1):nth-last-child(-n+2)::before {
  border-bottom-width: 0;
}
.grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):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(2n+1):nth-last-child(-n+2)::after {
  bottom: 0;
}
.grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):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 {
  border-bottom-width: 0;
}
.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 {
  bottom: 0;
}
.grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {
  bottom: 0;
}
.grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
  border-bottom-width: 1px;
}
.grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {
  left: calc(var(--inner-gutter) / -2);
  right: calc(var(--inner-gutter) / -2);
}
.grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {
  left: 0;
}
.grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {
  right: 0;
}
.grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {
  border-bottom-width: 0;
}
.grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {
  border-bottom-width: 0;
}
.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
  border-right-width: 1px;
}
.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {
  border-right-width: 0;
}
.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {
  top: 0;
}
.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {
  bottom: 0;
}
.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {
  bottom: 0;
}
.grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
  border-bottom-width: 1px;
}
.grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {
  left: calc(var(--inner-gutter) / -2);
  right: calc(var(--inner-gutter) / -2);
}
.grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {
  left: 0;
}
.grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {
  right: 0;
}
.grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {
  border-bottom-width: 0;
}
.grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {
  border-bottom-width: 0;
}
.grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
  border-right-width: 1px;
}
.grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {
  border-right-width: 0;
}
.grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {
  top: 0;
}
.grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {
  bottom: 0;
}
.grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {
  bottom: 0;
}
.grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
  border-bottom-width: 1px;
}
.grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {
  left: calc(var(--inner-gutter) / -2);
  right: calc(var(--inner-gutter) / -2);
}
.grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {
  left: 0;
}
.grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {
  right: 0;
}
.grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {
  border-bottom-width: 0;
}
.grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {
  border-bottom-width: 0;
}
.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
  border-right-width: 1px;
}
.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {
  border-right-width: 0;
}
.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {
  top: 0;
}
.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {
  bottom: 0;
}
.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {
  bottom: 0;
}
.grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
  border-bottom-width: 1px;
}
.grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {
  left: calc(var(--inner-gutter) / -2);
  right: calc(var(--inner-gutter) / -2);
}
.grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {
  left: 0;
}
.grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {
  right: 0;
}
.grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {
  border-bottom-width: 0;
}
.grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {
  border-bottom-width: 0;
}
.grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
  border-right-width: 1px;
}
.grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {
  border-right-width: 0;
}
.grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {
  top: 0;
}
.grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {
  bottom: 0;
}
.grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {
  bottom: 0;
}
.grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
  border-bottom-width: 1px;
}
.grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {
  left: calc(var(--inner-gutter) / -2);
  right: calc(var(--inner-gutter) / -2);
}
.grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {
  left: 0;
}
.grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {
  right: 0;
}
.grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {
  border-bottom-width: 0;
}
.grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {
  border-bottom-width: 0;
}
.grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
  border-right-width: 1px;
}
.grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {
  border-right-width: 0;
}
.grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {
  top: 0;
}
.grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {
  bottom: 0;
}
.grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {
  bottom: 0;
}
@media (min-width: 640px) {
  [class*="grid-line-"] > * {
    position: relative;
  }
  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
  }
  .sm\:grid-line-x > *::before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: calc(var(--inner-gutter) / -2);
    border-top: 0 solid transparent;
    border-bottom: 0 solid transparent;
  }
  .sm\:grid-line-xfull > *::before {
    content: "";
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
    top: 0;
    bottom: calc(var(--inner-gutter) / -2);
    border-top: 0 solid transparent;
    border-bottom: 0 solid transparent;
  }
  .sm\:grid-line-x-0 > *::before {
    content: none;
  }
  .sm\:grid-line-y > *::after {
    content: "";
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: 0;
    bottom: 0;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
  }
  .sm\:grid-line-yfull > *::after {
    content: "";
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: calc(var(--inner-gutter) / -1);
    bottom: 0;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
  }
  .sm\:grid-line-yfull[class*="grid-line-x"] > *::after {
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: calc(var(--inner-gutter) / -2);
    bottom: calc(var(--inner-gutter) / -2);
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
  }
  .sm\:grid-line-y-0 > *::after {
    content: none;
  }
  .sm\:grid-line-x-0[class*="grid-line-x-"] > *::before {
    bottom: -0rem;
  }
  .sm\:grid-line-x-0[class*="grid-line-yfull"] > *::after {
    top: -0rem;
    bottom: -0rem;
  }
  .sm\:grid-line-x-2xs[class*="grid-line-x-"] > *::before {
    bottom: -0.625rem;
  }
  .sm\:grid-line-x-2xs[class*="grid-line-yfull"] > *::after {
    top: -0.625rem;
    bottom: -0.625rem;
  }
  .sm\:grid-line-x-xs[class*="grid-line-x-"] > *::before {
    bottom: -0.75rem;
  }
  .sm\:grid-line-x-xs[class*="grid-line-yfull"] > *::after {
    top: -0.75rem;
    bottom: -0.75rem;
  }
  .sm\:grid-line-x-sm[class*="grid-line-x-"] > *::before {
    bottom: -0.875rem;
  }
  .sm\:grid-line-x-sm[class*="grid-line-yfull"] > *::after {
    top: -0.875rem;
    bottom: -0.875rem;
  }
  .sm\:grid-line-x-base[class*="grid-line-x-"] > *::before {
    bottom: -1rem;
  }
  .sm\:grid-line-x-base[class*="grid-line-yfull"] > *::after {
    top: -1rem;
    bottom: -1rem;
  }
  .sm\:grid-line-x-lg[class*="grid-line-x-"] > *::before {
    bottom: -1.125rem;
  }
  .sm\:grid-line-x-lg[class*="grid-line-yfull"] > *::after {
    top: -1.125rem;
    bottom: -1.125rem;
  }
  .sm\:grid-line-x-xl[class*="grid-line-x-"] > *::before {
    bottom: -1.25rem;
  }
  .sm\:grid-line-x-xl[class*="grid-line-yfull"] > *::after {
    top: -1.25rem;
    bottom: -1.25rem;
  }
  .sm\:grid-line-x-2xl[class*="grid-line-x-"] > *::before {
    bottom: -1.375rem;
  }
  .sm\:grid-line-x-2xl[class*="grid-line-yfull"] > *::after {
    top: -1.375rem;
    bottom: -1.375rem;
  }
  .sm\:grid-line-x-3xl[class*="grid-line-x-"] > *::before {
    bottom: -1.5rem;
  }
  .sm\:grid-line-x-3xl[class*="grid-line-yfull"] > *::after {
    top: -1.5rem;
    bottom: -1.5rem;
  }
  .sm\:grid-line-x-4xl[class*="grid-line-x-"] > *::before {
    bottom: -1.625rem;
  }
  .sm\:grid-line-x-4xl[class*="grid-line-yfull"] > *::after {
    top: -1.625rem;
    bottom: -1.625rem;
  }
  .sm\:grid-line-x-5xl[class*="grid-line-x-"] > *::before {
    bottom: -1.875rem;
  }
  .sm\:grid-line-x-5xl[class*="grid-line-yfull"] > *::after {
    top: -1.875rem;
    bottom: -1.875rem;
  }
  .sm\:grid-line-x-6xl[class*="grid-line-x-"] > *::before {
    bottom: -2.125rem;
  }
  .sm\:grid-line-x-6xl[class*="grid-line-yfull"] > *::after {
    top: -2.125rem;
    bottom: -2.125rem;
  }
  .sm\:grid-line-x-7xl[class*="grid-line-x-"] > *::before {
    bottom: -2.375rem;
  }
  .sm\:grid-line-x-7xl[class*="grid-line-yfull"] > *::after {
    top: -2.375rem;
    bottom: -2.375rem;
  }
  .sm\:grid-line-x-8xl[class*="grid-line-x-"] > *::before {
    bottom: -2.625rem;
  }
  .sm\:grid-line-x-8xl[class*="grid-line-yfull"] > *::after {
    top: -2.625rem;
    bottom: -2.625rem;
  }
  .sm\:grid-line-x-9xl[class*="grid-line-x-"] > *::before {
    bottom: -2.875rem;
  }
  .sm\:grid-line-x-9xl[class*="grid-line-yfull"] > *::after {
    top: -2.875rem;
    bottom: -2.875rem;
  }
  .sm\:grid-line-x-10xl[class*="grid-line-x-"] > *::before {
    bottom: -3.25rem;
  }
  .sm\:grid-line-x-10xl[class*="grid-line-yfull"] > *::after {
    top: -3.25rem;
    bottom: -3.25rem;
  }
  .sm\:grid-line-x-fl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 0.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 0.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 0.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 0.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 0.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + 0.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xs-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 4.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xs-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 4.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 4.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + -4.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + -4.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + -4.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xs-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xs-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 8.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + -8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + -8.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + -8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xs-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 12.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xs-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 12.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 12.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + -12.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + -12.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + -12.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xs-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 20.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xs-md[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 20.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 20.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -20.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -20.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -20.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xs-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 28.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xs-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 28.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 28.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -28.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -28.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -28.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xs-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 36.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xs-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 36.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 36.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -36.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -36.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -36.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xs-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 44.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xs-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 44.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 44.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -44.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -44.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -44.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xs-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 60.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xs-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 60.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 60.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -60.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -60.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -60.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xs-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 76.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xs-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 76.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 76.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -76.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -76.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -76.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xs-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 92.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xs-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 92.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 92.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -92.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -92.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -92.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 4.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 4.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 4.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + -4.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + -4.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + -4.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 8.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + -8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + -8.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + -8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs-md[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 16.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -16.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 24.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 24.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 24.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -24.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -24.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -24.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 32.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 32.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 32.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -32.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -32.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -32.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 40.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 40.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 40.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -40.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -40.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -40.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 56.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 56.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 56.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -56.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -56.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -56.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 72.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 72.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 72.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -72.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -72.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -72.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 88.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xs-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 88.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 88.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -88.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -88.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -88.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 4.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 4.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 4.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + -4.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + -4.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + -4.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 12.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs-md[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 12.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 12.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -12.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -12.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -12.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 20.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 20.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 20.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -20.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -20.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -20.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 28.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 28.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 28.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -28.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -28.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -28.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 36.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 36.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 36.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -36.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -36.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -36.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 52.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 52.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 52.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -52.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -52.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -52.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 68.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 68.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 68.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -68.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -68.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -68.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 84.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xs-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 84.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 84.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -84.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -84.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -84.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm-md[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 8.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -8.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 24.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 24.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 24.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -24.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -24.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -24.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 32.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 32.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -32.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -32.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 48.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 48.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 48.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -48.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -48.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -48.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 64.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 64.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 64.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -64.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -64.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -64.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 80.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-sm-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 80.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 80.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -80.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -80.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -80.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 8.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg-md[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -8.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 16.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -16.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 24.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 24.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 24.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -24.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -24.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -24.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 40.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 40.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 40.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -40.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -40.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -40.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 56.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 56.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 56.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -56.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -56.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -56.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 72.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-md-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 72.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 72.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -72.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -72.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -72.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 8.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -8.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 32.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 32.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -32.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -32.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 48.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 48.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 48.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -48.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -48.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -48.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 64.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-lg-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 64.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 64.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -64.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -64.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -64.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 8.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -8.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -8.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 24.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 24.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 24.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -24.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -24.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -24.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 40.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 40.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 40.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -40.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -40.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -40.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 56.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 56.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 56.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -56.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -56.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -56.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 32.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 32.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -32.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -32.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 48.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-2xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 48.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 48.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -48.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -48.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -48.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + 16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + 16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + 32.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-3xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + 32.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -32.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -32.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + 16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-4xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + 16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fl-5xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -16.00 * var(--fluid-bp));
  }
  .sm\:grid-line-x-fg-primary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-fg-primary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-fg-primary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-fg-primary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-fg-secondary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-fg-secondary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-fg-secondary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-fg-secondary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-fg-accent[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-fg-accent[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-fg-accent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-fg-accent[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-fg-alternate[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-fg-alternate[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-fg-alternate[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-fg-alternate[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-fg-brand[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-fg-brand[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-fg-brand[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-fg-brand[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-fg-success[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-fg-success[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-fg-success[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-fg-success[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-fg-error[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-fg-error[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-fg-error[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-fg-error[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-fg-tertiary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-fg-tertiary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-fg-tertiary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-fg-tertiary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-fg-quaternary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-fg-quaternary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-fg-quaternary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-fg-quaternary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-fg-quinary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-fg-quinary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-fg-quinary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-fg-quinary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-surface-primary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-surface-primary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-primary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-primary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-surface-secondary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-surface-secondary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-secondary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-secondary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-surface-tertiary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-surface-tertiary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-tertiary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-tertiary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-surface-alternate[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-surface-alternate[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-alternate[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-alternate[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-surface-accent-green[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-surface-accent-green[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-accent-green[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-accent-green[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-surface-accent-navy[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-surface-accent-navy[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-accent-navy[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-accent-navy[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-surface-accent-orange[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-surface-accent-orange[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-accent-orange[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-accent-orange[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-surface-accent-lime[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-surface-accent-lime[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-accent-lime[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-accent-lime[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-surface-accent-forest[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-surface-accent-forest[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-accent-forest[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-accent-forest[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-surface-accent[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-surface-accent[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-accent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-accent[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-surface-quaternary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-surface-quaternary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-quaternary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-quaternary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-surface-quinary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-surface-quinary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-quinary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-quinary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-surface-brand[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-surface-brand[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-brand[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-surface-brand[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-stroke-primary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-stroke-primary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-stroke-primary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-stroke-primary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-stroke-secondary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-stroke-secondary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-stroke-secondary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-stroke-secondary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-stroke-alternate[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-stroke-alternate[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-stroke-alternate[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-stroke-alternate[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-stroke-accent[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-stroke-accent[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-stroke-accent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-stroke-accent[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-stroke-success[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-stroke-success[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-stroke-success[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-stroke-success[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-stroke-error[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-stroke-error[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-stroke-error[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-stroke-error[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-stroke-tertiary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-stroke-tertiary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-stroke-tertiary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-stroke-tertiary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-stroke-quaternary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-stroke-quaternary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-stroke-quaternary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-stroke-quaternary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-stroke-quinary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-stroke-quinary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-stroke-quinary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-stroke-quinary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-stroke-brand[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-y-stroke-brand[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-stroke-brand[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-xy-stroke-brand[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .sm\:grid-line-x-DEFAULT[class*="grid-line-x-"] > *::before {
    border-bottom-color: currentColor;
  }
  .sm\:grid-line-y-DEFAULT[class*="grid-line-y-"] > *::after {
    border-right-color: currentColor;
  }
  .sm\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::before {
    border-bottom-color: currentColor;
  }
  .sm\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::after {
    border-right-color: currentColor;
  }
  .sm\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .sm\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: 0;
    right: 0;
  }
  .sm\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {
    right: 0;
  }
  .sm\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .sm\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .sm\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {
    left: 0;
  }
  .sm\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {
    right: 0;
  }
  .sm\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .sm\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {
    border-right-width: 0;
  }
  .sm\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {
    top: 0;
  }
  .sm\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {
    bottom: 0;
  }
  .sm\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {
    bottom: 0;
  }
  .sm\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .sm\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .sm\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {
    left: 0;
  }
  .sm\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {
    right: 0;
  }
  .sm\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .sm\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {
    border-right-width: 0;
  }
  .sm\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {
    top: 0;
  }
  .sm\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {
    bottom: 0;
  }
  .sm\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {
    bottom: 0;
  }
  .sm\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .sm\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .sm\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {
    left: 0;
  }
  .sm\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {
    right: 0;
  }
  .sm\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .sm\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {
    border-right-width: 0;
  }
  .sm\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {
    top: 0;
  }
  .sm\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {
    bottom: 0;
  }
  .sm\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {
    bottom: 0;
  }
  .sm\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .sm\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .sm\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {
    left: 0;
  }
  .sm\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {
    right: 0;
  }
  .sm\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .sm\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {
    border-right-width: 0;
  }
  .sm\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {
    top: 0;
  }
  .sm\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {
    bottom: 0;
  }
  .sm\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {
    bottom: 0;
  }
  .sm\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .sm\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .sm\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {
    left: 0;
  }
  .sm\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {
    right: 0;
  }
  .sm\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .sm\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {
    border-right-width: 0;
  }
  .sm\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {
    top: 0;
  }
  .sm\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {
    bottom: 0;
  }
  .sm\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {
    bottom: 0;
  }
  .sm\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .sm\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .sm\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {
    left: 0;
  }
  .sm\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {
    right: 0;
  }
  .sm\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .sm\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {
    border-right-width: 0;
  }
  .sm\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {
    top: 0;
  }
  .sm\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {
    bottom: 0;
  }
  .sm\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {
    bottom: 0;
  }
  .sm\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .sm\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .sm\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {
    left: 0;
  }
  .sm\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {
    right: 0;
  }
  .sm\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .sm\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {
    border-right-width: 0;
  }
  .sm\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {
    top: 0;
  }
  .sm\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {
    bottom: 0;
  }
  .sm\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {
    bottom: 0;
  }
}
@media (min-width: 768px) {
  [class*="grid-line-"] > * {
    position: relative;
  }
  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
  }
  .md\:grid-line-x > *::before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: calc(var(--inner-gutter) / -2);
    border-top: 0 solid transparent;
    border-bottom: 0 solid transparent;
  }
  .md\:grid-line-xfull > *::before {
    content: "";
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
    top: 0;
    bottom: calc(var(--inner-gutter) / -2);
    border-top: 0 solid transparent;
    border-bottom: 0 solid transparent;
  }
  .md\:grid-line-x-0 > *::before {
    content: none;
  }
  .md\:grid-line-y > *::after {
    content: "";
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: 0;
    bottom: 0;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
  }
  .md\:grid-line-yfull > *::after {
    content: "";
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: calc(var(--inner-gutter) / -1);
    bottom: 0;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
  }
  .md\:grid-line-yfull[class*="grid-line-x"] > *::after {
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: calc(var(--inner-gutter) / -2);
    bottom: calc(var(--inner-gutter) / -2);
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
  }
  .md\:grid-line-y-0 > *::after {
    content: none;
  }
  .md\:grid-line-x-0[class*="grid-line-x-"] > *::before {
    bottom: -0rem;
  }
  .md\:grid-line-x-0[class*="grid-line-yfull"] > *::after {
    top: -0rem;
    bottom: -0rem;
  }
  .md\:grid-line-x-2xs[class*="grid-line-x-"] > *::before {
    bottom: -0.625rem;
  }
  .md\:grid-line-x-2xs[class*="grid-line-yfull"] > *::after {
    top: -0.625rem;
    bottom: -0.625rem;
  }
  .md\:grid-line-x-xs[class*="grid-line-x-"] > *::before {
    bottom: -0.75rem;
  }
  .md\:grid-line-x-xs[class*="grid-line-yfull"] > *::after {
    top: -0.75rem;
    bottom: -0.75rem;
  }
  .md\:grid-line-x-sm[class*="grid-line-x-"] > *::before {
    bottom: -0.875rem;
  }
  .md\:grid-line-x-sm[class*="grid-line-yfull"] > *::after {
    top: -0.875rem;
    bottom: -0.875rem;
  }
  .md\:grid-line-x-base[class*="grid-line-x-"] > *::before {
    bottom: -1rem;
  }
  .md\:grid-line-x-base[class*="grid-line-yfull"] > *::after {
    top: -1rem;
    bottom: -1rem;
  }
  .md\:grid-line-x-lg[class*="grid-line-x-"] > *::before {
    bottom: -1.125rem;
  }
  .md\:grid-line-x-lg[class*="grid-line-yfull"] > *::after {
    top: -1.125rem;
    bottom: -1.125rem;
  }
  .md\:grid-line-x-xl[class*="grid-line-x-"] > *::before {
    bottom: -1.25rem;
  }
  .md\:grid-line-x-xl[class*="grid-line-yfull"] > *::after {
    top: -1.25rem;
    bottom: -1.25rem;
  }
  .md\:grid-line-x-2xl[class*="grid-line-x-"] > *::before {
    bottom: -1.375rem;
  }
  .md\:grid-line-x-2xl[class*="grid-line-yfull"] > *::after {
    top: -1.375rem;
    bottom: -1.375rem;
  }
  .md\:grid-line-x-3xl[class*="grid-line-x-"] > *::before {
    bottom: -1.5rem;
  }
  .md\:grid-line-x-3xl[class*="grid-line-yfull"] > *::after {
    top: -1.5rem;
    bottom: -1.5rem;
  }
  .md\:grid-line-x-4xl[class*="grid-line-x-"] > *::before {
    bottom: -1.625rem;
  }
  .md\:grid-line-x-4xl[class*="grid-line-yfull"] > *::after {
    top: -1.625rem;
    bottom: -1.625rem;
  }
  .md\:grid-line-x-5xl[class*="grid-line-x-"] > *::before {
    bottom: -1.875rem;
  }
  .md\:grid-line-x-5xl[class*="grid-line-yfull"] > *::after {
    top: -1.875rem;
    bottom: -1.875rem;
  }
  .md\:grid-line-x-6xl[class*="grid-line-x-"] > *::before {
    bottom: -2.125rem;
  }
  .md\:grid-line-x-6xl[class*="grid-line-yfull"] > *::after {
    top: -2.125rem;
    bottom: -2.125rem;
  }
  .md\:grid-line-x-7xl[class*="grid-line-x-"] > *::before {
    bottom: -2.375rem;
  }
  .md\:grid-line-x-7xl[class*="grid-line-yfull"] > *::after {
    top: -2.375rem;
    bottom: -2.375rem;
  }
  .md\:grid-line-x-8xl[class*="grid-line-x-"] > *::before {
    bottom: -2.625rem;
  }
  .md\:grid-line-x-8xl[class*="grid-line-yfull"] > *::after {
    top: -2.625rem;
    bottom: -2.625rem;
  }
  .md\:grid-line-x-9xl[class*="grid-line-x-"] > *::before {
    bottom: -2.875rem;
  }
  .md\:grid-line-x-9xl[class*="grid-line-yfull"] > *::after {
    top: -2.875rem;
    bottom: -2.875rem;
  }
  .md\:grid-line-x-10xl[class*="grid-line-x-"] > *::before {
    bottom: -3.25rem;
  }
  .md\:grid-line-x-10xl[class*="grid-line-yfull"] > *::after {
    top: -3.25rem;
    bottom: -3.25rem;
  }
  .md\:grid-line-x-fl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 0.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 0.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 0.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 0.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 0.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + 0.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xs-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 4.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xs-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 4.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 4.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + -4.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + -4.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + -4.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xs-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xs-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 8.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + -8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + -8.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + -8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xs-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 12.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xs-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 12.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 12.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + -12.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + -12.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + -12.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xs-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 20.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xs-md[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 20.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 20.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -20.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -20.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -20.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xs-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 28.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xs-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 28.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 28.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -28.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -28.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -28.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xs-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 36.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xs-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 36.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 36.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -36.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -36.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -36.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xs-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 44.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xs-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 44.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 44.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -44.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -44.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -44.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xs-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 60.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xs-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 60.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 60.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -60.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -60.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -60.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xs-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 76.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xs-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 76.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 76.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -76.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -76.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -76.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xs-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 92.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xs-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 92.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 92.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -92.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -92.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -92.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 4.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 4.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 4.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + -4.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + -4.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + -4.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 8.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + -8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + -8.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + -8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs-md[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 16.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -16.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 24.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 24.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 24.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -24.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -24.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -24.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 32.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 32.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 32.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -32.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -32.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -32.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 40.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 40.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 40.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -40.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -40.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -40.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 56.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 56.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 56.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -56.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -56.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -56.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 72.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 72.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 72.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -72.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -72.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -72.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 88.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xs-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 88.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 88.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -88.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -88.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -88.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 4.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 4.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 4.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + -4.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + -4.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + -4.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 12.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs-md[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 12.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 12.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -12.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -12.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -12.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 20.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 20.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 20.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -20.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -20.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -20.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 28.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 28.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 28.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -28.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -28.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -28.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 36.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 36.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 36.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -36.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -36.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -36.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 52.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 52.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 52.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -52.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -52.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -52.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 68.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 68.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 68.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -68.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -68.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -68.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 84.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xs-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 84.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 84.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -84.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -84.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -84.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm-md[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 8.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -8.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 24.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 24.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 24.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -24.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -24.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -24.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 32.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 32.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -32.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -32.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 48.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 48.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 48.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -48.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -48.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -48.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 64.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 64.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 64.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -64.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -64.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -64.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 80.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-sm-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 80.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 80.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -80.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -80.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -80.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 8.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg-md[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -8.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 16.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -16.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 24.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 24.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 24.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -24.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -24.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -24.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 40.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 40.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 40.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -40.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -40.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -40.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 56.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 56.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 56.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -56.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -56.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -56.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 72.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-md-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 72.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 72.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -72.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -72.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -72.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 8.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -8.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 32.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 32.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -32.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -32.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 48.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 48.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 48.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -48.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -48.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -48.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 64.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-lg-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 64.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 64.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -64.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -64.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -64.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 8.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -8.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -8.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 24.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 24.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 24.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -24.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -24.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -24.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 40.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 40.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 40.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -40.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -40.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -40.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 56.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 56.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 56.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -56.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -56.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -56.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 32.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 32.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -32.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -32.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 48.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-2xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 48.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 48.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -48.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -48.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -48.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + 16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + 16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + 32.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-3xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + 32.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -32.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -32.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + 16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-4xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + 16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fl-5xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -16.00 * var(--fluid-bp));
  }
  .md\:grid-line-x-fg-primary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-fg-primary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-fg-primary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-fg-primary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-fg-secondary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-fg-secondary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-fg-secondary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-fg-secondary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-fg-accent[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-fg-accent[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-fg-accent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-fg-accent[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-fg-alternate[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-fg-alternate[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-fg-alternate[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-fg-alternate[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-fg-brand[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-fg-brand[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-fg-brand[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-fg-brand[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-fg-success[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-fg-success[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-fg-success[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-fg-success[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-fg-error[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-fg-error[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-fg-error[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-fg-error[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-fg-tertiary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-fg-tertiary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-fg-tertiary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-fg-tertiary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-fg-quaternary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-fg-quaternary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-fg-quaternary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-fg-quaternary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-fg-quinary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-fg-quinary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-fg-quinary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-fg-quinary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-surface-primary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-surface-primary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-primary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-primary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-surface-secondary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-surface-secondary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-secondary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-secondary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-surface-tertiary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-surface-tertiary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-tertiary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-tertiary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-surface-alternate[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-surface-alternate[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-alternate[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-alternate[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-surface-accent-green[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-surface-accent-green[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-accent-green[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-accent-green[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-surface-accent-navy[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-surface-accent-navy[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-accent-navy[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-accent-navy[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-surface-accent-orange[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-surface-accent-orange[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-accent-orange[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-accent-orange[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-surface-accent-lime[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-surface-accent-lime[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-accent-lime[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-accent-lime[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-surface-accent-forest[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-surface-accent-forest[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-accent-forest[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-accent-forest[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-surface-accent[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-surface-accent[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-accent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-accent[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-surface-quaternary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-surface-quaternary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-quaternary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-quaternary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-surface-quinary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-surface-quinary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-quinary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-quinary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-surface-brand[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-surface-brand[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-brand[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-surface-brand[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-stroke-primary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-stroke-primary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-stroke-primary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-stroke-primary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-stroke-secondary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-stroke-secondary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-stroke-secondary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-stroke-secondary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-stroke-alternate[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-stroke-alternate[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-stroke-alternate[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-stroke-alternate[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-stroke-accent[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-stroke-accent[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-stroke-accent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-stroke-accent[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-stroke-success[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-stroke-success[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-stroke-success[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-stroke-success[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-stroke-error[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-stroke-error[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-stroke-error[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-stroke-error[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-stroke-tertiary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-stroke-tertiary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-stroke-tertiary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-stroke-tertiary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-stroke-quaternary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-stroke-quaternary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-stroke-quaternary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-stroke-quaternary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-stroke-quinary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-stroke-quinary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-stroke-quinary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-stroke-quinary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-stroke-brand[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-y-stroke-brand[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-stroke-brand[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-xy-stroke-brand[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .md\:grid-line-x-DEFAULT[class*="grid-line-x-"] > *::before {
    border-bottom-color: currentColor;
  }
  .md\:grid-line-y-DEFAULT[class*="grid-line-y-"] > *::after {
    border-right-color: currentColor;
  }
  .md\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::before {
    border-bottom-color: currentColor;
  }
  .md\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::after {
    border-right-color: currentColor;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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(2n+1)::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(2n+1):nth-last-child(-n+2)::before {
    border-bottom-width: 0;
  }
  .md\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):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(2n+1):nth-last-child(-n+2)::after {
    bottom: 0;
  }
  .md\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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;
  }
}
@media (min-width: 1024px) {
  [class*="grid-line-"] > * {
    position: relative;
  }
  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
  }
  .lg\:grid-line-x > *::before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: calc(var(--inner-gutter) / -2);
    border-top: 0 solid transparent;
    border-bottom: 0 solid transparent;
  }
  .lg\:grid-line-xfull > *::before {
    content: "";
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
    top: 0;
    bottom: calc(var(--inner-gutter) / -2);
    border-top: 0 solid transparent;
    border-bottom: 0 solid transparent;
  }
  .lg\:grid-line-x-0 > *::before {
    content: none;
  }
  .lg\:grid-line-y > *::after {
    content: "";
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: 0;
    bottom: 0;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
  }
  .lg\:grid-line-yfull > *::after {
    content: "";
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: calc(var(--inner-gutter) / -1);
    bottom: 0;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
  }
  .lg\:grid-line-yfull[class*="grid-line-x"] > *::after {
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: calc(var(--inner-gutter) / -2);
    bottom: calc(var(--inner-gutter) / -2);
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
  }
  .lg\:grid-line-y-0 > *::after {
    content: none;
  }
  .lg\:grid-line-x-0[class*="grid-line-x-"] > *::before {
    bottom: -0rem;
  }
  .lg\:grid-line-x-0[class*="grid-line-yfull"] > *::after {
    top: -0rem;
    bottom: -0rem;
  }
  .lg\:grid-line-x-2xs[class*="grid-line-x-"] > *::before {
    bottom: -0.625rem;
  }
  .lg\:grid-line-x-2xs[class*="grid-line-yfull"] > *::after {
    top: -0.625rem;
    bottom: -0.625rem;
  }
  .lg\:grid-line-x-xs[class*="grid-line-x-"] > *::before {
    bottom: -0.75rem;
  }
  .lg\:grid-line-x-xs[class*="grid-line-yfull"] > *::after {
    top: -0.75rem;
    bottom: -0.75rem;
  }
  .lg\:grid-line-x-sm[class*="grid-line-x-"] > *::before {
    bottom: -0.875rem;
  }
  .lg\:grid-line-x-sm[class*="grid-line-yfull"] > *::after {
    top: -0.875rem;
    bottom: -0.875rem;
  }
  .lg\:grid-line-x-base[class*="grid-line-x-"] > *::before {
    bottom: -1rem;
  }
  .lg\:grid-line-x-base[class*="grid-line-yfull"] > *::after {
    top: -1rem;
    bottom: -1rem;
  }
  .lg\:grid-line-x-lg[class*="grid-line-x-"] > *::before {
    bottom: -1.125rem;
  }
  .lg\:grid-line-x-lg[class*="grid-line-yfull"] > *::after {
    top: -1.125rem;
    bottom: -1.125rem;
  }
  .lg\:grid-line-x-xl[class*="grid-line-x-"] > *::before {
    bottom: -1.25rem;
  }
  .lg\:grid-line-x-xl[class*="grid-line-yfull"] > *::after {
    top: -1.25rem;
    bottom: -1.25rem;
  }
  .lg\:grid-line-x-2xl[class*="grid-line-x-"] > *::before {
    bottom: -1.375rem;
  }
  .lg\:grid-line-x-2xl[class*="grid-line-yfull"] > *::after {
    top: -1.375rem;
    bottom: -1.375rem;
  }
  .lg\:grid-line-x-3xl[class*="grid-line-x-"] > *::before {
    bottom: -1.5rem;
  }
  .lg\:grid-line-x-3xl[class*="grid-line-yfull"] > *::after {
    top: -1.5rem;
    bottom: -1.5rem;
  }
  .lg\:grid-line-x-4xl[class*="grid-line-x-"] > *::before {
    bottom: -1.625rem;
  }
  .lg\:grid-line-x-4xl[class*="grid-line-yfull"] > *::after {
    top: -1.625rem;
    bottom: -1.625rem;
  }
  .lg\:grid-line-x-5xl[class*="grid-line-x-"] > *::before {
    bottom: -1.875rem;
  }
  .lg\:grid-line-x-5xl[class*="grid-line-yfull"] > *::after {
    top: -1.875rem;
    bottom: -1.875rem;
  }
  .lg\:grid-line-x-6xl[class*="grid-line-x-"] > *::before {
    bottom: -2.125rem;
  }
  .lg\:grid-line-x-6xl[class*="grid-line-yfull"] > *::after {
    top: -2.125rem;
    bottom: -2.125rem;
  }
  .lg\:grid-line-x-7xl[class*="grid-line-x-"] > *::before {
    bottom: -2.375rem;
  }
  .lg\:grid-line-x-7xl[class*="grid-line-yfull"] > *::after {
    top: -2.375rem;
    bottom: -2.375rem;
  }
  .lg\:grid-line-x-8xl[class*="grid-line-x-"] > *::before {
    bottom: -2.625rem;
  }
  .lg\:grid-line-x-8xl[class*="grid-line-yfull"] > *::after {
    top: -2.625rem;
    bottom: -2.625rem;
  }
  .lg\:grid-line-x-9xl[class*="grid-line-x-"] > *::before {
    bottom: -2.875rem;
  }
  .lg\:grid-line-x-9xl[class*="grid-line-yfull"] > *::after {
    top: -2.875rem;
    bottom: -2.875rem;
  }
  .lg\:grid-line-x-10xl[class*="grid-line-x-"] > *::before {
    bottom: -3.25rem;
  }
  .lg\:grid-line-x-10xl[class*="grid-line-yfull"] > *::after {
    top: -3.25rem;
    bottom: -3.25rem;
  }
  .lg\:grid-line-x-fl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 0.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 0.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 0.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 0.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 0.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xs-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 4.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xs-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 4.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 4.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + -4.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + -4.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + -4.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xs-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xs-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 8.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + -8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + -8.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + -8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xs-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 12.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xs-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 12.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 12.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + -12.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + -12.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + -12.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xs-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 20.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xs-md[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 20.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 20.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -20.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -20.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -20.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xs-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 28.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xs-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 28.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 28.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -28.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -28.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -28.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xs-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 36.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xs-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 36.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 36.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -36.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -36.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -36.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xs-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 44.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xs-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 44.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 44.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -44.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -44.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -44.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xs-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 60.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xs-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 60.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 60.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -60.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -60.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -60.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xs-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 76.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xs-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 76.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 76.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -76.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -76.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -76.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xs-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 92.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xs-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 92.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 92.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -92.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -92.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -92.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 4.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 4.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 4.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + -4.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + -4.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + -4.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 8.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + -8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + -8.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + -8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs-md[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 16.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -16.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 24.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 24.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 24.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -24.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -24.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -24.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 32.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 32.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 32.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -32.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -32.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -32.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 40.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 40.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 40.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -40.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -40.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -40.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 56.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 56.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 56.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -56.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -56.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -56.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 72.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 72.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 72.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -72.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -72.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -72.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 88.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xs-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 88.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 88.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -88.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -88.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -88.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 4.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 4.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 4.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + -4.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + -4.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + -4.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 12.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs-md[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 12.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 12.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -12.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -12.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -12.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 20.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 20.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 20.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -20.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -20.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -20.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 28.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 28.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 28.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -28.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -28.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -28.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 36.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 36.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 36.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -36.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -36.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -36.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 52.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 52.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 52.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -52.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -52.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -52.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 68.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 68.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 68.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -68.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -68.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -68.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 84.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xs-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 84.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 84.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -84.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -84.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -84.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm-md[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 8.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -8.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 24.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 24.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 24.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -24.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -24.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -24.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 32.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 32.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -32.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -32.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 48.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 48.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 48.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -48.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -48.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -48.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 64.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 64.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 64.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -64.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -64.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -64.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 80.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-sm-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 80.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 80.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -80.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -80.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -80.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 8.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg-md[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -8.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 16.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -16.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 24.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 24.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 24.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -24.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -24.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -24.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 40.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 40.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 40.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -40.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -40.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -40.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 56.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 56.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 56.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -56.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -56.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -56.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 72.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-md-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 72.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 72.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -72.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -72.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -72.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 8.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -8.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 32.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 32.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -32.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -32.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 48.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 48.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 48.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -48.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -48.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -48.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 64.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-lg-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 64.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 64.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -64.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -64.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -64.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 8.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -8.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -8.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 24.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 24.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 24.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -24.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -24.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -24.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 40.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 40.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 40.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -40.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -40.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -40.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 56.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 56.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 56.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -56.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -56.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -56.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 32.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 32.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -32.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -32.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 48.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-2xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 48.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 48.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -48.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -48.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -48.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + 16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + 16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + 32.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-3xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + 32.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -32.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -32.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + 16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-4xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + 16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fl-5xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -16.00 * var(--fluid-bp));
  }
  .lg\:grid-line-x-fg-primary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-fg-primary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-fg-primary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-fg-primary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-fg-secondary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-fg-secondary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-fg-secondary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-fg-secondary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-fg-accent[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-fg-accent[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-fg-accent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-fg-accent[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-fg-alternate[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-fg-alternate[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-fg-alternate[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-fg-alternate[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-fg-brand[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-fg-brand[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-fg-brand[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-fg-brand[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-fg-success[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-fg-success[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-fg-success[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-fg-success[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-fg-error[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-fg-error[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-fg-error[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-fg-error[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-fg-tertiary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-fg-tertiary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-fg-tertiary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-fg-tertiary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-fg-quaternary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-fg-quaternary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-fg-quaternary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-fg-quaternary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-fg-quinary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-fg-quinary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-fg-quinary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-fg-quinary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-surface-primary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-surface-primary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-primary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-primary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-surface-secondary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-surface-secondary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-secondary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-secondary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-surface-tertiary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-surface-tertiary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-tertiary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-tertiary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-surface-alternate[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-surface-alternate[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-alternate[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-alternate[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-surface-accent-green[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-surface-accent-green[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-accent-green[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-accent-green[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-surface-accent-navy[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-surface-accent-navy[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-accent-navy[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-accent-navy[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-surface-accent-orange[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-surface-accent-orange[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-accent-orange[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-accent-orange[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-surface-accent-lime[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-surface-accent-lime[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-accent-lime[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-accent-lime[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-surface-accent-forest[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-surface-accent-forest[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-accent-forest[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-accent-forest[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-surface-accent[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-surface-accent[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-accent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-accent[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-surface-quaternary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-surface-quaternary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-quaternary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-quaternary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-surface-quinary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-surface-quinary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-quinary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-quinary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-surface-brand[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-surface-brand[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-brand[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-surface-brand[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-stroke-primary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-stroke-primary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-stroke-primary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-stroke-primary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-stroke-secondary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-stroke-secondary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-stroke-secondary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-stroke-secondary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-stroke-alternate[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-stroke-alternate[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-stroke-alternate[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-stroke-alternate[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-stroke-accent[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-stroke-accent[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-stroke-accent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-stroke-accent[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-stroke-success[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-stroke-success[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-stroke-success[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-stroke-success[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-stroke-error[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-stroke-error[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-stroke-error[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-stroke-error[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-stroke-tertiary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-stroke-tertiary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-stroke-tertiary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-stroke-tertiary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-stroke-quaternary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-stroke-quaternary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-stroke-quaternary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-stroke-quaternary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-stroke-quinary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-stroke-quinary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-stroke-quinary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-stroke-quinary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-stroke-brand[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-y-stroke-brand[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-stroke-brand[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-xy-stroke-brand[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .lg\:grid-line-x-DEFAULT[class*="grid-line-x-"] > *::before {
    border-bottom-color: currentColor;
  }
  .lg\:grid-line-y-DEFAULT[class*="grid-line-y-"] > *::after {
    border-right-color: currentColor;
  }
  .lg\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::before {
    border-bottom-color: currentColor;
  }
  .lg\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::after {
    border-right-color: currentColor;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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(2n+1)::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(2n+1):nth-last-child(-n+2)::before {
    border-bottom-width: 0;
  }
  .lg\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):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(2n+1):nth-last-child(-n+2)::after {
    bottom: 0;
  }
  .lg\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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;
  }
}
@media (min-width: 1280px) {
  [class*="grid-line-"] > * {
    position: relative;
  }
  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
  }
  .xl\:grid-line-x > *::before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: calc(var(--inner-gutter) / -2);
    border-top: 0 solid transparent;
    border-bottom: 0 solid transparent;
  }
  .xl\:grid-line-xfull > *::before {
    content: "";
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
    top: 0;
    bottom: calc(var(--inner-gutter) / -2);
    border-top: 0 solid transparent;
    border-bottom: 0 solid transparent;
  }
  .xl\:grid-line-x-0 > *::before {
    content: none;
  }
  .xl\:grid-line-y > *::after {
    content: "";
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: 0;
    bottom: 0;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
  }
  .xl\:grid-line-yfull > *::after {
    content: "";
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: calc(var(--inner-gutter) / -1);
    bottom: 0;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
  }
  .xl\:grid-line-yfull[class*="grid-line-x"] > *::after {
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: calc(var(--inner-gutter) / -2);
    bottom: calc(var(--inner-gutter) / -2);
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
  }
  .xl\:grid-line-y-0 > *::after {
    content: none;
  }
  .xl\:grid-line-x-0[class*="grid-line-x-"] > *::before {
    bottom: -0rem;
  }
  .xl\:grid-line-x-0[class*="grid-line-yfull"] > *::after {
    top: -0rem;
    bottom: -0rem;
  }
  .xl\:grid-line-x-2xs[class*="grid-line-x-"] > *::before {
    bottom: -0.625rem;
  }
  .xl\:grid-line-x-2xs[class*="grid-line-yfull"] > *::after {
    top: -0.625rem;
    bottom: -0.625rem;
  }
  .xl\:grid-line-x-xs[class*="grid-line-x-"] > *::before {
    bottom: -0.75rem;
  }
  .xl\:grid-line-x-xs[class*="grid-line-yfull"] > *::after {
    top: -0.75rem;
    bottom: -0.75rem;
  }
  .xl\:grid-line-x-sm[class*="grid-line-x-"] > *::before {
    bottom: -0.875rem;
  }
  .xl\:grid-line-x-sm[class*="grid-line-yfull"] > *::after {
    top: -0.875rem;
    bottom: -0.875rem;
  }
  .xl\:grid-line-x-base[class*="grid-line-x-"] > *::before {
    bottom: -1rem;
  }
  .xl\:grid-line-x-base[class*="grid-line-yfull"] > *::after {
    top: -1rem;
    bottom: -1rem;
  }
  .xl\:grid-line-x-lg[class*="grid-line-x-"] > *::before {
    bottom: -1.125rem;
  }
  .xl\:grid-line-x-lg[class*="grid-line-yfull"] > *::after {
    top: -1.125rem;
    bottom: -1.125rem;
  }
  .xl\:grid-line-x-xl[class*="grid-line-x-"] > *::before {
    bottom: -1.25rem;
  }
  .xl\:grid-line-x-xl[class*="grid-line-yfull"] > *::after {
    top: -1.25rem;
    bottom: -1.25rem;
  }
  .xl\:grid-line-x-2xl[class*="grid-line-x-"] > *::before {
    bottom: -1.375rem;
  }
  .xl\:grid-line-x-2xl[class*="grid-line-yfull"] > *::after {
    top: -1.375rem;
    bottom: -1.375rem;
  }
  .xl\:grid-line-x-3xl[class*="grid-line-x-"] > *::before {
    bottom: -1.5rem;
  }
  .xl\:grid-line-x-3xl[class*="grid-line-yfull"] > *::after {
    top: -1.5rem;
    bottom: -1.5rem;
  }
  .xl\:grid-line-x-4xl[class*="grid-line-x-"] > *::before {
    bottom: -1.625rem;
  }
  .xl\:grid-line-x-4xl[class*="grid-line-yfull"] > *::after {
    top: -1.625rem;
    bottom: -1.625rem;
  }
  .xl\:grid-line-x-5xl[class*="grid-line-x-"] > *::before {
    bottom: -1.875rem;
  }
  .xl\:grid-line-x-5xl[class*="grid-line-yfull"] > *::after {
    top: -1.875rem;
    bottom: -1.875rem;
  }
  .xl\:grid-line-x-6xl[class*="grid-line-x-"] > *::before {
    bottom: -2.125rem;
  }
  .xl\:grid-line-x-6xl[class*="grid-line-yfull"] > *::after {
    top: -2.125rem;
    bottom: -2.125rem;
  }
  .xl\:grid-line-x-7xl[class*="grid-line-x-"] > *::before {
    bottom: -2.375rem;
  }
  .xl\:grid-line-x-7xl[class*="grid-line-yfull"] > *::after {
    top: -2.375rem;
    bottom: -2.375rem;
  }
  .xl\:grid-line-x-8xl[class*="grid-line-x-"] > *::before {
    bottom: -2.625rem;
  }
  .xl\:grid-line-x-8xl[class*="grid-line-yfull"] > *::after {
    top: -2.625rem;
    bottom: -2.625rem;
  }
  .xl\:grid-line-x-9xl[class*="grid-line-x-"] > *::before {
    bottom: -2.875rem;
  }
  .xl\:grid-line-x-9xl[class*="grid-line-yfull"] > *::after {
    top: -2.875rem;
    bottom: -2.875rem;
  }
  .xl\:grid-line-x-10xl[class*="grid-line-x-"] > *::before {
    bottom: -3.25rem;
  }
  .xl\:grid-line-x-10xl[class*="grid-line-yfull"] > *::after {
    top: -3.25rem;
    bottom: -3.25rem;
  }
  .xl\:grid-line-x-fl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 0.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 0.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 0.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 0.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 0.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + 0.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xs-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 4.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xs-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 4.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 4.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + -4.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + -4.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + -4.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xs-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xs-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 8.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + -8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + -8.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + -8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xs-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 12.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xs-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 12.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 12.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + -12.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + -12.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + -12.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xs-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 20.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xs-md[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 20.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 20.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -20.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -20.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -20.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xs-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 28.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xs-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 28.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 28.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -28.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -28.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -28.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xs-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 36.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xs-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 36.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 36.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -36.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -36.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -36.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xs-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 44.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xs-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 44.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 44.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -44.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -44.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -44.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xs-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 60.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xs-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 60.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 60.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -60.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -60.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -60.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xs-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 76.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xs-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 76.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 76.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -76.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -76.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -76.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xs-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 92.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xs-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 92.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 92.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -92.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -92.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -92.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 4.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 4.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 4.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + -4.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + -4.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + -4.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 8.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + -8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + -8.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + -8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs-md[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 16.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -16.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 24.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 24.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 24.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -24.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -24.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -24.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 32.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 32.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 32.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -32.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -32.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -32.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 40.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 40.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 40.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -40.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -40.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -40.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 56.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 56.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 56.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -56.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -56.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -56.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 72.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 72.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 72.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -72.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -72.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -72.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 88.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xs-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 88.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 88.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -88.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -88.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -88.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 4.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 4.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 4.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + -4.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + -4.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + -4.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 12.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs-md[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 12.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 12.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -12.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -12.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -12.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 20.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 20.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 20.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -20.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -20.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -20.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 28.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 28.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 28.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -28.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -28.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -28.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 36.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 36.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 36.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -36.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -36.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -36.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 52.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 52.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 52.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -52.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -52.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -52.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 68.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 68.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 68.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -68.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -68.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -68.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 84.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xs-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 84.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 84.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -84.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -84.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -84.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm-md[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 8.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -8.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 24.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 24.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 24.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -24.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -24.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -24.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 32.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 32.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -32.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -32.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 48.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 48.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 48.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -48.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -48.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -48.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 64.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 64.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 64.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -64.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -64.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -64.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 80.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-sm-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 80.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 80.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -80.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -80.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -80.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 8.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg-md[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -8.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 16.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -16.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 24.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 24.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 24.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -24.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -24.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -24.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 40.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 40.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 40.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -40.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -40.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -40.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 56.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 56.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 56.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -56.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -56.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -56.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 72.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-md-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 72.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 72.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -72.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -72.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -72.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 8.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -8.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 32.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 32.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -32.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -32.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 48.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 48.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 48.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -48.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -48.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -48.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 64.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-lg-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 64.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 64.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -64.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -64.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -64.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 8.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -8.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -8.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 24.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 24.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 24.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -24.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -24.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -24.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 40.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 40.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 40.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -40.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -40.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -40.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 56.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 56.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 56.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -56.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -56.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -56.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 32.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 32.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -32.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -32.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 48.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-2xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 48.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 48.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -48.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -48.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -48.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + 16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + 16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + 32.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-3xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + 32.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -32.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -32.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + 16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-4xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + 16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fl-5xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -16.00 * var(--fluid-bp));
  }
  .xl\:grid-line-x-fg-primary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-fg-primary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-fg-primary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-fg-primary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-fg-secondary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-fg-secondary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-fg-secondary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-fg-secondary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-fg-accent[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-fg-accent[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-fg-accent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-fg-accent[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-fg-alternate[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-fg-alternate[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-fg-alternate[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-fg-alternate[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-fg-brand[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-fg-brand[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-fg-brand[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-fg-brand[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-fg-success[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-fg-success[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-fg-success[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-fg-success[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-fg-error[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-fg-error[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-fg-error[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-fg-error[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-fg-tertiary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-fg-tertiary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-fg-tertiary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-fg-tertiary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-fg-quaternary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-fg-quaternary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-fg-quaternary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-fg-quaternary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-fg-quinary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-fg-quinary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-fg-quinary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-fg-quinary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-surface-primary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-surface-primary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-primary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-primary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-surface-secondary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-surface-secondary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-secondary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-secondary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-surface-tertiary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-surface-tertiary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-tertiary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-tertiary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-surface-alternate[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-surface-alternate[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-alternate[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-alternate[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-surface-accent-green[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-surface-accent-green[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-accent-green[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-accent-green[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-surface-accent-navy[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-surface-accent-navy[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-accent-navy[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-accent-navy[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-surface-accent-orange[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-surface-accent-orange[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-accent-orange[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-accent-orange[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-surface-accent-lime[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-surface-accent-lime[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-accent-lime[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-accent-lime[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-surface-accent-forest[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-surface-accent-forest[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-accent-forest[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-accent-forest[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-surface-accent[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-surface-accent[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-accent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-accent[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-surface-quaternary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-surface-quaternary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-quaternary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-quaternary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-surface-quinary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-surface-quinary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-quinary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-quinary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-surface-brand[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-surface-brand[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-brand[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-surface-brand[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-stroke-primary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-stroke-primary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-stroke-primary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-stroke-primary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-stroke-secondary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-stroke-secondary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-stroke-secondary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-stroke-secondary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-stroke-alternate[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-stroke-alternate[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-stroke-alternate[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-stroke-alternate[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-stroke-accent[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-stroke-accent[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-stroke-accent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-stroke-accent[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-stroke-success[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-stroke-success[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-stroke-success[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-stroke-success[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-stroke-error[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-stroke-error[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-stroke-error[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-stroke-error[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-stroke-tertiary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-stroke-tertiary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-stroke-tertiary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-stroke-tertiary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-stroke-quaternary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-stroke-quaternary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-stroke-quaternary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-stroke-quaternary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-stroke-quinary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-stroke-quinary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-stroke-quinary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-stroke-quinary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-stroke-brand[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-y-stroke-brand[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-stroke-brand[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-xy-stroke-brand[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xl\:grid-line-x-DEFAULT[class*="grid-line-x-"] > *::before {
    border-bottom-color: currentColor;
  }
  .xl\:grid-line-y-DEFAULT[class*="grid-line-y-"] > *::after {
    border-right-color: currentColor;
  }
  .xl\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::before {
    border-bottom-color: currentColor;
  }
  .xl\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::after {
    border-right-color: currentColor;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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(2n+1)::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(2n+1):nth-last-child(-n+2)::before {
    border-bottom-width: 0;
  }
  .xl\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):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(2n+1):nth-last-child(-n+2)::after {
    bottom: 0;
  }
  .xl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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;
  }
}
@media (min-width: 1440px) {
  [class*="grid-line-"] > * {
    position: relative;
  }
  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
  }
  .xxl\:grid-line-x > *::before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: calc(var(--inner-gutter) / -2);
    border-top: 0 solid transparent;
    border-bottom: 0 solid transparent;
  }
  .xxl\:grid-line-xfull > *::before {
    content: "";
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
    top: 0;
    bottom: calc(var(--inner-gutter) / -2);
    border-top: 0 solid transparent;
    border-bottom: 0 solid transparent;
  }
  .xxl\:grid-line-x-0 > *::before {
    content: none;
  }
  .xxl\:grid-line-y > *::after {
    content: "";
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: 0;
    bottom: 0;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
  }
  .xxl\:grid-line-yfull > *::after {
    content: "";
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: calc(var(--inner-gutter) / -1);
    bottom: 0;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
  }
  .xxl\:grid-line-yfull[class*="grid-line-x"] > *::after {
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: calc(var(--inner-gutter) / -2);
    bottom: calc(var(--inner-gutter) / -2);
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
  }
  .xxl\:grid-line-y-0 > *::after {
    content: none;
  }
  .xxl\:grid-line-x-0[class*="grid-line-x-"] > *::before {
    bottom: -0rem;
  }
  .xxl\:grid-line-x-0[class*="grid-line-yfull"] > *::after {
    top: -0rem;
    bottom: -0rem;
  }
  .xxl\:grid-line-x-2xs[class*="grid-line-x-"] > *::before {
    bottom: -0.625rem;
  }
  .xxl\:grid-line-x-2xs[class*="grid-line-yfull"] > *::after {
    top: -0.625rem;
    bottom: -0.625rem;
  }
  .xxl\:grid-line-x-xs[class*="grid-line-x-"] > *::before {
    bottom: -0.75rem;
  }
  .xxl\:grid-line-x-xs[class*="grid-line-yfull"] > *::after {
    top: -0.75rem;
    bottom: -0.75rem;
  }
  .xxl\:grid-line-x-sm[class*="grid-line-x-"] > *::before {
    bottom: -0.875rem;
  }
  .xxl\:grid-line-x-sm[class*="grid-line-yfull"] > *::after {
    top: -0.875rem;
    bottom: -0.875rem;
  }
  .xxl\:grid-line-x-base[class*="grid-line-x-"] > *::before {
    bottom: -1rem;
  }
  .xxl\:grid-line-x-base[class*="grid-line-yfull"] > *::after {
    top: -1rem;
    bottom: -1rem;
  }
  .xxl\:grid-line-x-lg[class*="grid-line-x-"] > *::before {
    bottom: -1.125rem;
  }
  .xxl\:grid-line-x-lg[class*="grid-line-yfull"] > *::after {
    top: -1.125rem;
    bottom: -1.125rem;
  }
  .xxl\:grid-line-x-xl[class*="grid-line-x-"] > *::before {
    bottom: -1.25rem;
  }
  .xxl\:grid-line-x-xl[class*="grid-line-yfull"] > *::after {
    top: -1.25rem;
    bottom: -1.25rem;
  }
  .xxl\:grid-line-x-2xl[class*="grid-line-x-"] > *::before {
    bottom: -1.375rem;
  }
  .xxl\:grid-line-x-2xl[class*="grid-line-yfull"] > *::after {
    top: -1.375rem;
    bottom: -1.375rem;
  }
  .xxl\:grid-line-x-3xl[class*="grid-line-x-"] > *::before {
    bottom: -1.5rem;
  }
  .xxl\:grid-line-x-3xl[class*="grid-line-yfull"] > *::after {
    top: -1.5rem;
    bottom: -1.5rem;
  }
  .xxl\:grid-line-x-4xl[class*="grid-line-x-"] > *::before {
    bottom: -1.625rem;
  }
  .xxl\:grid-line-x-4xl[class*="grid-line-yfull"] > *::after {
    top: -1.625rem;
    bottom: -1.625rem;
  }
  .xxl\:grid-line-x-5xl[class*="grid-line-x-"] > *::before {
    bottom: -1.875rem;
  }
  .xxl\:grid-line-x-5xl[class*="grid-line-yfull"] > *::after {
    top: -1.875rem;
    bottom: -1.875rem;
  }
  .xxl\:grid-line-x-6xl[class*="grid-line-x-"] > *::before {
    bottom: -2.125rem;
  }
  .xxl\:grid-line-x-6xl[class*="grid-line-yfull"] > *::after {
    top: -2.125rem;
    bottom: -2.125rem;
  }
  .xxl\:grid-line-x-7xl[class*="grid-line-x-"] > *::before {
    bottom: -2.375rem;
  }
  .xxl\:grid-line-x-7xl[class*="grid-line-yfull"] > *::after {
    top: -2.375rem;
    bottom: -2.375rem;
  }
  .xxl\:grid-line-x-8xl[class*="grid-line-x-"] > *::before {
    bottom: -2.625rem;
  }
  .xxl\:grid-line-x-8xl[class*="grid-line-yfull"] > *::after {
    top: -2.625rem;
    bottom: -2.625rem;
  }
  .xxl\:grid-line-x-9xl[class*="grid-line-x-"] > *::before {
    bottom: -2.875rem;
  }
  .xxl\:grid-line-x-9xl[class*="grid-line-yfull"] > *::after {
    top: -2.875rem;
    bottom: -2.875rem;
  }
  .xxl\:grid-line-x-10xl[class*="grid-line-x-"] > *::before {
    bottom: -3.25rem;
  }
  .xxl\:grid-line-x-10xl[class*="grid-line-yfull"] > *::after {
    top: -3.25rem;
    bottom: -3.25rem;
  }
  .xxl\:grid-line-x-fl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 0.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 0.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 0.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 0.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 0.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + 0.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xs-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 4.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xs-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 4.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 4.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + -4.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + -4.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + -4.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xs-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xs-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 8.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + -8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + -8.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + -8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xs-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 12.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xs-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 12.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 12.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + -12.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + -12.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + -12.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xs-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 20.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xs-md[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 20.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 20.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -20.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -20.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -20.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xs-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 28.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xs-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 28.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 28.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -28.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -28.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -28.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xs-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 36.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xs-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 36.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 36.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -36.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -36.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -36.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xs-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 44.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xs-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 44.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 44.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -44.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -44.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -44.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xs-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 60.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xs-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 60.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 60.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -60.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -60.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -60.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xs-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 76.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xs-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 76.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 76.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -76.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -76.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -76.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xs-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 92.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xs-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 92.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 92.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -92.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -92.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -92.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 4.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 4.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 4.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + -4.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + -4.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + -4.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 8.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + -8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + -8.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + -8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs-md[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 16.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -16.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 24.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 24.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 24.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -24.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -24.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -24.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 32.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 32.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 32.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -32.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -32.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -32.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 40.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 40.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 40.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -40.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -40.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -40.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 56.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 56.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 56.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -56.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -56.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -56.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 72.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 72.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 72.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -72.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -72.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -72.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 88.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xs-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 88.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 88.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -88.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -88.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -88.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 4.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 4.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 4.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + -4.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + -4.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + -4.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 12.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs-md[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 12.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 12.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -12.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -12.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -12.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 20.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 20.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 20.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -20.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -20.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -20.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 28.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 28.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 28.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -28.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -28.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -28.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 36.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 36.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 36.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -36.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -36.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -36.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 52.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 52.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 52.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -52.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -52.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -52.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 68.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 68.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 68.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -68.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -68.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -68.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 84.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xs-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 84.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 84.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -84.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -84.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -84.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm-md[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 8.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -8.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 24.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 24.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 24.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -24.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -24.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -24.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 32.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 32.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -32.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -32.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 48.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 48.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 48.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -48.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -48.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -48.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 64.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 64.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 64.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -64.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -64.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -64.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 80.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-sm-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 80.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 80.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -80.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -80.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -80.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 8.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg-md[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -8.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 16.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -16.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 24.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 24.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 24.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -24.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -24.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -24.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 40.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 40.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 40.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -40.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -40.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -40.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 56.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 56.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 56.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -56.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -56.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -56.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 72.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-md-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 72.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 72.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -72.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -72.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -72.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 8.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -8.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 32.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 32.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -32.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -32.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 48.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 48.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 48.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -48.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -48.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -48.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 64.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-lg-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 64.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 64.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -64.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -64.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -64.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 8.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -8.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -8.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 24.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 24.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 24.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -24.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -24.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -24.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 40.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 40.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 40.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -40.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -40.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -40.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 56.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 56.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 56.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -56.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -56.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -56.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 32.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 32.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -32.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -32.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 48.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-2xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 48.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 48.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -48.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -48.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -48.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + 16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + 16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + 32.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-3xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + 32.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -32.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -32.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + 16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-4xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + 16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fl-5xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -16.00 * var(--fluid-bp));
  }
  .xxl\:grid-line-x-fg-primary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-fg-primary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-fg-primary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-fg-primary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-fg-secondary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-fg-secondary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-fg-secondary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-fg-secondary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-fg-accent[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-fg-accent[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-fg-accent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-fg-accent[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-fg-alternate[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-fg-alternate[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-fg-alternate[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-fg-alternate[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-fg-brand[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-fg-brand[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-fg-brand[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-fg-brand[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-fg-success[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-fg-success[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-fg-success[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-fg-success[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-fg-error[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-fg-error[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-fg-error[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-fg-error[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-fg-tertiary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-fg-tertiary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-fg-tertiary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-fg-tertiary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-fg-quaternary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-fg-quaternary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-fg-quaternary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-fg-quaternary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-fg-quinary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-fg-quinary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-fg-quinary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-fg-quinary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-surface-primary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-surface-primary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-primary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-primary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-surface-secondary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-surface-secondary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-secondary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-secondary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-surface-tertiary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-surface-tertiary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-tertiary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-tertiary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-surface-alternate[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-surface-alternate[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-alternate[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-alternate[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-surface-accent-green[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-surface-accent-green[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-accent-green[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-accent-green[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-surface-accent-navy[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-surface-accent-navy[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-accent-navy[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-accent-navy[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-surface-accent-orange[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-surface-accent-orange[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-accent-orange[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-accent-orange[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-surface-accent-lime[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-surface-accent-lime[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-accent-lime[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-accent-lime[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-surface-accent-forest[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-surface-accent-forest[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-accent-forest[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-accent-forest[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-surface-accent[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-surface-accent[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-accent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-accent[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-surface-quaternary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-surface-quaternary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-quaternary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-quaternary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-surface-quinary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-surface-quinary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-quinary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-quinary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-surface-brand[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-surface-brand[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-brand[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-surface-brand[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-stroke-primary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-stroke-primary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-stroke-primary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-stroke-primary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-stroke-secondary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-stroke-secondary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-stroke-secondary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-stroke-secondary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-stroke-alternate[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-stroke-alternate[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-stroke-alternate[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-stroke-alternate[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-stroke-accent[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-stroke-accent[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-stroke-accent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-stroke-accent[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-stroke-success[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-stroke-success[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-stroke-success[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-stroke-success[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-stroke-error[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-stroke-error[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-stroke-error[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-stroke-error[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-stroke-tertiary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-stroke-tertiary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-stroke-tertiary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-stroke-tertiary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-stroke-quaternary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-stroke-quaternary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-stroke-quaternary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-stroke-quaternary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-stroke-quinary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-stroke-quinary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-stroke-quinary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-stroke-quinary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-stroke-brand[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-y-stroke-brand[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-stroke-brand[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-xy-stroke-brand[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .xxl\:grid-line-x-DEFAULT[class*="grid-line-x-"] > *::before {
    border-bottom-color: currentColor;
  }
  .xxl\:grid-line-y-DEFAULT[class*="grid-line-y-"] > *::after {
    border-right-color: currentColor;
  }
  .xxl\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::before {
    border-bottom-color: currentColor;
  }
  .xxl\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::after {
    border-right-color: currentColor;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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(2n+1)::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(2n+1):nth-last-child(-n+2)::before {
    border-bottom-width: 0;
  }
  .xxl\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):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(2n+1):nth-last-child(-n+2)::after {
    bottom: 0;
  }
  .xxl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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;
  }
}
@media (min-width: 1921px) {
  [class*="grid-line-"] > * {
    position: relative;
  }
  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
  }
  .2xl\:grid-line-x > *::before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: calc(var(--inner-gutter) / -2);
    border-top: 0 solid transparent;
    border-bottom: 0 solid transparent;
  }
  .2xl\:grid-line-xfull > *::before {
    content: "";
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
    top: 0;
    bottom: calc(var(--inner-gutter) / -2);
    border-top: 0 solid transparent;
    border-bottom: 0 solid transparent;
  }
  .2xl\:grid-line-x-0 > *::before {
    content: none;
  }
  .2xl\:grid-line-y > *::after {
    content: "";
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: 0;
    bottom: 0;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
  }
  .2xl\:grid-line-yfull > *::after {
    content: "";
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: calc(var(--inner-gutter) / -1);
    bottom: 0;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
  }
  .2xl\:grid-line-yfull[class*="grid-line-x"] > *::after {
    left: 0;
    right: calc(var(--inner-gutter) / -2);
    top: calc(var(--inner-gutter) / -2);
    bottom: calc(var(--inner-gutter) / -2);
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
  }
  .2xl\:grid-line-y-0 > *::after {
    content: none;
  }
  .2xl\:grid-line-x-0[class*="grid-line-x-"] > *::before {
    bottom: -0rem;
  }
  .2xl\:grid-line-x-0[class*="grid-line-yfull"] > *::after {
    top: -0rem;
    bottom: -0rem;
  }
  .2xl\:grid-line-x-2xs[class*="grid-line-x-"] > *::before {
    bottom: -0.625rem;
  }
  .2xl\:grid-line-x-2xs[class*="grid-line-yfull"] > *::after {
    top: -0.625rem;
    bottom: -0.625rem;
  }
  .2xl\:grid-line-x-xs[class*="grid-line-x-"] > *::before {
    bottom: -0.75rem;
  }
  .2xl\:grid-line-x-xs[class*="grid-line-yfull"] > *::after {
    top: -0.75rem;
    bottom: -0.75rem;
  }
  .2xl\:grid-line-x-sm[class*="grid-line-x-"] > *::before {
    bottom: -0.875rem;
  }
  .2xl\:grid-line-x-sm[class*="grid-line-yfull"] > *::after {
    top: -0.875rem;
    bottom: -0.875rem;
  }
  .2xl\:grid-line-x-base[class*="grid-line-x-"] > *::before {
    bottom: -1rem;
  }
  .2xl\:grid-line-x-base[class*="grid-line-yfull"] > *::after {
    top: -1rem;
    bottom: -1rem;
  }
  .2xl\:grid-line-x-lg[class*="grid-line-x-"] > *::before {
    bottom: -1.125rem;
  }
  .2xl\:grid-line-x-lg[class*="grid-line-yfull"] > *::after {
    top: -1.125rem;
    bottom: -1.125rem;
  }
  .2xl\:grid-line-x-xl[class*="grid-line-x-"] > *::before {
    bottom: -1.25rem;
  }
  .2xl\:grid-line-x-xl[class*="grid-line-yfull"] > *::after {
    top: -1.25rem;
    bottom: -1.25rem;
  }
  .2xl\:grid-line-x-2xl[class*="grid-line-x-"] > *::before {
    bottom: -1.375rem;
  }
  .2xl\:grid-line-x-2xl[class*="grid-line-yfull"] > *::after {
    top: -1.375rem;
    bottom: -1.375rem;
  }
  .2xl\:grid-line-x-3xl[class*="grid-line-x-"] > *::before {
    bottom: -1.5rem;
  }
  .2xl\:grid-line-x-3xl[class*="grid-line-yfull"] > *::after {
    top: -1.5rem;
    bottom: -1.5rem;
  }
  .2xl\:grid-line-x-4xl[class*="grid-line-x-"] > *::before {
    bottom: -1.625rem;
  }
  .2xl\:grid-line-x-4xl[class*="grid-line-yfull"] > *::after {
    top: -1.625rem;
    bottom: -1.625rem;
  }
  .2xl\:grid-line-x-5xl[class*="grid-line-x-"] > *::before {
    bottom: -1.875rem;
  }
  .2xl\:grid-line-x-5xl[class*="grid-line-yfull"] > *::after {
    top: -1.875rem;
    bottom: -1.875rem;
  }
  .2xl\:grid-line-x-6xl[class*="grid-line-x-"] > *::before {
    bottom: -2.125rem;
  }
  .2xl\:grid-line-x-6xl[class*="grid-line-yfull"] > *::after {
    top: -2.125rem;
    bottom: -2.125rem;
  }
  .2xl\:grid-line-x-7xl[class*="grid-line-x-"] > *::before {
    bottom: -2.375rem;
  }
  .2xl\:grid-line-x-7xl[class*="grid-line-yfull"] > *::after {
    top: -2.375rem;
    bottom: -2.375rem;
  }
  .2xl\:grid-line-x-8xl[class*="grid-line-x-"] > *::before {
    bottom: -2.625rem;
  }
  .2xl\:grid-line-x-8xl[class*="grid-line-yfull"] > *::after {
    top: -2.625rem;
    bottom: -2.625rem;
  }
  .2xl\:grid-line-x-9xl[class*="grid-line-x-"] > *::before {
    bottom: -2.875rem;
  }
  .2xl\:grid-line-x-9xl[class*="grid-line-yfull"] > *::after {
    top: -2.875rem;
    bottom: -2.875rem;
  }
  .2xl\:grid-line-x-10xl[class*="grid-line-x-"] > *::before {
    bottom: -3.25rem;
  }
  .2xl\:grid-line-x-10xl[class*="grid-line-yfull"] > *::after {
    top: -3.25rem;
    bottom: -3.25rem;
  }
  .2xl\:grid-line-x-fl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 0.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 0.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 0.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 0.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 0.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + 0.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + 0.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xs-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 4.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xs-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 4.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 4.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + -4.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + -4.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + -4.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xs-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xs-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 8.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + -8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + -8.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + -8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xs-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 12.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xs-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 12.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 12.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + -12.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + -12.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + -12.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xs-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 20.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xs-md[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 20.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 20.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -20.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -20.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -20.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xs-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 28.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xs-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 28.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 28.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -28.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -28.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -28.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xs-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 36.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xs-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 36.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 36.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -36.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -36.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -36.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xs-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 44.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xs-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 44.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 44.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -44.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -44.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -44.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xs-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 60.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xs-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 60.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 60.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -60.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -60.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -60.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xs-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 76.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xs-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 76.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 76.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -76.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -76.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -76.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xs-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.25rem + 92.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xs-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.25rem + 92.00 * var(--fluid-bp));
    bottom: -calc(0.25rem + 92.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl-3xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -92.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl-3xs[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -92.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -92.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 4.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 4.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 4.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + -4.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + -4.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + -4.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 8.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + -8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + -8.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + -8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs-md[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 16.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -16.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 24.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 24.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 24.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -24.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -24.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -24.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 32.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 32.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 32.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -32.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -32.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -32.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 40.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 40.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 40.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -40.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -40.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -40.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 56.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 56.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 56.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -56.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -56.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -56.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 72.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 72.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 72.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -72.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -72.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -72.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.50rem + 88.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xs-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.50rem + 88.00 * var(--fluid-bp));
    bottom: -calc(0.50rem + 88.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl-2xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -88.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl-2xs[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -88.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -88.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 4.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 4.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 4.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + -4.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + -4.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + -4.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 12.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs-md[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 12.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 12.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -12.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -12.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -12.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 20.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 20.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 20.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -20.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -20.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -20.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 28.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 28.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 28.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -28.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -28.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -28.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 36.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 36.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 36.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -36.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -36.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -36.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 52.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 52.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 52.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -52.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -52.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -52.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 68.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 68.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 68.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -68.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -68.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -68.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(0.75rem + 84.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xs-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(0.75rem + 84.00 * var(--fluid-bp));
    bottom: -calc(0.75rem + 84.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl-xs[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -84.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl-xs[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -84.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -84.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm-md[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 8.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + -8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + -8.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + -8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 24.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 24.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 24.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -24.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -24.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -24.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 32.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 32.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -32.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -32.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 48.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 48.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 48.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -48.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -48.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -48.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 64.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 64.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 64.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -64.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -64.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -64.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.00rem + 80.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-sm-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.00rem + 80.00 * var(--fluid-bp));
    bottom: -calc(1.00rem + 80.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl-sm[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -80.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl-sm[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -80.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -80.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 8.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + -8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg-md[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + -8.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + -8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 16.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -16.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 24.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 24.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 24.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -24.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -24.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -24.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 40.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 40.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 40.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -40.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -40.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -40.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 56.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 56.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 56.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -56.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -56.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -56.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(1.50rem + 72.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-md-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(1.50rem + 72.00 * var(--fluid-bp));
    bottom: -calc(1.50rem + 72.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl-md[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -72.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl-md[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -72.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -72.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 8.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + -8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + -8.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + -8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 32.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 32.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -32.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -32.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 48.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 48.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 48.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -48.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -48.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -48.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.00rem + 64.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-lg-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.00rem + 64.00 * var(--fluid-bp));
    bottom: -calc(2.00rem + 64.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl-lg[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -64.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl-lg[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -64.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -64.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 8.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + -8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + -8.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + -8.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 24.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 24.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 24.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -24.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -24.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -24.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 40.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 40.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 40.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -40.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -40.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -40.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(2.50rem + 56.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(2.50rem + 56.00 * var(--fluid-bp));
    bottom: -calc(2.50rem + 56.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl-xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -56.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl-xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -56.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -56.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + -16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + -16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 32.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 32.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -32.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -32.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(3.00rem + 48.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-2xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(3.00rem + 48.00 * var(--fluid-bp));
    bottom: -calc(3.00rem + 48.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl-2xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -48.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl-2xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -48.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -48.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + 16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + 16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + -16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + -16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(4.00rem + 32.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-3xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(4.00rem + 32.00 * var(--fluid-bp));
    bottom: -calc(4.00rem + 32.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl-3xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -32.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl-3xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -32.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -32.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl-5xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(5.00rem + 16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-4xl-5xl[class*="grid-line-yfull"] > *::after {
    top: -calc(5.00rem + 16.00 * var(--fluid-bp));
    bottom: -calc(5.00rem + 16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl-4xl[class*="grid-line-x-"] > *::before {
    bottom: -calc(6.00rem + -16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fl-5xl-4xl[class*="grid-line-yfull"] > *::after {
    top: -calc(6.00rem + -16.00 * var(--fluid-bp));
    bottom: -calc(6.00rem + -16.00 * var(--fluid-bp));
  }
  .2xl\:grid-line-x-fg-primary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-fg-primary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-fg-primary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-fg-primary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-fg-secondary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-fg-secondary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-fg-secondary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-fg-secondary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-fg-accent[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-fg-accent[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-fg-accent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-fg-accent[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-fg-alternate[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-fg-alternate[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-fg-alternate[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-fg-alternate[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-fg-brand[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-fg-brand[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-fg-brand[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-fg-brand[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-fg-success[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-fg-success[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-fg-success[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-fg-success[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-fg-error[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-fg-error[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-fg-error[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-fg-error[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-fg-tertiary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-fg-tertiary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-fg-tertiary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-fg-tertiary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-fg-quaternary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-fg-quaternary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-fg-quaternary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-fg-quaternary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-fg-quinary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-fg-quinary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-fg-quinary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-fg-quinary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-surface-primary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-surface-primary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-primary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-primary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-surface-secondary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-surface-secondary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-secondary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-secondary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-surface-tertiary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-surface-tertiary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-tertiary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-tertiary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-surface-alternate[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-surface-alternate[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-alternate[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-alternate[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-surface-accent-green[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-surface-accent-green[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-accent-green[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-accent-green[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-surface-accent-navy[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-surface-accent-navy[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-accent-navy[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-accent-navy[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-surface-accent-orange[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-surface-accent-orange[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-accent-orange[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-accent-orange[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-surface-accent-lime[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-surface-accent-lime[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-accent-lime[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-accent-lime[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-surface-accent-forest[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-surface-accent-forest[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-accent-forest[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-accent-forest[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-surface-accent[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-surface-accent[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-accent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-accent[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-surface-quaternary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-surface-quaternary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-quaternary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-quaternary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-surface-quinary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-surface-quinary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-quinary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-quinary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-surface-brand[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-surface-brand[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-brand[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-surface-brand[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-stroke-primary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-stroke-primary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-stroke-primary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-stroke-primary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-stroke-secondary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-stroke-secondary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-stroke-secondary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-stroke-secondary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-stroke-alternate[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-stroke-alternate[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-stroke-alternate[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-stroke-alternate[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-stroke-accent[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-stroke-accent[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-stroke-accent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-stroke-accent[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-stroke-success[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-stroke-success[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-stroke-success[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-stroke-success[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-stroke-error[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-stroke-error[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-stroke-error[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-stroke-error[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-stroke-tertiary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-stroke-tertiary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-stroke-tertiary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-stroke-tertiary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-stroke-quaternary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-stroke-quaternary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-stroke-quaternary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-stroke-quaternary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-stroke-quinary[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-stroke-quinary[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-stroke-quinary[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-stroke-quinary[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-stroke-brand[class*="grid-line-x-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-y-stroke-brand[class*="grid-line-y-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-stroke-brand[class*="grid-line-xy-"] > *::before {
    border-bottom-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-xy-stroke-brand[class*="grid-line-xy-"] > *::after {
    border-right-color: ({ opacityVariable, opacityValue }) => {
        if (!isNaN(+opacityValue)) {
          return `hsl(var(${twcColorVariable}) / ${opacityValue})`;
        }
        if (opacityVariable) {
          return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, var(${opacityVariable})))`;
        }
        return `hsl(var(${twcColorVariable}) / var(${twcOpacityVariable}, 1))`;
      };
  }
  .2xl\:grid-line-x-DEFAULT[class*="grid-line-x-"] > *::before {
    border-bottom-color: currentColor;
  }
  .2xl\:grid-line-y-DEFAULT[class*="grid-line-y-"] > *::after {
    border-right-color: currentColor;
  }
  .2xl\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::before {
    border-bottom-color: currentColor;
  }
  .2xl\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::after {
    border-right-color: currentColor;
  }
  .2xl\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .2xl\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: 0;
    right: 0;
  }
  .2xl\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {
    right: 0;
  }
  .2xl\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {
    border-bottom-width: 0;
  }
  .2xl\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {
    border-bottom-width: 0;
  }
  .2xl\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .2xl\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .2xl\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {
    left: 0;
  }
  .2xl\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {
    right: 0;
  }
  .2xl\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {
    border-bottom-width: 0;
  }
  .2xl\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {
    border-bottom-width: 0;
  }
  .2xl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .2xl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {
    border-right-width: 0;
  }
  .2xl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {
    top: 0;
  }
  .2xl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {
    bottom: 0;
  }
  .2xl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {
    bottom: 0;
  }
  .2xl\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .2xl\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .2xl\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {
    left: 0;
  }
  .2xl\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {
    right: 0;
  }
  .2xl\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {
    border-bottom-width: 0;
  }
  .2xl\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {
    border-bottom-width: 0;
  }
  .2xl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .2xl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {
    border-right-width: 0;
  }
  .2xl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {
    top: 0;
  }
  .2xl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {
    bottom: 0;
  }
  .2xl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {
    bottom: 0;
  }
  .2xl\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .2xl\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .2xl\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {
    left: 0;
  }
  .2xl\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {
    right: 0;
  }
  .2xl\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {
    border-bottom-width: 0;
  }
  .2xl\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {
    border-bottom-width: 0;
  }
  .2xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .2xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {
    border-right-width: 0;
  }
  .2xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {
    top: 0;
  }
  .2xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {
    bottom: 0;
  }
  .2xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {
    bottom: 0;
  }
  .2xl\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .2xl\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .2xl\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {
    left: 0;
  }
  .2xl\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {
    right: 0;
  }
  .2xl\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {
    border-bottom-width: 0;
  }
  .2xl\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {
    border-bottom-width: 0;
  }
  .2xl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .2xl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {
    border-right-width: 0;
  }
  .2xl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {
    top: 0;
  }
  .2xl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {
    bottom: 0;
  }
  .2xl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {
    bottom: 0;
  }
  .2xl\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .2xl\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .2xl\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {
    left: 0;
  }
  .2xl\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {
    right: 0;
  }
  .2xl\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {
    border-bottom-width: 0;
  }
  .2xl\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {
    border-bottom-width: 0;
  }
  .2xl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .2xl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {
    border-right-width: 0;
  }
  .2xl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {
    top: 0;
  }
  .2xl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {
    bottom: 0;
  }
  .2xl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {
    bottom: 0;
  }
  .2xl\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .2xl\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .2xl\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {
    left: 0;
  }
  .2xl\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {
    right: 0;
  }
  .2xl\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {
    border-bottom-width: 0;
  }
  .2xl\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {
    border-bottom-width: 0;
  }
  .2xl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .2xl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {
    border-right-width: 0;
  }
  .2xl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {
    top: 0;
  }
  .2xl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {
    bottom: 0;
  }
  .2xl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {
    bottom: 0;
  }
  .2xl\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .2xl\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .2xl\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {
    left: 0;
  }
  .2xl\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {
    right: 0;
  }
  .2xl\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {
    border-bottom-width: 0;
  }
  .2xl\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {
    border-bottom-width: 0;
  }
  .2xl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .2xl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {
    border-right-width: 0;
  }
  .2xl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {
    top: 0;
  }
  .2xl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {
    bottom: 0;
  }
  .2xl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {
    bottom: 0;
  }
}
.prose {
  color: var(--tw-prose-body);
  max-width: 65ch;
}
.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "`";
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: none;
}
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: top;
}
.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  text-align: start;
}
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: rgb(17 24 39 / 10%);
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}
.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}
.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}
.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}
.icon-\[i--arrow-buttons\] {
  display: inline-block;
  width: 1.57em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 23' width='36' height='23'%3E%3Cpath fill='none' stroke='black' stroke-miterlimit='10' d='m24 22.336 10-10.999-10-11m9.756 10.999H0'/%3E%3C/svg%3E");
}
.icon-\[i--arrow-right\] {
  display: inline-block;
  width: 1.07em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16' width='17' height='16'%3E%3Cpath fill='black' fill-rule='evenodd' d='M4.25 8a.5.5 0 01.5-.5h5.793L8.396 5.354a.5.5 0 11.708-.707l3 3a.5.5 0 010 .707l-3 3a.5.5 0 01-.708-.707L10.543 8.5H4.75a.5.5 0 01-.5-.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.icon-\[i--bxs-check-shield\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M22.976 43.508a2.062 2.062 0 001.914-.002c16.024-8.608 17.162-25.426 17.148-30.208a1.976 1.976 0 00-1.192-1.806l-16.1-7.132a2.01 2.01 0 00-1.626.002L7.132 11.494a1.98 1.98 0 00-1.184 1.784c-.068 4.758.89 21.612 17.028 30.23Zm-5.628-22.922 4.586 4.586 8.586-8.586 2.828 2.828-11.414 11.414-7.414-7.414 2.828-2.828Z'/%3E%3C/svg%3E");
}
.icon-\[i--fluent-chat-settings-24-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M44 24c0-11.046-8.954-20-20-20S4 12.954 4 24a19.92 19.92 0 002.23 9.184L4.094 40.83a2.5 2.5 0 003.08 3.08l7.652-2.134a19.92 19.92 0 0010.736 2.164 13 13 0 01-2.102-2.948 16.9 16.9 0 01-7.726-2.132l-.54-.3-7.972 2.222 2.226-7.968-.302-.54A16.92 16.92 0 017 24a17 17 0 0133.992-.54 13.098 13.098 0 012.948 2.1c.04-.513.06-1.033.06-1.56Zm-18.326 8.944a4 4 0 002.882-4.992l-.396-1.374a10.603 10.603 0 012.966-1.824l.998 1.048a3.999 3.999 0 005.798.002l.986-1.036a10.598 10.598 0 012.968 1.842l-.372 1.262a4.002 4.002 0 002.9 5.02l1.078.26c.196 1.197.2 2.418.012 3.616l-1.168.288a4 4 0 00-2.88 4.992l.394 1.372a10.602 10.602 0 01-2.966 1.826l-.996-1.05a4 4 0 00-5.8 0l-.986 1.038a10.6 10.6 0 01-2.968-1.844l.374-1.262a3.998 3.998 0 00-2.9-5.02l-1.08-.26a11.402 11.402 0 01-.012-3.616l1.168-.288ZM37.9 35c0-1.656-1.3-3-2.9-3-1.6 0-2.9 1.344-2.9 3s1.3 3 2.9 3c1.6 0 2.9-1.344 2.9-3Z'/%3E%3C/svg%3E");
}
.icon-\[i--gridicons-quote\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M22.382 31.514c0-1.76-.46-3.238-1.38-4.434-.652-.824-1.537-1.365-2.654-1.624-1.1-.256-2.14-.274-3.08-.056-.32-1.9.2-3.912 1.52-6.044 1.323-2.13 3.028-3.733 5.116-4.806L18.742 10c-1.6.792-3.12 1.796-4.52 3.01a22.923 22.923 0 00-3.8 4.188c-1.12 1.578-1.96 3.36-2.5 5.38s-.69 4.08-.432 6.2c.336 2.8 1.24 5.04 2.712 6.7C11.672 37.159 13.505 38 15.698 38c1.93 0 3.532-.58 4.8-1.756 1.255-1.152 1.881-2.73 1.88-4.736l.004.006Zm18.248 0c0-1.76-.46-3.238-1.38-4.434-.653-.84-1.538-1.385-2.654-1.634-1.12-.247-2.146-.261-3.08-.044-.32-1.88.18-3.9 1.504-6.04 1.32-2.12 3.024-3.72 5.112-4.8L36.978 10a21.605 21.605 0 00-4.52 3.01 22.597 22.597 0 00-3.788 4.188c-1.112 1.58-1.94 3.36-2.48 5.38a16 16 0 00-.434 6.2c.332 2.8 1.232 5.04 2.7 6.7 1.467 1.67 3.296 2.504 5.486 2.504 1.934.003 3.535-.582 4.804-1.754 1.255-1.152 1.883-2.73 1.884-4.736v.022Z'/%3E%3C/svg%3E");
}
.icon-\[i--headline-accent-arrow\] {
  display: inline-block;
  width: 0.64em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39 61' width='39' height='61'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-width='2' d='m1 1 17.82 17.82m0 0V1.848m0 16.97H1.848'/%3E%3C/svg%3E");
}
.icon-\[i--headset\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 11h3a2 2 0 012 2v3a2 2 0 01-2 2H5a2 2 0 01-2-2v-5Zm0 0a9 9 0 1118 0m0 0v5m0-5h-3a2 2 0 00-2 2v3a2 2 0 002 2h1a2 2 0 002-2m0 0v2a4 4 0 01-4 4h-5'/%3E%3C/svg%3E");
}
.icon-\[i--heroicons-chevron-up-down\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9'/%3E%3C/svg%3E");
}
.icon-\[i--icon-park-solid-play-two\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' width='50' height='50'%3E%3Cg fill='black'%3E%3Cpath fill-opacity='.6' d='M45.833 0H4.167A4.167 4.167 0 000 4.167v41.666A4.167 4.167 0 004.167 50h41.666A4.167 4.167 0 0050 45.833V4.167A4.167 4.167 0 0045.833 0Z'/%3E%3Cpath d='M17.361 25V14.175l9.375 5.413L36.111 25l-9.375 5.413-9.375 5.412V25Z'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-\[i--icon-play\] {
  display: inline-block;
  width: 0.75em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 12' width='9' height='12'%3E%3Cpath fill='black' d='m8.625 5.715-8.54 5.573V.14l8.54 5.574Z'/%3E%3C/svg%3E");
}
.icon-\[i--icon-volume-level-high\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' d='M17.85 15a9.886 9.886 0 001.429-5 9.886 9.886 0 00-1.429-5M15 7.857c.497.6.751 1.365.714 2.143A3.13 3.13 0 0115 12.143m-10.714-5H2.143c-.778 0-1.429.65-1.429 1.428v2.858c0 .778.65 1.428 1.429 1.428h2.143l5.586 4.014c.921.638 2.246-.033 2.27-1.157V4.286A1.362 1.362 0 0010 3.129L4.286 7.143Z'/%3E%3C/svg%3E");
}
.icon-\[i--ion-diamond\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M11.41 3a.375.375 0 00-.348.521l.215.51 3.816 8.896a.375.375 0 00.645.077L22.78 3.6a.375.375 0 00-.3-.6H11.41Zm27.957 2.443-3.87 9.035a.376.376 0 00.345.522h9.47a.375.375 0 00.318-.573l-5.6-9.034a.375.375 0 00-.663.05Zm-31.4-.046-5.597 9.03a.375.375 0 00.319.573h9.468a.375.375 0 00.345-.523l-3.878-9.03a.375.375 0 00-.656-.05ZM36.869 3h-11.76a.182.182 0 00-.147.292l7.492 9.98a.183.183 0 00.255.037.182.182 0 00.059-.074L36.71 4.03l.32-.782A.18.18 0 0036.87 3h-.003ZM22.405 42l-8.384-23.765a.355.355 0 00-.335-.235H2.409a.348.348 0 00-.276.563l20.25 26.232a.474.474 0 00.823-.442l-.8-2.353ZM45.59 18H34.31a.352.352 0 00-.331.235l-9.207 26.078a.49.49 0 00.847.461l20.246-26.211A.349.349 0 0045.59 18ZM24.299 7.4l5.25 7a.374.374 0 01-.3.6h-10.5a.375.375 0 01-.3-.6l5.25-7a.375.375 0 01.6 0Zm-.656 29.091L17.296 18.5a.375.375 0 01.353-.5h12.7a.377.377 0 01.353.5l-6.35 17.991a.375.375 0 01-.707 0h-.002Z'/%3E%3C/svg%3E");
}
.icon-\[i--mail\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m22 7-8.991 5.727a2 2 0 01-2.009 0L2 7m2-3h16a2 2 0 012 2v12a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2Z'/%3E%3C/svg%3E");
}
.icon-\[i--map-pin\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 01-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 1116 0Z'/%3E%3Cpath d='M12 13a3 3 0 100-6 3 3 0 000 6Z'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-\[i--material-symbols-light-unsubscribe-outline\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M24 24.232 8 13.808v20.96c0 .36.115.655.346.886.23.23.526.346.886.346H26c0 .367.011.702.034 1.006.023.304.083.635.18.994H9.234c-.921 0-1.69-.308-2.308-.924C6.309 36.46 6 35.691 6 34.768V13.232c0-.921.309-1.69.926-2.306.617-.616 1.385-.925 2.304-.926h29.54c.92 0 1.688.309 2.304.926.616.617.925 1.386.926 2.306v11.476a5.337 5.337 0 00-.926-.308A29.84 29.84 0 0040 24.16V13.81L24 24.232ZM24 22l15.384-10H8.616L24 22Zm14 22c-2.228 0-4.118-.776-5.67-2.328C30.777 40.117 30 38.227 30 36s.777-4.117 2.33-5.67S35.773 28 38 28s4.117.777 5.672 2.33c1.555 1.553 2.33 3.443 2.328 5.67-.003 2.227-.779 4.117-2.328 5.672-1.55 1.555-3.44 2.33-5.672 2.328Zm-4.692-7.232h9.384V35.23h-9.384v1.538ZM8 36v-8.768.114V12v24Z'/%3E%3C/svg%3E");
}
.icon-\[i--material-symbols-star\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='m11.65 42 3.25-14.05L4 18.5l14.4-1.25L24 4l5.6 13.25L44 18.5l-10.9 9.45L36.35 42 24 34.55 11.65 42Z'/%3E%3C/svg%3E");
}
.icon-\[i--octicon-alert-24\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cg fill='black'%3E%3Cpath d='M26 35a2 2 0 11-4 0 2 2 0 014 0Zm-.5-16.5a1.5 1.5 0 10-3 0v9a1.5 1.5 0 103 0v-9Z'/%3E%3Cpath d='M19.671 6.488c1.926-3.33 6.73-3.33 8.656 0l17.934 31.008c1.926 3.334-.48 7.504-4.33 7.504H6.067c-3.852 0-6.256-4.17-4.33-7.504L19.671 6.488Zm6.06 1.502a2.004 2.004 0 00-3.464 0L4.335 38.998A2.004 2.004 0 006.067 42h35.864a2.004 2.004 0 001.732-3L25.731 7.99Z'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-\[i--ph-arrow-left\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M42 24a1.5 1.5 0 01-1.5 1.5H11.12l10.942 10.94a1.5 1.5 0 01-2.122 2.122l-13.5-13.5a1.501 1.501 0 010-2.122l13.5-13.5a1.5 1.5 0 112.122 2.122l-10.94 10.94H40.5A1.5 1.5 0 0142 24Z'/%3E%3C/svg%3E");
}
.icon-\[i--ph-arrow-right\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='m41.561 25.061-13.5 13.5a1.501 1.501 0 01-2.122-2.122L36.879 25.5H7.5a1.5 1.5 0 110-3h29.38L25.938 11.561A1.501 1.501 0 0128.06 9.44l13.5 13.5a1.498 1.498 0 010 2.122Z'/%3E%3C/svg%3E");
}
.icon-\[i--ph-arrow-square-out\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 9.75a.75.75 0 11-1.5 0V5.561l-6.218 6.22a.75.75 0 11-1.062-1.062L18.44 4.5h-4.19a.75.75 0 110-1.5h6a.75.75 0 01.75.75v6ZM17.25 12a.75.75 0 00-.75.75v6.75h-12v-12h6.75a.75.75 0 100-1.5H4.5A1.5 1.5 0 003 7.5v12A1.5 1.5 0 004.5 21h12a1.5 1.5 0 001.5-1.5v-6.75a.75.75 0 00-.75-.75Z'/%3E%3C/svg%3E");
}
.icon-\[i--ph-arrow-up\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M38.561 22.061a1.5 1.5 0 01-2.122 0L25.5 11.121V40.5a1.5 1.5 0 11-3 0V11.12L11.561 22.062A1.5 1.5 0 119.44 19.94l13.5-13.5a1.5 1.5 0 012.122 0l13.5 13.5a1.502 1.502 0 010 2.122Z'/%3E%3C/svg%3E");
}
.icon-\[i--ph-caret-down\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='m40.061 19.061-15 15a1.5 1.5 0 01-2.122 0l-15-15a1.501 1.501 0 012.122-2.122L24 30.879l13.939-13.94a1.5 1.5 0 112.122 2.122Z'/%3E%3C/svg%3E");
}
.icon-\[i--ph-caret-left\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M31.061 37.939A1.5 1.5 0 0130 40.5a1.5 1.5 0 01-1.061-.44l-15-15a1.5 1.5 0 010-2.122l15-15a1.501 1.501 0 012.122 2.122L17.121 24l13.94 13.938Z'/%3E%3C/svg%3E");
}
.icon-\[i--ph-caret-right\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='m34.061 25.061-15 15a1.502 1.502 0 01-2.122-2.122L30.879 24 16.94 10.061a1.501 1.501 0 012.12-2.121l15 15a1.5 1.5 0 010 2.122Z'/%3E%3C/svg%3E");
}
.icon-\[i--ph-caret-up\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M40.061 31.061a1.5 1.5 0 01-2.122 0L24 17.121 10.061 31.06a1.5 1.5 0 11-2.121-2.12l15-15a1.5 1.5 0 012.122 0l15 15a1.499 1.499 0 010 2.122Z'/%3E%3C/svg%3E");
}
.icon-\[i--ph-check\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m21.531 7.28-12 12a.75.75 0 01-1.061 0l-5.25-5.25a.75.75 0 011.061-1.06l4.72 4.72L20.47 6.22a.75.75 0 111.061 1.06Z'/%3E%3C/svg%3E");
}
.icon-\[i--ph-house\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='m41.03 19.457-15-14.153a3 3 0 00-4.058-.02l-.02.02L6.97 19.457A3 3 0 006 21.666V39a3 3 0 003 3h9a3 3 0 003-3v-9h6v9a3 3 0 003 3h9a3 3 0 003-3V21.666a3 3 0 00-.97-2.21ZM39 39h-9v-9a3 3 0 00-3-3h-6a3 3 0 00-3 3v9H9V21.666l.02-.02L24 7.5l14.981 14.143.02.019L39 39Z'/%3E%3C/svg%3E");
}
.icon-\[i--ph-info-fill\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M24 4.5A19.5 19.5 0 1043.5 24 19.521 19.521 0 0024 4.5Zm-.75 9a2.25 2.25 0 110 4.5 2.25 2.25 0 010-4.5Zm2.25 21a3 3 0 01-3-3V24a1.5 1.5 0 110-3 3 3 0 013 3v7.5a1.5 1.5 0 110 3Z'/%3E%3C/svg%3E");
}
.icon-\[i--ph-magnifying-glass\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='m43.061 40.939-9.388-9.387a16.52 16.52 0 10-2.12 2.121l9.386 9.388a1.499 1.499 0 002.448-.487 1.502 1.502 0 00-.326-1.635ZM7.5 20.999A13.5 13.5 0 1121 34.5 13.515 13.515 0 017.5 21Z'/%3E%3C/svg%3E");
}
.icon-\[i--ph-minus\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 12a.75.75 0 01-.75.75H3.75a.75.75 0 110-1.5h16.5A.75.75 0 0121 12Z'/%3E%3C/svg%3E");
}
.icon-\[i--ph-plus\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 12a.75.75 0 01-.75.75h-7.5v7.5a.75.75 0 11-1.5 0v-7.5h-7.5a.75.75 0 110-1.5h7.5v-7.5a.75.75 0 111.5 0v7.5h7.5A.75.75 0 0121 12Z'/%3E%3C/svg%3E");
}
.icon-\[i--ph-x\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M38.561 36.439a1.5 1.5 0 01-2.122 2.122L24 26.121 11.561 38.56a1.501 1.501 0 01-2.121-2.12L21.879 24 9.44 11.561a1.501 1.501 0 012.12-2.121L24 21.879 36.439 9.44a1.5 1.5 0 112.122 2.122l-12.44 12.44 12.44 12.438Z'/%3E%3C/svg%3E");
}
.icon-\[i--play-button\] {
  display: inline-block;
  width: 1.24em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 26' width='32' height='26'%3E%3Cpath fill='black' fill-opacity='.15' fill-rule='evenodd' d='M3.2 0h25.6C30.567 0 32 1.455 32 3.25v19.5c0 1.795-1.433 3.25-3.2 3.25H3.2C1.433 26 0 24.545 0 22.75V3.25C0 1.455 1.433 0 3.2 0Zm11.472 18.233 6.224-4.225c.335-.222.538-.601.538-1.008 0-.407-.203-.786-.538-1.008l-6.224-4.225a1.184 1.184 0 00-1.234-.067 1.223 1.223 0 00-.638 1.075v8.45c0 .45.246.864.638 1.075.392.21.867.185 1.234-.067Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.icon-\[i--radix-icons-slash\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='m6.574 22.4 8.571-20.8h2.164L8.736 22.4H6.574Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.icon-\[i--social-facebook\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='m35.169 27 1.334-8.686h-8.336v-5.637c0-2.376 1.164-4.694 4.898-4.694h3.788V.588S33.417.001 30.128.001c-6.864 0-11.351 4.161-11.351 11.693v6.621h-7.63v8.686h7.63v21h9.39v-21L35.169 27Z'/%3E%3C/svg%3E");
}
.icon-\[i--social-instagram\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M24 0c-6.523 0-7.337.032-9.89.14-2.563.126-4.297.523-5.827 1.117a11.77 11.77 0 00-4.25 2.774A11.636 11.636 0 001.26 8.28C.666 9.81.269 11.544.143 14.108c-.116 2.554-.14 3.366-.14 9.889s.032 7.337.14 9.89c.126 2.556.523 4.297 1.117 5.827a11.77 11.77 0 002.774 4.25 11.635 11.635 0 004.249 2.773c1.53.587 3.272.991 5.828 1.117 2.554.116 3.366.14 9.889.14s7.337-.032 9.89-.14c2.556-.126 4.297-.532 5.827-1.117a11.77 11.77 0 004.25-2.773 11.574 11.574 0 002.773-4.25c.587-1.53.991-3.271 1.117-5.828.116-2.554.14-3.366.14-9.889s-.032-7.337-.14-9.89c-.126-2.555-.532-4.306-1.117-5.827a11.77 11.77 0 00-2.773-4.25 11.574 11.574 0 00-4.25-2.773C38.187.663 36.446.266 33.889.14 31.336.023 30.524 0 24 0Zm0 4.32c6.407 0 7.172.031 9.703.14 2.336.109 3.608.499 4.453.829a7.484 7.484 0 012.766 1.796 7.396 7.396 0 011.788 2.758c.33.845.72 2.117.829 4.452.108 2.532.14 3.298.14 9.704 0 6.405-.032 7.171-.149 9.703-.126 2.336-.516 3.608-.845 4.452-.454 1.127-.961 1.914-1.798 2.766a7.572 7.572 0 01-2.766 1.788c-.834.33-2.124.72-4.468.83-2.546.108-3.296.139-9.719.139s-7.172-.032-9.72-.148c-2.335-.127-3.624-.517-4.469-.845-1.14-.454-1.921-.962-2.758-1.798-.844-.845-1.381-1.649-1.796-2.767-.335-.834-.72-2.123-.844-4.468-.086-2.516-.126-3.296-.126-9.689 0-6.39.04-7.171.126-9.718.124-2.344.508-3.631.844-4.469.415-1.141.953-1.921 1.796-2.766.835-.835 1.618-1.375 2.758-1.798.845-.328 2.102-.719 4.447-.836 2.545-.091 3.295-.124 9.709-.124L24 4.32Zm0 7.36A12.315 12.315 0 0011.68 24 12.315 12.315 0 0024 36.32 12.315 12.315 0 0036.32 24 12.315 12.315 0 0024 11.68ZM24 32c-4.422 0-8-3.578-8-8 0-4.422 3.578-8 8-8 4.422 0 8 3.578 8 8 0 4.422-3.578 8-8 8Zm15.696-20.812a2.884 2.884 0 01-4.92 2.039 2.88 2.88 0 012.035-4.914 2.887 2.887 0 012.885 2.875Z'/%3E%3C/svg%3E");
}
.icon-\[i--social-linkedin\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M12.402 42H3.695V13.959h8.707V42ZM8.043 10.134C5.259 10.134 3 7.827 3 5.043a5.043 5.043 0 1110.086 0c0 2.784-2.259 5.091-5.043 5.091ZM44.991 42h-8.688V28.35c0-3.254-.066-7.425-4.527-7.425-4.527 0-5.221 3.534-5.221 7.191V42h-8.699V13.959h8.35v3.825h.122c1.163-2.203 4.002-4.528 8.238-4.528 8.813 0 10.432 5.803 10.432 13.34V42h-.007Z'/%3E%3C/svg%3E");
}
.icon-\[i--social-twitter\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34' width='34' height='34'%3E%3Cpath fill='black' d='M24.333 6.01h3.91L19.7 15.613l10.05 13.065h-7.869l-6.163-7.924-7.052 7.924H4.754l9.137-10.27L4.25 6.011h8.069l5.57 7.242 6.444-7.242ZM22.96 26.377h2.167L11.141 8.19H8.816L22.96 26.376Z'/%3E%3C/svg%3E");
}
.icon-\[i--social-whatsapp\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M34.992 28.766c-.601-.305-3.531-1.734-4.078-1.938-.548-.195-.946-.297-1.344.304-.39.586-1.54 1.929-1.89 2.32-.352.392-.697.422-1.289.156-.601-.304-2.523-.93-4.804-2.976-1.782-1.585-2.969-3.538-3.322-4.14-.35-.594-.038-.93.258-1.227.274-.273.602-.687.907-1.047.289-.36.382-.601.593-.991.195-.422.095-.75-.053-1.047-.149-.297-1.344-3.242-1.844-4.414-.477-1.165-.977-1.016-1.344-1.016-.343-.031-.742-.031-1.14-.031-.397 0-1.047.148-1.594.718-.548.602-2.094 2.039-2.094 4.946 0 2.914 2.14 5.734 2.437 6.156.304.39 4.21 6.39 10.203 8.968 1.43.602 2.54.962 3.406 1.259 1.43.453 2.735.39 3.765.241 1.14-.187 3.532-1.446 4.032-2.851.509-1.415.509-2.586.36-2.852-.148-.273-.538-.421-1.14-.687l-.025.148ZM24.125 43.5h-.032c-3.547 0-7.055-.962-10.117-2.758l-.719-.43-7.5 1.954 2.016-7.298-.484-.75a19.75 19.75 0 01-3.032-10.515c0-10.89 8.915-19.773 19.883-19.773a19.73 19.73 0 0114.047 5.82 19.587 19.587 0 015.82 13.985C43.992 34.617 35.085 43.5 24.132 43.5h-.008ZM41.039 6.899C36.475 2.491 30.475 0 24.092 0 10.929 0 .21 10.673.203 23.789a23.68 23.68 0 003.187 11.89L0 48l12.672-3.304a24.195 24.195 0 0011.423 2.898h.007c13.171 0 23.89-10.673 23.898-23.798a23.57 23.57 0 00-6.992-16.821l.03-.076Z'/%3E%3C/svg%3E");
}
.icon-\[i--tabler-dots\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M8 24a2 2 0 104 0 2 2 0 00-4 0Zm14 0a2 2 0 104 0 2 2 0 00-4 0Zm14 0a2 2 0 104 0 2 2 0 00-4 0Z'/%3E%3C/svg%3E");
}
.icon-\[i--text-initial\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 5h6m-6 7h6M3 19h18M3 12l3.553-7.724a.5.5 0 01.894 0L11 12m-7.08-2h6.16'/%3E%3C/svg%3E");
}
.icon-\[i--uiw-global\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M24 0c13.255 0 24 10.745 24 24S37.255 48 24 48 0 37.255 0 24 10.745 0 24 0Zm0 3.348a20.652 20.652 0 100 41.304 20.652 20.652 0 000-41.304Zm4.915 5.023a16.1 16.1 0 014.325 2.458c.3.23.588.475.871.737.053.045.099.093.149.144a16.208 16.208 0 012.136 2.424c.089.122.182.235.264.352.154.226.298.461.442.696.247.397.476.806.684 1.224.127.24.24.502.357.756.08.176.168.356.24.543.175.437.331.876.473 1.325.046.148.082.307.125.456.243.854.416 1.726.516 2.608.017.159.04.327.053.483.048.516.079 1.037.079 1.56a17.245 17.245 0 01-.281 3.048c-.034.175-.062.353-.096.52a17.5 17.5 0 01-.336 1.345c-1.222-.56-2.657-1.383-3.031-2.288-.682-1.632-2.496-2.448-3.235-4.55-1.217-3.48.398-3.389.624-5.549.105-1.013-.624-1.224-1.587-.811-2.246.943-3.007.58-3.46-1.111-.454-1.687 0-2.158 0-2.158-1.532.168-1.59-1.697-.795-2.167.552-.317 1.02-1.289 1.483-2.045Zm-6.417 10.342c1.416-.648 2.724-.881 2.55-1.995-.167-1.101-.566-1.922-2.778-1.922-2.213 0-1.248 3.036-3.063 1.224-1.814-1.8.396-1.334 1.303-1.745.91-.413 1.817-2.105.228-2.225-1.586-.112-1.248.701-2.496.24-1.248-.47-1.814 1.63-2.61 1.337-.524-.197-1.928-1.277-2.86-2.34a16.8 16.8 0 00-4.4 6.024c.27 3.137 1.929 4.783 1.929 4.783s.852 2.043 5.959 4.553c0 0 .96.058-.173-1.106-1.133-1.169-2.383-2.628-.965-3.384 1.416-.766 1.817-.701 2.158.703.338 1.402 1.476.576 1.586-.766.116-1.336 2.213-2.733 3.632-3.381Zm-1.08 7.053c2.443 0 2.215.761 4.144 2.46 1.928 1.69.908 3.382-.06 4.668-.962 1.282-1.814 2.736-2.268 5.372-.456 2.625-1.646.753-2.04.112-.398-.645-1.022-1.226-.85-3.912.169-2.683-1.648-1.104-2.27-4.608-.624-3.499.908-4.09 3.346-4.09m11.945 2.314c.65-.415 2.208.668 1.872 1.808-.343 1.14-1.419.496-1.959 0-.54-.495-.568-1.4.087-1.808Z'/%3E%3C/svg%3E");
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.\!sticky {
  position: sticky !important;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0rem;
}
.inset-\[0\] {
  inset: 0;
}
.-bottom-\[24px\] {
  bottom: -24px;
}
.-bottom-\[50px\] {
  bottom: -50px;
}
.bottom-0 {
  bottom: 0rem;
}
.bottom-3xl {
  bottom: 1.5rem;
}
.bottom-fl-md {
  bottom: calc(1.50rem + 0.00 * var(--fluid-bp));
}
.left-0 {
  left: 0rem;
}
.left-1\/2 {
  left: 50%;
}
.left-3xl {
  left: 1.5rem;
}
.left-\[3px\] {
  left: 3px;
}
.left-\[6px\] {
  left: 6px;
}
.left-auto {
  left: auto;
}
.left-fl-lg {
  left: calc(2.00rem + 0.00 * var(--fluid-bp));
}
.left-fl-md {
  left: calc(1.50rem + 0.00 * var(--fluid-bp));
}
.right-0 {
  right: 0rem;
}
.right-\[32px\] {
  right: 32px;
}
.right-\[5px\] {
  right: 5px;
}
.right-fl-lg {
  right: calc(2.00rem + 0.00 * var(--fluid-bp));
}
.start-0 {
  inset-inline-start: 0rem;
}
.top-0 {
  top: 0rem;
}
.top-1\/2 {
  top: 50%;
}
.top-3\/4 {
  top: 75%;
}
.top-\[16px\] {
  top: 16px;
}
.top-\[20px\] {
  top: 20px;
}
.top-\[2px\] {
  top: 2px;
}
.top-\[5px\] {
  top: 5px;
}
.top-\[65\%\] {
  top: 65%;
}
.top-\[calc\(50\%-16px\)\] {
  top: calc(50% - 16px);
}
.top-fl-lg {
  top: calc(2.00rem + 0.00 * var(--fluid-bp));
}
.isolate {
  isolation: isolate;
}
.-z-\[1\] {
  z-index: -1;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[11\] {
  z-index: 11;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[60\] {
  z-index: 60;
}
.z-\[99999\] {
  z-index: 99999;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.col-span-full {
  grid-column: 1 / -1;
}
.\!m-0 {
  margin: 0rem !important;
}
.m-0 {
  margin: 0rem;
}
.m-auto {
  margin: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-fl-4xl {
  margin-top: calc(5.00rem + 0.00 * var(--fluid-bp));
  margin-bottom: calc(5.00rem + 0.00 * var(--fluid-bp));
}
.my-fl-md {
  margin-top: calc(1.50rem + 0.00 * var(--fluid-bp));
  margin-bottom: calc(1.50rem + 0.00 * var(--fluid-bp));
}
.my-fl-sm {
  margin-top: calc(1.00rem + 0.00 * var(--fluid-bp));
  margin-bottom: calc(1.00rem + 0.00 * var(--fluid-bp));
}
.my-xl {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.\!mb-0 {
  margin-bottom: 0rem !important;
}
.-ml-\[20px\] {
  margin-left: -20px;
}
.mb-0 {
  margin-bottom: 0rem;
}
.mb-\[4px\] {
  margin-bottom: 4px;
}
.mb-\[8px\] {
  margin-bottom: 8px;
}
.mb-fl-2xl {
  margin-bottom: calc(3.00rem + 0.00 * var(--fluid-bp));
}
.mb-fl-2xs {
  margin-bottom: calc(0.50rem + 0.00 * var(--fluid-bp));
}
.mb-fl-3xl {
  margin-bottom: calc(4.00rem + 0.00 * var(--fluid-bp));
}
.mb-fl-4xl {
  margin-bottom: calc(5.00rem + 0.00 * var(--fluid-bp));
}
.mb-fl-lg {
  margin-bottom: calc(2.00rem + 0.00 * var(--fluid-bp));
}
.mb-fl-md {
  margin-bottom: calc(1.50rem + 0.00 * var(--fluid-bp));
}
.mb-fl-sm {
  margin-bottom: calc(1.00rem + 0.00 * var(--fluid-bp));
}
.mb-fl-xl {
  margin-bottom: calc(2.50rem + 0.00 * var(--fluid-bp));
}
.mb-fl-xs {
  margin-bottom: calc(0.75rem + 0.00 * var(--fluid-bp));
}
.mb-xl {
  margin-bottom: 1.25rem;
}
.mb-xs {
  margin-bottom: 0.75rem;
}
.ml-auto {
  margin-left: auto;
}
.ml-lg {
  margin-left: 1.125rem;
}
.mr-0 {
  margin-right: 0rem;
}
.mr-\[-8px\] {
  margin-right: -8px;
}
.mr-\[8px\] {
  margin-right: 8px;
}
.mt-2xs {
  margin-top: 0.625rem;
}
.mt-3xl {
  margin-top: 1.5rem;
}
.mt-5xl {
  margin-top: 1.875rem;
}
.mt-\[-141px\] {
  margin-top: -141px;
}
.mt-\[2px\] {
  margin-top: 2px;
}
.mt-\[4px\] {
  margin-top: 4px;
}
.mt-fl-2xl {
  margin-top: calc(3.00rem + 0.00 * var(--fluid-bp));
}
.mt-fl-2xs {
  margin-top: calc(0.50rem + 0.00 * var(--fluid-bp));
}
.mt-fl-3xs {
  margin-top: calc(0.25rem + 0.00 * var(--fluid-bp));
}
.mt-fl-5xl {
  margin-top: calc(6.00rem + 0.00 * var(--fluid-bp));
}
.mt-fl-lg {
  margin-top: calc(2.00rem + 0.00 * var(--fluid-bp));
}
.mt-fl-md {
  margin-top: calc(1.50rem + 0.00 * var(--fluid-bp));
}
.mt-fl-sm {
  margin-top: calc(1.00rem + 0.00 * var(--fluid-bp));
}
.mt-fl-sm-md {
  margin-top: calc(1.00rem + 8.00 * var(--fluid-bp));
}
.mt-fl-xl {
  margin-top: calc(2.50rem + 0.00 * var(--fluid-bp));
}
.mt-xs {
  margin-top: 0.75rem;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.\!flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.aspect-1\/2 {
  aspect-ratio: 1 / 2;
}
.aspect-16\/9 {
  aspect-ratio: 16 / 9;
}
.aspect-2\/1 {
  aspect-ratio: 2 / 1;
}
.aspect-3\/4 {
  aspect-ratio: 3 / 4;
}
.aspect-4\/3 {
  aspect-ratio: 4 / 3;
}
.aspect-4\/5 {
  aspect-ratio: 4 / 5;
}
.aspect-5\/4 {
  aspect-ratio: 5 / 4;
}
.aspect-9\/16 {
  aspect-ratio: 9 / 16;
}
.aspect-\[376\/304\] {
  aspect-ratio: 376/304;
}
.aspect-\[450\/367\] {
  aspect-ratio: 450/367;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.aspect-video {
  aspect-ratio: 16 / 9;
}
.size-2xl {
  width: 1.375rem;
  height: 1.375rem;
}
.size-\[16px\] {
  width: 16px;
  height: 16px;
}
.size-\[20px\] {
  width: 20px;
  height: 20px;
}
.size-\[24px\] {
  width: 24px;
  height: 24px;
}
.size-\[44px\] {
  width: 44px;
  height: 44px;
}
.size-\[72px\] {
  width: 72px;
  height: 72px;
}
.size-fl-2xl {
  width: calc(3.00rem + 0.00 * var(--fluid-bp));
  height: calc(3.00rem + 0.00 * var(--fluid-bp));
}
.size-fl-md {
  width: calc(1.50rem + 0.00 * var(--fluid-bp));
  height: calc(1.50rem + 0.00 * var(--fluid-bp));
}
.size-full {
  width: 100%;
  height: 100%;
}
.\!h-\[48px\] {
  height: 48px !important;
}
.h-3xl {
  height: 1.5rem;
}
.h-7xl {
  height: 2.375rem;
}
.h-\[11px\] {
  height: 11px;
}
.h-\[133px\] {
  height: 133px;
}
.h-\[15px\] {
  height: 15px;
}
.h-\[16px\] {
  height: 16px;
}
.h-\[198px\] {
  height: 198px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[21px\] {
  height: 21px;
}
.h-\[25px\] {
  height: 25px;
}
.h-\[280px\] {
  height: 280px;
}
.h-\[304px\] {
  height: 304px;
}
.h-\[34px\] {
  height: 34px;
}
.h-\[35px\] {
  height: 35px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[622px\] {
  height: 622px;
}
.h-\[70\%\] {
  height: 70%;
}
.h-\[80px\] {
  height: 80px;
}
.h-\[92\%\] {
  height: 92%;
}
.h-auto {
  height: auto;
}
.h-base {
  height: 1rem;
}
.h-fl-2xl {
  height: calc(3.00rem + 0.00 * var(--fluid-bp));
}
.h-fl-3xl {
  height: calc(4.00rem + 0.00 * var(--fluid-bp));
}
.h-full {
  height: 100%;
}
.max-h-0 {
  max-height: 0rem;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.max-h-\[70dvh\] {
  max-height: 70dvh;
}
.max-h-\[80dvh\] {
  max-height: 80dvh;
}
.max-h-full {
  max-height: 100%;
}
.max-h-none {
  max-height: none;
}
.min-h-\[22px\] {
  min-height: 22px;
}
.min-h-\[300px\] {
  min-height: 300px;
}
.min-h-\[420px\] {
  min-height: 420px;
}
.min-h-\[442px\] {
  min-height: 442px;
}
.min-h-\[469px\] {
  min-height: 469px;
}
.min-h-\[93px\] {
  min-height: 93px;
}
.min-h-\[var\(--ec-reveal\2c 96px\)\] {
  min-height: var(--ec-reveal,96px);
}
.min-h-dvh {
  min-height: 100dvh;
}
.\!w-\[185px\] {
  width: 185px !important;
}
.\!w-\[48px\] {
  width: 48px !important;
}
.\!w-auto {
  width: auto !important;
}
.w-0 {
  width: 0rem;
}
.w-3xl {
  width: 1.5rem;
}
.w-7xl {
  width: 2.375rem;
}
.w-\[116px\] {
  width: 116px;
}
.w-\[11px\] {
  width: 11px;
}
.w-\[125px\] {
  width: 125px;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[16px\] {
  width: 16px;
}
.w-\[174px\] {
  width: 174px;
}
.w-\[185px\] {
  width: 185px;
}
.w-\[1px\] {
  width: 1px;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[21px\] {
  width: 21px;
}
.w-\[239px\] {
  width: 239px;
}
.w-\[24px\] {
  width: 24px;
}
.w-\[285px\] {
  width: 285px;
}
.w-\[32px\] {
  width: 32px;
}
.w-\[374px\] {
  width: 374px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[60px\] {
  width: 60px;
}
.w-\[70\%\] {
  width: 70%;
}
.w-\[80px\] {
  width: 80px;
}
.w-\[92\%\] {
  width: 92%;
}
.w-auto {
  width: auto;
}
.w-base {
  width: 1rem;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-fl-2xl {
  width: calc(3.00rem + 0.00 * var(--fluid-bp));
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.min-w-0 {
  min-width: 0rem;
}
.min-w-\[116px\] {
  min-width: 116px;
}
.min-w-\[164px\] {
  min-width: 164px;
}
.min-w-\[220px\] {
  min-width: 220px;
}
.min-w-\[250px\] {
  min-width: 250px;
}
.min-w-\[93px\] {
  min-width: 93px;
}
.min-w-base {
  min-width: 1rem;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-\[1200px\] {
  max-width: 1200px;
}
.max-w-\[1230px\] {
  max-width: 1230px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[376px\] {
  max-width: 376px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[450px\] {
  max-width: 450px;
}
.max-w-\[540px\] {
  max-width: 540px;
}
.max-w-\[607px\] {
  max-width: 607px;
}
.max-w-\[720px\] {
  max-width: 720px;
}
.max-w-\[740px\] {
  max-width: 740px;
}
.max-w-full {
  max-width: 100%;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.origin-left {
  transform-origin: left;
}
.origin-top {
  transform-origin: top;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), 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));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), 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));
}
.translate-y-0 {
  --tw-translate-y: 0rem;
  transform: translate(var(--tw-translate-x), 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));
}
.translate-y-\[calc\(100\%-22px\)\] {
  --tw-translate-y: calc(100% - 22px);
  transform: translate(var(--tw-translate-x), 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));
}
.translate-y-\[calc\(100\%-var\(--ec-reveal\2c 80px\)\)\] {
  --tw-translate-y: calc(100% - var(--ec-reveal,80px));
  transform: translate(var(--tw-translate-x), 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));
}
.translate-y-full {
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), 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));
}
.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), 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));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), 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));
}
.transform {
  transform: translate(var(--tw-translate-x), 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));
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.list-none {
  list-style-type: none;
}
.auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr);
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-none {
  grid-template-columns: none;
}
.grid-cols-subgrid {
  grid-template-columns: subgrid;
}
.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-10 {
  grid-template-rows: repeat(10, minmax(0, 1fr));
}
.grid-rows-11 {
  grid-template-rows: repeat(11, minmax(0, 1fr));
}
.grid-rows-12 {
  grid-template-rows: repeat(12, minmax(0, 1fr));
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}
.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}
.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}
.grid-rows-7 {
  grid-template-rows: repeat(7, minmax(0, 1fr));
}
.grid-rows-8 {
  grid-template-rows: repeat(8, minmax(0, 1fr));
}
.grid-rows-9 {
  grid-template-rows: repeat(9, minmax(0, 1fr));
}
.grid-rows-none {
  grid-template-rows: none;
}
.grid-rows-subgrid {
  grid-template-rows: subgrid;
}
.\!flex-row {
  flex-direction: row !important;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-normal {
  justify-content: normal;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0 {
  gap: 0rem;
}
.gap-\[--inner-gutter\] {
  gap: var(--inner-gutter);
}
.gap-\[160px\] {
  gap: 160px;
}
.gap-\[18px\] {
  gap: 18px;
}
.gap-\[20px\] {
  gap: 20px;
}
.gap-\[2px\] {
  gap: 2px;
}
.gap-\[6px\] {
  gap: 6px;
}
.gap-\[8px\] {
  gap: 8px;
}
.gap-\[9px\] {
  gap: 9px;
}
.gap-\[var\(--grid-innergutter\2c 20px\)\] {
  gap: var(--grid-innergutter,20px);
}
.gap-\[var\(--inner-gutter\)\] {
  gap: var(--inner-gutter);
}
.gap-base {
  gap: 1rem;
}
.gap-fl-2xl {
  gap: calc(3.00rem + 0.00 * var(--fluid-bp));
}
.gap-fl-2xs {
  gap: calc(0.50rem + 0.00 * var(--fluid-bp));
}
.gap-fl-3xl {
  gap: calc(4.00rem + 0.00 * var(--fluid-bp));
}
.gap-fl-3xs {
  gap: calc(0.25rem + 0.00 * var(--fluid-bp));
}
.gap-fl-lg {
  gap: calc(2.00rem + 0.00 * var(--fluid-bp));
}
.gap-fl-md {
  gap: calc(1.50rem + 0.00 * var(--fluid-bp));
}
.gap-fl-sm {
  gap: calc(1.00rem + 0.00 * var(--fluid-bp));
}
.gap-fl-xl {
  gap: calc(2.50rem + 0.00 * var(--fluid-bp));
}
.gap-fl-xs {
  gap: calc(0.75rem + 0.00 * var(--fluid-bp));
}
.gap-lg {
  gap: 1.125rem;
}
.gap-xl {
  gap: 1.25rem;
}
.gap-x-\[--inner-gutter\] {
  -moz-column-gap: var(--inner-gutter);
       column-gap: var(--inner-gutter);
}
.gap-y-fl-lg {
  row-gap: calc(2.00rem + 0.00 * var(--fluid-bp));
}
.gap-y-fl-md {
  row-gap: calc(1.50rem + 0.00 * var(--fluid-bp));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-stroke-primary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: hsl(var(--twc-stroke-primary) / var(--twc-stroke-primary-opacity, var(--tw-divide-opacity)));
}
.self-start {
  align-self: flex-start;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.break-normal {
  overflow-wrap: normal;
  word-break: normal;
}
.break-words {
  overflow-wrap: break-word;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[0px\] {
  border-radius: 0px;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.rounded-\[33px\] {
  border-radius: 33px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[54px\] {
  border-radius: 54px;
}
.rounded-\[64px\] {
  border-radius: 64px;
}
.rounded-\[inherit\] {
  border-radius: inherit;
}
.rounded-fl-xs {
  border-radius: calc(0.75rem + 1.50 * var(--fluid-bp));
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b-\[12px\] {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
.rounded-b-\[32px\] {
  border-bottom-right-radius: 32px;
  border-bottom-left-radius: 32px;
}
.rounded-b-xl {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.rounded-bl-2xl {
  border-bottom-left-radius: 1rem;
}
.rounded-bl-\[12px\] {
  border-bottom-left-radius: 12px;
}
.rounded-bl-none {
  border-bottom-left-radius: 0px;
}
.rounded-br-2xl {
  border-bottom-right-radius: 1rem;
}
.rounded-br-\[12px\] {
  border-bottom-right-radius: 12px;
}
.rounded-br-none {
  border-bottom-right-radius: 0px;
}
.rounded-tl-2xl {
  border-top-left-radius: 1rem;
}
.rounded-tl-\[108px\] {
  border-top-left-radius: 108px;
}
.rounded-tl-\[12px\] {
  border-top-left-radius: 12px;
}
.rounded-tl-\[48px\] {
  border-top-left-radius: 48px;
}
.rounded-tl-\[64px\] {
  border-top-left-radius: 64px;
}
.rounded-tl-none {
  border-top-left-radius: 0px;
}
.rounded-tl-xl {
  border-top-left-radius: 0.75rem;
}
.rounded-tr-2xl {
  border-top-right-radius: 1rem;
}
.rounded-tr-\[12px\] {
  border-top-right-radius: 12px;
}
.rounded-tr-\[64px\] {
  border-top-right-radius: 64px;
}
.rounded-tr-fl-xs {
  border-top-right-radius: calc(0.75rem + 1.50 * var(--fluid-bp));
}
.rounded-tr-none {
  border-top-right-radius: 0px;
}
.rounded-tr-xl {
  border-top-right-radius: 0.75rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.\!border-t-0 {
  border-top-width: 0px !important;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-solid {
  border-style: solid;
}
.border-none {
  border-style: none;
}
.border-fg-accent {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-fg-accent) / var(--twc-fg-accent-opacity, var(--tw-border-opacity)));
}
.border-fg-alternate {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-border-opacity)));
}
.border-fg-primary {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-fg-primary) / var(--twc-fg-primary-opacity, var(--tw-border-opacity)));
}
.border-stroke-accent {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-stroke-accent) / var(--twc-stroke-accent-opacity, var(--tw-border-opacity)));
}
.border-stroke-alternate {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-stroke-alternate) / var(--twc-stroke-alternate-opacity, var(--tw-border-opacity)));
}
.border-stroke-error {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-stroke-error) / var(--twc-stroke-error-opacity, var(--tw-border-opacity)));
}
.border-stroke-primary {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-stroke-primary) / var(--twc-stroke-primary-opacity, var(--tw-border-opacity)));
}
.border-stroke-secondary {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-stroke-secondary) / var(--twc-stroke-secondary-opacity, var(--tw-border-opacity)));
}
.border-stroke-success {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-stroke-success) / var(--twc-stroke-success-opacity, var(--tw-border-opacity)));
}
.border-t-stroke-alternate {
  --tw-border-opacity: 1;
  border-top-color: hsl(var(--twc-stroke-alternate) / var(--twc-stroke-alternate-opacity, var(--tw-border-opacity)));
}
.bg-\[\#F0FAFA\]\/30 {
  background-color: rgb(240 250 250 / 0.3);
}
.bg-\[black\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-fg-accent\/\[0\.26\] {
  background-color: hsl(var(--twc-fg-accent) / 0.26);
}
.bg-fg-secondary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-fg-secondary) / var(--twc-fg-secondary-opacity, var(--tw-bg-opacity)));
}
.bg-stroke-primary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-stroke-primary) / var(--twc-stroke-primary-opacity, var(--tw-bg-opacity)));
}
.bg-surface-accent-forest {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-forest) / var(--twc-surface-accent-forest-opacity, var(--tw-bg-opacity)));
}
.bg-surface-accent-green {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-green) / var(--twc-surface-accent-green-opacity, var(--tw-bg-opacity)));
}
.bg-surface-accent-lime {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-lime) / var(--twc-surface-accent-lime-opacity, var(--tw-bg-opacity)));
}
.bg-surface-accent-navy {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-navy) / var(--twc-surface-accent-navy-opacity, var(--tw-bg-opacity)));
}
.bg-surface-accent-orange {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-orange) / var(--twc-surface-accent-orange-opacity, var(--tw-bg-opacity)));
}
.bg-surface-alternate {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-alternate) / var(--twc-surface-alternate-opacity, var(--tw-bg-opacity)));
}
.bg-surface-alternate\/30 {
  background-color: hsl(var(--twc-surface-alternate) / 0.3);
}
.bg-surface-primary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-primary) / var(--twc-surface-primary-opacity, var(--tw-bg-opacity)));
}
.bg-surface-primary\/0 {
  background-color: hsl(var(--twc-surface-primary) / 0);
}
.bg-surface-primary\/30 {
  background-color: hsl(var(--twc-surface-primary) / 0.3);
}
.bg-surface-secondary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-secondary) / var(--twc-surface-secondary-opacity, var(--tw-bg-opacity)));
}
.bg-surface-tertiary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-tertiary) / var(--twc-surface-tertiary-opacity, var(--tw-bg-opacity)));
}
.bg-surface-tertiary\/0 {
  background-color: hsl(var(--twc-surface-tertiary) / 0);
}
.bg-opacity-35 {
  --tw-bg-opacity: 0.35;
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}
.bg-\[linear-gradient\(90deg\2c rgba\(0\2c 170\2c 170\2c 0\)_22\.77\%\2c \#0AA_72\.81\%\)\] {
  background-image: linear-gradient(90deg,rgba(0,170,170,0) 22.77%,#0AA 72.81%);
}
.bg-gradient-to-bl {
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-\[\#3651f6\] {
  --tw-gradient-from: #3651f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(54 81 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-surface-secondary\/10 {
  --tw-gradient-from: hsl(var(--twc-surface-secondary) / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--twc-surface-secondary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-\[\#0a1a53\] {
  --tw-gradient-to: #0a1a53 var(--tw-gradient-to-position);
}
.to-surface-tertiary\/10 {
  --tw-gradient-to: hsl(var(--twc-surface-tertiary) / 0.1) var(--tw-gradient-to-position);
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: center;
}
.bg-left {
  background-position: left;
}
.bg-right {
  background-position: right;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-none {
  fill: none;
}
.stroke-fg-alternate {
  stroke: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, 1));
}
.stroke-\[2px\] {
  stroke-width: 2px;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-0 {
  padding: 0rem;
}
.p-\[0\] {
  padding: 0;
}
.p-\[18px\] {
  padding: 18px;
}
.p-\[22px\] {
  padding: 22px;
}
.p-fl-2xl {
  padding: calc(3.00rem + 0.00 * var(--fluid-bp));
}
.p-fl-2xs {
  padding: calc(0.50rem + 0.00 * var(--fluid-bp));
}
.p-fl-3xl {
  padding: calc(4.00rem + 0.00 * var(--fluid-bp));
}
.p-fl-3xs {
  padding: calc(0.25rem + 0.00 * var(--fluid-bp));
}
.p-fl-lg {
  padding: calc(2.00rem + 0.00 * var(--fluid-bp));
}
.p-fl-md {
  padding: calc(1.50rem + 0.00 * var(--fluid-bp));
}
.p-fl-sm {
  padding: calc(1.00rem + 0.00 * var(--fluid-bp));
}
.p-fl-xs {
  padding: calc(0.75rem + 0.00 * var(--fluid-bp));
}
.p-sm {
  padding: 0.875rem;
}
.px-2xs {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-\[--outer-gutter\] {
  padding-left: var(--outer-gutter);
  padding-right: var(--outer-gutter);
}
.px-\[8px\] {
  padding-left: 8px;
  padding-right: 8px;
}
.px-\[9px\] {
  padding-left: 9px;
  padding-right: 9px;
}
.px-fl-2xs {
  padding-left: calc(0.50rem + 0.00 * var(--fluid-bp));
  padding-right: calc(0.50rem + 0.00 * var(--fluid-bp));
}
.px-fl-5xl {
  padding-left: calc(6.00rem + 0.00 * var(--fluid-bp));
  padding-right: calc(6.00rem + 0.00 * var(--fluid-bp));
}
.px-fl-lg {
  padding-left: calc(2.00rem + 0.00 * var(--fluid-bp));
  padding-right: calc(2.00rem + 0.00 * var(--fluid-bp));
}
.px-fl-md {
  padding-left: calc(1.50rem + 0.00 * var(--fluid-bp));
  padding-right: calc(1.50rem + 0.00 * var(--fluid-bp));
}
.px-fl-sm {
  padding-left: calc(1.00rem + 0.00 * var(--fluid-bp));
  padding-right: calc(1.00rem + 0.00 * var(--fluid-bp));
}
.px-fl-xs {
  padding-left: calc(0.75rem + 0.00 * var(--fluid-bp));
  padding-right: calc(0.75rem + 0.00 * var(--fluid-bp));
}
.px-xs {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.py-0 {
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[12px\] {
  padding-top: 12px;
  padding-bottom: 12px;
}
.py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-\[8px\] {
  padding-top: 8px;
  padding-bottom: 8px;
}
.py-fl-2xl {
  padding-top: calc(3.00rem + 0.00 * var(--fluid-bp));
  padding-bottom: calc(3.00rem + 0.00 * var(--fluid-bp));
}
.py-fl-2xs {
  padding-top: calc(0.50rem + 0.00 * var(--fluid-bp));
  padding-bottom: calc(0.50rem + 0.00 * var(--fluid-bp));
}
.py-fl-3xl {
  padding-top: calc(4.00rem + 0.00 * var(--fluid-bp));
  padding-bottom: calc(4.00rem + 0.00 * var(--fluid-bp));
}
.py-fl-4xl {
  padding-top: calc(5.00rem + 0.00 * var(--fluid-bp));
  padding-bottom: calc(5.00rem + 0.00 * var(--fluid-bp));
}
.py-fl-5xl {
  padding-top: calc(6.00rem + 0.00 * var(--fluid-bp));
  padding-bottom: calc(6.00rem + 0.00 * var(--fluid-bp));
}
.py-fl-lg {
  padding-top: calc(2.00rem + 0.00 * var(--fluid-bp));
  padding-bottom: calc(2.00rem + 0.00 * var(--fluid-bp));
}
.py-fl-md {
  padding-top: calc(1.50rem + 0.00 * var(--fluid-bp));
  padding-bottom: calc(1.50rem + 0.00 * var(--fluid-bp));
}
.py-fl-sm {
  padding-top: calc(1.00rem + 0.00 * var(--fluid-bp));
  padding-bottom: calc(1.00rem + 0.00 * var(--fluid-bp));
}
.py-fl-xs {
  padding-top: calc(0.75rem + 0.00 * var(--fluid-bp));
  padding-bottom: calc(0.75rem + 0.00 * var(--fluid-bp));
}
.py-lg {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}
.py-xs {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.pb-0 {
  padding-bottom: 0rem;
}
.pb-2xl {
  padding-bottom: 1.375rem;
}
.pb-3xl {
  padding-bottom: 1.5rem;
}
.pb-4xl {
  padding-bottom: 1.625rem;
}
.pb-5xl {
  padding-bottom: 1.875rem;
}
.pb-\[8px\] {
  padding-bottom: 8px;
}
.pb-base {
  padding-bottom: 1rem;
}
.pb-fl-2xl {
  padding-bottom: calc(3.00rem + 0.00 * var(--fluid-bp));
}
.pb-fl-3xl {
  padding-bottom: calc(4.00rem + 0.00 * var(--fluid-bp));
}
.pb-fl-4xl {
  padding-bottom: calc(5.00rem + 0.00 * var(--fluid-bp));
}
.pb-fl-5xl {
  padding-bottom: calc(6.00rem + 0.00 * var(--fluid-bp));
}
.pb-fl-lg {
  padding-bottom: calc(2.00rem + 0.00 * var(--fluid-bp));
}
.pb-fl-md {
  padding-bottom: calc(1.50rem + 0.00 * var(--fluid-bp));
}
.pb-fl-sm {
  padding-bottom: calc(1.00rem + 0.00 * var(--fluid-bp));
}
.pb-fl-xl {
  padding-bottom: calc(2.50rem + 0.00 * var(--fluid-bp));
}
.pb-lg {
  padding-bottom: 1.125rem;
}
.pb-sm {
  padding-bottom: 0.875rem;
}
.pb-xl {
  padding-bottom: 1.25rem;
}
.pl-\[92px\] {
  padding-left: 92px;
}
.pl-fl-lg {
  padding-left: calc(2.00rem + 0.00 * var(--fluid-bp));
}
.pl-fl-md {
  padding-left: calc(1.50rem + 0.00 * var(--fluid-bp));
}
.pl-fl-sm {
  padding-left: calc(1.00rem + 0.00 * var(--fluid-bp));
}
.pr-0 {
  padding-right: 0rem;
}
.pr-\[68px\] {
  padding-right: 68px;
}
.pr-fl-2xl {
  padding-right: calc(3.00rem + 0.00 * var(--fluid-bp));
}
.pr-sm {
  padding-right: 0.875rem;
}
.pt-0 {
  padding-top: 0rem;
}
.pt-2xl {
  padding-top: 1.375rem;
}
.pt-3xl {
  padding-top: 1.5rem;
}
.pt-4xl {
  padding-top: 1.625rem;
}
.pt-5xl {
  padding-top: 1.875rem;
}
.pt-\[10px\] {
  padding-top: 10px;
}
.pt-base {
  padding-top: 1rem;
}
.pt-fl-2xl {
  padding-top: calc(3.00rem + 0.00 * var(--fluid-bp));
}
.pt-fl-3xl {
  padding-top: calc(4.00rem + 0.00 * var(--fluid-bp));
}
.pt-fl-4xl {
  padding-top: calc(5.00rem + 0.00 * var(--fluid-bp));
}
.pt-fl-5xl {
  padding-top: calc(6.00rem + 0.00 * var(--fluid-bp));
}
.pt-fl-lg {
  padding-top: calc(2.00rem + 0.00 * var(--fluid-bp));
}
.pt-fl-md {
  padding-top: calc(1.50rem + 0.00 * var(--fluid-bp));
}
.pt-fl-sm {
  padding-top: calc(1.00rem + 0.00 * var(--fluid-bp));
}
.pt-fl-xl {
  padding-top: calc(2.50rem + 0.00 * var(--fluid-bp));
}
.pt-lg {
  padding-top: 1.125rem;
}
.pt-sm {
  padding-top: 0.875rem;
}
.pt-xl {
  padding-top: 1.25rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-middle {
  vertical-align: middle;
}
.\!font-AtlasGrotesk {
  font-family: "Atlas Grotesk", sans-serif !important;
}
.\!font-National2 {
  font-family: "National 2", sans-serif !important;
}
.font-AtlasGrotesk {
  font-family: "Atlas Grotesk", sans-serif;
}
.font-National2 {
  font-family: "National 2", sans-serif;
}
.font-National2Condensed {
  font-family: "National 2 Condensed", sans-serif;
}
.\!text-fl-2xl {
  font-size: var(--f-2xl) !important;
  line-height: 120% !important;
}
.\!text-fl-lg {
  font-size: var(--f-lg) !important;
  line-height: 130% !important;
}
.\!text-fl-xl {
  font-size: var(--f-xl) !important;
  line-height: 120% !important;
}
.text-2xl {
  font-size: 1.375rem;
}
.text-3xl {
  font-size: 1.5rem;
}
.text-5xl {
  font-size: 1.875rem;
}
.text-6xl {
  font-size: 2.125rem;
}
.text-\[100px\] {
  font-size: 100px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[40px\] {
  font-size: 40px;
}
.text-base {
  font-size: 1rem;
}
.text-fl-2xl {
  font-size: var(--f-2xl);
  line-height: 120%;
}
.text-fl-3xl {
  font-size: var(--f-3xl);
  line-height: 120%;
}
.text-fl-4xl {
  font-size: var(--f-4xl);
  line-height: 110%;
}
.text-fl-base {
  font-size: var(--f-base);
  line-height: 140%;
}
.text-fl-lg {
  font-size: var(--f-lg);
  line-height: 130%;
}
.text-fl-sm {
  font-size: var(--f-sm);
  line-height: 140%;
}
.text-fl-xl {
  font-size: var(--f-xl);
  line-height: 120%;
}
.text-fl-xs {
  font-size: var(--f-xs);
  line-height: 150%;
}
.text-lg {
  font-size: 1.125rem;
}
.text-sm {
  font-size: 0.875rem;
}
.text-xl {
  font-size: 1.25rem;
}
.text-xs {
  font-size: 0.75rem;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.normal-case {
  text-transform: none;
}
.italic {
  font-style: italic;
}
.\!leading-\[0\.85\] {
  line-height: 0.85 !important;
}
.\!leading-\[1\.1\] {
  line-height: 1.1 !important;
}
.leading-\[0\.5\] {
  line-height: 0.5;
}
.leading-\[0\.85\] {
  line-height: 0.85;
}
.leading-\[0\] {
  line-height: 0;
}
.leading-\[1\.1\] {
  line-height: 1.1;
}
.leading-\[1\.2\] {
  line-height: 1.2;
}
.leading-\[1\.3\] {
  line-height: 1.3;
}
.leading-\[1\.4\] {
  line-height: 1.4;
}
.leading-\[1\.5\] {
  line-height: 1.5;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.\!text-fg-accent {
  --tw-text-opacity: 1 !important;
  color: hsl(var(--twc-fg-accent) / var(--twc-fg-accent-opacity, var(--tw-text-opacity))) !important;
}
.\!text-fg-alternate {
  --tw-text-opacity: 1 !important;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity))) !important;
}
.text-fg-accent {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-accent) / var(--twc-fg-accent-opacity, var(--tw-text-opacity)));
}
.text-fg-alternate {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity)));
}
.text-fg-brand {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-brand) / var(--twc-fg-brand-opacity, var(--tw-text-opacity)));
}
.text-fg-error {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-error) / var(--twc-fg-error-opacity, var(--tw-text-opacity)));
}
.text-fg-primary {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-primary) / var(--twc-fg-primary-opacity, var(--tw-text-opacity)));
}
.text-fg-secondary {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-secondary) / var(--twc-fg-secondary-opacity, var(--tw-text-opacity)));
}
.text-fg-success {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-success) / var(--twc-fg-success-opacity, var(--tw-text-opacity)));
}
.text-surface-accent-green {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-surface-accent-green) / var(--twc-surface-accent-green-opacity, var(--tw-text-opacity)));
}
.text-surface-primary {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-surface-primary) / var(--twc-surface-primary-opacity, var(--tw-text-opacity)));
}
.\!no-underline {
  text-decoration-line: none !important;
}
.no-underline {
  text-decoration-line: none;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-80 {
  opacity: 0.8;
}
.shadow-\[0_-8px_11\.5px_-5px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
  --tw-shadow: 0 -8px 11.5px -5px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0 -8px 11.5px -5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_2px_5px_0px_rgba\(0\2c 0\2c 0\2c 0\.10\)\] {
  --tw-shadow: 2px 2px 5px 0px rgba(0,0,0,0.10);
  --tw-shadow-colored: 2px 2px 5px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\!outline-none {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.blur {
  --tw-blur: blur(8px);
  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);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  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);
}
.invert {
  --tw-invert: invert(100%);
  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);
}
.filter {
  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);
}
.backdrop-blur-\[50px\] {
  --tw-backdrop-blur: blur(50px);
  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);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\] {
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[height\] {
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[min-width\2c min-height\] {
  transition-property: min-width,min-height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c margin\] {
  transition-property: opacity,margin;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c visibility\] {
  transition-property: opacity,visibility;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-none {
  transition-property: none;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-\[400ms\] {
  transition-duration: 400ms;
}
.ease-\[cubic-bezier\(0\.175\2c 0\.885\2c 0\.320\2c 1\.275\)\] {
  transition-timing-function: cubic-bezier(0.175,0.885,0.320,1.275);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  transition-timing-function: linear;
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
[class*="keyline-"] {
  position: relative;
}
[class*="keyline-"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: calc(var(--inner-gutter) / -2 - 1px);
  right: calc(var(--inner-gutter) / -2);
  top: 0;
  bottom: 0;
  border: 1px solid transparent;
  pointer-events: none;
}
[class*="keyline-0"]::before {
  border-right-color: transparent;
  border-left-color: transparent;
}
.light,[data-theme="light"] {
  --twc-fg-primary: 0 0% 0%;
  --twc-fg-secondary: 210 66.7% 17.6%;
  --twc-fg-accent: 180 100% 33.3%;
  --twc-fg-alternate: 0 0% 100%;
  --twc-fg-brand: 180 100% 33.3%;
  --twc-fg-success: 155 96.8% 24.3%;
  --twc-fg-error: 4.199999999999989 76.5% 40%;
  --twc-fg-tertiary: 330 100% 70.6%;
  --twc-fg-quaternary: 330 100% 70.6%;
  --twc-fg-quinary: 330 100% 70.6%;
  --twc-surface-primary: 0 0% 100%;
  --twc-surface-secondary: 180 50% 96.1%;
  --twc-surface-tertiary: 0 0% 58.8%;
  --twc-surface-alternate: 0 0% 0%;
  --twc-surface-accent-green: 180 100% 33.3%;
  --twc-surface-accent-navy: 210 66.7% 17.6%;
  --twc-surface-accent-orange: 25 74.9% 54.7%;
  --twc-surface-accent-lime: 74 56% 67.1%;
  --twc-surface-accent-forest: 180 100% 14.7%;
  --twc-surface-accent: 330 100% 70.6%;
  --twc-surface-quaternary: 330 100% 70.6%;
  --twc-surface-quinary: 330 100% 70.6%;
  --twc-surface-brand: 330 100% 70.6%;
  --twc-stroke-primary: 0 0% 0%;
  --twc-stroke-secondary: 210 66.7% 17.6%;
  --twc-stroke-alternate: 0 0% 100%;
  --twc-stroke-accent: 180 100% 33.3%;
  --twc-stroke-success: 155 96.8% 24.3%;
  --twc-stroke-error: 4.199999999999989 76.5% 40%;
  --twc-stroke-tertiary: 330 100% 70.6%;
  --twc-stroke-quaternary: 330 100% 70.6%;
  --twc-stroke-quinary: 330 100% 70.6%;
  --twc-stroke-brand: 330 100% 70.6%;
}
.dark,[data-theme="dark"] {
  --twc-fg-primary: 0 0% 100%;
  --twc-fg-secondary: 0 0% 43.9%;
  --twc-fg-accent: 180 100% 33.3%;
  --twc-fg-alternate: 0 0% 100%;
  --twc-fg-brand: 180 100% 33.3%;
  --twc-fg-success: 155 96.8% 24.3%;
  --twc-fg-error: 4.199999999999989 76.5% 40%;
  --twc-fg-tertiary: 330 100% 70.6%;
  --twc-fg-quaternary: 330 100% 70.6%;
  --twc-fg-quinary: 330 100% 70.6%;
  --twc-surface-primary: 0 0% 0%;
  --twc-surface-secondary: 210 66.7% 17.6%;
  --twc-surface-tertiary: 0 0% 58.8%;
  --twc-surface-alternate: 0 0% 0%;
  --twc-surface-accent-green: 180 100% 33.3%;
  --twc-surface-accent-navy: 210 66.7% 17.6%;
  --twc-surface-accent-orange: 25 74.9% 54.7%;
  --twc-surface-accent-lime: 74 56% 67.1%;
  --twc-surface-accent-forest: 180 100% 14.7%;
  --twc-surface-accent: 330 100% 70.6%;
  --twc-surface-quaternary: 330 100% 70.6%;
  --twc-surface-quinary: 330 100% 70.6%;
  --twc-surface-brand: 330 100% 70.6%;
  --twc-stroke-primary: 0 0% 0%;
  --twc-stroke-secondary: 210 66.7% 17.6%;
  --twc-stroke-alternate: 0 0% 100%;
  --twc-stroke-accent: 180 100% 33.3%;
  --twc-stroke-success: 155 96.8% 24.3%;
  --twc-stroke-error: 4.199999999999989 76.5% 40%;
  --twc-stroke-tertiary: 330 100% 70.6%;
  --twc-stroke-quaternary: 330 100% 70.6%;
  --twc-stroke-quinary: 330 100% 70.6%;
  --twc-stroke-brand: 330 100% 70.6%;
}
.scrollbar-thin::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}
.scrollbar-thin::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
}
.scrollbar-thin::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
}
.scrollbar-thin::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}
.scrollbar-thin::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}
.scrollbar-thin::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
}
.scrollbar-thin::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}
.scrollbar-thin::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
}
.scrollbar-thin::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
}
.scrollbar-thin {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}
.scrollbar-thin::-webkit-scrollbar {
  display: block;
  width: 8px;
  height: 8px;
}
.scrollbar-track-\[\#ECEEF0\] {
  --scrollbar-track: #ECEEF0 !important;
}
.scrollbar-thumb-\[\#7E868C\] {
  --scrollbar-thumb: #7E868C !important;
}
  .paused {
    animation-play-state: paused;
  }

  /* Timeline parallax grid: milestone list rhythm (fluid 2xs, same as mb-fl-2xs) */
  .timeline-slider-wrapper .card-timeline .text-content li:not(:last-child) {
  margin-bottom: calc(0.50rem + 0.00 * var(--fluid-bp));
}
.\[--adaptive\:none\] {
  --adaptive: none;
}
.\[--auto-close\:inside\] {
  --auto-close: inside;
}
.\[--body-scroll\:false\] {
  --body-scroll: false;
}
.\[--placement\:auto\] {
  --placement: auto;
}
.\[--placement\:bottom\] {
  --placement: bottom;
}
.\[--placement\:left\] {
  --placement: left;
}
.\[--placement\:right\] {
  --placement: right;
}
.\[--placement\:top\] {
  --placement: top;
}
.\[--slides-to-show\:0\] {
  --slides-to-show: 0;
}
.\[--slides-to-show\:1\] {
  --slides-to-show: 1;
}
.\[--slides-to-show\:2\] {
  --slides-to-show: 2;
}
.\[--slides-to-show\:3\] {
  --slides-to-show: 3;
}
.\[--slides-to-show\:4\] {
  --slides-to-show: 4;
}
.\[--slides-to-show\:5\] {
  --slides-to-show: 5;
}
.\[--strategy\:relative\] {
  --strategy: relative;
}
.\[--strategy\:static\] {
  --strategy: static;
}
.\[--trigger\:click\] {
  --trigger: click;
}
.\!\[box-shadow\:none\] {
  box-shadow: none !important;
}
.\[text-decoration\:none\] {
  text-decoration: none;
}

html,
body {
  font-family: "Atlas Grotesk", sans-serif;
}

/* overscroll-behavior: none disables scroll chaining. Inside the HubSpot
   page editor the page renders in an iframe whose root element gets the
   .hs-inline-edit class, and this rule traps scrolling over a selected
   module. Scope it to the live page only so the editor scrolls normally. */
html:not(.hs-inline-edit),
html:not(.hs-inline-edit) body {
  overscroll-behavior: none;
}
@media (min-width: 768px) {
  .md\:breakout-reset {
    --breakout-outer-gutter: var(--outer-gutter);
    --breakout-container-outer-gutter: 0;
    position: unset;
    left: unset;
    width: unset;
    margin-left: unset;
  }
  .md\:gap-gutter {
    grid-gap: var(--inner-gutter);
    gap: var(--inner-gutter);
  }
}
@media (min-width: 1024px) {
  .lg\:container {
    width: calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));
    margin-right: auto;
    margin-left: auto;
  }
  .lg\:container > * {
    --container-outer-gutter: 0;
    --breakout-container-outer-gutter: 0;
  }
  .lg\:container-reset {
    width: unset;
    margin-right: unset;
    margin-left: unset;
  }
  .lg\:container-reset > * {
    --container-outer-gutter: var(--outer-gutter, 0);
    --breakout-container-outer-gutter: inherit;
  }
}
.before\:icon-\[i--arrow-buttons\]::before {
  content: var(--tw-content);
  display: inline-block;
  width: 1.57em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 23' width='36' height='23'%3E%3Cpath fill='none' stroke='black' stroke-miterlimit='10' d='m24 22.336 10-10.999-10-11m9.756 10.999H0'/%3E%3C/svg%3E");
}
.prose-a\:before\:icon-\[i--arrow-buttons\] :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)))::before {
  content: var(--tw-content);
  display: inline-block;
  width: 1.57em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 23' width='36' height='23'%3E%3Cpath fill='none' stroke='black' stroke-miterlimit='10' d='m24 22.336 10-10.999-10-11m9.756 10.999H0'/%3E%3C/svg%3E");
}
@media (min-width: 640px) {
  .sm\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .sm\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: 0;
    right: 0;
  }
  .sm\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {
    right: 0;
  }
  .sm\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .sm\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .sm\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {
    left: 0;
  }
  .sm\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {
    right: 0;
  }
  .sm\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .sm\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {
    border-right-width: 0;
  }
  .sm\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {
    top: 0;
  }
  .sm\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {
    bottom: 0;
  }
  .sm\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {
    bottom: 0;
  }
  .sm\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .sm\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .sm\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {
    left: 0;
  }
  .sm\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {
    right: 0;
  }
  .sm\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .sm\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {
    border-right-width: 0;
  }
  .sm\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {
    top: 0;
  }
  .sm\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {
    bottom: 0;
  }
  .sm\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {
    bottom: 0;
  }
  .sm\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .sm\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .sm\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {
    left: 0;
  }
  .sm\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {
    right: 0;
  }
  .sm\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .sm\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {
    border-right-width: 0;
  }
  .sm\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {
    top: 0;
  }
  .sm\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {
    bottom: 0;
  }
  .sm\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {
    bottom: 0;
  }
  .sm\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .sm\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .sm\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {
    left: 0;
  }
  .sm\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {
    right: 0;
  }
  .sm\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .sm\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {
    border-right-width: 0;
  }
  .sm\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {
    top: 0;
  }
  .sm\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {
    bottom: 0;
  }
  .sm\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {
    bottom: 0;
  }
  .sm\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .sm\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .sm\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {
    left: 0;
  }
  .sm\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {
    right: 0;
  }
  .sm\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .sm\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {
    border-right-width: 0;
  }
  .sm\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {
    top: 0;
  }
  .sm\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {
    bottom: 0;
  }
  .sm\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {
    bottom: 0;
  }
  .sm\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .sm\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .sm\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {
    left: 0;
  }
  .sm\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {
    right: 0;
  }
  .sm\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .sm\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {
    border-right-width: 0;
  }
  .sm\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {
    top: 0;
  }
  .sm\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {
    bottom: 0;
  }
  .sm\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {
    bottom: 0;
  }
  .sm\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .sm\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .sm\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {
    left: 0;
  }
  .sm\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {
    right: 0;
  }
  .sm\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {
    border-bottom-width: 0;
  }
  .sm\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .sm\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {
    border-right-width: 0;
  }
  .sm\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {
    top: 0;
  }
  .sm\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {
    bottom: 0;
  }
  .sm\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {
    bottom: 0;
  }
}
@media (min-width: 768px) {
  .md\:grid-col-span-8 {
    --container-grid-columns: 8;
    grid-column: span 8 / span 8;
  }
  .md\:mr-1-cols {
    margin-right: calc(((((1 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (1 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + var(--inner-gutter)));
  }
  .cols-container > .md\:mr-1-cols {
    margin-right: calc(((((1 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (1 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }
  .md\:w-4-cols-vw {
    width: calc((((var(--container-width, 100vw - var(--scrollbar-visible-width, 0px)) - (((var(--grid-columns) - 1) * var(--inner-gutter)) + (2 * var(--outer-gutter)))) / (var(--grid-columns))) * 4) + (3 * var(--inner-gutter)));
  }
  .md\:w-4-cols-vw > * {
    --container-grid-columns: 4;
  }
  .md\:w-6-cols {
    width: calc(((6 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (6 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }
  .cols-container > .md\:w-6-cols {
    width: calc(((6 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (6 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }
  .md\:w-6-cols-vw {
    width: calc((((var(--container-width, 100vw - var(--scrollbar-visible-width, 0px)) - (((var(--grid-columns) - 1) * var(--inner-gutter)) + (2 * var(--outer-gutter)))) / (var(--grid-columns))) * 6) + (5 * var(--inner-gutter)));
  }
  .md\:w-6-cols > * {
    --container-grid-columns: 6;
  }
  .md\:w-6-cols-vw > * {
    --container-grid-columns: 6;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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(2n+1)::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(2n+1):nth-last-child(-n+2)::before {
    border-bottom-width: 0;
  }
  .md\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):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(2n+1):nth-last-child(-n+2)::after {
    bottom: 0;
  }
  .md\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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;
  }
}
@media (min-width: 1024px) {
  .lg\:grid-col-span-3 {
    --container-grid-columns: 3;
    grid-column: span 3 / span 3;
  }
  .lg\:grid-col-span-6 {
    --container-grid-columns: 6;
    grid-column: span 6 / span 6;
  }
  .lg\:grid-col-span-7 {
    --container-grid-columns: 7;
    grid-column: span 7 / span 7;
  }
  .lg\:mr-1-cols {
    margin-right: calc(((((1 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (1 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + var(--inner-gutter)));
  }
  .cols-container > .lg\:mr-1-cols {
    margin-right: calc(((((1 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (1 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }
  .lg\:mr-1-cols-vw {
    margin-right: calc(((var(--container-width, 100vw - var(--scrollbar-visible-width, 0px)) - (((var(--grid-columns) - 1) * var(--inner-gutter)) + (2 * var(--outer-gutter)))) / (var(--grid-columns))));
  }
  .lg\:ml-1-cols-vw {
    margin-left: calc(((var(--container-width, 100vw - var(--scrollbar-visible-width, 0px)) - (((var(--grid-columns) - 1) * var(--inner-gutter)) + (2 * var(--outer-gutter)))) / (var(--grid-columns))));
  }
  .lg\:ml-2-cols {
    margin-left: calc(((((2 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (2 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + var(--inner-gutter)));
  }
  .cols-container > .lg\:ml-2-cols {
    margin-left: calc(((((2 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (2 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }
  .lg\:w-4-cols {
    width: calc(((4 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (4 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }
  .cols-container > .lg\:w-4-cols {
    width: calc(((4 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (4 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }
  .lg\:w-4-cols-vw {
    width: calc((((var(--container-width, 100vw - var(--scrollbar-visible-width, 0px)) - (((var(--grid-columns) - 1) * var(--inner-gutter)) + (2 * var(--outer-gutter)))) / (var(--grid-columns))) * 4) + (3 * var(--inner-gutter)));
  }
  .lg\:w-4-cols > * {
    --container-grid-columns: 4;
  }
  .lg\:w-4-cols-vw > * {
    --container-grid-columns: 4;
  }
  .lg\:w-7-cols {
    width: calc(((7 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (7 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }
  .cols-container > .lg\:w-7-cols {
    width: calc(((7 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (7 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }
  .lg\:w-7-cols > * {
    --container-grid-columns: 7;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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(2n+1)::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(2n+1):nth-last-child(-n+2)::before {
    border-bottom-width: 0;
  }
  .lg\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):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(2n+1):nth-last-child(-n+2)::after {
    bottom: 0;
  }
  .lg\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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;
  }
}
@media (min-width: 1280px) {
  .xl\:ml-1-cols {
    margin-left: calc(((((1 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (1 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + var(--inner-gutter)));
  }
  .cols-container > .xl\:ml-1-cols {
    margin-left: calc(((((1 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (1 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }
  .xl\:ml-2-cols {
    margin-left: calc(((((2 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (2 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + var(--inner-gutter)));
  }
  .cols-container > .xl\:ml-2-cols {
    margin-left: calc(((((2 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (2 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }
  .xl\:w-4-cols {
    width: calc(((4 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (4 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }
  .cols-container > .xl\:w-4-cols {
    width: calc(((4 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (4 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }
  .xl\:w-4-cols > * {
    --container-grid-columns: 4;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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(2n+1)::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(2n+1):nth-last-child(-n+2)::before {
    border-bottom-width: 0;
  }
  .xl\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):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(2n+1):nth-last-child(-n+2)::after {
    bottom: 0;
  }
  .xl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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;
  }
}
@media (min-width: 1440px) {
  .xxl\:grid-col-span-7 {
    --container-grid-columns: 7;
    grid-column: span 7 / span 7;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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(2n+1)::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(2n+1):nth-last-child(-n+2)::before {
    border-bottom-width: 0;
  }
  .xxl\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):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(2n+1):nth-last-child(-n+2)::after {
    bottom: 0;
  }
  .xxl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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 {
    border-bottom-width: 0;
  }
  .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 {
    bottom: 0;
  }
  .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;
  }
}
@media (min-width: 1921px) {
  .\32xl\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .\32xl\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: 0;
    right: 0;
  }
  .\32xl\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {
    right: 0;
  }
  .\32xl\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {
    border-bottom-width: 0;
  }
  .\32xl\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {
    border-bottom-width: 0;
  }
  .\32xl\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .\32xl\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .\32xl\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {
    left: 0;
  }
  .\32xl\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {
    right: 0;
  }
  .\32xl\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {
    border-bottom-width: 0;
  }
  .\32xl\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {
    border-bottom-width: 0;
  }
  .\32xl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .\32xl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {
    border-right-width: 0;
  }
  .\32xl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {
    top: 0;
  }
  .\32xl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {
    bottom: 0;
  }
  .\32xl\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {
    bottom: 0;
  }
  .\32xl\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .\32xl\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .\32xl\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {
    left: 0;
  }
  .\32xl\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {
    right: 0;
  }
  .\32xl\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {
    border-bottom-width: 0;
  }
  .\32xl\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {
    border-bottom-width: 0;
  }
  .\32xl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .\32xl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {
    border-right-width: 0;
  }
  .\32xl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {
    top: 0;
  }
  .\32xl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {
    bottom: 0;
  }
  .\32xl\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {
    bottom: 0;
  }
  .\32xl\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .\32xl\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .\32xl\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {
    left: 0;
  }
  .\32xl\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {
    right: 0;
  }
  .\32xl\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {
    border-bottom-width: 0;
  }
  .\32xl\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {
    border-bottom-width: 0;
  }
  .\32xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .\32xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {
    border-right-width: 0;
  }
  .\32xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {
    top: 0;
  }
  .\32xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {
    bottom: 0;
  }
  .\32xl\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {
    bottom: 0;
  }
  .\32xl\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .\32xl\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .\32xl\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {
    left: 0;
  }
  .\32xl\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {
    right: 0;
  }
  .\32xl\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {
    border-bottom-width: 0;
  }
  .\32xl\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {
    border-bottom-width: 0;
  }
  .\32xl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .\32xl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {
    border-right-width: 0;
  }
  .\32xl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {
    top: 0;
  }
  .\32xl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {
    bottom: 0;
  }
  .\32xl\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {
    bottom: 0;
  }
  .\32xl\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .\32xl\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .\32xl\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {
    left: 0;
  }
  .\32xl\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {
    right: 0;
  }
  .\32xl\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {
    border-bottom-width: 0;
  }
  .\32xl\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {
    border-bottom-width: 0;
  }
  .\32xl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .\32xl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {
    border-right-width: 0;
  }
  .\32xl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {
    top: 0;
  }
  .\32xl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {
    bottom: 0;
  }
  .\32xl\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {
    bottom: 0;
  }
  .\32xl\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .\32xl\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .\32xl\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {
    left: 0;
  }
  .\32xl\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {
    right: 0;
  }
  .\32xl\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {
    border-bottom-width: 0;
  }
  .\32xl\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {
    border-bottom-width: 0;
  }
  .\32xl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .\32xl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {
    border-right-width: 0;
  }
  .\32xl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {
    top: 0;
  }
  .\32xl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {
    bottom: 0;
  }
  .\32xl\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {
    bottom: 0;
  }
  .\32xl\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {
    border-bottom-width: 1px;
  }
  .\32xl\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {
    left: calc(var(--inner-gutter) / -2);
    right: calc(var(--inner-gutter) / -2);
  }
  .\32xl\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {
    left: 0;
  }
  .\32xl\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {
    right: 0;
  }
  .\32xl\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {
    border-bottom-width: 0;
  }
  .\32xl\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {
    border-bottom-width: 0;
  }
  .\32xl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {
    border-right-width: 1px;
  }
  .\32xl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {
    border-right-width: 0;
  }
  .\32xl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {
    top: 0;
  }
  .\32xl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {
    bottom: 0;
  }
  .\32xl\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {
    bottom: 0;
  }
}
.before\:aspect-\[36\/23\]::before {
  content: var(--tw-content);
  aspect-ratio: 36/23;
}
.before\:h-fl-sm::before {
  content: var(--tw-content);
  height: calc(1.00rem + 0.00 * var(--fluid-bp));
}
.before\:w-\[24px\]::before {
  content: var(--tw-content);
  width: 24px;
}
.before\:w-fl-sm::before {
  content: var(--tw-content);
  width: calc(1.00rem + 0.00 * var(--fluid-bp));
}
.before\:rotate-\[-135deg\]::before {
  content: var(--tw-content);
  --tw-rotate: -135deg;
  transform: translate(var(--tw-translate-x), 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));
}
.before\:text-fg-alternate::before {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity)));
}
.before\:text-fg-secondary::before {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-secondary) / var(--twc-fg-secondary-opacity, var(--tw-text-opacity)));
}
.before\:transition-all::before {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.before\:duration-300::before {
  content: var(--tw-content);
  transition-duration: 300ms;
}
.before\:ease-\[cubic-bezier\(0\.175\2c 0\.885\2c 0\.320\2c 1\.275\)\]::before {
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(0.175,0.885,0.320,1.275);
}
.last\:mb-\[50px\]:last-child {
  margin-bottom: 50px;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.group:hover .group-hover\:top-1\/2 {
  top: 50%;
}
.group:hover .group-hover\:mr-0 {
  margin-right: 0rem;
}
.group:hover .group-hover\:max-h-\[300px\] {
  max-height: 300px;
}
.group:hover .group-hover\:w-\[11px\] {
  width: 11px;
}
.group:hover .group-hover\:translate-y-0 {
  --tw-translate-y: 0rem;
  transform: translate(var(--tw-translate-x), 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));
}
.group:hover .group-hover\:-rotate-45 {
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), 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));
}
.group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), 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));
}
.group:hover .group-hover\:scale-\[1\.03\] {
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
  transform: translate(var(--tw-translate-x), 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));
}
.group:hover .group-hover\:justify-start {
  justify-content: flex-start;
}
.group:hover .group-hover\:gap-fl-md {
  gap: calc(1.50rem + 0.00 * var(--fluid-bp));
}
.group:hover .group-hover\:bg-surface-accent-green {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-green) / var(--twc-surface-accent-green-opacity, var(--tw-bg-opacity)));
}
.group:hover .group-hover\:bg-surface-accent-green\/10 {
  background-color: hsl(var(--twc-surface-accent-green) / 0.1);
}
.group\/itc:hover .group-hover\/itc\:pb-fl-sm {
  padding-bottom: calc(1.00rem + 0.00 * var(--fluid-bp));
}
.group\/itc:hover .group-hover\/itc\:pt-fl-xl {
  padding-top: calc(2.50rem + 0.00 * var(--fluid-bp));
}
.group:hover .group-hover\:pb-fl-md {
  padding-bottom: calc(1.50rem + 0.00 * var(--fluid-bp));
}
.group:hover .group-hover\:pb-fl-sm {
  padding-bottom: calc(1.00rem + 0.00 * var(--fluid-bp));
}
.group:hover .group-hover\:pt-fl-md {
  padding-top: calc(1.50rem + 0.00 * var(--fluid-bp));
}
.group:hover .group-hover\:pt-fl-xl {
  padding-top: calc(2.50rem + 0.00 * var(--fluid-bp));
}
.group\/ls:hover .group-hover\/ls\:text-fg-primary {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-primary) / var(--twc-fg-primary-opacity, var(--tw-text-opacity)));
}
.group:hover .group-hover\:text-fg-accent {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-accent) / var(--twc-fg-accent-opacity, var(--tw-text-opacity)));
}
.group:hover .group-hover\:text-fg-alternate {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity)));
}
.group:hover .group-hover\:text-fg-primary {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-primary) / var(--twc-fg-primary-opacity, var(--tw-text-opacity)));
}
.group:hover .group-hover\:text-fg-secondary {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-secondary) / var(--twc-fg-secondary-opacity, var(--tw-text-opacity)));
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
  .group:hover .group-hover\:paused {
    animation-play-state: paused;
  }
.group.open .group-\[\.open\]\:block {
  display: block;
}
.group.open .group-\[\.open\]\:hidden {
  display: none;
}
.group.open .group-\[\.open\]\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), 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));
}
.peer:checked ~ .peer-checked\:translate-x-\[calc\(100\%\+2\.5px\)\] {
  --tw-translate-x: calc(100% + 2.5px);
  transform: translate(var(--tw-translate-x), 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));
}
.peer:checked ~ .peer-checked\:light {
  --twc-fg-primary: 0 0% 0%;
  --twc-fg-secondary: 210 66.7% 17.6%;
  --twc-fg-accent: 180 100% 33.3%;
  --twc-fg-alternate: 0 0% 100%;
  --twc-fg-brand: 180 100% 33.3%;
  --twc-fg-success: 155 96.8% 24.3%;
  --twc-fg-error: 4.199999999999989 76.5% 40%;
  --twc-fg-tertiary: 330 100% 70.6%;
  --twc-fg-quaternary: 330 100% 70.6%;
  --twc-fg-quinary: 330 100% 70.6%;
  --twc-surface-primary: 0 0% 100%;
  --twc-surface-secondary: 180 50% 96.1%;
  --twc-surface-tertiary: 0 0% 58.8%;
  --twc-surface-alternate: 0 0% 0%;
  --twc-surface-accent-green: 180 100% 33.3%;
  --twc-surface-accent-navy: 210 66.7% 17.6%;
  --twc-surface-accent-orange: 25 74.9% 54.7%;
  --twc-surface-accent-lime: 74 56% 67.1%;
  --twc-surface-accent-forest: 180 100% 14.7%;
  --twc-surface-accent: 330 100% 70.6%;
  --twc-surface-quaternary: 330 100% 70.6%;
  --twc-surface-quinary: 330 100% 70.6%;
  --twc-surface-brand: 330 100% 70.6%;
  --twc-stroke-primary: 0 0% 0%;
  --twc-stroke-secondary: 210 66.7% 17.6%;
  --twc-stroke-alternate: 0 0% 100%;
  --twc-stroke-accent: 180 100% 33.3%;
  --twc-stroke-success: 155 96.8% 24.3%;
  --twc-stroke-error: 4.199999999999989 76.5% 40%;
  --twc-stroke-tertiary: 330 100% 70.6%;
  --twc-stroke-quaternary: 330 100% 70.6%;
  --twc-stroke-quinary: 330 100% 70.6%;
  --twc-stroke-brand: 330 100% 70.6%;
}
.group\/nav[data-button-shrink="true"] .group-data-\[button-shrink\=true\]\/nav\:min-h-\[76px\] {
  min-height: 76px;
}
.group\/nav[data-button-shrink="true"] .group-data-\[button-shrink\=true\]\/nav\:min-w-\[76px\] {
  min-width: 76px;
}
.group\/logo[data-navigation="scrolled"] .group-data-\[navigation\=scrolled\]\/logo\:-translate-y-full {
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), 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));
}
.group\/logo[data-navigation="scrolled"] .group-data-\[navigation\=scrolled\]\/logo\:translate-y-0 {
  --tw-translate-y: 0rem;
  transform: translate(var(--tw-translate-x), 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));
}
.group\/nav[data-navigation="scrolled"] .group-data-\[navigation\=scrolled\]\/nav\:bg-surface-primary\/80 {
  background-color: hsl(var(--twc-surface-primary) / 0.8);
}
.group\/nav[data-navigation="scrolled"] .group-data-\[navigation\=scrolled\]\/nav\:stroke-fg-primary {
  stroke: hsl(var(--twc-fg-primary) / var(--twc-fg-primary-opacity, 1));
}
.group\/nav[data-navigation="scrolled"] .group-data-\[navigation\=scrolled\]\/nav\:text-fg-primary {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-primary) / var(--twc-fg-primary-opacity, var(--tw-text-opacity)));
}
.group\/nav[data-navigation="scrolled"] .group-data-\[navigation\=scrolled\]\/nav\:backdrop-blur-\[14px\] {
  --tw-backdrop-blur: blur(14px);
  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);
}
.hs-dropdown.open > .hs-dropdown-open\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), 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));
}
.hs-dropdown.open > .hs-dropdown-open\:opacity-100 {
  opacity: 1;
}
.hs-dropdown.open > .hs-dropdown-toggle .hs-dropdown-open\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), 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));
}
.hs-dropdown.open > .hs-dropdown-toggle .hs-dropdown-open\:opacity-100 {
  opacity: 1;
}
.hs-dropdown.open > .hs-dropdown-menu > .hs-dropdown-open\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), 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));
}
.hs-dropdown.open > .hs-dropdown-menu > .hs-dropdown-open\:opacity-100 {
  opacity: 1;
}
.hs-dropdown-menu.open.hs-dropdown-open\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), 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));
}
.hs-dropdown-menu.open.hs-dropdown-open\:opacity-100 {
  opacity: 1;
}
.hs-tooltip.show .hs-tooltip-shown\:visible {
  visibility: visible;
}
.hs-tooltip.show .hs-tooltip-shown\:opacity-100 {
  opacity: 1;
}
.hs-tooltip-content.show.hs-tooltip-shown\:visible {
  visibility: visible;
}
.hs-tooltip-content.show.hs-tooltip-shown\:opacity-100 {
  opacity: 1;
}
.hs-accordion.active.hs-accordion-active\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), 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));
}
.hs-accordion.active > .hs-accordion-active\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), 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));
}
.hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), 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));
}
.hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .hs-accordion-active\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), 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));
}
.hs-accordion.active > .hs-accordion-toggle.hs-accordion-active\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), 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));
}
.hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.hs-accordion-active\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), 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));
}
.hs-accordion.active .hs-accordion-force-active.hs-accordion-active\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), 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));
}
.hs-collapse.open .hs-collapse-open\:h-\[calc\(100dvh-54px\)\] {
  height: calc(100dvh - 54px);
}
.hs-collapse.open .hs-collapse-open\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), 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));
}
.hs-collapse.open .hs-collapse-open\:overflow-y-auto {
  overflow-y: auto;
}
.hs-collapse.open .hs-collapse-open\:opacity-0 {
  opacity: 0;
}
.hs-collapse.open .hs-collapse-open\:opacity-100 {
  opacity: 1;
}
.hs-collapse.open.hs-collapse-open\:h-\[calc\(100dvh-54px\)\] {
  height: calc(100dvh - 54px);
}
.hs-collapse.open.hs-collapse-open\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), 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));
}
.hs-collapse.open.hs-collapse-open\:overflow-y-auto {
  overflow-y: auto;
}
.hs-collapse.open.hs-collapse-open\:opacity-0 {
  opacity: 0;
}
.hs-collapse.open.hs-collapse-open\:opacity-100 {
  opacity: 1;
}
.hs-collapse-toggle.open .hs-collapse-open\:h-\[calc\(100dvh-54px\)\] {
  height: calc(100dvh - 54px);
}
.hs-collapse-toggle.open .hs-collapse-open\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), 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));
}
.hs-collapse-toggle.open .hs-collapse-open\:overflow-y-auto {
  overflow-y: auto;
}
.hs-collapse-toggle.open .hs-collapse-open\:opacity-0 {
  opacity: 0;
}
.hs-collapse-toggle.open .hs-collapse-open\:opacity-100 {
  opacity: 1;
}
.hs-collapse-toggle.open.hs-collapse-open\:h-\[calc\(100dvh-54px\)\] {
  height: calc(100dvh - 54px);
}
.hs-collapse-toggle.open.hs-collapse-open\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), 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));
}
.hs-collapse-toggle.open.hs-collapse-open\:overflow-y-auto {
  overflow-y: auto;
}
.hs-collapse-toggle.open.hs-collapse-open\:opacity-0 {
  opacity: 0;
}
.hs-collapse-toggle.open.hs-collapse-open\:opacity-100 {
  opacity: 1;
}
[data-hs-tab].active.hs-tab-active\:mr-0 {
  margin-right: 0rem;
}
[data-hs-tab].active.hs-tab-active\:w-\[11px\] {
  width: 11px;
}
[data-hs-tab].active.hs-tab-active\:text-fg-accent {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-accent) / var(--twc-fg-accent-opacity, var(--tw-text-opacity)));
}
[data-hs-tab].active.hs-tab-active\:opacity-100 {
  opacity: 1;
}
[data-hs-tab].active .hs-tab-active\:mr-0 {
  margin-right: 0rem;
}
[data-hs-tab].active .hs-tab-active\:w-\[11px\] {
  width: 11px;
}
[data-hs-tab].active .hs-tab-active\:text-fg-accent {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-accent) / var(--twc-fg-accent-opacity, var(--tw-text-opacity)));
}
[data-hs-tab].active .hs-tab-active\:opacity-100 {
  opacity: 1;
}
.open.hs-overlay-open\:opacity-100 {
  opacity: 1;
}
.open.hs-overlay-open\:duration-500 {
  transition-duration: 500ms;
}
.open .hs-overlay-open\:opacity-100 {
  opacity: 1;
}
.open .hs-overlay-open\:duration-500 {
  transition-duration: 500ms;
}
.hs-overlay-backdrop.hs-overlay-backdrop-open\:bg-\[black\]\/80 {
  background-color: rgb(0 0 0 / 0.8);
}
.hs-overlay-backdrop .hs-overlay-backdrop-open\:bg-\[black\]\/80 {
  background-color: rgb(0 0 0 / 0.8);
}
.active.hs-scrollspy-active\:bg-surface-secondary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-secondary) / var(--twc-surface-secondary-opacity, var(--tw-bg-opacity)));
}
.active.hs-scrollspy-active\:font-semibold {
  font-weight: 600;
}
.active.hs-scrollspy-active\:text-fg-primary {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-primary) / var(--twc-fg-primary-opacity, var(--tw-text-opacity)));
}
.prose-h2\:\!mb-0 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-bottom: 0rem !important;
}
.prose-h2\:\!text-fl-base :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: var(--f-base) !important;
  line-height: 140% !important;
}
.prose-h2\:\!text-fg-secondary :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1 !important;
  color: hsl(var(--twc-fg-secondary) / var(--twc-fg-secondary-opacity, var(--tw-text-opacity))) !important;
}
.prose-h2\:before\:\!content-none :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)))::before {
  --tw-content: none !important;
  content: var(--tw-content) !important;
}
.prose-p\:text-fg-secondary :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-secondary) / var(--twc-fg-secondary-opacity, var(--tw-text-opacity)));
}
.prose-a\:block :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  display: block;
}
.prose-a\:flex :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  display: flex;
}
.prose-a\:inline-flex :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  display: inline-flex;
}
.prose-a\:min-h-\[93px\] :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  min-height: 93px;
}
.prose-a\:w-fit :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  width: -moz-fit-content;
  width: fit-content;
}
.prose-a\:min-w-\[164px\] :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  min-width: 164px;
}
.prose-a\:min-w-\[93px\] :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  min-width: 93px;
}
.prose-a\:flex-row-reverse :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  flex-direction: row-reverse;
}
.prose-a\:items-center :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  align-items: center;
}
.prose-a\:justify-center :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  justify-content: center;
}
.prose-a\:gap-\[8px\] :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  gap: 8px;
}
.prose-a\:gap-fl-2xs :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  gap: calc(0.50rem + 0.00 * var(--fluid-bp));
}
.prose-a\:gap-fl-3xs :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  gap: calc(0.25rem + 0.00 * var(--fluid-bp));
}
.prose-a\:rounded-full :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  border-radius: 9999px;
}
.prose-a\:border-2 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  border-width: 2px;
}
.prose-a\:border-fg-accent :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-fg-accent) / var(--twc-fg-accent-opacity, var(--tw-border-opacity)));
}
.prose-a\:border-fg-alternate :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-border-opacity)));
}
.prose-a\:bg-surface-accent-green :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-green) / var(--twc-surface-accent-green-opacity, var(--tw-bg-opacity)));
}
.prose-a\:bg-surface-accent-orange :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-orange) / var(--twc-surface-accent-orange-opacity, var(--tw-bg-opacity)));
}
.prose-a\:bg-surface-primary :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-primary) / var(--twc-surface-primary-opacity, var(--tw-bg-opacity)));
}
.prose-a\:bg-surface-tertiary\/0 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  background-color: hsl(var(--twc-surface-tertiary) / 0);
}
.prose-a\:p-fl-3xs :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  padding: calc(0.25rem + 0.00 * var(--fluid-bp));
}
.prose-a\:px-fl-2xs :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  padding-left: calc(0.50rem + 0.00 * var(--fluid-bp));
  padding-right: calc(0.50rem + 0.00 * var(--fluid-bp));
}
.prose-a\:px-fl-md :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  padding-left: calc(1.50rem + 0.00 * var(--fluid-bp));
  padding-right: calc(1.50rem + 0.00 * var(--fluid-bp));
}
.prose-a\:px-fl-sm :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  padding-left: calc(1.00rem + 0.00 * var(--fluid-bp));
  padding-right: calc(1.00rem + 0.00 * var(--fluid-bp));
}
.prose-a\:py-\[5px\] :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  padding-top: 5px;
  padding-bottom: 5px;
}
.prose-a\:py-fl-2xs :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  padding-top: calc(0.50rem + 0.00 * var(--fluid-bp));
  padding-bottom: calc(0.50rem + 0.00 * var(--fluid-bp));
}
.prose-a\:py-fl-xs :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  padding-top: calc(0.75rem + 0.00 * var(--fluid-bp));
  padding-bottom: calc(0.75rem + 0.00 * var(--fluid-bp));
}
.prose-a\:\!text-base :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: 1rem !important;
}
.prose-a\:text-sm :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: 0.875rem;
}
.prose-a\:font-bold :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-weight: 700;
}
.prose-a\:uppercase :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  text-transform: uppercase;
}
.prose-a\:leading-\[1\.2\] :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  line-height: 1.2;
}
.prose-a\:leading-none :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  line-height: 1;
}
.prose-a\:text-fg-accent :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-accent) / var(--twc-fg-accent-opacity, var(--tw-text-opacity)));
}
.prose-a\:text-fg-alternate :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity)));
}
.prose-a\:text-fg-primary :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-primary) / var(--twc-fg-primary-opacity, var(--tw-text-opacity)));
}
.prose-a\:text-fg-secondary :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-secondary) / var(--twc-fg-secondary-opacity, var(--tw-text-opacity)));
}
.prose-a\:underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  text-decoration-line: underline;
}
.prose-a\:\!no-underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  text-decoration-line: none !important;
}
.prose-a\:outline-none :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.prose-a\:transition-\[min-width\2c min-height\] :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  transition-property: min-width,min-height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.prose-a\:transition-all :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.prose-a\:duration-300 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  transition-duration: 300ms;
}
.prose-a\:duration-500 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  transition-duration: 500ms;
}
.prose-a\:ease-in-out :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.prose-a\:ease-out :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.prose-a\:before\:aspect-\[36\/23\] :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)))::before {
  content: var(--tw-content);
  aspect-ratio: 36/23;
}
.prose-a\:before\:w-\[24px\] :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)))::before {
  content: var(--tw-content);
  width: 24px;
}
.prose-a\:before\:text-fg-alternate :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)))::before {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity)));
}
.prose-a\:before\:text-fg-secondary :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)))::before {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-secondary) / var(--twc-fg-secondary-opacity, var(--tw-text-opacity)));
}
.prose-a\:before\:transition-all :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)))::before {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.prose-a\:before\:duration-300 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)))::before {
  content: var(--tw-content);
  transition-duration: 300ms;
}
.prose-a\:before\:ease-\[cubic-bezier\(0\.175\2c 0\.885\2c 0\.320\2c 1\.275\)\] :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)))::before {
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(0.175,0.885,0.320,1.275);
}
.group:hover .group-hover\:prose-a\:text-fg-alternate :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity)));
}
.group:hover .group-hover\:prose-a\:text-fg-secondary :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-secondary) / var(--twc-fg-secondary-opacity, var(--tw-text-opacity)));
}
.group\/nav[data-button-shrink="true"] .group-data-\[button-shrink\=true\]\/nav\:prose-a\:min-h-\[76px\] :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  min-height: 76px;
}
.group\/nav[data-button-shrink="true"] .group-data-\[button-shrink\=true\]\/nav\:prose-a\:min-w-\[76px\] :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  min-width: 76px;
}
.prose-ol\:list-\[revert\] :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  list-style-type: revert;
}
.prose-ol\:pl-fl-md :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  padding-left: calc(1.50rem + 0.00 * var(--fluid-bp));
}
.prose-ul\:list-\[revert\] :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  list-style-type: revert;
}
.prose-ul\:pl-fl-md :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  padding-left: calc(1.50rem + 0.00 * var(--fluid-bp));
}
.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), 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));
}
.hover\:border-stroke-accent:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-stroke-accent) / var(--twc-stroke-accent-opacity, var(--tw-border-opacity)));
}
.hover\:border-stroke-primary:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-stroke-primary) / var(--twc-stroke-primary-opacity, var(--tw-border-opacity)));
}
.hover\:border-surface-accent-green:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-surface-accent-green) / var(--twc-surface-accent-green-opacity, var(--tw-border-opacity)));
}
.hover\:border-surface-accent-orange:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-surface-accent-orange) / var(--twc-surface-accent-orange-opacity, var(--tw-border-opacity)));
}
.hover\:bg-\[\#F0FAFA\]\/70:hover {
  background-color: rgb(240 250 250 / 0.7);
}
.hover\:bg-surface-accent-forest:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-forest) / var(--twc-surface-accent-forest-opacity, var(--tw-bg-opacity)));
}
.hover\:bg-surface-accent-green:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-green) / var(--twc-surface-accent-green-opacity, var(--tw-bg-opacity)));
}
.hover\:bg-surface-accent-green\/0:hover {
  background-color: hsl(var(--twc-surface-accent-green) / 0);
}
.hover\:bg-surface-accent-navy:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-navy) / var(--twc-surface-accent-navy-opacity, var(--tw-bg-opacity)));
}
.hover\:bg-surface-accent-orange:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-orange) / var(--twc-surface-accent-orange-opacity, var(--tw-bg-opacity)));
}
.hover\:bg-surface-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-secondary) / var(--twc-surface-secondary-opacity, var(--tw-bg-opacity)));
}
.hover\:bg-surface-tertiary:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-tertiary) / var(--twc-surface-tertiary-opacity, var(--tw-bg-opacity)));
}
.hover\:\!text-fg-alternate:hover {
  --tw-text-opacity: 1 !important;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity))) !important;
}
.hover\:\!text-fg-primary:hover {
  --tw-text-opacity: 1 !important;
  color: hsl(var(--twc-fg-primary) / var(--twc-fg-primary-opacity, var(--tw-text-opacity))) !important;
}
.hover\:text-fg-accent:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-accent) / var(--twc-fg-accent-opacity, var(--tw-text-opacity)));
}
.hover\:text-fg-alternate:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity)));
}
.hover\:text-fg-primary:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-primary) / var(--twc-fg-primary-opacity, var(--tw-text-opacity)));
}
.hover\:text-fg-secondary:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-secondary) / var(--twc-fg-secondary-opacity, var(--tw-text-opacity)));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-70:hover {
  opacity: 0.7;
}
.hover\:opacity-75:hover {
  opacity: 0.75;
}
.hover\:before\:-rotate-45:hover::before {
  content: var(--tw-content);
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), 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));
}
.hover\:before\:rotate-\[-180deg\]:hover::before {
  content: var(--tw-content);
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), 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));
}
.hover\:before\:text-fg-alternate:hover::before {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity)));
}
.hover\:before\:text-fg-secondary:hover::before {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-secondary) / var(--twc-fg-secondary-opacity, var(--tw-text-opacity)));
}
.hover\:prose-a\:border-surface-accent-green :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-surface-accent-green) / var(--twc-surface-accent-green-opacity, var(--tw-border-opacity)));
}
.hover\:prose-a\:border-surface-accent-orange :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-surface-accent-orange) / var(--twc-surface-accent-orange-opacity, var(--tw-border-opacity)));
}
.hover\:prose-a\:bg-surface-accent-green :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-green) / var(--twc-surface-accent-green-opacity, var(--tw-bg-opacity)));
}
.hover\:prose-a\:bg-surface-accent-navy :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-navy) / var(--twc-surface-accent-navy-opacity, var(--tw-bg-opacity)));
}
.hover\:prose-a\:bg-surface-accent-orange :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-orange) / var(--twc-surface-accent-orange-opacity, var(--tw-bg-opacity)));
}
.hover\:prose-a\:text-fg-accent :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-accent) / var(--twc-fg-accent-opacity, var(--tw-text-opacity)));
}
.hover\:prose-a\:text-fg-alternate :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity)));
}
.hover\:prose-a\:text-fg-secondary :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-secondary) / var(--twc-fg-secondary-opacity, var(--tw-text-opacity)));
}
.hover\:prose-a\:before\:-rotate-45 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover::before {
  content: var(--tw-content);
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), 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));
}
.hover\:prose-a\:before\:text-fg-alternate :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover::before {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity)));
}
.hover\:prose-a\:before\:text-fg-secondary :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover::before {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-secondary) / var(--twc-fg-secondary-opacity, var(--tw-text-opacity)));
}
.focus\:border-stroke-accent:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-stroke-accent) / var(--twc-stroke-accent-opacity, var(--tw-border-opacity)));
}
.focus\:border-surface-accent-green:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-surface-accent-green) / var(--twc-surface-accent-green-opacity, var(--tw-border-opacity)));
}
.focus\:\!text-fg-alternate:focus {
  --tw-text-opacity: 1 !important;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity))) !important;
}
.focus\:text-fg-accent:focus {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-accent) / var(--twc-fg-accent-opacity, var(--tw-text-opacity)));
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-fg-alternate:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-ring-opacity)));
}
.focus\:ring-surface-accent-green:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--twc-surface-accent-green) / var(--twc-surface-accent-green-opacity, var(--tw-ring-opacity)));
}
.focus\:ring-surface-accent-orange:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--twc-surface-accent-orange) / var(--twc-surface-accent-orange-opacity, var(--tw-ring-opacity)));
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.focus\:prose-a\:border-surface-accent-green :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-surface-accent-green) / var(--twc-surface-accent-green-opacity, var(--tw-border-opacity)));
}
.focus\:prose-a\:ring-2 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:prose-a\:ring-fg-alternate :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-ring-opacity)));
}
.focus\:prose-a\:ring-surface-accent-green :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--twc-surface-accent-green) / var(--twc-surface-accent-green-opacity, var(--tw-ring-opacity)));
}
.focus\:prose-a\:ring-surface-accent-orange :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--twc-surface-accent-orange) / var(--twc-surface-accent-orange-opacity, var(--tw-ring-opacity)));
}
.focus\:prose-a\:ring-offset-2 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):focus {
  --tw-ring-offset-width: 2px;
}
.active\:\!text-fg-alternate:active {
  --tw-text-opacity: 1 !important;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity))) !important;
}
.active\:text-fg-accent:active {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-accent) / var(--twc-fg-accent-opacity, var(--tw-text-opacity)));
}
@media (min-width: 640px) {
  .sm\:flex {
    display: flex;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .sm\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .sm\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .md\:-top-fl-xl {
    top: calc(calc(2.50rem + 0.00 * var(--fluid-bp)) * -1);
  }
  .md\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:mb-0 {
    margin-bottom: 0rem;
  }
  .md\:ml-\[8\.333333\%\] {
    margin-left: 8.333333%;
  }
  .md\:ml-auto {
    margin-left: auto;
  }
  .md\:mr-\[8\.333333\%\] {
    margin-right: 8.333333%;
  }
  .md\:mt-\[63px\] {
    margin-top: 63px;
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:hidden {
    display: none;
  }
  .md\:h-\[180px\] {
    height: 180px;
  }
  .md\:h-\[227px\] {
    height: 227px;
  }
  .md\:h-\[702px\] {
    height: 702px;
  }
  .md\:h-full {
    height: 100%;
  }
  .md\:min-h-0 {
    min-height: 0rem;
  }
  .md\:min-h-\[400px\] {
    min-height: 400px;
  }
  .md\:min-h-\[456px\] {
    min-height: 456px;
  }
  .md\:min-h-\[520px\] {
    min-height: 520px;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-1\/3 {
    width: 33.333333%;
  }
  .md\:w-10\/12 {
    width: 83.333333%;
  }
  .md\:w-4\/12 {
    width: 33.333333%;
  }
  .md\:w-5\/12 {
    width: 41.666667%;
  }
  .md\:w-6\/12 {
    width: 50%;
  }
  .md\:w-7\/12 {
    width: 58.333333%;
  }
  .md\:w-8\/12 {
    width: 66.666667%;
  }
  .md\:w-\[255px\] {
    width: 255px;
  }
  .md\:w-\[270px\] {
    width: 270px;
  }
  .md\:w-\[310px\] {
    width: 310px;
  }
  .md\:w-\[340px\] {
    width: 340px;
  }
  .md\:w-\[346px\] {
    width: 346px;
  }
  .md\:w-\[362px\] {
    width: 362px;
  }
  .md\:w-\[401px\] {
    width: 401px;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:max-w-\[606px\] {
    max-width: 606px;
  }
  .md\:flex-1 {
    flex: 1 1 0%;
  }
  .md\:shrink-0 {
    flex-shrink: 0;
  }
  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .md\:items-end {
    align-items: flex-end;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:items-stretch {
    align-items: stretch;
  }
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:justify-end {
    justify-content: flex-end;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:gap-0 {
    gap: 0rem;
  }
  .md\:gap-\[--inner-gutter\] {
    gap: var(--inner-gutter);
  }
  .md\:gap-\[20px\] {
    gap: 20px;
  }
  .md\:gap-\[240px\] {
    gap: 240px;
  }
  .md\:gap-\[300px\] {
    gap: 300px;
  }
  .md\:gap-fl-3xl {
    gap: calc(4.00rem + 0.00 * var(--fluid-bp));
  }
  .md\:gap-fl-4xl {
    gap: calc(5.00rem + 0.00 * var(--fluid-bp));
  }
  .md\:gap-fl-xl {
    gap: calc(2.50rem + 0.00 * var(--fluid-bp));
  }
  .md\:gap-fl-xs {
    gap: calc(0.75rem + 0.00 * var(--fluid-bp));
  }
  .md\:overflow-y-auto {
    overflow-y: auto;
  }
  .md\:px-\[8\%\] {
    padding-left: 8%;
    padding-right: 8%;
  }
  .md\:px-fl-3xl {
    padding-left: calc(4.00rem + 0.00 * var(--fluid-bp));
    padding-right: calc(4.00rem + 0.00 * var(--fluid-bp));
  }
  .md\:py-fl-sm {
    padding-top: calc(1.00rem + 0.00 * var(--fluid-bp));
    padding-bottom: calc(1.00rem + 0.00 * var(--fluid-bp));
  }
  .md\:pb-0 {
    padding-bottom: 0rem;
  }
  .md\:pb-\[96px\] {
    padding-bottom: 96px;
  }
  .md\:pb-fl-2xl {
    padding-bottom: calc(3.00rem + 0.00 * var(--fluid-bp));
  }
  .md\:pb-fl-4xl {
    padding-bottom: calc(5.00rem + 0.00 * var(--fluid-bp));
  }
  .md\:pl-fl-xl {
    padding-left: calc(2.50rem + 0.00 * var(--fluid-bp));
  }
  .md\:pt-fl-4xl {
    padding-top: calc(5.00rem + 0.00 * var(--fluid-bp));
  }
}
@media (min-width: 1024px) {
  .lg\:left-0 {
    left: 0rem;
  }
  .lg\:left-fl-xl {
    left: calc(2.50rem + 0.00 * var(--fluid-bp));
  }
  .lg\:right-fl-xl {
    right: calc(2.50rem + 0.00 * var(--fluid-bp));
  }
  .lg\:top-fl-xl {
    top: calc(2.50rem + 0.00 * var(--fluid-bp));
  }
  .lg\:top-full {
    top: 100%;
  }
  .lg\:order-none {
    order: 0;
  }
  .lg\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:mb-0 {
    margin-bottom: 0rem;
  }
  .lg\:mb-fl-2xl {
    margin-bottom: calc(3.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:mb-fl-md {
    margin-bottom: calc(1.50rem + 0.00 * var(--fluid-bp));
  }
  .lg\:mb-fl-sm-md {
    margin-bottom: calc(1.00rem + 8.00 * var(--fluid-bp));
  }
  .lg\:ml-\[2px\] {
    margin-left: 2px;
  }
  .lg\:ml-\[8\.333333\%\] {
    margin-left: 8.333333%;
  }
  .lg\:mr-0 {
    margin-right: 0rem;
  }
  .lg\:mr-\[8\.333333\%\] {
    margin-right: 8.333333%;
  }
  .lg\:mt-0 {
    margin-top: 0rem;
  }
  .lg\:mt-\[2px\] {
    margin-top: 2px;
  }
  .lg\:mt-fl-lg {
    margin-top: calc(2.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:block {
    display: block;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:h-\[232px\] {
    height: 232px;
  }
  .lg\:h-\[295px\] {
    height: 295px;
  }
  .lg\:h-\[702px\] {
    height: 702px;
  }
  .lg\:h-auto {
    height: auto;
  }
  .lg\:max-h-\[85vh\] {
    max-height: 85vh;
  }
  .lg\:min-h-0 {
    min-height: 0rem;
  }
  .lg\:min-h-\[502px\] {
    min-height: 502px;
  }
  .lg\:min-h-\[75px\] {
    min-height: 75px;
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:w-10\/12 {
    width: 83.333333%;
  }
  .lg\:w-2\/5 {
    width: 40%;
  }
  .lg\:w-3\/12 {
    width: 25%;
  }
  .lg\:w-3\/5 {
    width: 60%;
  }
  .lg\:w-4\/12 {
    width: 33.333333%;
  }
  .lg\:w-5\/12 {
    width: 41.666667%;
  }
  .lg\:w-6\/12 {
    width: 50%;
  }
  .lg\:w-7\/12 {
    width: 58.333333%;
  }
  .lg\:w-8\/12 {
    width: 66.666667%;
  }
  .lg\:w-\[223px\] {
    width: 223px;
  }
  .lg\:w-\[269px\] {
    width: 269px;
  }
  .lg\:w-\[333px\] {
    width: 333px;
  }
  .lg\:w-\[348px\] {
    width: 348px;
  }
  .lg\:w-\[443px\] {
    width: 443px;
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:w-full {
    width: 100%;
  }
  .lg\:min-w-0 {
    min-width: 0rem;
  }
  .lg\:min-w-\[333px\] {
    min-width: 333px;
  }
  .lg\:\!max-w-\[763px\] {
    max-width: 763px !important;
  }
  .lg\:flex-1 {
    flex: 1 1 0%;
  }
  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .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-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:items-stretch {
    align-items: stretch;
  }
  .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-4xl {
    gap: 1.625rem;
  }
  .lg\:gap-\[340px\] {
    gap: 340px;
  }
  .lg\:gap-\[480px\] {
    gap: 480px;
  }
  .lg\:gap-fl-4xl {
    gap: calc(5.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:gap-fl-sm {
    gap: calc(1.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:gap-fl-xl {
    gap: calc(2.50rem + 0.00 * var(--fluid-bp));
  }
  .lg\:gap-xl {
    gap: 1.25rem;
  }
  .lg\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }
  .lg\:overflow-visible {
    overflow: visible;
  }
  .lg\:overflow-y-auto {
    overflow-y: auto;
  }
  .lg\:rounded-bl-2xl {
    border-bottom-left-radius: 1rem;
  }
  .lg\:rounded-bl-none {
    border-bottom-left-radius: 0px;
  }
  .lg\:rounded-br-2xl {
    border-bottom-right-radius: 1rem;
  }
  .lg\:rounded-br-none {
    border-bottom-right-radius: 0px;
  }
  .lg\:rounded-tl-2xl {
    border-top-left-radius: 1rem;
  }
  .lg\:rounded-tl-none {
    border-top-left-radius: 0px;
  }
  .lg\:rounded-tr-2xl {
    border-top-right-radius: 1rem;
  }
  .lg\:rounded-tr-none {
    border-top-right-radius: 0px;
  }
  .lg\:\!border-b-0 {
    border-bottom-width: 0px !important;
  }
  .lg\:border-t {
    border-top-width: 1px;
  }
  .lg\:\!bg-\[inherit\] {
    background-color: inherit !important;
  }
  .lg\:bg-surface-accent-green {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-surface-accent-green) / var(--twc-surface-accent-green-opacity, var(--tw-bg-opacity)));
  }
  .lg\:bg-surface-primary\/0 {
    background-color: hsl(var(--twc-surface-primary) / 0);
  }
  .lg\:p-0 {
    padding: 0rem;
  }
  .lg\:p-fl-xl {
    padding: calc(2.50rem + 0.00 * var(--fluid-bp));
  }
  .lg\:px-\[15\%\] {
    padding-left: 15%;
    padding-right: 15%;
  }
  .lg\:px-fl-3xl {
    padding-left: calc(4.00rem + 0.00 * var(--fluid-bp));
    padding-right: calc(4.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:py-0 {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .lg\:py-base {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .lg\:pb-5xl {
    padding-bottom: 1.875rem;
  }
  .lg\:pb-fl-xs {
    padding-bottom: calc(0.75rem + 0.00 * var(--fluid-bp));
  }
  .lg\:pl-fl-2xl {
    padding-left: calc(3.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:pl-fl-3xl {
    padding-left: calc(4.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:pl-fl-lg {
    padding-left: calc(2.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:pl-fl-md {
    padding-left: calc(1.50rem + 0.00 * var(--fluid-bp));
  }
  .lg\:pl-fl-xl {
    padding-left: calc(2.50rem + 0.00 * var(--fluid-bp));
  }
  .lg\:pl-xl {
    padding-left: 1.25rem;
  }
  .lg\:pr-fl-lg {
    padding-right: calc(2.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:pr-fl-md {
    padding-right: calc(1.50rem + 0.00 * var(--fluid-bp));
  }
  .lg\:pt-0 {
    padding-top: 0rem;
  }
  .lg\:pt-5xl {
    padding-top: 1.875rem;
  }
  .lg\:pt-fl-4xl {
    padding-top: calc(5.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:font-National2Condensed {
    font-family: "National 2 Condensed", sans-serif;
  }
  .lg\:text-fl-2xl {
    font-size: var(--f-2xl);
    line-height: 120%;
  }
  .lg\:font-bold {
    font-weight: 700;
  }
  .lg\:uppercase {
    text-transform: uppercase;
  }
  .lg\:text-fg-alternate {
    --tw-text-opacity: 1;
    color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity)));
  }
  .lg\:backdrop-opacity-0 {
    --tw-backdrop-opacity: opacity(0);
    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);
  }
  .lg\:\[--adaptive\:adaptive\] {
    --adaptive: adaptive;
  }
  .lg\:\[--offset\:35\] {
    --offset: 35;
  }
  .lg\:\[--strategy\:fixed\] {
    --strategy: fixed;
  }
  .lg\:data-\[navigation\=scrolled\]\:bg-surface-primary\/80[data-navigation="scrolled"] {
    background-color: hsl(var(--twc-surface-primary) / 0.8);
  }
  .lg\:data-\[navigation\=scrolled\]\:backdrop-blur-\[14px\][data-navigation="scrolled"] {
    --tw-backdrop-blur: blur(14px);
    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);
  }
  .group\/nav[data-navigation="scrolled"] .lg\:group-data-\[navigation\=scrolled\]\/nav\:text-fg-primary {
    --tw-text-opacity: 1;
    color: hsl(var(--twc-fg-primary) / var(--twc-fg-primary-opacity, var(--tw-text-opacity)));
  }
  .hover\:lg\:text-fg-primary:hover {
    --tw-text-opacity: 1;
    color: hsl(var(--twc-fg-primary) / var(--twc-fg-primary-opacity, var(--tw-text-opacity)));
  }
  .group\/nav[data-navigation="scrolled"] .hover\:lg\:group-data-\[navigation\=scrolled\]\/nav\:text-fg-accent:hover {
    --tw-text-opacity: 1;
    color: hsl(var(--twc-fg-accent) / var(--twc-fg-accent-opacity, var(--tw-text-opacity)));
  }
}
@media (min-width: 1280px) {
  .xl\:w-10\/12 {
    width: 83.333333%;
  }
  .xl\:w-3\/12 {
    width: 25%;
  }
  .xl\:w-4\/12 {
    width: 33.333333%;
  }
  .xl\:w-6\/12 {
    width: 50%;
  }
  .xl\:w-7\/12 {
    width: 58.333333%;
  }
  .xl\:w-8\/12 {
    width: 66.666667%;
  }
  .xl\:w-\[249px\] {
    width: 249px;
  }
  .xl\:w-\[342px\] {
    width: 342px;
  }
  .xl\:min-w-\[420px\] {
    min-width: 420px;
  }
  .xl\:max-w-\[439px\] {
    max-width: 439px;
  }
  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .xl\:justify-center {
    justify-content: center;
  }
  .xl\:gap-\[--inner-gutter\] {
    gap: var(--inner-gutter);
  }
  .xl\:gap-fl-md {
    gap: calc(1.50rem + 0.00 * var(--fluid-bp));
  }
  .xl\:px-0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
@media (min-width: 1440px) {
  .xxl\:w-10\/12 {
    width: 83.333333%;
  }
  .xxl\:w-4\/12 {
    width: 33.333333%;
  }
  .xxl\:w-5\/12 {
    width: 41.666667%;
  }
  .xxl\:w-6\/12 {
    width: 50%;
  }
  .xxl\:w-8\/12 {
    width: 66.666667%;
  }
  .xxl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .xxl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xxl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xxl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xxl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xxl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xxl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .xxl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .xxl\:gap-fl-4xl {
    gap: calc(5.00rem + 0.00 * var(--fluid-bp));
  }
}
@media (min-width: 1921px) {
  .\32xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .\32xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .\32xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .\32xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .\32xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .\32xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .\32xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .\32xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
@media (prefers-color-scheme: dark) {
  .dark\:bg-opacity-80 {
    --tw-bg-opacity: 0.8;
  }
}
.\[\&\>\.headline\]\:items-start>.headline {
  align-items: flex-start;
}
.\[\&\>\.headline\]\:items-end>.headline {
  align-items: flex-end;
}
.\[\&\>\.headline\]\:items-center>.headline {
  align-items: center;
}
.group:hover .group-hover\:\[\&\>div\>span\]\:text-fg-alternate>div>span {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity)));
}
.\[\&\>div\]\:py-\[9px\]>div {
  padding-top: 9px;
  padding-bottom: 9px;
}
.group:hover .group-hover\:\[\&\>div\]\:bg-surface-accent-green>div {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-surface-accent-green) / var(--twc-surface-accent-green-opacity, var(--tw-bg-opacity)));
}
.\[\&\>span\:hover\]\:text-fg-alternate>span:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-alternate) / var(--twc-fg-alternate-opacity, var(--tw-text-opacity)));
}
@media (min-width: 768px) {
  .md\:\[\&_\.acc-stats-wrapper\]\:w-full .acc-stats-wrapper {
    width: 100%;
  }
}
.\[\&_\.custom-btn\:before\]\:inline-block .custom-btn:before {
  display: inline-block;
}
.\[\&_\.custom-btn\:before\]\:w-xl .custom-btn:before {
  width: 1.25rem;
}
.group:hover .group-hover\:\[\&_\.custom-btn\:before\]\:-rotate-45 .custom-btn:before {
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), 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));
}
.group:hover .group-hover\:\[\&_\.custom-btn\]\:text-fg-accent .custom-btn {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-accent) / var(--twc-fg-accent-opacity, var(--tw-text-opacity)));
}
.\[\&_\.custom-btn\]\:hover\:before\:-rotate-45:hover .custom-btn::before {
  content: var(--tw-content);
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), 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));
}
.\[\&_\.custom-link\]\:font-AtlasGrotesk .custom-link {
  font-family: "Atlas Grotesk", sans-serif;
}
.\[\&_\.custom-link\]\:text-base .custom-link {
  font-size: 1rem;
}
.\[\&_\.custom-link\]\:normal-case .custom-link {
  text-transform: none;
}
.\[\&_\.headline\]\:font-National2 .headline {
  font-family: "National 2", sans-serif;
}
.\[\&_\.headline\]\:font-medium .headline {
  font-weight: 500;
}
.group:hover .group-hover\:\[\&_\.headline\]\:text-fg-accent .headline {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-accent) / var(--twc-fg-accent-opacity, var(--tw-text-opacity)));
}
@media (min-width: 1024px) {
  .lg\:\[\&_\.hs-accordion-content\>div\]\:p-fl-md .hs-accordion-content>div {
    padding: calc(1.50rem + 0.00 * var(--fluid-bp));
  }
}
.\[\&_\.hs-accordion-toggle\>div\]\:text-left .hs-accordion-toggle>div {
  text-align: left;
}
.\[\&_\.hs-accordion-toggle\>div\]\:text-fl-base .hs-accordion-toggle>div {
  font-size: var(--f-base);
  line-height: 140%;
}
@media (min-width: 1024px) {
  .lg\:\[\&_\.hs-accordion-toggle\]\:px-fl-sm .hs-accordion-toggle {
    padding-left: calc(1.00rem + 0.00 * var(--fluid-bp));
    padding-right: calc(1.00rem + 0.00 * var(--fluid-bp));
  }
  .lg\:\[\&_\.hs-accordion-toggle\]\:py-fl-md .hs-accordion-toggle {
    padding-top: calc(1.50rem + 0.00 * var(--fluid-bp));
    padding-bottom: calc(1.50rem + 0.00 * var(--fluid-bp));
  }
}
.\[\&_\.hs-accordion\]\:mb-fl-xs .hs-accordion {
  margin-bottom: calc(0.75rem + 0.00 * var(--fluid-bp));
}
.\[\&_\.media-wrapper\>div\]\:h-full .media-wrapper>div {
  height: 100%;
}
.\[\&_\.media-wrapper\]\:m-0 .media-wrapper {
  margin: 0rem;
}
.\[\&_\.media-wrapper\]\:h-full .media-wrapper {
  height: 100%;
}
.\[\&_\.media-wrapper\]\:w-full .media-wrapper {
  width: 100%;
}
@media (min-width: 768px) {
  .md\:\[\&_\.media-wrapper\]\:rounded-br-none .media-wrapper {
    border-bottom-right-radius: 0px;
  }
}
.group:hover .group-hover\:\[\&_\.text-content\>div\]\:text-fg-secondary .text-content>div {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-fg-secondary) / var(--twc-fg-secondary-opacity, var(--tw-text-opacity)));
}
.\[\&_a\]\:underline a {
  text-decoration-line: underline;
}
.\[\&_img\]\:h-full img {
  height: 100%;
}
.\[\&_img\]\:w-full img {
  width: 100%;
}
.\[\&_img\]\:rounded-tl-\[108px\] img {
  border-top-left-radius: 108px;
}
.\[\&_img\]\:rounded-tr-\[108px\] img {
  border-top-right-radius: 108px;
}
.\[\&_img\]\:object-cover img {
  -o-object-fit: cover;
     object-fit: cover;
}
.\[\&_p\:not\(\:first-child\)\]\:\!mt-0 p:not(:first-child) {
  margin-top: 0rem !important;
}
.\[\&_span\]\:normal-case span {
  text-transform: none;
}
.\[\&_svg\]\:size-8xl svg {
  width: 2.625rem;
  height: 2.625rem;
}
.\[\&_svg\]\:size-xl svg {
  width: 1.25rem;
  height: 1.25rem;
}
.\[\&_svg\]\:fill-fg-primary svg {
  fill: hsl(var(--twc-fg-primary) / var(--twc-fg-primary-opacity, 1));
}
.\[\&_svg\]\:transition-colors svg {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.\[\&_svg\]\:duration-200 svg {
  transition-duration: 200ms;
}
.\[\&_svg\]\:ease-in-out svg {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.hover\:\[\&_svg\]\:fill-fg-accent svg:hover {
  fill: hsl(var(--twc-fg-accent) / var(--twc-fg-accent-opacity, 1));
}
.\[\&_video\]\:rounded-tl-\[108px\] video {
  border-top-left-radius: 108px;
}
.\[\&_video\]\:rounded-tr-\[108px\] video {
  border-top-right-radius: 108px;
}