/*
! tailwindcss v3.3.2 | 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: #e5e7eb; /* 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.
*/

html {
  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, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}

/*
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. 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-size: 1em; /* 2 */
}

/*
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-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: 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,
[type='button'],
[type='reset'],
[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;
}

/*
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] {
  display: none;
}

:root {
  --breakpoint: "base";
  --container-width: unset;
  --inner-gutter: 24px;
  --outer-gutter: 20px;
  --grid-columns: 6;
  --env: "dev";
  --grid-column-bg: rgba(127, 255, 255, 0.25);
}

@media (min-width: 580px) {

  :root {
    --breakpoint: "sm";
    --container-width: unset;
    --inner-gutter: 24px;
    --outer-gutter: 20px;
    --grid-columns: 6;
  }
}

@media (min-width: 766px) {

  :root {
    --breakpoint: "md";
    --container-width: unset;
    --inner-gutter: 24px;
    --outer-gutter: 40px;
    --grid-columns: 8;
  }
}

@media (min-width: 1023px) {

  :root {
    --breakpoint: "lg";
    --container-width: unset;
    --inner-gutter: 24px;
    --outer-gutter: 60px;
    --grid-columns: 12;
  }
}

@media (min-width: 1400px) {

  :root {
    --breakpoint: "xl";
    --container-width: unset;
    --inner-gutter: 24px;
    --outer-gutter: 60px;
    --grid-columns: 12;
  }
}

@media (min-width: 1440px) {

  :root {
    --breakpoint: "xxl";
    --container-width: 1440px;
    --inner-gutter: 24px;
    --outer-gutter: 60px;
    --grid-columns: 12;
  }
}

:root {
  --f-body-sm-font-family: Open Sans, sans-serif;
  --f-body-sm-font-size: 14px !important;
  --f-body-sm-font-stretch: initial;
  --f-body-sm-font-style: initial;
  --f-body-sm-font-variant: initial;
  --f-body-sm-font-weight: 400;
  --f-body-sm-line-height: 1.25;
  --f-body-sm-letter-spacing: -0.1px;
  --f-body-sm-font-feature-settings: initial;
  --f-body-sm--moz-osx-font-smoothing: grayscale;
  --f-body-sm--webkit-font-smoothing: antialiased;
  --f-body-sm---bold-weight: initial;
  --f-body-font-family: Open Sans, sans-serif;
  --f-body-font-size: 16px !important;
  --f-body-font-stretch: initial;
  --f-body-font-style: initial;
  --f-body-font-variant: initial;
  --f-body-font-weight: 400;
  --f-body-line-height: 1.5;
  --f-body-letter-spacing: -0.1px;
  --f-body-font-feature-settings: initial;
  --f-body--moz-osx-font-smoothing: grayscale;
  --f-body--webkit-font-smoothing: antialiased;
  --f-body---bold-weight: initial;
  --f-body-lg-font-family: Open Sans, sans-serif;
  --f-body-lg-font-size: 20px !important;
  --f-body-lg-font-stretch: initial;
  --f-body-lg-font-style: initial;
  --f-body-lg-font-variant: initial;
  --f-body-lg-font-weight: 400;
  --f-body-lg-line-height: 1.25;
  --f-body-lg-letter-spacing: -0.1px;
  --f-body-lg-font-feature-settings: initial;
  --f-body-lg--moz-osx-font-smoothing: grayscale;
  --f-body-lg--webkit-font-smoothing: antialiased;
  --f-body-lg---bold-weight: initial;
  --f-body-xl-font-family: Open Sans, sans-serif;
  --f-body-xl-font-size: 27px !important;
  --f-body-xl-font-stretch: initial;
  --f-body-xl-font-style: initial;
  --f-body-xl-font-variant: initial;
  --f-body-xl-font-weight: 400;
  --f-body-xl-line-height: 1.25;
  --f-body-xl-letter-spacing: -0.1px;
  --f-body-xl-font-feature-settings: initial;
  --f-body-xl--moz-osx-font-smoothing: grayscale;
  --f-body-xl--webkit-font-smoothing: antialiased;
  --f-body-xl---bold-weight: initial;
  --f-headline-xs-font-family: Open Sans, sans-serif;
  --f-headline-xs-font-size: 24px !important;
  --f-headline-xs-font-stretch: initial;
  --f-headline-xs-font-style: initial;
  --f-headline-xs-font-variant: initial;
  --f-headline-xs-font-weight: 800;
  --f-headline-xs-line-height: 1.4;
  --f-headline-xs-letter-spacing: -0.48px;
  --f-headline-xs-font-feature-settings: initial;
  --f-headline-xs--moz-osx-font-smoothing: grayscale;
  --f-headline-xs--webkit-font-smoothing: antialiased;
  --f-headline-xs---bold-weight: initial;
  --f-headline-sm-font-family: Open Sans, sans-serif;
  --f-headline-sm-font-size: 1.25rem;
  --f-headline-sm-font-stretch: initial;
  --f-headline-sm-font-style: initial;
  --f-headline-sm-font-variant: initial;
  --f-headline-sm-font-weight: 800;
  --f-headline-sm-line-height: 140%;
  --f-headline-sm-letter-spacing: -1px;
  --f-headline-sm-font-feature-settings: initial;
  --f-headline-sm--moz-osx-font-smoothing: grayscale;
  --f-headline-sm--webkit-font-smoothing: antialiased;
  --f-headline-sm---bold-weight: initial;
  --f-headline-md-font-family: Open Sans, sans-serif;
  --f-headline-md-font-size: 2rem;
  --f-headline-md-font-stretch: initial;
  --f-headline-md-font-style: initial;
  --f-headline-md-font-variant: initial;
  --f-headline-md-font-weight: 800;
  --f-headline-md-line-height: 130%;
  --f-headline-md-letter-spacing: -0.8px;
  --f-headline-md-font-feature-settings: initial;
  --f-headline-md--moz-osx-font-smoothing: grayscale;
  --f-headline-md--webkit-font-smoothing: antialiased;
  --f-headline-md---bold-weight: initial;
  --f-headline-font-family: Open Sans, sans-serif;
  --f-headline-font-size: 2.5rem;
  --f-headline-font-stretch: initial;
  --f-headline-font-style: initial;
  --f-headline-font-variant: initial;
  --f-headline-font-weight: 800;
  --f-headline-line-height: 120%;
  --f-headline-letter-spacing: -0.92px;
  --f-headline-font-feature-settings: initial;
  --f-headline--moz-osx-font-smoothing: grayscale;
  --f-headline--webkit-font-smoothing: antialiased;
  --f-headline---bold-weight: initial;
  --f-headline-lg-font-family: Open Sans, sans-serif;
  --f-headline-lg-font-size: 68px !important;
  --f-headline-lg-font-stretch: initial;
  --f-headline-lg-font-style: initial;
  --f-headline-lg-font-variant: initial;
  --f-headline-lg-font-weight: 800;
  --f-headline-lg-line-height: 110%;
  --f-headline-lg-letter-spacing: -1.36px;
  --f-headline-lg-font-feature-settings: initial;
  --f-headline-lg--moz-osx-font-smoothing: grayscale;
  --f-headline-lg--webkit-font-smoothing: antialiased;
  --f-headline-lg---bold-weight: initial;
  --f-super-font-family: Open Sans, sans-serif;
  --f-super-font-size: 3.5rem;
  --f-super-font-stretch: initial;
  --f-super-font-style: initial;
  --f-super-font-variant: initial;
  --f-super-font-weight: 800;
  --f-super-line-height: 110%;
  --f-super-letter-spacing: -1.76px;
  --f-super-font-feature-settings: initial;
  --f-super--moz-osx-font-smoothing: grayscale;
  --f-super--webkit-font-smoothing: antialiased;
  --f-super---bold-weight: initial;
}

.f-body-sm {
  font-family: var(--f-body-sm-font-family);
  font-size: var(--f-body-sm-font-size);
  font-stretch: var(--f-body-sm-font-stretch);
  font-style: var(--f-body-sm-font-style);
  font-variant: var(--f-body-sm-font-variant);
  font-weight: var(--f-body-sm-font-weight);
  line-height: var(--f-body-sm-line-height);
  letter-spacing: var(--f-body-sm-letter-spacing);
  font-feature-settings: var(--f-body-sm-font-feature-settings);
  -moz-osx-font-smoothing: var(--f-body-sm--moz-osx-font-smoothing);
  -webkit-font-smoothing: var(--f-body-sm--webkit-font-smoothing);
  --bold-weight: var(--f-body-sm---bold-weight);
}

.f-body {
  font-family: var(--f-body-font-family);
  font-size: var(--f-body-font-size);
  font-stretch: var(--f-body-font-stretch);
  font-style: var(--f-body-font-style);
  font-variant: var(--f-body-font-variant);
  font-weight: var(--f-body-font-weight);
  line-height: var(--f-body-line-height);
  letter-spacing: var(--f-body-letter-spacing);
  font-feature-settings: var(--f-body-font-feature-settings);
  -moz-osx-font-smoothing: var(--f-body--moz-osx-font-smoothing);
  -webkit-font-smoothing: var(--f-body--webkit-font-smoothing);
  --bold-weight: var(--f-body---bold-weight);
}

.f-body-lg {
  font-family: var(--f-body-lg-font-family);
  font-size: var(--f-body-lg-font-size);
  font-stretch: var(--f-body-lg-font-stretch);
  font-style: var(--f-body-lg-font-style);
  font-variant: var(--f-body-lg-font-variant);
  font-weight: var(--f-body-lg-font-weight);
  line-height: var(--f-body-lg-line-height);
  letter-spacing: var(--f-body-lg-letter-spacing);
  font-feature-settings: var(--f-body-lg-font-feature-settings);
  -moz-osx-font-smoothing: var(--f-body-lg--moz-osx-font-smoothing);
  -webkit-font-smoothing: var(--f-body-lg--webkit-font-smoothing);
  --bold-weight: var(--f-body-lg---bold-weight);
}

.f-body-xl {
  font-family: var(--f-body-xl-font-family);
  font-size: var(--f-body-xl-font-size);
  font-stretch: var(--f-body-xl-font-stretch);
  font-style: var(--f-body-xl-font-style);
  font-variant: var(--f-body-xl-font-variant);
  font-weight: var(--f-body-xl-font-weight);
  line-height: var(--f-body-xl-line-height);
  letter-spacing: var(--f-body-xl-letter-spacing);
  font-feature-settings: var(--f-body-xl-font-feature-settings);
  -moz-osx-font-smoothing: var(--f-body-xl--moz-osx-font-smoothing);
  -webkit-font-smoothing: var(--f-body-xl--webkit-font-smoothing);
  --bold-weight: var(--f-body-xl---bold-weight);
}

.f-headline-xs {
  font-family: var(--f-headline-xs-font-family);
  font-size: var(--f-headline-xs-font-size);
  font-stretch: var(--f-headline-xs-font-stretch);
  font-style: var(--f-headline-xs-font-style);
  font-variant: var(--f-headline-xs-font-variant);
  font-weight: var(--f-headline-xs-font-weight);
  line-height: var(--f-headline-xs-line-height);
  letter-spacing: var(--f-headline-xs-letter-spacing);
  font-feature-settings: var(--f-headline-xs-font-feature-settings);
  -moz-osx-font-smoothing: var(--f-headline-xs--moz-osx-font-smoothing);
  -webkit-font-smoothing: var(--f-headline-xs--webkit-font-smoothing);
  --bold-weight: var(--f-headline-xs---bold-weight);
}

.f-headline-sm {
  font-family: var(--f-headline-sm-font-family);
  font-size: var(--f-headline-sm-font-size);
  font-stretch: var(--f-headline-sm-font-stretch);
  font-style: var(--f-headline-sm-font-style);
  font-variant: var(--f-headline-sm-font-variant);
  font-weight: var(--f-headline-sm-font-weight);
  line-height: var(--f-headline-sm-line-height);
  letter-spacing: var(--f-headline-sm-letter-spacing);
  font-feature-settings: var(--f-headline-sm-font-feature-settings);
  -moz-osx-font-smoothing: var(--f-headline-sm--moz-osx-font-smoothing);
  -webkit-font-smoothing: var(--f-headline-sm--webkit-font-smoothing);
  --bold-weight: var(--f-headline-sm---bold-weight);
}

.f-headline-md {
  font-family: var(--f-headline-md-font-family);
  font-size: var(--f-headline-md-font-size);
  font-stretch: var(--f-headline-md-font-stretch);
  font-style: var(--f-headline-md-font-style);
  font-variant: var(--f-headline-md-font-variant);
  font-weight: var(--f-headline-md-font-weight);
  line-height: var(--f-headline-md-line-height);
  letter-spacing: var(--f-headline-md-letter-spacing);
  font-feature-settings: var(--f-headline-md-font-feature-settings);
  -moz-osx-font-smoothing: var(--f-headline-md--moz-osx-font-smoothing);
  -webkit-font-smoothing: var(--f-headline-md--webkit-font-smoothing);
  --bold-weight: var(--f-headline-md---bold-weight);
}

.f-headline {
  font-family: var(--f-headline-font-family);
  font-size: var(--f-headline-font-size);
  font-stretch: var(--f-headline-font-stretch);
  font-style: var(--f-headline-font-style);
  font-variant: var(--f-headline-font-variant);
  font-weight: var(--f-headline-font-weight);
  line-height: var(--f-headline-line-height);
  letter-spacing: var(--f-headline-letter-spacing);
  font-feature-settings: var(--f-headline-font-feature-settings);
  -moz-osx-font-smoothing: var(--f-headline--moz-osx-font-smoothing);
  -webkit-font-smoothing: var(--f-headline--webkit-font-smoothing);
  --bold-weight: var(--f-headline---bold-weight);
}

.f-headline-lg {
  font-family: var(--f-headline-lg-font-family);
  font-size: var(--f-headline-lg-font-size);
  font-stretch: var(--f-headline-lg-font-stretch);
  font-style: var(--f-headline-lg-font-style);
  font-variant: var(--f-headline-lg-font-variant);
  font-weight: var(--f-headline-lg-font-weight);
  line-height: var(--f-headline-lg-line-height);
  letter-spacing: var(--f-headline-lg-letter-spacing);
  font-feature-settings: var(--f-headline-lg-font-feature-settings);
  -moz-osx-font-smoothing: var(--f-headline-lg--moz-osx-font-smoothing);
  -webkit-font-smoothing: var(--f-headline-lg--webkit-font-smoothing);
  --bold-weight: var(--f-headline-lg---bold-weight);
}

.f-super {
  font-family: var(--f-super-font-family);
  font-size: var(--f-super-font-size);
  font-stretch: var(--f-super-font-stretch);
  font-style: var(--f-super-font-style);
  font-variant: var(--f-super-font-variant);
  font-weight: var(--f-super-font-weight);
  line-height: var(--f-super-line-height);
  letter-spacing: var(--f-super-letter-spacing);
  font-feature-settings: var(--f-super-font-feature-settings);
  -moz-osx-font-smoothing: var(--f-super--moz-osx-font-smoothing);
  -webkit-font-smoothing: var(--f-super--webkit-font-smoothing);
  --bold-weight: var(--f-super---bold-weight);
}

@media (min-width: 1023px) {

  :root {
    --f-headline-sm-font-size: 32px !important;
    --f-headline-md-font-size: 40px !important;
    --f-headline-font-size: 46px !important;
    --f-super-font-size: 88px !important;
  }
}

.f-body-sm b, .f-body-sm strong {
  font-weight: var(--f-body-sm---bold-weight, bold);
}

.f-body b, .f-body strong {
  font-weight: var(--f-body---bold-weight, bold);
}

.f-body-lg b, .f-body-lg strong {
  font-weight: var(--f-body-lg---bold-weight, bold);
}

.f-body-xl b, .f-body-xl strong {
  font-weight: var(--f-body-xl---bold-weight, bold);
}

.f-headline-xs b, .f-headline-xs strong {
  font-weight: var(--f-headline-xs---bold-weight, bold);
}

.f-headline-sm b, .f-headline-sm strong {
  font-weight: var(--f-headline-sm---bold-weight, bold);
}

.f-headline-md b, .f-headline-md strong {
  font-weight: var(--f-headline-md---bold-weight, bold);
}

.f-headline b, .f-headline strong {
  font-weight: var(--f-headline---bold-weight, bold);
}

.f-headline-lg b, .f-headline-lg strong {
  font-weight: var(--f-headline-lg---bold-weight, bold);
}

.f-super b, .f-super strong {
  font-weight: var(--f-super---bold-weight, bold);
}

:root {}

.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;
}

.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;
  --breakout-container-outer-gutter: 0;
}

.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);
}

.full-bleed-scroller {
  display: flex;
  flex-flow: row nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  gap: var(--inner-gutter);
}

.full-bleed-scroller::before {
  content: '';
  flex: 0 0 auto;
  width: calc(var(--breakout-outer-gutter, var(--outer-gutter, 0px)) - var(--inner-gutter, 0px));
}

.full-bleed-scroller::after {
  content: '';
  flex: 0 0 auto;
  width: calc(var(--breakout-outer-gutter, var(--outer-gutter, 0px)) - var(--inner-gutter, 0px));
}

[class*='scrollbar-track-'], [class*='scrollbar-thumb-'] {
  --scrollbar-bg: #fafafa;
  --scrollbar-fg: #c1c1c1;
  --scrollbar-border: #e8e8e8;
  scrollbar-color: var(--scrollbar-fg) var(--scrollbar-bg);
}

[class*='scrollbar-track-']::-webkit-scrollbar, [class*='scrollbar-thumb-']::-webkit-scrollbar {
  width: var(--scrollbar-width, 15px);
  height: var(--scrollbar-width, 15px);
}

[class*='scrollbar-track-']::-webkit-scrollbar-track, [class*='scrollbar-thumb-']::-webkit-scrollbar-track {
  background: var(--scrollbar-bg);
}

[class*='scrollbar-track-']::-webkit-scrollbar-track:horizontal, [class*='scrollbar-thumb-']::-webkit-scrollbar-track:horizontal {
  border-top: 1px solid var(--scrollbar-border);
  border-bottom: 1px solid var(--scrollbar-border);
}

[class*='scrollbar-track-']::-webkit-scrollbar-track:vertical, [class*='scrollbar-thumb-']::-webkit-scrollbar-track:vertical {
  border-left: 1px solid var(--scrollbar-border);
  border-right: 1px solid var(--scrollbar-border);
}

[class*='scrollbar-track-']::-webkit-scrollbar-thumb, [class*='scrollbar-thumb-']::-webkit-scrollbar-thumb {
  background: var(--scrollbar-fg);
  border-radius: 20px;
  border: var(--scrollbar-padding, 4px) solid transparent;
  background-clip: content-box;
}

[class*='background-fill'] {
  --background-fill-bg: inherit;
  position: relative;
}

[class*='background-fill']::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 100vw;
  margin-left: -50vw;
  background-color: var(--background-fill-bg, inherit);
  pointer-events: none;
}

*, ::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:  ;
}

::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:  ;
}.cols-container {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--inner-gutter) * -1);
}.cols-container > [class*="-cols"] {
  margin-left: var(--inner-gutter);
}.cols-container > .ml-0 {
  margin-left: 0;
}.cols-container > .w-1-cols {
  width: 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))));
}.cols-container > .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))));
}.cols-container > .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))));
}.cols-container > .mx-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))));
  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))));
}.cols-container > .-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)))) * -1);
}.cols-container > .-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)))) * -1);
}.cols-container > .-mx-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)))) * -1);
  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)))) * -1);
}.cols-container > .mr-1-cols-no-gutter {
  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))));
}.cols-container > .ml-1-cols-no-gutter {
  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)))) + var(--inner-gutter)));
}.cols-container > .mx-1-cols-no-gutter {
  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))));
  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))));
}.cols-container > .-mr-1-cols-no-gutter {
  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)))) * -1);
}.cols-container > .-ml-1-cols-no-gutter {
  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)))) * -1);
}.cols-container > .-mx-1-cols-no-gutter {
  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)))) * -1);
  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)))) * -1);
}.cols-container > .pr-1-cols {
  padding-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))));
}.cols-container > .pl-1-cols {
  padding-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))));
}.cols-container > .px-1-cols {
  padding-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))));
  padding-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))));
}.cols-container > .pr-1-cols-no-gutter {
  padding-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))));
}.cols-container > .pl-1-cols-no-gutter {
  padding-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))));
}.cols-container > .px-1-cols-no-gutter {
  padding-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))));
  padding-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))));
}.cols-container > .left-1-cols {
  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))));
}.cols-container > .right-1-cols {
  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))));
}.cols-container > .inset-x-1-cols {
  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))));
  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))));
}.cols-container > .left-1-cols-no-gutter {
  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))));
}.cols-container > .right-1-cols-no-gutter {
  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))));
}.cols-container > .inset-x-1-cols-no-gutter {
  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))));
  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))));
}.cols-container > .-left-1-cols {
  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)))) * -1);
}.cols-container > .-right-1-cols {
  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)))) * -1);
}.cols-container > .-inset-x-1-cols {
  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)))) * -1);
  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)))) * -1);
}.cols-container > .-left-1-cols-no-gutter {
  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)))) * -1);
}.cols-container > .-right-1-cols-no-gutter {
  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)))) * -1);
}.cols-container > .-inset-x-1-cols-no-gutter {
  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)))) * -1);
  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)))) * -1);
}.cols-container > .w-2-cols {
  width: 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))));
}.cols-container > .mr-2-cols {
  margin-right: 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))));
}.cols-container > .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))));
}.cols-container > .mx-2-cols {
  margin-right: 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))));
  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))));
}.cols-container > .-mr-2-cols {
  margin-right: 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)))) * -1);
}.cols-container > .-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)))) * -1);
}.cols-container > .-mx-2-cols {
  margin-right: 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)))) * -1);
  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)))) * -1);
}.cols-container > .mr-2-cols-no-gutter {
  margin-right: 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))));
}.cols-container > .ml-2-cols-no-gutter {
  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)))) + var(--inner-gutter)));
}.cols-container > .mx-2-cols-no-gutter {
  margin-right: 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))));
  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))));
}.cols-container > .-mr-2-cols-no-gutter {
  margin-right: 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)))) * -1);
}.cols-container > .-ml-2-cols-no-gutter {
  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)))) * -1);
}.cols-container > .-mx-2-cols-no-gutter {
  margin-right: 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)))) * -1);
  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)))) * -1);
}.cols-container > .pr-2-cols {
  padding-right: 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))));
}.cols-container > .pl-2-cols {
  padding-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))));
}.cols-container > .px-2-cols {
  padding-right: 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))));
  padding-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))));
}.cols-container > .pr-2-cols-no-gutter {
  padding-right: 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))));
}.cols-container > .pl-2-cols-no-gutter {
  padding-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))));
}.cols-container > .px-2-cols-no-gutter {
  padding-right: 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))));
  padding-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))));
}.cols-container > .left-2-cols {
  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))));
}.cols-container > .right-2-cols {
  right: 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))));
}.cols-container > .inset-x-2-cols {
  right: 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))));
  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))));
}.cols-container > .left-2-cols-no-gutter {
  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))));
}.cols-container > .right-2-cols-no-gutter {
  right: 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))));
}.cols-container > .inset-x-2-cols-no-gutter {
  right: 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))));
  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))));
}.cols-container > .-left-2-cols {
  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)))) * -1);
}.cols-container > .-right-2-cols {
  right: 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)))) * -1);
}.cols-container > .-inset-x-2-cols {
  right: 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)))) * -1);
  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)))) * -1);
}.cols-container > .-left-2-cols-no-gutter {
  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)))) * -1);
}.cols-container > .-right-2-cols-no-gutter {
  right: 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)))) * -1);
}.cols-container > .-inset-x-2-cols-no-gutter {
  right: 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)))) * -1);
  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)))) * -1);
}.cols-container > .w-3-cols {
  width: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .mr-3-cols {
  margin-right: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .ml-3-cols {
  margin-left: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .mx-3-cols {
  margin-right: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  margin-left: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .-mr-3-cols {
  margin-right: calc((((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-3-cols {
  margin-left: calc((((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-3-cols {
  margin-right: calc((((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  margin-left: calc((((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .mr-3-cols-no-gutter {
  margin-right: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .ml-3-cols-no-gutter {
  margin-left: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + var(--inner-gutter)));
}.cols-container > .mx-3-cols-no-gutter {
  margin-right: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  margin-left: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .-mr-3-cols-no-gutter {
  margin-right: calc((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-3-cols-no-gutter {
  margin-left: calc((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-3-cols-no-gutter {
  margin-right: calc((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  margin-left: calc((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .pr-3-cols {
  padding-right: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .pl-3-cols {
  padding-left: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .px-3-cols {
  padding-right: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  padding-left: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .pr-3-cols-no-gutter {
  padding-right: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .pl-3-cols-no-gutter {
  padding-left: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .px-3-cols-no-gutter {
  padding-right: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  padding-left: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .left-3-cols {
  left: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .right-3-cols {
  right: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .inset-x-3-cols {
  right: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  left: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .left-3-cols-no-gutter {
  left: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .right-3-cols-no-gutter {
  right: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .inset-x-3-cols-no-gutter {
  right: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  left: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .-left-3-cols {
  left: calc((((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-right-3-cols {
  right: calc((((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-3-cols {
  right: calc((((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  left: calc((((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-left-3-cols-no-gutter {
  left: calc((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-right-3-cols-no-gutter {
  right: calc((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-3-cols-no-gutter {
  right: calc((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  left: calc((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.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 > .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))));
}.cols-container > .mr-4-cols {
  margin-right: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .ml-4-cols {
  margin-left: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .mx-4-cols {
  margin-right: 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)))) + (2 * var(--inner-gutter))));
  margin-left: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .-mr-4-cols {
  margin-right: 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)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-4-cols {
  margin-left: 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)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-4-cols {
  margin-right: 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)))) + (2 * var(--inner-gutter)))) * -1);
  margin-left: 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)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .mr-4-cols-no-gutter {
  margin-right: 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))));
}.cols-container > .ml-4-cols-no-gutter {
  margin-left: 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)))) + var(--inner-gutter)));
}.cols-container > .mx-4-cols-no-gutter {
  margin-right: 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))));
  margin-left: 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))));
}.cols-container > .-mr-4-cols-no-gutter {
  margin-right: 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)))) * -1);
}.cols-container > .-ml-4-cols-no-gutter {
  margin-left: 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)))) * -1);
}.cols-container > .-mx-4-cols-no-gutter {
  margin-right: 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)))) * -1);
  margin-left: 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)))) * -1);
}.cols-container > .pr-4-cols {
  padding-right: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .pl-4-cols {
  padding-left: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .px-4-cols {
  padding-right: 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)))) + (2 * var(--inner-gutter))));
  padding-left: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .pr-4-cols-no-gutter {
  padding-right: 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))));
}.cols-container > .pl-4-cols-no-gutter {
  padding-left: 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))));
}.cols-container > .px-4-cols-no-gutter {
  padding-right: 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))));
  padding-left: 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))));
}.cols-container > .left-4-cols {
  left: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .right-4-cols {
  right: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .inset-x-4-cols {
  right: 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)))) + (2 * var(--inner-gutter))));
  left: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .left-4-cols-no-gutter {
  left: 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))));
}.cols-container > .right-4-cols-no-gutter {
  right: 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))));
}.cols-container > .inset-x-4-cols-no-gutter {
  right: 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))));
  left: 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))));
}.cols-container > .-left-4-cols {
  left: 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)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-right-4-cols {
  right: 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)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-4-cols {
  right: 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)))) + (2 * var(--inner-gutter)))) * -1);
  left: 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)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-left-4-cols-no-gutter {
  left: 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)))) * -1);
}.cols-container > .-right-4-cols-no-gutter {
  right: 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)))) * -1);
}.cols-container > .-inset-x-4-cols-no-gutter {
  right: 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)))) * -1);
  left: 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)))) * -1);
}.w-4-cols > * {
  --container-grid-columns: 4;
}.w-5-cols {
  width: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .w-5-cols {
  width: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .mr-5-cols {
  margin-right: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .ml-5-cols {
  margin-left: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .mx-5-cols {
  margin-right: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  margin-left: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .-mr-5-cols {
  margin-right: calc((((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-5-cols {
  margin-left: calc((((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-5-cols {
  margin-right: calc((((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  margin-left: calc((((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .mr-5-cols-no-gutter {
  margin-right: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .ml-5-cols-no-gutter {
  margin-left: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + var(--inner-gutter)));
}.cols-container > .mx-5-cols-no-gutter {
  margin-right: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  margin-left: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .-mr-5-cols-no-gutter {
  margin-right: calc((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-5-cols-no-gutter {
  margin-left: calc((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-5-cols-no-gutter {
  margin-right: calc((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  margin-left: calc((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .pr-5-cols {
  padding-right: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .pl-5-cols {
  padding-left: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .px-5-cols {
  padding-right: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  padding-left: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .pr-5-cols-no-gutter {
  padding-right: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .pl-5-cols-no-gutter {
  padding-left: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .px-5-cols-no-gutter {
  padding-right: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  padding-left: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .left-5-cols {
  left: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .right-5-cols {
  right: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .inset-x-5-cols {
  right: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  left: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .left-5-cols-no-gutter {
  left: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .right-5-cols-no-gutter {
  right: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .inset-x-5-cols-no-gutter {
  right: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  left: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .-left-5-cols {
  left: calc((((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-right-5-cols {
  right: calc((((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-5-cols {
  right: calc((((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  left: calc((((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-left-5-cols-no-gutter {
  left: calc((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-right-5-cols-no-gutter {
  right: calc((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-5-cols-no-gutter {
  right: calc((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  left: calc((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.w-5-cols > * {
  --container-grid-columns: 5;
}.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 > .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))));
}.cols-container > .mr-6-cols {
  margin-right: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .ml-6-cols {
  margin-left: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .mx-6-cols {
  margin-right: 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)))) + (2 * var(--inner-gutter))));
  margin-left: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .-mr-6-cols {
  margin-right: 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)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-6-cols {
  margin-left: 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)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-6-cols {
  margin-right: 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)))) + (2 * var(--inner-gutter)))) * -1);
  margin-left: 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)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .mr-6-cols-no-gutter {
  margin-right: 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))));
}.cols-container > .ml-6-cols-no-gutter {
  margin-left: 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)))) + var(--inner-gutter)));
}.cols-container > .mx-6-cols-no-gutter {
  margin-right: 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))));
  margin-left: 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))));
}.cols-container > .-mr-6-cols-no-gutter {
  margin-right: 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)))) * -1);
}.cols-container > .-ml-6-cols-no-gutter {
  margin-left: 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)))) * -1);
}.cols-container > .-mx-6-cols-no-gutter {
  margin-right: 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)))) * -1);
  margin-left: 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)))) * -1);
}.cols-container > .pr-6-cols {
  padding-right: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .pl-6-cols {
  padding-left: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .px-6-cols {
  padding-right: 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)))) + (2 * var(--inner-gutter))));
  padding-left: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .pr-6-cols-no-gutter {
  padding-right: 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))));
}.cols-container > .pl-6-cols-no-gutter {
  padding-left: 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))));
}.cols-container > .px-6-cols-no-gutter {
  padding-right: 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))));
  padding-left: 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))));
}.cols-container > .left-6-cols {
  left: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .right-6-cols {
  right: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .inset-x-6-cols {
  right: 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)))) + (2 * var(--inner-gutter))));
  left: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .left-6-cols-no-gutter {
  left: 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))));
}.cols-container > .right-6-cols-no-gutter {
  right: 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))));
}.cols-container > .inset-x-6-cols-no-gutter {
  right: 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))));
  left: 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))));
}.cols-container > .-left-6-cols {
  left: 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)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-right-6-cols {
  right: 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)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-6-cols {
  right: 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)))) + (2 * var(--inner-gutter)))) * -1);
  left: 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)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-left-6-cols-no-gutter {
  left: 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)))) * -1);
}.cols-container > .-right-6-cols-no-gutter {
  right: 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)))) * -1);
}.cols-container > .-inset-x-6-cols-no-gutter {
  right: 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)))) * -1);
  left: 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)))) * -1);
}.w-6-cols > * {
  --container-grid-columns: 6;
}.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 > .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))));
}.cols-container > .mr-7-cols {
  margin-right: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .ml-7-cols {
  margin-left: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .mx-7-cols {
  margin-right: 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)))) + (2 * var(--inner-gutter))));
  margin-left: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .-mr-7-cols {
  margin-right: 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)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-7-cols {
  margin-left: 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)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-7-cols {
  margin-right: 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)))) + (2 * var(--inner-gutter)))) * -1);
  margin-left: 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)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .mr-7-cols-no-gutter {
  margin-right: 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))));
}.cols-container > .ml-7-cols-no-gutter {
  margin-left: 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)))) + var(--inner-gutter)));
}.cols-container > .mx-7-cols-no-gutter {
  margin-right: 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))));
  margin-left: 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))));
}.cols-container > .-mr-7-cols-no-gutter {
  margin-right: 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)))) * -1);
}.cols-container > .-ml-7-cols-no-gutter {
  margin-left: 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)))) * -1);
}.cols-container > .-mx-7-cols-no-gutter {
  margin-right: 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)))) * -1);
  margin-left: 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)))) * -1);
}.cols-container > .pr-7-cols {
  padding-right: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .pl-7-cols {
  padding-left: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .px-7-cols {
  padding-right: 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)))) + (2 * var(--inner-gutter))));
  padding-left: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .pr-7-cols-no-gutter {
  padding-right: 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))));
}.cols-container > .pl-7-cols-no-gutter {
  padding-left: 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))));
}.cols-container > .px-7-cols-no-gutter {
  padding-right: 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))));
  padding-left: 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))));
}.cols-container > .left-7-cols {
  left: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .right-7-cols {
  right: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .inset-x-7-cols {
  right: 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)))) + (2 * var(--inner-gutter))));
  left: 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)))) + (2 * var(--inner-gutter))));
}.cols-container > .left-7-cols-no-gutter {
  left: 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))));
}.cols-container > .right-7-cols-no-gutter {
  right: 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))));
}.cols-container > .inset-x-7-cols-no-gutter {
  right: 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))));
  left: 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))));
}.cols-container > .-left-7-cols {
  left: 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)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-right-7-cols {
  right: 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)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-7-cols {
  right: 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)))) + (2 * var(--inner-gutter)))) * -1);
  left: 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)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-left-7-cols-no-gutter {
  left: 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)))) * -1);
}.cols-container > .-right-7-cols-no-gutter {
  right: 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)))) * -1);
}.cols-container > .-inset-x-7-cols-no-gutter {
  right: 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)))) * -1);
  left: 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)))) * -1);
}.w-7-cols > * {
  --container-grid-columns: 7;
}.w-8-cols {
  width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .w-8-cols {
  width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .mr-8-cols {
  margin-right: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .ml-8-cols {
  margin-left: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .mx-8-cols {
  margin-right: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  margin-left: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .-mr-8-cols {
  margin-right: calc((((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-8-cols {
  margin-left: calc((((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-8-cols {
  margin-right: calc((((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  margin-left: calc((((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .mr-8-cols-no-gutter {
  margin-right: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .ml-8-cols-no-gutter {
  margin-left: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + var(--inner-gutter)));
}.cols-container > .mx-8-cols-no-gutter {
  margin-right: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  margin-left: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .-mr-8-cols-no-gutter {
  margin-right: calc((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-8-cols-no-gutter {
  margin-left: calc((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-8-cols-no-gutter {
  margin-right: calc((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  margin-left: calc((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .pr-8-cols {
  padding-right: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .pl-8-cols {
  padding-left: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .px-8-cols {
  padding-right: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  padding-left: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .pr-8-cols-no-gutter {
  padding-right: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .pl-8-cols-no-gutter {
  padding-left: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .px-8-cols-no-gutter {
  padding-right: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  padding-left: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .left-8-cols {
  left: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .right-8-cols {
  right: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .inset-x-8-cols {
  right: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  left: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .left-8-cols-no-gutter {
  left: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .right-8-cols-no-gutter {
  right: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .inset-x-8-cols-no-gutter {
  right: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  left: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .-left-8-cols {
  left: calc((((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-right-8-cols {
  right: calc((((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-8-cols {
  right: calc((((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  left: calc((((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-left-8-cols-no-gutter {
  left: calc((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-right-8-cols-no-gutter {
  right: calc((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-8-cols-no-gutter {
  right: calc((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  left: calc((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.w-8-cols > * {
  --container-grid-columns: 8;
}.cols-container > .w-9-cols {
  width: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .mr-9-cols {
  margin-right: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .ml-9-cols {
  margin-left: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .mx-9-cols {
  margin-right: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  margin-left: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .-mr-9-cols {
  margin-right: calc((((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-9-cols {
  margin-left: calc((((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-9-cols {
  margin-right: calc((((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  margin-left: calc((((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .mr-9-cols-no-gutter {
  margin-right: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .ml-9-cols-no-gutter {
  margin-left: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + var(--inner-gutter)));
}.cols-container > .mx-9-cols-no-gutter {
  margin-right: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  margin-left: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .-mr-9-cols-no-gutter {
  margin-right: calc((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-9-cols-no-gutter {
  margin-left: calc((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-9-cols-no-gutter {
  margin-right: calc((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  margin-left: calc((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .pr-9-cols {
  padding-right: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .pl-9-cols {
  padding-left: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .px-9-cols {
  padding-right: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  padding-left: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .pr-9-cols-no-gutter {
  padding-right: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .pl-9-cols-no-gutter {
  padding-left: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .px-9-cols-no-gutter {
  padding-right: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  padding-left: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .left-9-cols {
  left: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .right-9-cols {
  right: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .inset-x-9-cols {
  right: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  left: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .left-9-cols-no-gutter {
  left: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .right-9-cols-no-gutter {
  right: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .inset-x-9-cols-no-gutter {
  right: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  left: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .-left-9-cols {
  left: calc((((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-right-9-cols {
  right: calc((((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-9-cols {
  right: calc((((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  left: calc((((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-left-9-cols-no-gutter {
  left: calc((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-right-9-cols-no-gutter {
  right: calc((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-9-cols-no-gutter {
  right: calc((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  left: calc((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .w-10-cols {
  width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .mr-10-cols {
  margin-right: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .ml-10-cols {
  margin-left: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .mx-10-cols {
  margin-right: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  margin-left: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .-mr-10-cols {
  margin-right: calc((((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-10-cols {
  margin-left: calc((((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-10-cols {
  margin-right: calc((((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  margin-left: calc((((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .mr-10-cols-no-gutter {
  margin-right: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .ml-10-cols-no-gutter {
  margin-left: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + var(--inner-gutter)));
}.cols-container > .mx-10-cols-no-gutter {
  margin-right: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  margin-left: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .-mr-10-cols-no-gutter {
  margin-right: calc((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-10-cols-no-gutter {
  margin-left: calc((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-10-cols-no-gutter {
  margin-right: calc((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  margin-left: calc((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .pr-10-cols {
  padding-right: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .pl-10-cols {
  padding-left: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .px-10-cols {
  padding-right: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  padding-left: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .pr-10-cols-no-gutter {
  padding-right: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .pl-10-cols-no-gutter {
  padding-left: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .px-10-cols-no-gutter {
  padding-right: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  padding-left: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .left-10-cols {
  left: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .right-10-cols {
  right: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .inset-x-10-cols {
  right: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  left: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .left-10-cols-no-gutter {
  left: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .right-10-cols-no-gutter {
  right: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .inset-x-10-cols-no-gutter {
  right: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  left: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .-left-10-cols {
  left: calc((((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-right-10-cols {
  right: calc((((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-10-cols {
  right: calc((((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  left: calc((((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-left-10-cols-no-gutter {
  left: calc((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-right-10-cols-no-gutter {
  right: calc((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-10-cols-no-gutter {
  right: calc((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  left: calc((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .w-11-cols {
  width: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .mr-11-cols {
  margin-right: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .ml-11-cols {
  margin-left: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .mx-11-cols {
  margin-right: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  margin-left: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .-mr-11-cols {
  margin-right: calc((((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-11-cols {
  margin-left: calc((((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-11-cols {
  margin-right: calc((((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  margin-left: calc((((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .mr-11-cols-no-gutter {
  margin-right: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .ml-11-cols-no-gutter {
  margin-left: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + var(--inner-gutter)));
}.cols-container > .mx-11-cols-no-gutter {
  margin-right: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  margin-left: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .-mr-11-cols-no-gutter {
  margin-right: calc((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-11-cols-no-gutter {
  margin-left: calc((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-11-cols-no-gutter {
  margin-right: calc((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  margin-left: calc((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .pr-11-cols {
  padding-right: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .pl-11-cols {
  padding-left: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .px-11-cols {
  padding-right: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  padding-left: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .pr-11-cols-no-gutter {
  padding-right: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .pl-11-cols-no-gutter {
  padding-left: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .px-11-cols-no-gutter {
  padding-right: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  padding-left: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .left-11-cols {
  left: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .right-11-cols {
  right: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .inset-x-11-cols {
  right: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  left: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .left-11-cols-no-gutter {
  left: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .right-11-cols-no-gutter {
  right: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .inset-x-11-cols-no-gutter {
  right: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  left: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .-left-11-cols {
  left: calc((((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-right-11-cols {
  right: calc((((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-11-cols {
  right: calc((((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  left: calc((((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-left-11-cols-no-gutter {
  left: calc((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-right-11-cols-no-gutter {
  right: calc((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-11-cols-no-gutter {
  right: calc((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  left: calc((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .w-12-cols {
  width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .mr-12-cols {
  margin-right: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .ml-12-cols {
  margin-left: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .mx-12-cols {
  margin-right: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  margin-left: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .-mr-12-cols {
  margin-right: calc((((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-12-cols {
  margin-left: calc((((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-12-cols {
  margin-right: calc((((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  margin-left: calc((((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .mr-12-cols-no-gutter {
  margin-right: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .ml-12-cols-no-gutter {
  margin-left: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + var(--inner-gutter)));
}.cols-container > .mx-12-cols-no-gutter {
  margin-right: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  margin-left: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .-mr-12-cols-no-gutter {
  margin-right: calc((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-12-cols-no-gutter {
  margin-left: calc((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-12-cols-no-gutter {
  margin-right: calc((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  margin-left: calc((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .pr-12-cols {
  padding-right: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .pl-12-cols {
  padding-left: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .px-12-cols {
  padding-right: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  padding-left: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .pr-12-cols-no-gutter {
  padding-right: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .pl-12-cols-no-gutter {
  padding-left: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .px-12-cols-no-gutter {
  padding-right: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  padding-left: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .left-12-cols {
  left: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .right-12-cols {
  right: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .inset-x-12-cols {
  right: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  left: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
}.cols-container > .left-12-cols-no-gutter {
  left: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .right-12-cols-no-gutter {
  right: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .inset-x-12-cols-no-gutter {
  right: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  left: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
}.cols-container > .-left-12-cols {
  left: calc((((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-right-12-cols {
  right: calc((((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-12-cols {
  right: calc((((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  left: calc((((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-left-12-cols-no-gutter {
  left: calc((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-right-12-cols-no-gutter {
  right: calc((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-12-cols-no-gutter {
  right: calc((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  left: calc((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
}.cols-container > .w-1\/2-cols {
  width: calc(50% - var(--inner-gutter));
}.cols-container > .mr-1\/2-cols {
  margin-right: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .ml-1\/2-cols {
  margin-left: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .mx-1\/2-cols {
  margin-right: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  margin-left: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .-mr-1\/2-cols {
  margin-right: calc((((50% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-1\/2-cols {
  margin-left: calc((((50% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-1\/2-cols {
  margin-right: calc((((50% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  margin-left: calc((((50% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .mr-1\/2-cols-no-gutter {
  margin-right: calc(50% - var(--inner-gutter));
}.cols-container > .ml-1\/2-cols-no-gutter {
  margin-left: calc(((50% - var(--inner-gutter)) + var(--inner-gutter)));
}.cols-container > .mx-1\/2-cols-no-gutter {
  margin-right: calc(50% - var(--inner-gutter));
  margin-left: calc(50% - var(--inner-gutter));
}.cols-container > .-mr-1\/2-cols-no-gutter {
  margin-right: calc((50% - var(--inner-gutter)) * -1);
}.cols-container > .-ml-1\/2-cols-no-gutter {
  margin-left: calc((50% - var(--inner-gutter)) * -1);
}.cols-container > .-mx-1\/2-cols-no-gutter {
  margin-right: calc((50% - var(--inner-gutter)) * -1);
  margin-left: calc((50% - var(--inner-gutter)) * -1);
}.cols-container > .pr-1\/2-cols {
  padding-right: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .pl-1\/2-cols {
  padding-left: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .px-1\/2-cols {
  padding-right: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  padding-left: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .pr-1\/2-cols-no-gutter {
  padding-right: calc(50% - var(--inner-gutter));
}.cols-container > .pl-1\/2-cols-no-gutter {
  padding-left: calc(50% - var(--inner-gutter));
}.cols-container > .px-1\/2-cols-no-gutter {
  padding-right: calc(50% - var(--inner-gutter));
  padding-left: calc(50% - var(--inner-gutter));
}.cols-container > .left-1\/2-cols {
  left: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .right-1\/2-cols {
  right: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .inset-x-1\/2-cols {
  right: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  left: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .left-1\/2-cols-no-gutter {
  left: calc(50% - var(--inner-gutter));
}.cols-container > .right-1\/2-cols-no-gutter {
  right: calc(50% - var(--inner-gutter));
}.cols-container > .inset-x-1\/2-cols-no-gutter {
  right: calc(50% - var(--inner-gutter));
  left: calc(50% - var(--inner-gutter));
}.cols-container > .-left-1\/2-cols {
  left: calc((((50% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-right-1\/2-cols {
  right: calc((((50% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-1\/2-cols {
  right: calc((((50% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  left: calc((((50% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-left-1\/2-cols-no-gutter {
  left: calc((50% - var(--inner-gutter)) * -1);
}.cols-container > .-right-1\/2-cols-no-gutter {
  right: calc((50% - var(--inner-gutter)) * -1);
}.cols-container > .-inset-x-1\/2-cols-no-gutter {
  right: calc((50% - var(--inner-gutter)) * -1);
  left: calc((50% - var(--inner-gutter)) * -1);
}.cols-container > .w-1\/3-cols {
  width: calc(33.333% - var(--inner-gutter));
}.cols-container > .mr-1\/3-cols {
  margin-right: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .ml-1\/3-cols {
  margin-left: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .mx-1\/3-cols {
  margin-right: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  margin-left: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .-mr-1\/3-cols {
  margin-right: calc((((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-1\/3-cols {
  margin-left: calc((((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-1\/3-cols {
  margin-right: calc((((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  margin-left: calc((((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .mr-1\/3-cols-no-gutter {
  margin-right: calc(33.333% - var(--inner-gutter));
}.cols-container > .ml-1\/3-cols-no-gutter {
  margin-left: calc(((33.333% - var(--inner-gutter)) + var(--inner-gutter)));
}.cols-container > .mx-1\/3-cols-no-gutter {
  margin-right: calc(33.333% - var(--inner-gutter));
  margin-left: calc(33.333% - var(--inner-gutter));
}.cols-container > .-mr-1\/3-cols-no-gutter {
  margin-right: calc((33.333% - var(--inner-gutter)) * -1);
}.cols-container > .-ml-1\/3-cols-no-gutter {
  margin-left: calc((33.333% - var(--inner-gutter)) * -1);
}.cols-container > .-mx-1\/3-cols-no-gutter {
  margin-right: calc((33.333% - var(--inner-gutter)) * -1);
  margin-left: calc((33.333% - var(--inner-gutter)) * -1);
}.cols-container > .pr-1\/3-cols {
  padding-right: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .pl-1\/3-cols {
  padding-left: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .px-1\/3-cols {
  padding-right: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  padding-left: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .pr-1\/3-cols-no-gutter {
  padding-right: calc(33.333% - var(--inner-gutter));
}.cols-container > .pl-1\/3-cols-no-gutter {
  padding-left: calc(33.333% - var(--inner-gutter));
}.cols-container > .px-1\/3-cols-no-gutter {
  padding-right: calc(33.333% - var(--inner-gutter));
  padding-left: calc(33.333% - var(--inner-gutter));
}.cols-container > .left-1\/3-cols {
  left: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .right-1\/3-cols {
  right: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .inset-x-1\/3-cols {
  right: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  left: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .left-1\/3-cols-no-gutter {
  left: calc(33.333% - var(--inner-gutter));
}.cols-container > .right-1\/3-cols-no-gutter {
  right: calc(33.333% - var(--inner-gutter));
}.cols-container > .inset-x-1\/3-cols-no-gutter {
  right: calc(33.333% - var(--inner-gutter));
  left: calc(33.333% - var(--inner-gutter));
}.cols-container > .-left-1\/3-cols {
  left: calc((((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-right-1\/3-cols {
  right: calc((((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-1\/3-cols {
  right: calc((((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  left: calc((((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-left-1\/3-cols-no-gutter {
  left: calc((33.333% - var(--inner-gutter)) * -1);
}.cols-container > .-right-1\/3-cols-no-gutter {
  right: calc((33.333% - var(--inner-gutter)) * -1);
}.cols-container > .-inset-x-1\/3-cols-no-gutter {
  right: calc((33.333% - var(--inner-gutter)) * -1);
  left: calc((33.333% - var(--inner-gutter)) * -1);
}.cols-container > .w-1\/4-cols {
  width: calc(25% - var(--inner-gutter));
}.cols-container > .mr-1\/4-cols {
  margin-right: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .ml-1\/4-cols {
  margin-left: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .mx-1\/4-cols {
  margin-right: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  margin-left: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .-mr-1\/4-cols {
  margin-right: calc((((25% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-1\/4-cols {
  margin-left: calc((((25% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-1\/4-cols {
  margin-right: calc((((25% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  margin-left: calc((((25% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .mr-1\/4-cols-no-gutter {
  margin-right: calc(25% - var(--inner-gutter));
}.cols-container > .ml-1\/4-cols-no-gutter {
  margin-left: calc(((25% - var(--inner-gutter)) + var(--inner-gutter)));
}.cols-container > .mx-1\/4-cols-no-gutter {
  margin-right: calc(25% - var(--inner-gutter));
  margin-left: calc(25% - var(--inner-gutter));
}.cols-container > .-mr-1\/4-cols-no-gutter {
  margin-right: calc((25% - var(--inner-gutter)) * -1);
}.cols-container > .-ml-1\/4-cols-no-gutter {
  margin-left: calc((25% - var(--inner-gutter)) * -1);
}.cols-container > .-mx-1\/4-cols-no-gutter {
  margin-right: calc((25% - var(--inner-gutter)) * -1);
  margin-left: calc((25% - var(--inner-gutter)) * -1);
}.cols-container > .pr-1\/4-cols {
  padding-right: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .pl-1\/4-cols {
  padding-left: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .px-1\/4-cols {
  padding-right: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  padding-left: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .pr-1\/4-cols-no-gutter {
  padding-right: calc(25% - var(--inner-gutter));
}.cols-container > .pl-1\/4-cols-no-gutter {
  padding-left: calc(25% - var(--inner-gutter));
}.cols-container > .px-1\/4-cols-no-gutter {
  padding-right: calc(25% - var(--inner-gutter));
  padding-left: calc(25% - var(--inner-gutter));
}.cols-container > .left-1\/4-cols {
  left: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .right-1\/4-cols {
  right: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .inset-x-1\/4-cols {
  right: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  left: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .left-1\/4-cols-no-gutter {
  left: calc(25% - var(--inner-gutter));
}.cols-container > .right-1\/4-cols-no-gutter {
  right: calc(25% - var(--inner-gutter));
}.cols-container > .inset-x-1\/4-cols-no-gutter {
  right: calc(25% - var(--inner-gutter));
  left: calc(25% - var(--inner-gutter));
}.cols-container > .-left-1\/4-cols {
  left: calc((((25% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-right-1\/4-cols {
  right: calc((((25% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-1\/4-cols {
  right: calc((((25% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  left: calc((((25% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-left-1\/4-cols-no-gutter {
  left: calc((25% - var(--inner-gutter)) * -1);
}.cols-container > .-right-1\/4-cols-no-gutter {
  right: calc((25% - var(--inner-gutter)) * -1);
}.cols-container > .-inset-x-1\/4-cols-no-gutter {
  right: calc((25% - var(--inner-gutter)) * -1);
  left: calc((25% - var(--inner-gutter)) * -1);
}.cols-container > .w-2\/3-cols {
  width: calc(66.666% - var(--inner-gutter));
}.cols-container > .mr-2\/3-cols {
  margin-right: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .ml-2\/3-cols {
  margin-left: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .mx-2\/3-cols {
  margin-right: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  margin-left: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .-mr-2\/3-cols {
  margin-right: calc((((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-2\/3-cols {
  margin-left: calc((((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-2\/3-cols {
  margin-right: calc((((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  margin-left: calc((((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .mr-2\/3-cols-no-gutter {
  margin-right: calc(66.666% - var(--inner-gutter));
}.cols-container > .ml-2\/3-cols-no-gutter {
  margin-left: calc(((66.666% - var(--inner-gutter)) + var(--inner-gutter)));
}.cols-container > .mx-2\/3-cols-no-gutter {
  margin-right: calc(66.666% - var(--inner-gutter));
  margin-left: calc(66.666% - var(--inner-gutter));
}.cols-container > .-mr-2\/3-cols-no-gutter {
  margin-right: calc((66.666% - var(--inner-gutter)) * -1);
}.cols-container > .-ml-2\/3-cols-no-gutter {
  margin-left: calc((66.666% - var(--inner-gutter)) * -1);
}.cols-container > .-mx-2\/3-cols-no-gutter {
  margin-right: calc((66.666% - var(--inner-gutter)) * -1);
  margin-left: calc((66.666% - var(--inner-gutter)) * -1);
}.cols-container > .pr-2\/3-cols {
  padding-right: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .pl-2\/3-cols {
  padding-left: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .px-2\/3-cols {
  padding-right: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  padding-left: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .pr-2\/3-cols-no-gutter {
  padding-right: calc(66.666% - var(--inner-gutter));
}.cols-container > .pl-2\/3-cols-no-gutter {
  padding-left: calc(66.666% - var(--inner-gutter));
}.cols-container > .px-2\/3-cols-no-gutter {
  padding-right: calc(66.666% - var(--inner-gutter));
  padding-left: calc(66.666% - var(--inner-gutter));
}.cols-container > .left-2\/3-cols {
  left: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .right-2\/3-cols {
  right: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .inset-x-2\/3-cols {
  right: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  left: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .left-2\/3-cols-no-gutter {
  left: calc(66.666% - var(--inner-gutter));
}.cols-container > .right-2\/3-cols-no-gutter {
  right: calc(66.666% - var(--inner-gutter));
}.cols-container > .inset-x-2\/3-cols-no-gutter {
  right: calc(66.666% - var(--inner-gutter));
  left: calc(66.666% - var(--inner-gutter));
}.cols-container > .-left-2\/3-cols {
  left: calc((((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-right-2\/3-cols {
  right: calc((((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-2\/3-cols {
  right: calc((((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  left: calc((((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-left-2\/3-cols-no-gutter {
  left: calc((66.666% - var(--inner-gutter)) * -1);
}.cols-container > .-right-2\/3-cols-no-gutter {
  right: calc((66.666% - var(--inner-gutter)) * -1);
}.cols-container > .-inset-x-2\/3-cols-no-gutter {
  right: calc((66.666% - var(--inner-gutter)) * -1);
  left: calc((66.666% - var(--inner-gutter)) * -1);
}.cols-container > .w-3\/4-cols {
  width: calc(75% - var(--inner-gutter));
}.cols-container > .mr-3\/4-cols {
  margin-right: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .ml-3\/4-cols {
  margin-left: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .mx-3\/4-cols {
  margin-right: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  margin-left: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .-mr-3\/4-cols {
  margin-right: calc((((75% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-ml-3\/4-cols {
  margin-left: calc((((75% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-mx-3\/4-cols {
  margin-right: calc((((75% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  margin-left: calc((((75% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .mr-3\/4-cols-no-gutter {
  margin-right: calc(75% - var(--inner-gutter));
}.cols-container > .ml-3\/4-cols-no-gutter {
  margin-left: calc(((75% - var(--inner-gutter)) + var(--inner-gutter)));
}.cols-container > .mx-3\/4-cols-no-gutter {
  margin-right: calc(75% - var(--inner-gutter));
  margin-left: calc(75% - var(--inner-gutter));
}.cols-container > .-mr-3\/4-cols-no-gutter {
  margin-right: calc((75% - var(--inner-gutter)) * -1);
}.cols-container > .-ml-3\/4-cols-no-gutter {
  margin-left: calc((75% - var(--inner-gutter)) * -1);
}.cols-container > .-mx-3\/4-cols-no-gutter {
  margin-right: calc((75% - var(--inner-gutter)) * -1);
  margin-left: calc((75% - var(--inner-gutter)) * -1);
}.cols-container > .pr-3\/4-cols {
  padding-right: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .pl-3\/4-cols {
  padding-left: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .px-3\/4-cols {
  padding-right: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  padding-left: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .pr-3\/4-cols-no-gutter {
  padding-right: calc(75% - var(--inner-gutter));
}.cols-container > .pl-3\/4-cols-no-gutter {
  padding-left: calc(75% - var(--inner-gutter));
}.cols-container > .px-3\/4-cols-no-gutter {
  padding-right: calc(75% - var(--inner-gutter));
  padding-left: calc(75% - var(--inner-gutter));
}.cols-container > .left-3\/4-cols {
  left: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .right-3\/4-cols {
  right: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .inset-x-3\/4-cols {
  right: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  left: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
}.cols-container > .left-3\/4-cols-no-gutter {
  left: calc(75% - var(--inner-gutter));
}.cols-container > .right-3\/4-cols-no-gutter {
  right: calc(75% - var(--inner-gutter));
}.cols-container > .inset-x-3\/4-cols-no-gutter {
  right: calc(75% - var(--inner-gutter));
  left: calc(75% - var(--inner-gutter));
}.cols-container > .-left-3\/4-cols {
  left: calc((((75% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-right-3\/4-cols {
  right: calc((((75% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-inset-x-3\/4-cols {
  right: calc((((75% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  left: calc((((75% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
}.cols-container > .-left-3\/4-cols-no-gutter {
  left: calc((75% - var(--inner-gutter)) * -1);
}.cols-container > .-right-3\/4-cols-no-gutter {
  right: calc((75% - var(--inner-gutter)) * -1);
}.cols-container > .-inset-x-3\/4-cols-no-gutter {
  right: calc((75% - var(--inner-gutter)) * -1);
  left: calc((75% - var(--inner-gutter)) * -1);
}[class*="grid-line-"] > * {
  position: relative;
}[class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {
  content: attr(👻);
  position: absolute;
  z-index: 0;
  pointer-events: none;
}.grid-line-x-0.5[class*="grid-line-x-"] > *::before {
  bottom: -0.125rem;
}.grid-line-x-0.5[class*="grid-line-yfull"] > *::after {
  top: -0.125rem;
  bottom: -0.125rem;
}.grid-line-x-1.5[class*="grid-line-x-"] > *::before {
  bottom: -0.375rem;
}.grid-line-x-1.5[class*="grid-line-yfull"] > *::after {
  top: -0.375rem;
  bottom: -0.375rem;
}.grid-line-x-2.5[class*="grid-line-x-"] > *::before {
  bottom: -0.625rem;
}.grid-line-x-2.5[class*="grid-line-yfull"] > *::after {
  top: -0.625rem;
  bottom: -0.625rem;
}.grid-line-x-3.5[class*="grid-line-x-"] > *::before {
  bottom: -0.875rem;
}.grid-line-x-3.5[class*="grid-line-yfull"] > *::after {
  top: -0.875rem;
  bottom: -0.875rem;
}@media (min-width: 580px) {

  [class*="grid-line-"] > * {
    position: relative;
  }

  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {
    content: attr(👻);
    position: absolute;
    z-index: 0;
    pointer-events: none;
  }

  .sm\:grid-line-x > *::before {
    content: attr(👻);
    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: attr(👻);
    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: attr(👻);
    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: attr(👻);
    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: -0px;
  }

  .sm\:grid-line-x-0[class*="grid-line-yfull"] > *::after {
    top: -0px;
    bottom: -0px;
  }

  .sm\:grid-line-x-1[class*="grid-line-x-"] > *::before {
    bottom: -0.25rem;
  }

  .sm\:grid-line-x-1[class*="grid-line-yfull"] > *::after {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  .sm\:grid-line-x-2[class*="grid-line-x-"] > *::before {
    bottom: -0.5rem;
  }

  .sm\:grid-line-x-2[class*="grid-line-yfull"] > *::after {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  .sm\:grid-line-x-3[class*="grid-line-x-"] > *::before {
    bottom: -0.75rem;
  }

  .sm\:grid-line-x-3[class*="grid-line-yfull"] > *::after {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  .sm\:grid-line-x-4[class*="grid-line-x-"] > *::before {
    bottom: -1rem;
  }

  .sm\:grid-line-x-4[class*="grid-line-yfull"] > *::after {
    top: -1rem;
    bottom: -1rem;
  }

  .sm\:grid-line-x-5[class*="grid-line-x-"] > *::before {
    bottom: -1.25rem;
  }

  .sm\:grid-line-x-5[class*="grid-line-yfull"] > *::after {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  .sm\:grid-line-x-6[class*="grid-line-x-"] > *::before {
    bottom: -1.5rem;
  }

  .sm\:grid-line-x-6[class*="grid-line-yfull"] > *::after {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  .sm\:grid-line-x-7[class*="grid-line-x-"] > *::before {
    bottom: -1.75rem;
  }

  .sm\:grid-line-x-7[class*="grid-line-yfull"] > *::after {
    top: -1.75rem;
    bottom: -1.75rem;
  }

  .sm\:grid-line-x-8[class*="grid-line-x-"] > *::before {
    bottom: -2rem;
  }

  .sm\:grid-line-x-8[class*="grid-line-yfull"] > *::after {
    top: -2rem;
    bottom: -2rem;
  }

  .sm\:grid-line-x-9[class*="grid-line-x-"] > *::before {
    bottom: -2.25rem;
  }

  .sm\:grid-line-x-9[class*="grid-line-yfull"] > *::after {
    top: -2.25rem;
    bottom: -2.25rem;
  }

  .sm\:grid-line-x-10[class*="grid-line-x-"] > *::before {
    bottom: -2.5rem;
  }

  .sm\:grid-line-x-10[class*="grid-line-yfull"] > *::after {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  .sm\:grid-line-x-11[class*="grid-line-x-"] > *::before {
    bottom: -2.75rem;
  }

  .sm\:grid-line-x-11[class*="grid-line-yfull"] > *::after {
    top: -2.75rem;
    bottom: -2.75rem;
  }

  .sm\:grid-line-x-12[class*="grid-line-x-"] > *::before {
    bottom: -3rem;
  }

  .sm\:grid-line-x-12[class*="grid-line-yfull"] > *::after {
    top: -3rem;
    bottom: -3rem;
  }

  .sm\:grid-line-x-14[class*="grid-line-x-"] > *::before {
    bottom: -3.5rem;
  }

  .sm\:grid-line-x-14[class*="grid-line-yfull"] > *::after {
    top: -3.5rem;
    bottom: -3.5rem;
  }

  .sm\:grid-line-x-16[class*="grid-line-x-"] > *::before {
    bottom: -4rem;
  }

  .sm\:grid-line-x-16[class*="grid-line-yfull"] > *::after {
    top: -4rem;
    bottom: -4rem;
  }

  .sm\:grid-line-x-20[class*="grid-line-x-"] > *::before {
    bottom: -5rem;
  }

  .sm\:grid-line-x-20[class*="grid-line-yfull"] > *::after {
    top: -5rem;
    bottom: -5rem;
  }

  .sm\:grid-line-x-24[class*="grid-line-x-"] > *::before {
    bottom: -6rem;
  }

  .sm\:grid-line-x-24[class*="grid-line-yfull"] > *::after {
    top: -6rem;
    bottom: -6rem;
  }

  .sm\:grid-line-x-28[class*="grid-line-x-"] > *::before {
    bottom: -7rem;
  }

  .sm\:grid-line-x-28[class*="grid-line-yfull"] > *::after {
    top: -7rem;
    bottom: -7rem;
  }

  .sm\:grid-line-x-32[class*="grid-line-x-"] > *::before {
    bottom: -8rem;
  }

  .sm\:grid-line-x-32[class*="grid-line-yfull"] > *::after {
    top: -8rem;
    bottom: -8rem;
  }

  .sm\:grid-line-x-36[class*="grid-line-x-"] > *::before {
    bottom: -9rem;
  }

  .sm\:grid-line-x-36[class*="grid-line-yfull"] > *::after {
    top: -9rem;
    bottom: -9rem;
  }

  .sm\:grid-line-x-40[class*="grid-line-x-"] > *::before {
    bottom: -10rem;
  }

  .sm\:grid-line-x-40[class*="grid-line-yfull"] > *::after {
    top: -10rem;
    bottom: -10rem;
  }

  .sm\:grid-line-x-44[class*="grid-line-x-"] > *::before {
    bottom: -11rem;
  }

  .sm\:grid-line-x-44[class*="grid-line-yfull"] > *::after {
    top: -11rem;
    bottom: -11rem;
  }

  .sm\:grid-line-x-48[class*="grid-line-x-"] > *::before {
    bottom: -12rem;
  }

  .sm\:grid-line-x-48[class*="grid-line-yfull"] > *::after {
    top: -12rem;
    bottom: -12rem;
  }

  .sm\:grid-line-x-52[class*="grid-line-x-"] > *::before {
    bottom: -13rem;
  }

  .sm\:grid-line-x-52[class*="grid-line-yfull"] > *::after {
    top: -13rem;
    bottom: -13rem;
  }

  .sm\:grid-line-x-56[class*="grid-line-x-"] > *::before {
    bottom: -14rem;
  }

  .sm\:grid-line-x-56[class*="grid-line-yfull"] > *::after {
    top: -14rem;
    bottom: -14rem;
  }

  .sm\:grid-line-x-60[class*="grid-line-x-"] > *::before {
    bottom: -15rem;
  }

  .sm\:grid-line-x-60[class*="grid-line-yfull"] > *::after {
    top: -15rem;
    bottom: -15rem;
  }

  .sm\:grid-line-x-64[class*="grid-line-x-"] > *::before {
    bottom: -16rem;
  }

  .sm\:grid-line-x-64[class*="grid-line-yfull"] > *::after {
    top: -16rem;
    bottom: -16rem;
  }

  .sm\:grid-line-x-72[class*="grid-line-x-"] > *::before {
    bottom: -18rem;
  }

  .sm\:grid-line-x-72[class*="grid-line-yfull"] > *::after {
    top: -18rem;
    bottom: -18rem;
  }

  .sm\:grid-line-x-80[class*="grid-line-x-"] > *::before {
    bottom: -20rem;
  }

  .sm\:grid-line-x-80[class*="grid-line-yfull"] > *::after {
    top: -20rem;
    bottom: -20rem;
  }

  .sm\:grid-line-x-96[class*="grid-line-x-"] > *::before {
    bottom: -24rem;
  }

  .sm\:grid-line-x-96[class*="grid-line-yfull"] > *::after {
    top: -24rem;
    bottom: -24rem;
  }

  .sm\:grid-line-x-px[class*="grid-line-x-"] > *::before {
    bottom: -1px;
  }

  .sm\:grid-line-x-px[class*="grid-line-yfull"] > *::after {
    top: -1px;
    bottom: -1px;
  }

  .sm\:grid-line-x-0.5[class*="grid-line-x-"] > *::before {
    bottom: -0.125rem;
  }

  .sm\:grid-line-x-0.5[class*="grid-line-yfull"] > *::after {
    top: -0.125rem;
    bottom: -0.125rem;
  }

  .sm\:grid-line-x-1.5[class*="grid-line-x-"] > *::before {
    bottom: -0.375rem;
  }

  .sm\:grid-line-x-1.5[class*="grid-line-yfull"] > *::after {
    top: -0.375rem;
    bottom: -0.375rem;
  }

  .sm\:grid-line-x-2.5[class*="grid-line-x-"] > *::before {
    bottom: -0.625rem;
  }

  .sm\:grid-line-x-2.5[class*="grid-line-yfull"] > *::after {
    top: -0.625rem;
    bottom: -0.625rem;
  }

  .sm\:grid-line-x-3.5[class*="grid-line-x-"] > *::before {
    bottom: -0.875rem;
  }

  .sm\:grid-line-x-3.5[class*="grid-line-yfull"] > *::after {
    top: -0.875rem;
    bottom: -0.875rem;
  }

  .sm\:grid-line-x-header[class*="grid-line-x-"] > *::before {
    bottom: -72px;
  }

  .sm\:grid-line-x-header[class*="grid-line-yfull"] > *::after {
    top: -72px;
    bottom: -72px;
  }

  .sm\:grid-line-x-inherit[class*="grid-line-x-"] > *::before {
    border-bottom-color: inherit;
  }

  .sm\:grid-line-y-inherit[class*="grid-line-y-"] > *::after {
    border-right-color: inherit;
  }

  .sm\:grid-line-xy-inherit[class*="grid-line-xy-"] > *::before {
    border-bottom-color: inherit;
  }

  .sm\:grid-line-xy-inherit[class*="grid-line-xy-"] > *::after {
    border-right-color: inherit;
  }

  .sm\:grid-line-x-current[class*="grid-line-x-"] > *::before {
    border-bottom-color: currentColor;
  }

  .sm\:grid-line-y-current[class*="grid-line-y-"] > *::after {
    border-right-color: currentColor;
  }

  .sm\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {
    border-bottom-color: currentColor;
  }

  .sm\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {
    border-right-color: currentColor;
  }

  .sm\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {
    border-bottom-color: transparent;
  }

  .sm\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {
    border-right-color: transparent;
  }

  .sm\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: transparent;
  }

  .sm\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {
    border-right-color: transparent;
  }

  .sm\:grid-line-x-black[class*="grid-line-x-"] > *::before {
    border-bottom-color: #000000;
  }

  .sm\:grid-line-y-black[class*="grid-line-y-"] > *::after {
    border-right-color: #000000;
  }

  .sm\:grid-line-xy-black[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #000000;
  }

  .sm\:grid-line-xy-black[class*="grid-line-xy-"] > *::after {
    border-right-color: #000000;
  }

  .sm\:grid-line-x-white[class*="grid-line-x-"] > *::before {
    border-bottom-color: #FFFFFF;
  }

  .sm\:grid-line-y-white[class*="grid-line-y-"] > *::after {
    border-right-color: #FFFFFF;
  }

  .sm\:grid-line-xy-white[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #FFFFFF;
  }

  .sm\:grid-line-xy-white[class*="grid-line-xy-"] > *::after {
    border-right-color: #FFFFFF;
  }

  .sm\:grid-line-x-slate[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f8fafc;
    100: #f1f5f9;
    200: #e2e8f0;
    300: #cbd5e1;
    400: #94a3b8;
    500: #64748b;
    600: #475569;
    700: #334155;
    800: #1e293b;
    900: #0f172a;
    950: #020617;
  }

  .sm\:grid-line-y-slate[class*="grid-line-y-"] > *::after border-right-color {
    50: #f8fafc;
    100: #f1f5f9;
    200: #e2e8f0;
    300: #cbd5e1;
    400: #94a3b8;
    500: #64748b;
    600: #475569;
    700: #334155;
    800: #1e293b;
    900: #0f172a;
    950: #020617;
  }

  .sm\:grid-line-xy-slate[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f8fafc;
    100: #f1f5f9;
    200: #e2e8f0;
    300: #cbd5e1;
    400: #94a3b8;
    500: #64748b;
    600: #475569;
    700: #334155;
    800: #1e293b;
    900: #0f172a;
    950: #020617;
  }

  .sm\:grid-line-xy-slate[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f8fafc;
    100: #f1f5f9;
    200: #e2e8f0;
    300: #cbd5e1;
    400: #94a3b8;
    500: #64748b;
    600: #475569;
    700: #334155;
    800: #1e293b;
    900: #0f172a;
    950: #020617;
  }

  .sm\:grid-line-x-gray[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f9fafb;
    100: #f3f4f6;
    200: #e5e7eb;
    300: #d1d5db;
    400: #9ca3af;
    500: #6b7280;
    600: #4b5563;
    700: #374151;
    800: #1f2937;
    900: #111827;
    950: #030712;
  }

  .sm\:grid-line-y-gray[class*="grid-line-y-"] > *::after border-right-color {
    50: #f9fafb;
    100: #f3f4f6;
    200: #e5e7eb;
    300: #d1d5db;
    400: #9ca3af;
    500: #6b7280;
    600: #4b5563;
    700: #374151;
    800: #1f2937;
    900: #111827;
    950: #030712;
  }

  .sm\:grid-line-xy-gray[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f9fafb;
    100: #f3f4f6;
    200: #e5e7eb;
    300: #d1d5db;
    400: #9ca3af;
    500: #6b7280;
    600: #4b5563;
    700: #374151;
    800: #1f2937;
    900: #111827;
    950: #030712;
  }

  .sm\:grid-line-xy-gray[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f9fafb;
    100: #f3f4f6;
    200: #e5e7eb;
    300: #d1d5db;
    400: #9ca3af;
    500: #6b7280;
    600: #4b5563;
    700: #374151;
    800: #1f2937;
    900: #111827;
    950: #030712;
  }

  .sm\:grid-line-x-zinc[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fafafa;
    100: #f4f4f5;
    200: #e4e4e7;
    300: #d4d4d8;
    400: #a1a1aa;
    500: #71717a;
    600: #52525b;
    700: #3f3f46;
    800: #27272a;
    900: #18181b;
    950: #09090b;
  }

  .sm\:grid-line-y-zinc[class*="grid-line-y-"] > *::after border-right-color {
    50: #fafafa;
    100: #f4f4f5;
    200: #e4e4e7;
    300: #d4d4d8;
    400: #a1a1aa;
    500: #71717a;
    600: #52525b;
    700: #3f3f46;
    800: #27272a;
    900: #18181b;
    950: #09090b;
  }

  .sm\:grid-line-xy-zinc[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fafafa;
    100: #f4f4f5;
    200: #e4e4e7;
    300: #d4d4d8;
    400: #a1a1aa;
    500: #71717a;
    600: #52525b;
    700: #3f3f46;
    800: #27272a;
    900: #18181b;
    950: #09090b;
  }

  .sm\:grid-line-xy-zinc[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fafafa;
    100: #f4f4f5;
    200: #e4e4e7;
    300: #d4d4d8;
    400: #a1a1aa;
    500: #71717a;
    600: #52525b;
    700: #3f3f46;
    800: #27272a;
    900: #18181b;
    950: #09090b;
  }

  .sm\:grid-line-x-neutral[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fafafa;
    100: #f5f5f5;
    200: #e5e5e5;
    300: #d4d4d4;
    400: #a3a3a3;
    500: #737373;
    600: #525252;
    700: #404040;
    800: #262626;
    900: #171717;
    950: #0a0a0a;
  }

  .sm\:grid-line-y-neutral[class*="grid-line-y-"] > *::after border-right-color {
    50: #fafafa;
    100: #f5f5f5;
    200: #e5e5e5;
    300: #d4d4d4;
    400: #a3a3a3;
    500: #737373;
    600: #525252;
    700: #404040;
    800: #262626;
    900: #171717;
    950: #0a0a0a;
  }

  .sm\:grid-line-xy-neutral[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fafafa;
    100: #f5f5f5;
    200: #e5e5e5;
    300: #d4d4d4;
    400: #a3a3a3;
    500: #737373;
    600: #525252;
    700: #404040;
    800: #262626;
    900: #171717;
    950: #0a0a0a;
  }

  .sm\:grid-line-xy-neutral[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fafafa;
    100: #f5f5f5;
    200: #e5e5e5;
    300: #d4d4d4;
    400: #a3a3a3;
    500: #737373;
    600: #525252;
    700: #404040;
    800: #262626;
    900: #171717;
    950: #0a0a0a;
  }

  .sm\:grid-line-x-stone[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fafaf9;
    100: #f5f5f4;
    200: #e7e5e4;
    300: #d6d3d1;
    400: #a8a29e;
    500: #78716c;
    600: #57534e;
    700: #44403c;
    800: #292524;
    900: #1c1917;
    950: #0c0a09;
  }

  .sm\:grid-line-y-stone[class*="grid-line-y-"] > *::after border-right-color {
    50: #fafaf9;
    100: #f5f5f4;
    200: #e7e5e4;
    300: #d6d3d1;
    400: #a8a29e;
    500: #78716c;
    600: #57534e;
    700: #44403c;
    800: #292524;
    900: #1c1917;
    950: #0c0a09;
  }

  .sm\:grid-line-xy-stone[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fafaf9;
    100: #f5f5f4;
    200: #e7e5e4;
    300: #d6d3d1;
    400: #a8a29e;
    500: #78716c;
    600: #57534e;
    700: #44403c;
    800: #292524;
    900: #1c1917;
    950: #0c0a09;
  }

  .sm\:grid-line-xy-stone[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fafaf9;
    100: #f5f5f4;
    200: #e7e5e4;
    300: #d6d3d1;
    400: #a8a29e;
    500: #78716c;
    600: #57534e;
    700: #44403c;
    800: #292524;
    900: #1c1917;
    950: #0c0a09;
  }

  .sm\:grid-line-x-red[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fef2f2;
    100: #fee2e2;
    200: #fecaca;
    300: #fca5a5;
    400: #f87171;
    500: #ef4444;
    600: #dc2626;
    700: #b91c1c;
    800: #991b1b;
    900: #7f1d1d;
    950: #450a0a;
  }

  .sm\:grid-line-y-red[class*="grid-line-y-"] > *::after border-right-color {
    50: #fef2f2;
    100: #fee2e2;
    200: #fecaca;
    300: #fca5a5;
    400: #f87171;
    500: #ef4444;
    600: #dc2626;
    700: #b91c1c;
    800: #991b1b;
    900: #7f1d1d;
    950: #450a0a;
  }

  .sm\:grid-line-xy-red[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fef2f2;
    100: #fee2e2;
    200: #fecaca;
    300: #fca5a5;
    400: #f87171;
    500: #ef4444;
    600: #dc2626;
    700: #b91c1c;
    800: #991b1b;
    900: #7f1d1d;
    950: #450a0a;
  }

  .sm\:grid-line-xy-red[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fef2f2;
    100: #fee2e2;
    200: #fecaca;
    300: #fca5a5;
    400: #f87171;
    500: #ef4444;
    600: #dc2626;
    700: #b91c1c;
    800: #991b1b;
    900: #7f1d1d;
    950: #450a0a;
  }

  .sm\:grid-line-x-orange[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fff7ed;
    100: #ffedd5;
    200: #fed7aa;
    300: #fdba74;
    400: #fb923c;
    500: #f97316;
    600: #ea580c;
    700: #c2410c;
    800: #9a3412;
    900: #7c2d12;
    950: #431407;
  }

  .sm\:grid-line-y-orange[class*="grid-line-y-"] > *::after border-right-color {
    50: #fff7ed;
    100: #ffedd5;
    200: #fed7aa;
    300: #fdba74;
    400: #fb923c;
    500: #f97316;
    600: #ea580c;
    700: #c2410c;
    800: #9a3412;
    900: #7c2d12;
    950: #431407;
  }

  .sm\:grid-line-xy-orange[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fff7ed;
    100: #ffedd5;
    200: #fed7aa;
    300: #fdba74;
    400: #fb923c;
    500: #f97316;
    600: #ea580c;
    700: #c2410c;
    800: #9a3412;
    900: #7c2d12;
    950: #431407;
  }

  .sm\:grid-line-xy-orange[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fff7ed;
    100: #ffedd5;
    200: #fed7aa;
    300: #fdba74;
    400: #fb923c;
    500: #f97316;
    600: #ea580c;
    700: #c2410c;
    800: #9a3412;
    900: #7c2d12;
    950: #431407;
  }

  .sm\:grid-line-x-amber[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fffbeb;
    100: #fef3c7;
    200: #fde68a;
    300: #fcd34d;
    400: #fbbf24;
    500: #f59e0b;
    600: #d97706;
    700: #b45309;
    800: #92400e;
    900: #78350f;
    950: #451a03;
  }

  .sm\:grid-line-y-amber[class*="grid-line-y-"] > *::after border-right-color {
    50: #fffbeb;
    100: #fef3c7;
    200: #fde68a;
    300: #fcd34d;
    400: #fbbf24;
    500: #f59e0b;
    600: #d97706;
    700: #b45309;
    800: #92400e;
    900: #78350f;
    950: #451a03;
  }

  .sm\:grid-line-xy-amber[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fffbeb;
    100: #fef3c7;
    200: #fde68a;
    300: #fcd34d;
    400: #fbbf24;
    500: #f59e0b;
    600: #d97706;
    700: #b45309;
    800: #92400e;
    900: #78350f;
    950: #451a03;
  }

  .sm\:grid-line-xy-amber[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fffbeb;
    100: #fef3c7;
    200: #fde68a;
    300: #fcd34d;
    400: #fbbf24;
    500: #f59e0b;
    600: #d97706;
    700: #b45309;
    800: #92400e;
    900: #78350f;
    950: #451a03;
  }

  .sm\:grid-line-x-yellow[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fefce8;
    100: #fef9c3;
    200: #fef08a;
    300: #fde047;
    400: #facc15;
    500: #eab308;
    600: #ca8a04;
    700: #a16207;
    800: #854d0e;
    900: #713f12;
    950: #422006;
  }

  .sm\:grid-line-y-yellow[class*="grid-line-y-"] > *::after border-right-color {
    50: #fefce8;
    100: #fef9c3;
    200: #fef08a;
    300: #fde047;
    400: #facc15;
    500: #eab308;
    600: #ca8a04;
    700: #a16207;
    800: #854d0e;
    900: #713f12;
    950: #422006;
  }

  .sm\:grid-line-xy-yellow[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fefce8;
    100: #fef9c3;
    200: #fef08a;
    300: #fde047;
    400: #facc15;
    500: #eab308;
    600: #ca8a04;
    700: #a16207;
    800: #854d0e;
    900: #713f12;
    950: #422006;
  }

  .sm\:grid-line-xy-yellow[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fefce8;
    100: #fef9c3;
    200: #fef08a;
    300: #fde047;
    400: #facc15;
    500: #eab308;
    600: #ca8a04;
    700: #a16207;
    800: #854d0e;
    900: #713f12;
    950: #422006;
  }

  .sm\:grid-line-x-lime[class*="grid-line-x-"] > *::before {
    border-bottom-color: #92D600;
  }

  .sm\:grid-line-y-lime[class*="grid-line-y-"] > *::after {
    border-right-color: #92D600;
  }

  .sm\:grid-line-xy-lime[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #92D600;
  }

  .sm\:grid-line-xy-lime[class*="grid-line-xy-"] > *::after {
    border-right-color: #92D600;
  }

  .sm\:grid-line-x-green[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f0fdf4;
    100: #CAE0D3;
    200: #bbf7d0;
    300: #11A14D;
    400: #0D992F;
    500: #19673B;
    600: #222D2A;
    700: #15803d;
    800: #166534;
    900: #14532d;
    950: #052e16;
    wash: #F9FCFA;
    -d-e-f-a-u-l-t: #08DB5E;
  }

  .sm\:grid-line-y-green[class*="grid-line-y-"] > *::after border-right-color {
    50: #f0fdf4;
    100: #CAE0D3;
    200: #bbf7d0;
    300: #11A14D;
    400: #0D992F;
    500: #19673B;
    600: #222D2A;
    700: #15803d;
    800: #166534;
    900: #14532d;
    950: #052e16;
    wash: #F9FCFA;
    -d-e-f-a-u-l-t: #08DB5E;
  }

  .sm\:grid-line-xy-green[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f0fdf4;
    100: #CAE0D3;
    200: #bbf7d0;
    300: #11A14D;
    400: #0D992F;
    500: #19673B;
    600: #222D2A;
    700: #15803d;
    800: #166534;
    900: #14532d;
    950: #052e16;
    wash: #F9FCFA;
    -d-e-f-a-u-l-t: #08DB5E;
  }

  .sm\:grid-line-xy-green[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f0fdf4;
    100: #CAE0D3;
    200: #bbf7d0;
    300: #11A14D;
    400: #0D992F;
    500: #19673B;
    600: #222D2A;
    700: #15803d;
    800: #166534;
    900: #14532d;
    950: #052e16;
    wash: #F9FCFA;
    -d-e-f-a-u-l-t: #08DB5E;
  }

  .sm\:grid-line-x-emerald[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #ecfdf5;
    100: #d1fae5;
    200: #a7f3d0;
    300: #6ee7b7;
    400: #34d399;
    500: #10b981;
    600: #059669;
    700: #047857;
    800: #065f46;
    900: #064e3b;
    950: #022c22;
  }

  .sm\:grid-line-y-emerald[class*="grid-line-y-"] > *::after border-right-color {
    50: #ecfdf5;
    100: #d1fae5;
    200: #a7f3d0;
    300: #6ee7b7;
    400: #34d399;
    500: #10b981;
    600: #059669;
    700: #047857;
    800: #065f46;
    900: #064e3b;
    950: #022c22;
  }

  .sm\:grid-line-xy-emerald[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #ecfdf5;
    100: #d1fae5;
    200: #a7f3d0;
    300: #6ee7b7;
    400: #34d399;
    500: #10b981;
    600: #059669;
    700: #047857;
    800: #065f46;
    900: #064e3b;
    950: #022c22;
  }

  .sm\:grid-line-xy-emerald[class*="grid-line-xy-"] > *::after border-right-color {
    50: #ecfdf5;
    100: #d1fae5;
    200: #a7f3d0;
    300: #6ee7b7;
    400: #34d399;
    500: #10b981;
    600: #059669;
    700: #047857;
    800: #065f46;
    900: #064e3b;
    950: #022c22;
  }

  .sm\:grid-line-x-teal[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f0fdfa;
    100: #ccfbf1;
    200: #99f6e4;
    300: #5eead4;
    400: #2dd4bf;
    500: #14b8a6;
    600: #0d9488;
    700: #0f766e;
    800: #115e59;
    900: #134e4a;
    950: #042f2e;
  }

  .sm\:grid-line-y-teal[class*="grid-line-y-"] > *::after border-right-color {
    50: #f0fdfa;
    100: #ccfbf1;
    200: #99f6e4;
    300: #5eead4;
    400: #2dd4bf;
    500: #14b8a6;
    600: #0d9488;
    700: #0f766e;
    800: #115e59;
    900: #134e4a;
    950: #042f2e;
  }

  .sm\:grid-line-xy-teal[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f0fdfa;
    100: #ccfbf1;
    200: #99f6e4;
    300: #5eead4;
    400: #2dd4bf;
    500: #14b8a6;
    600: #0d9488;
    700: #0f766e;
    800: #115e59;
    900: #134e4a;
    950: #042f2e;
  }

  .sm\:grid-line-xy-teal[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f0fdfa;
    100: #ccfbf1;
    200: #99f6e4;
    300: #5eead4;
    400: #2dd4bf;
    500: #14b8a6;
    600: #0d9488;
    700: #0f766e;
    800: #115e59;
    900: #134e4a;
    950: #042f2e;
  }

  .sm\:grid-line-x-cyan[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #ecfeff;
    100: #cffafe;
    200: #a5f3fc;
    300: #67e8f9;
    400: #22d3ee;
    500: #06b6d4;
    600: #0891b2;
    700: #0e7490;
    800: #155e75;
    900: #164e63;
    950: #083344;
  }

  .sm\:grid-line-y-cyan[class*="grid-line-y-"] > *::after border-right-color {
    50: #ecfeff;
    100: #cffafe;
    200: #a5f3fc;
    300: #67e8f9;
    400: #22d3ee;
    500: #06b6d4;
    600: #0891b2;
    700: #0e7490;
    800: #155e75;
    900: #164e63;
    950: #083344;
  }

  .sm\:grid-line-xy-cyan[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #ecfeff;
    100: #cffafe;
    200: #a5f3fc;
    300: #67e8f9;
    400: #22d3ee;
    500: #06b6d4;
    600: #0891b2;
    700: #0e7490;
    800: #155e75;
    900: #164e63;
    950: #083344;
  }

  .sm\:grid-line-xy-cyan[class*="grid-line-xy-"] > *::after border-right-color {
    50: #ecfeff;
    100: #cffafe;
    200: #a5f3fc;
    300: #67e8f9;
    400: #22d3ee;
    500: #06b6d4;
    600: #0891b2;
    700: #0e7490;
    800: #155e75;
    900: #164e63;
    950: #083344;
  }

  .sm\:grid-line-x-sky[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f0f9ff;
    100: #e0f2fe;
    200: #bae6fd;
    300: #7dd3fc;
    400: #38bdf8;
    500: #0ea5e9;
    600: #0284c7;
    700: #0369a1;
    800: #075985;
    900: #0c4a6e;
    950: #082f49;
  }

  .sm\:grid-line-y-sky[class*="grid-line-y-"] > *::after border-right-color {
    50: #f0f9ff;
    100: #e0f2fe;
    200: #bae6fd;
    300: #7dd3fc;
    400: #38bdf8;
    500: #0ea5e9;
    600: #0284c7;
    700: #0369a1;
    800: #075985;
    900: #0c4a6e;
    950: #082f49;
  }

  .sm\:grid-line-xy-sky[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f0f9ff;
    100: #e0f2fe;
    200: #bae6fd;
    300: #7dd3fc;
    400: #38bdf8;
    500: #0ea5e9;
    600: #0284c7;
    700: #0369a1;
    800: #075985;
    900: #0c4a6e;
    950: #082f49;
  }

  .sm\:grid-line-xy-sky[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f0f9ff;
    100: #e0f2fe;
    200: #bae6fd;
    300: #7dd3fc;
    400: #38bdf8;
    500: #0ea5e9;
    600: #0284c7;
    700: #0369a1;
    800: #075985;
    900: #0c4a6e;
    950: #082f49;
  }

  .sm\:grid-line-x-blue[class*="grid-line-x-"] > *::before {
    border-bottom-color: #00A3E0;
  }

  .sm\:grid-line-y-blue[class*="grid-line-y-"] > *::after {
    border-right-color: #00A3E0;
  }

  .sm\:grid-line-xy-blue[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #00A3E0;
  }

  .sm\:grid-line-xy-blue[class*="grid-line-xy-"] > *::after {
    border-right-color: #00A3E0;
  }

  .sm\:grid-line-x-indigo[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #eef2ff;
    100: #e0e7ff;
    200: #c7d2fe;
    300: #a5b4fc;
    400: #818cf8;
    500: #6366f1;
    600: #4f46e5;
    700: #4338ca;
    800: #3730a3;
    900: #312e81;
    950: #1e1b4b;
  }

  .sm\:grid-line-y-indigo[class*="grid-line-y-"] > *::after border-right-color {
    50: #eef2ff;
    100: #e0e7ff;
    200: #c7d2fe;
    300: #a5b4fc;
    400: #818cf8;
    500: #6366f1;
    600: #4f46e5;
    700: #4338ca;
    800: #3730a3;
    900: #312e81;
    950: #1e1b4b;
  }

  .sm\:grid-line-xy-indigo[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #eef2ff;
    100: #e0e7ff;
    200: #c7d2fe;
    300: #a5b4fc;
    400: #818cf8;
    500: #6366f1;
    600: #4f46e5;
    700: #4338ca;
    800: #3730a3;
    900: #312e81;
    950: #1e1b4b;
  }

  .sm\:grid-line-xy-indigo[class*="grid-line-xy-"] > *::after border-right-color {
    50: #eef2ff;
    100: #e0e7ff;
    200: #c7d2fe;
    300: #a5b4fc;
    400: #818cf8;
    500: #6366f1;
    600: #4f46e5;
    700: #4338ca;
    800: #3730a3;
    900: #312e81;
    950: #1e1b4b;
  }

  .sm\:grid-line-x-violet[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f5f3ff;
    100: #ede9fe;
    200: #ddd6fe;
    300: #c4b5fd;
    400: #a78bfa;
    500: #8b5cf6;
    600: #7c3aed;
    700: #6d28d9;
    800: #5b21b6;
    900: #4c1d95;
    950: #2e1065;
  }

  .sm\:grid-line-y-violet[class*="grid-line-y-"] > *::after border-right-color {
    50: #f5f3ff;
    100: #ede9fe;
    200: #ddd6fe;
    300: #c4b5fd;
    400: #a78bfa;
    500: #8b5cf6;
    600: #7c3aed;
    700: #6d28d9;
    800: #5b21b6;
    900: #4c1d95;
    950: #2e1065;
  }

  .sm\:grid-line-xy-violet[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f5f3ff;
    100: #ede9fe;
    200: #ddd6fe;
    300: #c4b5fd;
    400: #a78bfa;
    500: #8b5cf6;
    600: #7c3aed;
    700: #6d28d9;
    800: #5b21b6;
    900: #4c1d95;
    950: #2e1065;
  }

  .sm\:grid-line-xy-violet[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f5f3ff;
    100: #ede9fe;
    200: #ddd6fe;
    300: #c4b5fd;
    400: #a78bfa;
    500: #8b5cf6;
    600: #7c3aed;
    700: #6d28d9;
    800: #5b21b6;
    900: #4c1d95;
    950: #2e1065;
  }

  .sm\:grid-line-x-purple[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #faf5ff;
    100: #f3e8ff;
    200: #e9d5ff;
    300: #d8b4fe;
    400: #c084fc;
    500: #a855f7;
    600: #9333ea;
    700: #7e22ce;
    800: #6b21a8;
    900: #581c87;
    950: #3b0764;
  }

  .sm\:grid-line-y-purple[class*="grid-line-y-"] > *::after border-right-color {
    50: #faf5ff;
    100: #f3e8ff;
    200: #e9d5ff;
    300: #d8b4fe;
    400: #c084fc;
    500: #a855f7;
    600: #9333ea;
    700: #7e22ce;
    800: #6b21a8;
    900: #581c87;
    950: #3b0764;
  }

  .sm\:grid-line-xy-purple[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #faf5ff;
    100: #f3e8ff;
    200: #e9d5ff;
    300: #d8b4fe;
    400: #c084fc;
    500: #a855f7;
    600: #9333ea;
    700: #7e22ce;
    800: #6b21a8;
    900: #581c87;
    950: #3b0764;
  }

  .sm\:grid-line-xy-purple[class*="grid-line-xy-"] > *::after border-right-color {
    50: #faf5ff;
    100: #f3e8ff;
    200: #e9d5ff;
    300: #d8b4fe;
    400: #c084fc;
    500: #a855f7;
    600: #9333ea;
    700: #7e22ce;
    800: #6b21a8;
    900: #581c87;
    950: #3b0764;
  }

  .sm\:grid-line-x-fuchsia[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fdf4ff;
    100: #fae8ff;
    200: #f5d0fe;
    300: #f0abfc;
    400: #e879f9;
    500: #d946ef;
    600: #c026d3;
    700: #a21caf;
    800: #86198f;
    900: #701a75;
    950: #4a044e;
  }

  .sm\:grid-line-y-fuchsia[class*="grid-line-y-"] > *::after border-right-color {
    50: #fdf4ff;
    100: #fae8ff;
    200: #f5d0fe;
    300: #f0abfc;
    400: #e879f9;
    500: #d946ef;
    600: #c026d3;
    700: #a21caf;
    800: #86198f;
    900: #701a75;
    950: #4a044e;
  }

  .sm\:grid-line-xy-fuchsia[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fdf4ff;
    100: #fae8ff;
    200: #f5d0fe;
    300: #f0abfc;
    400: #e879f9;
    500: #d946ef;
    600: #c026d3;
    700: #a21caf;
    800: #86198f;
    900: #701a75;
    950: #4a044e;
  }

  .sm\:grid-line-xy-fuchsia[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fdf4ff;
    100: #fae8ff;
    200: #f5d0fe;
    300: #f0abfc;
    400: #e879f9;
    500: #d946ef;
    600: #c026d3;
    700: #a21caf;
    800: #86198f;
    900: #701a75;
    950: #4a044e;
  }

  .sm\:grid-line-x-pink[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fdf2f8;
    100: #fce7f3;
    200: #fbcfe8;
    300: #f9a8d4;
    400: #f472b6;
    500: #ec4899;
    600: #db2777;
    700: #be185d;
    800: #9d174d;
    900: #831843;
    950: #500724;
  }

  .sm\:grid-line-y-pink[class*="grid-line-y-"] > *::after border-right-color {
    50: #fdf2f8;
    100: #fce7f3;
    200: #fbcfe8;
    300: #f9a8d4;
    400: #f472b6;
    500: #ec4899;
    600: #db2777;
    700: #be185d;
    800: #9d174d;
    900: #831843;
    950: #500724;
  }

  .sm\:grid-line-xy-pink[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fdf2f8;
    100: #fce7f3;
    200: #fbcfe8;
    300: #f9a8d4;
    400: #f472b6;
    500: #ec4899;
    600: #db2777;
    700: #be185d;
    800: #9d174d;
    900: #831843;
    950: #500724;
  }

  .sm\:grid-line-xy-pink[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fdf2f8;
    100: #fce7f3;
    200: #fbcfe8;
    300: #f9a8d4;
    400: #f472b6;
    500: #ec4899;
    600: #db2777;
    700: #be185d;
    800: #9d174d;
    900: #831843;
    950: #500724;
  }

  .sm\:grid-line-x-rose[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fff1f2;
    100: #ffe4e6;
    200: #fecdd3;
    300: #fda4af;
    400: #fb7185;
    500: #f43f5e;
    600: #e11d48;
    700: #be123c;
    800: #9f1239;
    900: #881337;
    950: #4c0519;
  }

  .sm\:grid-line-y-rose[class*="grid-line-y-"] > *::after border-right-color {
    50: #fff1f2;
    100: #ffe4e6;
    200: #fecdd3;
    300: #fda4af;
    400: #fb7185;
    500: #f43f5e;
    600: #e11d48;
    700: #be123c;
    800: #9f1239;
    900: #881337;
    950: #4c0519;
  }

  .sm\:grid-line-xy-rose[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fff1f2;
    100: #ffe4e6;
    200: #fecdd3;
    300: #fda4af;
    400: #fb7185;
    500: #f43f5e;
    600: #e11d48;
    700: #be123c;
    800: #9f1239;
    900: #881337;
    950: #4c0519;
  }

  .sm\:grid-line-xy-rose[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fff1f2;
    100: #ffe4e6;
    200: #fecdd3;
    300: #fda4af;
    400: #fb7185;
    500: #f43f5e;
    600: #e11d48;
    700: #be123c;
    800: #9f1239;
    900: #881337;
    950: #4c0519;
  }

  .sm\:grid-line-x-aqua[class*="grid-line-x-"] > *::before {
    border-bottom-color: #00ABAB;
  }

  .sm\:grid-line-y-aqua[class*="grid-line-y-"] > *::after {
    border-right-color: #00ABAB;
  }

  .sm\:grid-line-xy-aqua[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #00ABAB;
  }

  .sm\:grid-line-xy-aqua[class*="grid-line-xy-"] > *::after {
    border-right-color: #00ABAB;
  }

  .sm\:grid-line-x-grey[class*="grid-line-x-"] > *::before border-bottom-color {
    wash: #D6DFDA;
    light: #BDC0BF;
    -d-e-f-a-u-l-t: #899391;
    dark: #535A58;
  }

  .sm\:grid-line-y-grey[class*="grid-line-y-"] > *::after border-right-color {
    wash: #D6DFDA;
    light: #BDC0BF;
    -d-e-f-a-u-l-t: #899391;
    dark: #535A58;
  }

  .sm\:grid-line-xy-grey[class*="grid-line-xy-"] > *::before border-bottom-color {
    wash: #D6DFDA;
    light: #BDC0BF;
    -d-e-f-a-u-l-t: #899391;
    dark: #535A58;
  }

  .sm\:grid-line-xy-grey[class*="grid-line-xy-"] > *::after border-right-color {
    wash: #D6DFDA;
    light: #BDC0BF;
    -d-e-f-a-u-l-t: #899391;
    dark: #535A58;
  }

  .sm\:grid-line-x-brand-light[class*="grid-line-x-"] > *::before {
    border-bottom-color: #F8FCFA;
  }

  .sm\:grid-line-y-brand-light[class*="grid-line-y-"] > *::after {
    border-right-color: #F8FCFA;
  }

  .sm\:grid-line-xy-brand-light[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #F8FCFA;
  }

  .sm\:grid-line-xy-brand-light[class*="grid-line-xy-"] > *::after {
    border-right-color: #F8FCFA;
  }

  .sm\:grid-line-x-DEFAULT[class*="grid-line-x-"] > *::before {
    border-bottom-color: #e5e7eb;
  }

  .sm\:grid-line-y-DEFAULT[class*="grid-line-y-"] > *::after {
    border-right-color: #e5e7eb;
  }

  .sm\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #e5e7eb;
  }

  .sm\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::after {
    border-right-color: #e5e7eb;
  }

  .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: 766px) {

  [class*="grid-line-"] > * {
    position: relative;
  }

  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {
    content: attr(👻);
    position: absolute;
    z-index: 0;
    pointer-events: none;
  }

  .md\:grid-line-x > *::before {
    content: attr(👻);
    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: attr(👻);
    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: attr(👻);
    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: attr(👻);
    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: -0px;
  }

  .md\:grid-line-x-0[class*="grid-line-yfull"] > *::after {
    top: -0px;
    bottom: -0px;
  }

  .md\:grid-line-x-1[class*="grid-line-x-"] > *::before {
    bottom: -0.25rem;
  }

  .md\:grid-line-x-1[class*="grid-line-yfull"] > *::after {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  .md\:grid-line-x-2[class*="grid-line-x-"] > *::before {
    bottom: -0.5rem;
  }

  .md\:grid-line-x-2[class*="grid-line-yfull"] > *::after {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  .md\:grid-line-x-3[class*="grid-line-x-"] > *::before {
    bottom: -0.75rem;
  }

  .md\:grid-line-x-3[class*="grid-line-yfull"] > *::after {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  .md\:grid-line-x-4[class*="grid-line-x-"] > *::before {
    bottom: -1rem;
  }

  .md\:grid-line-x-4[class*="grid-line-yfull"] > *::after {
    top: -1rem;
    bottom: -1rem;
  }

  .md\:grid-line-x-5[class*="grid-line-x-"] > *::before {
    bottom: -1.25rem;
  }

  .md\:grid-line-x-5[class*="grid-line-yfull"] > *::after {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  .md\:grid-line-x-6[class*="grid-line-x-"] > *::before {
    bottom: -1.5rem;
  }

  .md\:grid-line-x-6[class*="grid-line-yfull"] > *::after {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  .md\:grid-line-x-7[class*="grid-line-x-"] > *::before {
    bottom: -1.75rem;
  }

  .md\:grid-line-x-7[class*="grid-line-yfull"] > *::after {
    top: -1.75rem;
    bottom: -1.75rem;
  }

  .md\:grid-line-x-8[class*="grid-line-x-"] > *::before {
    bottom: -2rem;
  }

  .md\:grid-line-x-8[class*="grid-line-yfull"] > *::after {
    top: -2rem;
    bottom: -2rem;
  }

  .md\:grid-line-x-9[class*="grid-line-x-"] > *::before {
    bottom: -2.25rem;
  }

  .md\:grid-line-x-9[class*="grid-line-yfull"] > *::after {
    top: -2.25rem;
    bottom: -2.25rem;
  }

  .md\:grid-line-x-10[class*="grid-line-x-"] > *::before {
    bottom: -2.5rem;
  }

  .md\:grid-line-x-10[class*="grid-line-yfull"] > *::after {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  .md\:grid-line-x-11[class*="grid-line-x-"] > *::before {
    bottom: -2.75rem;
  }

  .md\:grid-line-x-11[class*="grid-line-yfull"] > *::after {
    top: -2.75rem;
    bottom: -2.75rem;
  }

  .md\:grid-line-x-12[class*="grid-line-x-"] > *::before {
    bottom: -3rem;
  }

  .md\:grid-line-x-12[class*="grid-line-yfull"] > *::after {
    top: -3rem;
    bottom: -3rem;
  }

  .md\:grid-line-x-14[class*="grid-line-x-"] > *::before {
    bottom: -3.5rem;
  }

  .md\:grid-line-x-14[class*="grid-line-yfull"] > *::after {
    top: -3.5rem;
    bottom: -3.5rem;
  }

  .md\:grid-line-x-16[class*="grid-line-x-"] > *::before {
    bottom: -4rem;
  }

  .md\:grid-line-x-16[class*="grid-line-yfull"] > *::after {
    top: -4rem;
    bottom: -4rem;
  }

  .md\:grid-line-x-20[class*="grid-line-x-"] > *::before {
    bottom: -5rem;
  }

  .md\:grid-line-x-20[class*="grid-line-yfull"] > *::after {
    top: -5rem;
    bottom: -5rem;
  }

  .md\:grid-line-x-24[class*="grid-line-x-"] > *::before {
    bottom: -6rem;
  }

  .md\:grid-line-x-24[class*="grid-line-yfull"] > *::after {
    top: -6rem;
    bottom: -6rem;
  }

  .md\:grid-line-x-28[class*="grid-line-x-"] > *::before {
    bottom: -7rem;
  }

  .md\:grid-line-x-28[class*="grid-line-yfull"] > *::after {
    top: -7rem;
    bottom: -7rem;
  }

  .md\:grid-line-x-32[class*="grid-line-x-"] > *::before {
    bottom: -8rem;
  }

  .md\:grid-line-x-32[class*="grid-line-yfull"] > *::after {
    top: -8rem;
    bottom: -8rem;
  }

  .md\:grid-line-x-36[class*="grid-line-x-"] > *::before {
    bottom: -9rem;
  }

  .md\:grid-line-x-36[class*="grid-line-yfull"] > *::after {
    top: -9rem;
    bottom: -9rem;
  }

  .md\:grid-line-x-40[class*="grid-line-x-"] > *::before {
    bottom: -10rem;
  }

  .md\:grid-line-x-40[class*="grid-line-yfull"] > *::after {
    top: -10rem;
    bottom: -10rem;
  }

  .md\:grid-line-x-44[class*="grid-line-x-"] > *::before {
    bottom: -11rem;
  }

  .md\:grid-line-x-44[class*="grid-line-yfull"] > *::after {
    top: -11rem;
    bottom: -11rem;
  }

  .md\:grid-line-x-48[class*="grid-line-x-"] > *::before {
    bottom: -12rem;
  }

  .md\:grid-line-x-48[class*="grid-line-yfull"] > *::after {
    top: -12rem;
    bottom: -12rem;
  }

  .md\:grid-line-x-52[class*="grid-line-x-"] > *::before {
    bottom: -13rem;
  }

  .md\:grid-line-x-52[class*="grid-line-yfull"] > *::after {
    top: -13rem;
    bottom: -13rem;
  }

  .md\:grid-line-x-56[class*="grid-line-x-"] > *::before {
    bottom: -14rem;
  }

  .md\:grid-line-x-56[class*="grid-line-yfull"] > *::after {
    top: -14rem;
    bottom: -14rem;
  }

  .md\:grid-line-x-60[class*="grid-line-x-"] > *::before {
    bottom: -15rem;
  }

  .md\:grid-line-x-60[class*="grid-line-yfull"] > *::after {
    top: -15rem;
    bottom: -15rem;
  }

  .md\:grid-line-x-64[class*="grid-line-x-"] > *::before {
    bottom: -16rem;
  }

  .md\:grid-line-x-64[class*="grid-line-yfull"] > *::after {
    top: -16rem;
    bottom: -16rem;
  }

  .md\:grid-line-x-72[class*="grid-line-x-"] > *::before {
    bottom: -18rem;
  }

  .md\:grid-line-x-72[class*="grid-line-yfull"] > *::after {
    top: -18rem;
    bottom: -18rem;
  }

  .md\:grid-line-x-80[class*="grid-line-x-"] > *::before {
    bottom: -20rem;
  }

  .md\:grid-line-x-80[class*="grid-line-yfull"] > *::after {
    top: -20rem;
    bottom: -20rem;
  }

  .md\:grid-line-x-96[class*="grid-line-x-"] > *::before {
    bottom: -24rem;
  }

  .md\:grid-line-x-96[class*="grid-line-yfull"] > *::after {
    top: -24rem;
    bottom: -24rem;
  }

  .md\:grid-line-x-px[class*="grid-line-x-"] > *::before {
    bottom: -1px;
  }

  .md\:grid-line-x-px[class*="grid-line-yfull"] > *::after {
    top: -1px;
    bottom: -1px;
  }

  .md\:grid-line-x-0.5[class*="grid-line-x-"] > *::before {
    bottom: -0.125rem;
  }

  .md\:grid-line-x-0.5[class*="grid-line-yfull"] > *::after {
    top: -0.125rem;
    bottom: -0.125rem;
  }

  .md\:grid-line-x-1.5[class*="grid-line-x-"] > *::before {
    bottom: -0.375rem;
  }

  .md\:grid-line-x-1.5[class*="grid-line-yfull"] > *::after {
    top: -0.375rem;
    bottom: -0.375rem;
  }

  .md\:grid-line-x-2.5[class*="grid-line-x-"] > *::before {
    bottom: -0.625rem;
  }

  .md\:grid-line-x-2.5[class*="grid-line-yfull"] > *::after {
    top: -0.625rem;
    bottom: -0.625rem;
  }

  .md\:grid-line-x-3.5[class*="grid-line-x-"] > *::before {
    bottom: -0.875rem;
  }

  .md\:grid-line-x-3.5[class*="grid-line-yfull"] > *::after {
    top: -0.875rem;
    bottom: -0.875rem;
  }

  .md\:grid-line-x-header[class*="grid-line-x-"] > *::before {
    bottom: -72px;
  }

  .md\:grid-line-x-header[class*="grid-line-yfull"] > *::after {
    top: -72px;
    bottom: -72px;
  }

  .md\:grid-line-x-inherit[class*="grid-line-x-"] > *::before {
    border-bottom-color: inherit;
  }

  .md\:grid-line-y-inherit[class*="grid-line-y-"] > *::after {
    border-right-color: inherit;
  }

  .md\:grid-line-xy-inherit[class*="grid-line-xy-"] > *::before {
    border-bottom-color: inherit;
  }

  .md\:grid-line-xy-inherit[class*="grid-line-xy-"] > *::after {
    border-right-color: inherit;
  }

  .md\:grid-line-x-current[class*="grid-line-x-"] > *::before {
    border-bottom-color: currentColor;
  }

  .md\:grid-line-y-current[class*="grid-line-y-"] > *::after {
    border-right-color: currentColor;
  }

  .md\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {
    border-bottom-color: currentColor;
  }

  .md\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {
    border-right-color: currentColor;
  }

  .md\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {
    border-bottom-color: transparent;
  }

  .md\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {
    border-right-color: transparent;
  }

  .md\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: transparent;
  }

  .md\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {
    border-right-color: transparent;
  }

  .md\:grid-line-x-black[class*="grid-line-x-"] > *::before {
    border-bottom-color: #000000;
  }

  .md\:grid-line-y-black[class*="grid-line-y-"] > *::after {
    border-right-color: #000000;
  }

  .md\:grid-line-xy-black[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #000000;
  }

  .md\:grid-line-xy-black[class*="grid-line-xy-"] > *::after {
    border-right-color: #000000;
  }

  .md\:grid-line-x-white[class*="grid-line-x-"] > *::before {
    border-bottom-color: #FFFFFF;
  }

  .md\:grid-line-y-white[class*="grid-line-y-"] > *::after {
    border-right-color: #FFFFFF;
  }

  .md\:grid-line-xy-white[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #FFFFFF;
  }

  .md\:grid-line-xy-white[class*="grid-line-xy-"] > *::after {
    border-right-color: #FFFFFF;
  }

  .md\:grid-line-x-slate[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f8fafc;
    100: #f1f5f9;
    200: #e2e8f0;
    300: #cbd5e1;
    400: #94a3b8;
    500: #64748b;
    600: #475569;
    700: #334155;
    800: #1e293b;
    900: #0f172a;
    950: #020617;
  }

  .md\:grid-line-y-slate[class*="grid-line-y-"] > *::after border-right-color {
    50: #f8fafc;
    100: #f1f5f9;
    200: #e2e8f0;
    300: #cbd5e1;
    400: #94a3b8;
    500: #64748b;
    600: #475569;
    700: #334155;
    800: #1e293b;
    900: #0f172a;
    950: #020617;
  }

  .md\:grid-line-xy-slate[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f8fafc;
    100: #f1f5f9;
    200: #e2e8f0;
    300: #cbd5e1;
    400: #94a3b8;
    500: #64748b;
    600: #475569;
    700: #334155;
    800: #1e293b;
    900: #0f172a;
    950: #020617;
  }

  .md\:grid-line-xy-slate[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f8fafc;
    100: #f1f5f9;
    200: #e2e8f0;
    300: #cbd5e1;
    400: #94a3b8;
    500: #64748b;
    600: #475569;
    700: #334155;
    800: #1e293b;
    900: #0f172a;
    950: #020617;
  }

  .md\:grid-line-x-gray[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f9fafb;
    100: #f3f4f6;
    200: #e5e7eb;
    300: #d1d5db;
    400: #9ca3af;
    500: #6b7280;
    600: #4b5563;
    700: #374151;
    800: #1f2937;
    900: #111827;
    950: #030712;
  }

  .md\:grid-line-y-gray[class*="grid-line-y-"] > *::after border-right-color {
    50: #f9fafb;
    100: #f3f4f6;
    200: #e5e7eb;
    300: #d1d5db;
    400: #9ca3af;
    500: #6b7280;
    600: #4b5563;
    700: #374151;
    800: #1f2937;
    900: #111827;
    950: #030712;
  }

  .md\:grid-line-xy-gray[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f9fafb;
    100: #f3f4f6;
    200: #e5e7eb;
    300: #d1d5db;
    400: #9ca3af;
    500: #6b7280;
    600: #4b5563;
    700: #374151;
    800: #1f2937;
    900: #111827;
    950: #030712;
  }

  .md\:grid-line-xy-gray[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f9fafb;
    100: #f3f4f6;
    200: #e5e7eb;
    300: #d1d5db;
    400: #9ca3af;
    500: #6b7280;
    600: #4b5563;
    700: #374151;
    800: #1f2937;
    900: #111827;
    950: #030712;
  }

  .md\:grid-line-x-zinc[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fafafa;
    100: #f4f4f5;
    200: #e4e4e7;
    300: #d4d4d8;
    400: #a1a1aa;
    500: #71717a;
    600: #52525b;
    700: #3f3f46;
    800: #27272a;
    900: #18181b;
    950: #09090b;
  }

  .md\:grid-line-y-zinc[class*="grid-line-y-"] > *::after border-right-color {
    50: #fafafa;
    100: #f4f4f5;
    200: #e4e4e7;
    300: #d4d4d8;
    400: #a1a1aa;
    500: #71717a;
    600: #52525b;
    700: #3f3f46;
    800: #27272a;
    900: #18181b;
    950: #09090b;
  }

  .md\:grid-line-xy-zinc[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fafafa;
    100: #f4f4f5;
    200: #e4e4e7;
    300: #d4d4d8;
    400: #a1a1aa;
    500: #71717a;
    600: #52525b;
    700: #3f3f46;
    800: #27272a;
    900: #18181b;
    950: #09090b;
  }

  .md\:grid-line-xy-zinc[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fafafa;
    100: #f4f4f5;
    200: #e4e4e7;
    300: #d4d4d8;
    400: #a1a1aa;
    500: #71717a;
    600: #52525b;
    700: #3f3f46;
    800: #27272a;
    900: #18181b;
    950: #09090b;
  }

  .md\:grid-line-x-neutral[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fafafa;
    100: #f5f5f5;
    200: #e5e5e5;
    300: #d4d4d4;
    400: #a3a3a3;
    500: #737373;
    600: #525252;
    700: #404040;
    800: #262626;
    900: #171717;
    950: #0a0a0a;
  }

  .md\:grid-line-y-neutral[class*="grid-line-y-"] > *::after border-right-color {
    50: #fafafa;
    100: #f5f5f5;
    200: #e5e5e5;
    300: #d4d4d4;
    400: #a3a3a3;
    500: #737373;
    600: #525252;
    700: #404040;
    800: #262626;
    900: #171717;
    950: #0a0a0a;
  }

  .md\:grid-line-xy-neutral[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fafafa;
    100: #f5f5f5;
    200: #e5e5e5;
    300: #d4d4d4;
    400: #a3a3a3;
    500: #737373;
    600: #525252;
    700: #404040;
    800: #262626;
    900: #171717;
    950: #0a0a0a;
  }

  .md\:grid-line-xy-neutral[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fafafa;
    100: #f5f5f5;
    200: #e5e5e5;
    300: #d4d4d4;
    400: #a3a3a3;
    500: #737373;
    600: #525252;
    700: #404040;
    800: #262626;
    900: #171717;
    950: #0a0a0a;
  }

  .md\:grid-line-x-stone[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fafaf9;
    100: #f5f5f4;
    200: #e7e5e4;
    300: #d6d3d1;
    400: #a8a29e;
    500: #78716c;
    600: #57534e;
    700: #44403c;
    800: #292524;
    900: #1c1917;
    950: #0c0a09;
  }

  .md\:grid-line-y-stone[class*="grid-line-y-"] > *::after border-right-color {
    50: #fafaf9;
    100: #f5f5f4;
    200: #e7e5e4;
    300: #d6d3d1;
    400: #a8a29e;
    500: #78716c;
    600: #57534e;
    700: #44403c;
    800: #292524;
    900: #1c1917;
    950: #0c0a09;
  }

  .md\:grid-line-xy-stone[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fafaf9;
    100: #f5f5f4;
    200: #e7e5e4;
    300: #d6d3d1;
    400: #a8a29e;
    500: #78716c;
    600: #57534e;
    700: #44403c;
    800: #292524;
    900: #1c1917;
    950: #0c0a09;
  }

  .md\:grid-line-xy-stone[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fafaf9;
    100: #f5f5f4;
    200: #e7e5e4;
    300: #d6d3d1;
    400: #a8a29e;
    500: #78716c;
    600: #57534e;
    700: #44403c;
    800: #292524;
    900: #1c1917;
    950: #0c0a09;
  }

  .md\:grid-line-x-red[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fef2f2;
    100: #fee2e2;
    200: #fecaca;
    300: #fca5a5;
    400: #f87171;
    500: #ef4444;
    600: #dc2626;
    700: #b91c1c;
    800: #991b1b;
    900: #7f1d1d;
    950: #450a0a;
  }

  .md\:grid-line-y-red[class*="grid-line-y-"] > *::after border-right-color {
    50: #fef2f2;
    100: #fee2e2;
    200: #fecaca;
    300: #fca5a5;
    400: #f87171;
    500: #ef4444;
    600: #dc2626;
    700: #b91c1c;
    800: #991b1b;
    900: #7f1d1d;
    950: #450a0a;
  }

  .md\:grid-line-xy-red[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fef2f2;
    100: #fee2e2;
    200: #fecaca;
    300: #fca5a5;
    400: #f87171;
    500: #ef4444;
    600: #dc2626;
    700: #b91c1c;
    800: #991b1b;
    900: #7f1d1d;
    950: #450a0a;
  }

  .md\:grid-line-xy-red[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fef2f2;
    100: #fee2e2;
    200: #fecaca;
    300: #fca5a5;
    400: #f87171;
    500: #ef4444;
    600: #dc2626;
    700: #b91c1c;
    800: #991b1b;
    900: #7f1d1d;
    950: #450a0a;
  }

  .md\:grid-line-x-orange[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fff7ed;
    100: #ffedd5;
    200: #fed7aa;
    300: #fdba74;
    400: #fb923c;
    500: #f97316;
    600: #ea580c;
    700: #c2410c;
    800: #9a3412;
    900: #7c2d12;
    950: #431407;
  }

  .md\:grid-line-y-orange[class*="grid-line-y-"] > *::after border-right-color {
    50: #fff7ed;
    100: #ffedd5;
    200: #fed7aa;
    300: #fdba74;
    400: #fb923c;
    500: #f97316;
    600: #ea580c;
    700: #c2410c;
    800: #9a3412;
    900: #7c2d12;
    950: #431407;
  }

  .md\:grid-line-xy-orange[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fff7ed;
    100: #ffedd5;
    200: #fed7aa;
    300: #fdba74;
    400: #fb923c;
    500: #f97316;
    600: #ea580c;
    700: #c2410c;
    800: #9a3412;
    900: #7c2d12;
    950: #431407;
  }

  .md\:grid-line-xy-orange[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fff7ed;
    100: #ffedd5;
    200: #fed7aa;
    300: #fdba74;
    400: #fb923c;
    500: #f97316;
    600: #ea580c;
    700: #c2410c;
    800: #9a3412;
    900: #7c2d12;
    950: #431407;
  }

  .md\:grid-line-x-amber[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fffbeb;
    100: #fef3c7;
    200: #fde68a;
    300: #fcd34d;
    400: #fbbf24;
    500: #f59e0b;
    600: #d97706;
    700: #b45309;
    800: #92400e;
    900: #78350f;
    950: #451a03;
  }

  .md\:grid-line-y-amber[class*="grid-line-y-"] > *::after border-right-color {
    50: #fffbeb;
    100: #fef3c7;
    200: #fde68a;
    300: #fcd34d;
    400: #fbbf24;
    500: #f59e0b;
    600: #d97706;
    700: #b45309;
    800: #92400e;
    900: #78350f;
    950: #451a03;
  }

  .md\:grid-line-xy-amber[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fffbeb;
    100: #fef3c7;
    200: #fde68a;
    300: #fcd34d;
    400: #fbbf24;
    500: #f59e0b;
    600: #d97706;
    700: #b45309;
    800: #92400e;
    900: #78350f;
    950: #451a03;
  }

  .md\:grid-line-xy-amber[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fffbeb;
    100: #fef3c7;
    200: #fde68a;
    300: #fcd34d;
    400: #fbbf24;
    500: #f59e0b;
    600: #d97706;
    700: #b45309;
    800: #92400e;
    900: #78350f;
    950: #451a03;
  }

  .md\:grid-line-x-yellow[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fefce8;
    100: #fef9c3;
    200: #fef08a;
    300: #fde047;
    400: #facc15;
    500: #eab308;
    600: #ca8a04;
    700: #a16207;
    800: #854d0e;
    900: #713f12;
    950: #422006;
  }

  .md\:grid-line-y-yellow[class*="grid-line-y-"] > *::after border-right-color {
    50: #fefce8;
    100: #fef9c3;
    200: #fef08a;
    300: #fde047;
    400: #facc15;
    500: #eab308;
    600: #ca8a04;
    700: #a16207;
    800: #854d0e;
    900: #713f12;
    950: #422006;
  }

  .md\:grid-line-xy-yellow[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fefce8;
    100: #fef9c3;
    200: #fef08a;
    300: #fde047;
    400: #facc15;
    500: #eab308;
    600: #ca8a04;
    700: #a16207;
    800: #854d0e;
    900: #713f12;
    950: #422006;
  }

  .md\:grid-line-xy-yellow[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fefce8;
    100: #fef9c3;
    200: #fef08a;
    300: #fde047;
    400: #facc15;
    500: #eab308;
    600: #ca8a04;
    700: #a16207;
    800: #854d0e;
    900: #713f12;
    950: #422006;
  }

  .md\:grid-line-x-lime[class*="grid-line-x-"] > *::before {
    border-bottom-color: #92D600;
  }

  .md\:grid-line-y-lime[class*="grid-line-y-"] > *::after {
    border-right-color: #92D600;
  }

  .md\:grid-line-xy-lime[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #92D600;
  }

  .md\:grid-line-xy-lime[class*="grid-line-xy-"] > *::after {
    border-right-color: #92D600;
  }

  .md\:grid-line-x-green[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f0fdf4;
    100: #CAE0D3;
    200: #bbf7d0;
    300: #11A14D;
    400: #0D992F;
    500: #19673B;
    600: #222D2A;
    700: #15803d;
    800: #166534;
    900: #14532d;
    950: #052e16;
    wash: #F9FCFA;
    -d-e-f-a-u-l-t: #08DB5E;
  }

  .md\:grid-line-y-green[class*="grid-line-y-"] > *::after border-right-color {
    50: #f0fdf4;
    100: #CAE0D3;
    200: #bbf7d0;
    300: #11A14D;
    400: #0D992F;
    500: #19673B;
    600: #222D2A;
    700: #15803d;
    800: #166534;
    900: #14532d;
    950: #052e16;
    wash: #F9FCFA;
    -d-e-f-a-u-l-t: #08DB5E;
  }

  .md\:grid-line-xy-green[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f0fdf4;
    100: #CAE0D3;
    200: #bbf7d0;
    300: #11A14D;
    400: #0D992F;
    500: #19673B;
    600: #222D2A;
    700: #15803d;
    800: #166534;
    900: #14532d;
    950: #052e16;
    wash: #F9FCFA;
    -d-e-f-a-u-l-t: #08DB5E;
  }

  .md\:grid-line-xy-green[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f0fdf4;
    100: #CAE0D3;
    200: #bbf7d0;
    300: #11A14D;
    400: #0D992F;
    500: #19673B;
    600: #222D2A;
    700: #15803d;
    800: #166534;
    900: #14532d;
    950: #052e16;
    wash: #F9FCFA;
    -d-e-f-a-u-l-t: #08DB5E;
  }

  .md\:grid-line-x-emerald[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #ecfdf5;
    100: #d1fae5;
    200: #a7f3d0;
    300: #6ee7b7;
    400: #34d399;
    500: #10b981;
    600: #059669;
    700: #047857;
    800: #065f46;
    900: #064e3b;
    950: #022c22;
  }

  .md\:grid-line-y-emerald[class*="grid-line-y-"] > *::after border-right-color {
    50: #ecfdf5;
    100: #d1fae5;
    200: #a7f3d0;
    300: #6ee7b7;
    400: #34d399;
    500: #10b981;
    600: #059669;
    700: #047857;
    800: #065f46;
    900: #064e3b;
    950: #022c22;
  }

  .md\:grid-line-xy-emerald[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #ecfdf5;
    100: #d1fae5;
    200: #a7f3d0;
    300: #6ee7b7;
    400: #34d399;
    500: #10b981;
    600: #059669;
    700: #047857;
    800: #065f46;
    900: #064e3b;
    950: #022c22;
  }

  .md\:grid-line-xy-emerald[class*="grid-line-xy-"] > *::after border-right-color {
    50: #ecfdf5;
    100: #d1fae5;
    200: #a7f3d0;
    300: #6ee7b7;
    400: #34d399;
    500: #10b981;
    600: #059669;
    700: #047857;
    800: #065f46;
    900: #064e3b;
    950: #022c22;
  }

  .md\:grid-line-x-teal[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f0fdfa;
    100: #ccfbf1;
    200: #99f6e4;
    300: #5eead4;
    400: #2dd4bf;
    500: #14b8a6;
    600: #0d9488;
    700: #0f766e;
    800: #115e59;
    900: #134e4a;
    950: #042f2e;
  }

  .md\:grid-line-y-teal[class*="grid-line-y-"] > *::after border-right-color {
    50: #f0fdfa;
    100: #ccfbf1;
    200: #99f6e4;
    300: #5eead4;
    400: #2dd4bf;
    500: #14b8a6;
    600: #0d9488;
    700: #0f766e;
    800: #115e59;
    900: #134e4a;
    950: #042f2e;
  }

  .md\:grid-line-xy-teal[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f0fdfa;
    100: #ccfbf1;
    200: #99f6e4;
    300: #5eead4;
    400: #2dd4bf;
    500: #14b8a6;
    600: #0d9488;
    700: #0f766e;
    800: #115e59;
    900: #134e4a;
    950: #042f2e;
  }

  .md\:grid-line-xy-teal[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f0fdfa;
    100: #ccfbf1;
    200: #99f6e4;
    300: #5eead4;
    400: #2dd4bf;
    500: #14b8a6;
    600: #0d9488;
    700: #0f766e;
    800: #115e59;
    900: #134e4a;
    950: #042f2e;
  }

  .md\:grid-line-x-cyan[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #ecfeff;
    100: #cffafe;
    200: #a5f3fc;
    300: #67e8f9;
    400: #22d3ee;
    500: #06b6d4;
    600: #0891b2;
    700: #0e7490;
    800: #155e75;
    900: #164e63;
    950: #083344;
  }

  .md\:grid-line-y-cyan[class*="grid-line-y-"] > *::after border-right-color {
    50: #ecfeff;
    100: #cffafe;
    200: #a5f3fc;
    300: #67e8f9;
    400: #22d3ee;
    500: #06b6d4;
    600: #0891b2;
    700: #0e7490;
    800: #155e75;
    900: #164e63;
    950: #083344;
  }

  .md\:grid-line-xy-cyan[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #ecfeff;
    100: #cffafe;
    200: #a5f3fc;
    300: #67e8f9;
    400: #22d3ee;
    500: #06b6d4;
    600: #0891b2;
    700: #0e7490;
    800: #155e75;
    900: #164e63;
    950: #083344;
  }

  .md\:grid-line-xy-cyan[class*="grid-line-xy-"] > *::after border-right-color {
    50: #ecfeff;
    100: #cffafe;
    200: #a5f3fc;
    300: #67e8f9;
    400: #22d3ee;
    500: #06b6d4;
    600: #0891b2;
    700: #0e7490;
    800: #155e75;
    900: #164e63;
    950: #083344;
  }

  .md\:grid-line-x-sky[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f0f9ff;
    100: #e0f2fe;
    200: #bae6fd;
    300: #7dd3fc;
    400: #38bdf8;
    500: #0ea5e9;
    600: #0284c7;
    700: #0369a1;
    800: #075985;
    900: #0c4a6e;
    950: #082f49;
  }

  .md\:grid-line-y-sky[class*="grid-line-y-"] > *::after border-right-color {
    50: #f0f9ff;
    100: #e0f2fe;
    200: #bae6fd;
    300: #7dd3fc;
    400: #38bdf8;
    500: #0ea5e9;
    600: #0284c7;
    700: #0369a1;
    800: #075985;
    900: #0c4a6e;
    950: #082f49;
  }

  .md\:grid-line-xy-sky[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f0f9ff;
    100: #e0f2fe;
    200: #bae6fd;
    300: #7dd3fc;
    400: #38bdf8;
    500: #0ea5e9;
    600: #0284c7;
    700: #0369a1;
    800: #075985;
    900: #0c4a6e;
    950: #082f49;
  }

  .md\:grid-line-xy-sky[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f0f9ff;
    100: #e0f2fe;
    200: #bae6fd;
    300: #7dd3fc;
    400: #38bdf8;
    500: #0ea5e9;
    600: #0284c7;
    700: #0369a1;
    800: #075985;
    900: #0c4a6e;
    950: #082f49;
  }

  .md\:grid-line-x-blue[class*="grid-line-x-"] > *::before {
    border-bottom-color: #00A3E0;
  }

  .md\:grid-line-y-blue[class*="grid-line-y-"] > *::after {
    border-right-color: #00A3E0;
  }

  .md\:grid-line-xy-blue[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #00A3E0;
  }

  .md\:grid-line-xy-blue[class*="grid-line-xy-"] > *::after {
    border-right-color: #00A3E0;
  }

  .md\:grid-line-x-indigo[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #eef2ff;
    100: #e0e7ff;
    200: #c7d2fe;
    300: #a5b4fc;
    400: #818cf8;
    500: #6366f1;
    600: #4f46e5;
    700: #4338ca;
    800: #3730a3;
    900: #312e81;
    950: #1e1b4b;
  }

  .md\:grid-line-y-indigo[class*="grid-line-y-"] > *::after border-right-color {
    50: #eef2ff;
    100: #e0e7ff;
    200: #c7d2fe;
    300: #a5b4fc;
    400: #818cf8;
    500: #6366f1;
    600: #4f46e5;
    700: #4338ca;
    800: #3730a3;
    900: #312e81;
    950: #1e1b4b;
  }

  .md\:grid-line-xy-indigo[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #eef2ff;
    100: #e0e7ff;
    200: #c7d2fe;
    300: #a5b4fc;
    400: #818cf8;
    500: #6366f1;
    600: #4f46e5;
    700: #4338ca;
    800: #3730a3;
    900: #312e81;
    950: #1e1b4b;
  }

  .md\:grid-line-xy-indigo[class*="grid-line-xy-"] > *::after border-right-color {
    50: #eef2ff;
    100: #e0e7ff;
    200: #c7d2fe;
    300: #a5b4fc;
    400: #818cf8;
    500: #6366f1;
    600: #4f46e5;
    700: #4338ca;
    800: #3730a3;
    900: #312e81;
    950: #1e1b4b;
  }

  .md\:grid-line-x-violet[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f5f3ff;
    100: #ede9fe;
    200: #ddd6fe;
    300: #c4b5fd;
    400: #a78bfa;
    500: #8b5cf6;
    600: #7c3aed;
    700: #6d28d9;
    800: #5b21b6;
    900: #4c1d95;
    950: #2e1065;
  }

  .md\:grid-line-y-violet[class*="grid-line-y-"] > *::after border-right-color {
    50: #f5f3ff;
    100: #ede9fe;
    200: #ddd6fe;
    300: #c4b5fd;
    400: #a78bfa;
    500: #8b5cf6;
    600: #7c3aed;
    700: #6d28d9;
    800: #5b21b6;
    900: #4c1d95;
    950: #2e1065;
  }

  .md\:grid-line-xy-violet[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f5f3ff;
    100: #ede9fe;
    200: #ddd6fe;
    300: #c4b5fd;
    400: #a78bfa;
    500: #8b5cf6;
    600: #7c3aed;
    700: #6d28d9;
    800: #5b21b6;
    900: #4c1d95;
    950: #2e1065;
  }

  .md\:grid-line-xy-violet[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f5f3ff;
    100: #ede9fe;
    200: #ddd6fe;
    300: #c4b5fd;
    400: #a78bfa;
    500: #8b5cf6;
    600: #7c3aed;
    700: #6d28d9;
    800: #5b21b6;
    900: #4c1d95;
    950: #2e1065;
  }

  .md\:grid-line-x-purple[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #faf5ff;
    100: #f3e8ff;
    200: #e9d5ff;
    300: #d8b4fe;
    400: #c084fc;
    500: #a855f7;
    600: #9333ea;
    700: #7e22ce;
    800: #6b21a8;
    900: #581c87;
    950: #3b0764;
  }

  .md\:grid-line-y-purple[class*="grid-line-y-"] > *::after border-right-color {
    50: #faf5ff;
    100: #f3e8ff;
    200: #e9d5ff;
    300: #d8b4fe;
    400: #c084fc;
    500: #a855f7;
    600: #9333ea;
    700: #7e22ce;
    800: #6b21a8;
    900: #581c87;
    950: #3b0764;
  }

  .md\:grid-line-xy-purple[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #faf5ff;
    100: #f3e8ff;
    200: #e9d5ff;
    300: #d8b4fe;
    400: #c084fc;
    500: #a855f7;
    600: #9333ea;
    700: #7e22ce;
    800: #6b21a8;
    900: #581c87;
    950: #3b0764;
  }

  .md\:grid-line-xy-purple[class*="grid-line-xy-"] > *::after border-right-color {
    50: #faf5ff;
    100: #f3e8ff;
    200: #e9d5ff;
    300: #d8b4fe;
    400: #c084fc;
    500: #a855f7;
    600: #9333ea;
    700: #7e22ce;
    800: #6b21a8;
    900: #581c87;
    950: #3b0764;
  }

  .md\:grid-line-x-fuchsia[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fdf4ff;
    100: #fae8ff;
    200: #f5d0fe;
    300: #f0abfc;
    400: #e879f9;
    500: #d946ef;
    600: #c026d3;
    700: #a21caf;
    800: #86198f;
    900: #701a75;
    950: #4a044e;
  }

  .md\:grid-line-y-fuchsia[class*="grid-line-y-"] > *::after border-right-color {
    50: #fdf4ff;
    100: #fae8ff;
    200: #f5d0fe;
    300: #f0abfc;
    400: #e879f9;
    500: #d946ef;
    600: #c026d3;
    700: #a21caf;
    800: #86198f;
    900: #701a75;
    950: #4a044e;
  }

  .md\:grid-line-xy-fuchsia[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fdf4ff;
    100: #fae8ff;
    200: #f5d0fe;
    300: #f0abfc;
    400: #e879f9;
    500: #d946ef;
    600: #c026d3;
    700: #a21caf;
    800: #86198f;
    900: #701a75;
    950: #4a044e;
  }

  .md\:grid-line-xy-fuchsia[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fdf4ff;
    100: #fae8ff;
    200: #f5d0fe;
    300: #f0abfc;
    400: #e879f9;
    500: #d946ef;
    600: #c026d3;
    700: #a21caf;
    800: #86198f;
    900: #701a75;
    950: #4a044e;
  }

  .md\:grid-line-x-pink[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fdf2f8;
    100: #fce7f3;
    200: #fbcfe8;
    300: #f9a8d4;
    400: #f472b6;
    500: #ec4899;
    600: #db2777;
    700: #be185d;
    800: #9d174d;
    900: #831843;
    950: #500724;
  }

  .md\:grid-line-y-pink[class*="grid-line-y-"] > *::after border-right-color {
    50: #fdf2f8;
    100: #fce7f3;
    200: #fbcfe8;
    300: #f9a8d4;
    400: #f472b6;
    500: #ec4899;
    600: #db2777;
    700: #be185d;
    800: #9d174d;
    900: #831843;
    950: #500724;
  }

  .md\:grid-line-xy-pink[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fdf2f8;
    100: #fce7f3;
    200: #fbcfe8;
    300: #f9a8d4;
    400: #f472b6;
    500: #ec4899;
    600: #db2777;
    700: #be185d;
    800: #9d174d;
    900: #831843;
    950: #500724;
  }

  .md\:grid-line-xy-pink[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fdf2f8;
    100: #fce7f3;
    200: #fbcfe8;
    300: #f9a8d4;
    400: #f472b6;
    500: #ec4899;
    600: #db2777;
    700: #be185d;
    800: #9d174d;
    900: #831843;
    950: #500724;
  }

  .md\:grid-line-x-rose[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fff1f2;
    100: #ffe4e6;
    200: #fecdd3;
    300: #fda4af;
    400: #fb7185;
    500: #f43f5e;
    600: #e11d48;
    700: #be123c;
    800: #9f1239;
    900: #881337;
    950: #4c0519;
  }

  .md\:grid-line-y-rose[class*="grid-line-y-"] > *::after border-right-color {
    50: #fff1f2;
    100: #ffe4e6;
    200: #fecdd3;
    300: #fda4af;
    400: #fb7185;
    500: #f43f5e;
    600: #e11d48;
    700: #be123c;
    800: #9f1239;
    900: #881337;
    950: #4c0519;
  }

  .md\:grid-line-xy-rose[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fff1f2;
    100: #ffe4e6;
    200: #fecdd3;
    300: #fda4af;
    400: #fb7185;
    500: #f43f5e;
    600: #e11d48;
    700: #be123c;
    800: #9f1239;
    900: #881337;
    950: #4c0519;
  }

  .md\:grid-line-xy-rose[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fff1f2;
    100: #ffe4e6;
    200: #fecdd3;
    300: #fda4af;
    400: #fb7185;
    500: #f43f5e;
    600: #e11d48;
    700: #be123c;
    800: #9f1239;
    900: #881337;
    950: #4c0519;
  }

  .md\:grid-line-x-aqua[class*="grid-line-x-"] > *::before {
    border-bottom-color: #00ABAB;
  }

  .md\:grid-line-y-aqua[class*="grid-line-y-"] > *::after {
    border-right-color: #00ABAB;
  }

  .md\:grid-line-xy-aqua[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #00ABAB;
  }

  .md\:grid-line-xy-aqua[class*="grid-line-xy-"] > *::after {
    border-right-color: #00ABAB;
  }

  .md\:grid-line-x-grey[class*="grid-line-x-"] > *::before border-bottom-color {
    wash: #D6DFDA;
    light: #BDC0BF;
    -d-e-f-a-u-l-t: #899391;
    dark: #535A58;
  }

  .md\:grid-line-y-grey[class*="grid-line-y-"] > *::after border-right-color {
    wash: #D6DFDA;
    light: #BDC0BF;
    -d-e-f-a-u-l-t: #899391;
    dark: #535A58;
  }

  .md\:grid-line-xy-grey[class*="grid-line-xy-"] > *::before border-bottom-color {
    wash: #D6DFDA;
    light: #BDC0BF;
    -d-e-f-a-u-l-t: #899391;
    dark: #535A58;
  }

  .md\:grid-line-xy-grey[class*="grid-line-xy-"] > *::after border-right-color {
    wash: #D6DFDA;
    light: #BDC0BF;
    -d-e-f-a-u-l-t: #899391;
    dark: #535A58;
  }

  .md\:grid-line-x-brand-light[class*="grid-line-x-"] > *::before {
    border-bottom-color: #F8FCFA;
  }

  .md\:grid-line-y-brand-light[class*="grid-line-y-"] > *::after {
    border-right-color: #F8FCFA;
  }

  .md\:grid-line-xy-brand-light[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #F8FCFA;
  }

  .md\:grid-line-xy-brand-light[class*="grid-line-xy-"] > *::after {
    border-right-color: #F8FCFA;
  }

  .md\:grid-line-x-DEFAULT[class*="grid-line-x-"] > *::before {
    border-bottom-color: #e5e7eb;
  }

  .md\:grid-line-y-DEFAULT[class*="grid-line-y-"] > *::after {
    border-right-color: #e5e7eb;
  }

  .md\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #e5e7eb;
  }

  .md\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::after {
    border-right-color: #e5e7eb;
  }

  .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: 1023px) {

  [class*="grid-line-"] > * {
    position: relative;
  }

  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {
    content: attr(👻);
    position: absolute;
    z-index: 0;
    pointer-events: none;
  }

  .lg\:grid-line-x > *::before {
    content: attr(👻);
    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: attr(👻);
    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: attr(👻);
    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: attr(👻);
    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: -0px;
  }

  .lg\:grid-line-x-0[class*="grid-line-yfull"] > *::after {
    top: -0px;
    bottom: -0px;
  }

  .lg\:grid-line-x-1[class*="grid-line-x-"] > *::before {
    bottom: -0.25rem;
  }

  .lg\:grid-line-x-1[class*="grid-line-yfull"] > *::after {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  .lg\:grid-line-x-2[class*="grid-line-x-"] > *::before {
    bottom: -0.5rem;
  }

  .lg\:grid-line-x-2[class*="grid-line-yfull"] > *::after {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  .lg\:grid-line-x-3[class*="grid-line-x-"] > *::before {
    bottom: -0.75rem;
  }

  .lg\:grid-line-x-3[class*="grid-line-yfull"] > *::after {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  .lg\:grid-line-x-4[class*="grid-line-x-"] > *::before {
    bottom: -1rem;
  }

  .lg\:grid-line-x-4[class*="grid-line-yfull"] > *::after {
    top: -1rem;
    bottom: -1rem;
  }

  .lg\:grid-line-x-5[class*="grid-line-x-"] > *::before {
    bottom: -1.25rem;
  }

  .lg\:grid-line-x-5[class*="grid-line-yfull"] > *::after {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  .lg\:grid-line-x-6[class*="grid-line-x-"] > *::before {
    bottom: -1.5rem;
  }

  .lg\:grid-line-x-6[class*="grid-line-yfull"] > *::after {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  .lg\:grid-line-x-7[class*="grid-line-x-"] > *::before {
    bottom: -1.75rem;
  }

  .lg\:grid-line-x-7[class*="grid-line-yfull"] > *::after {
    top: -1.75rem;
    bottom: -1.75rem;
  }

  .lg\:grid-line-x-8[class*="grid-line-x-"] > *::before {
    bottom: -2rem;
  }

  .lg\:grid-line-x-8[class*="grid-line-yfull"] > *::after {
    top: -2rem;
    bottom: -2rem;
  }

  .lg\:grid-line-x-9[class*="grid-line-x-"] > *::before {
    bottom: -2.25rem;
  }

  .lg\:grid-line-x-9[class*="grid-line-yfull"] > *::after {
    top: -2.25rem;
    bottom: -2.25rem;
  }

  .lg\:grid-line-x-10[class*="grid-line-x-"] > *::before {
    bottom: -2.5rem;
  }

  .lg\:grid-line-x-10[class*="grid-line-yfull"] > *::after {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  .lg\:grid-line-x-11[class*="grid-line-x-"] > *::before {
    bottom: -2.75rem;
  }

  .lg\:grid-line-x-11[class*="grid-line-yfull"] > *::after {
    top: -2.75rem;
    bottom: -2.75rem;
  }

  .lg\:grid-line-x-12[class*="grid-line-x-"] > *::before {
    bottom: -3rem;
  }

  .lg\:grid-line-x-12[class*="grid-line-yfull"] > *::after {
    top: -3rem;
    bottom: -3rem;
  }

  .lg\:grid-line-x-14[class*="grid-line-x-"] > *::before {
    bottom: -3.5rem;
  }

  .lg\:grid-line-x-14[class*="grid-line-yfull"] > *::after {
    top: -3.5rem;
    bottom: -3.5rem;
  }

  .lg\:grid-line-x-16[class*="grid-line-x-"] > *::before {
    bottom: -4rem;
  }

  .lg\:grid-line-x-16[class*="grid-line-yfull"] > *::after {
    top: -4rem;
    bottom: -4rem;
  }

  .lg\:grid-line-x-20[class*="grid-line-x-"] > *::before {
    bottom: -5rem;
  }

  .lg\:grid-line-x-20[class*="grid-line-yfull"] > *::after {
    top: -5rem;
    bottom: -5rem;
  }

  .lg\:grid-line-x-24[class*="grid-line-x-"] > *::before {
    bottom: -6rem;
  }

  .lg\:grid-line-x-24[class*="grid-line-yfull"] > *::after {
    top: -6rem;
    bottom: -6rem;
  }

  .lg\:grid-line-x-28[class*="grid-line-x-"] > *::before {
    bottom: -7rem;
  }

  .lg\:grid-line-x-28[class*="grid-line-yfull"] > *::after {
    top: -7rem;
    bottom: -7rem;
  }

  .lg\:grid-line-x-32[class*="grid-line-x-"] > *::before {
    bottom: -8rem;
  }

  .lg\:grid-line-x-32[class*="grid-line-yfull"] > *::after {
    top: -8rem;
    bottom: -8rem;
  }

  .lg\:grid-line-x-36[class*="grid-line-x-"] > *::before {
    bottom: -9rem;
  }

  .lg\:grid-line-x-36[class*="grid-line-yfull"] > *::after {
    top: -9rem;
    bottom: -9rem;
  }

  .lg\:grid-line-x-40[class*="grid-line-x-"] > *::before {
    bottom: -10rem;
  }

  .lg\:grid-line-x-40[class*="grid-line-yfull"] > *::after {
    top: -10rem;
    bottom: -10rem;
  }

  .lg\:grid-line-x-44[class*="grid-line-x-"] > *::before {
    bottom: -11rem;
  }

  .lg\:grid-line-x-44[class*="grid-line-yfull"] > *::after {
    top: -11rem;
    bottom: -11rem;
  }

  .lg\:grid-line-x-48[class*="grid-line-x-"] > *::before {
    bottom: -12rem;
  }

  .lg\:grid-line-x-48[class*="grid-line-yfull"] > *::after {
    top: -12rem;
    bottom: -12rem;
  }

  .lg\:grid-line-x-52[class*="grid-line-x-"] > *::before {
    bottom: -13rem;
  }

  .lg\:grid-line-x-52[class*="grid-line-yfull"] > *::after {
    top: -13rem;
    bottom: -13rem;
  }

  .lg\:grid-line-x-56[class*="grid-line-x-"] > *::before {
    bottom: -14rem;
  }

  .lg\:grid-line-x-56[class*="grid-line-yfull"] > *::after {
    top: -14rem;
    bottom: -14rem;
  }

  .lg\:grid-line-x-60[class*="grid-line-x-"] > *::before {
    bottom: -15rem;
  }

  .lg\:grid-line-x-60[class*="grid-line-yfull"] > *::after {
    top: -15rem;
    bottom: -15rem;
  }

  .lg\:grid-line-x-64[class*="grid-line-x-"] > *::before {
    bottom: -16rem;
  }

  .lg\:grid-line-x-64[class*="grid-line-yfull"] > *::after {
    top: -16rem;
    bottom: -16rem;
  }

  .lg\:grid-line-x-72[class*="grid-line-x-"] > *::before {
    bottom: -18rem;
  }

  .lg\:grid-line-x-72[class*="grid-line-yfull"] > *::after {
    top: -18rem;
    bottom: -18rem;
  }

  .lg\:grid-line-x-80[class*="grid-line-x-"] > *::before {
    bottom: -20rem;
  }

  .lg\:grid-line-x-80[class*="grid-line-yfull"] > *::after {
    top: -20rem;
    bottom: -20rem;
  }

  .lg\:grid-line-x-96[class*="grid-line-x-"] > *::before {
    bottom: -24rem;
  }

  .lg\:grid-line-x-96[class*="grid-line-yfull"] > *::after {
    top: -24rem;
    bottom: -24rem;
  }

  .lg\:grid-line-x-px[class*="grid-line-x-"] > *::before {
    bottom: -1px;
  }

  .lg\:grid-line-x-px[class*="grid-line-yfull"] > *::after {
    top: -1px;
    bottom: -1px;
  }

  .lg\:grid-line-x-0.5[class*="grid-line-x-"] > *::before {
    bottom: -0.125rem;
  }

  .lg\:grid-line-x-0.5[class*="grid-line-yfull"] > *::after {
    top: -0.125rem;
    bottom: -0.125rem;
  }

  .lg\:grid-line-x-1.5[class*="grid-line-x-"] > *::before {
    bottom: -0.375rem;
  }

  .lg\:grid-line-x-1.5[class*="grid-line-yfull"] > *::after {
    top: -0.375rem;
    bottom: -0.375rem;
  }

  .lg\:grid-line-x-2.5[class*="grid-line-x-"] > *::before {
    bottom: -0.625rem;
  }

  .lg\:grid-line-x-2.5[class*="grid-line-yfull"] > *::after {
    top: -0.625rem;
    bottom: -0.625rem;
  }

  .lg\:grid-line-x-3.5[class*="grid-line-x-"] > *::before {
    bottom: -0.875rem;
  }

  .lg\:grid-line-x-3.5[class*="grid-line-yfull"] > *::after {
    top: -0.875rem;
    bottom: -0.875rem;
  }

  .lg\:grid-line-x-header[class*="grid-line-x-"] > *::before {
    bottom: -72px;
  }

  .lg\:grid-line-x-header[class*="grid-line-yfull"] > *::after {
    top: -72px;
    bottom: -72px;
  }

  .lg\:grid-line-x-inherit[class*="grid-line-x-"] > *::before {
    border-bottom-color: inherit;
  }

  .lg\:grid-line-y-inherit[class*="grid-line-y-"] > *::after {
    border-right-color: inherit;
  }

  .lg\:grid-line-xy-inherit[class*="grid-line-xy-"] > *::before {
    border-bottom-color: inherit;
  }

  .lg\:grid-line-xy-inherit[class*="grid-line-xy-"] > *::after {
    border-right-color: inherit;
  }

  .lg\:grid-line-x-current[class*="grid-line-x-"] > *::before {
    border-bottom-color: currentColor;
  }

  .lg\:grid-line-y-current[class*="grid-line-y-"] > *::after {
    border-right-color: currentColor;
  }

  .lg\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {
    border-bottom-color: currentColor;
  }

  .lg\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {
    border-right-color: currentColor;
  }

  .lg\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {
    border-bottom-color: transparent;
  }

  .lg\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {
    border-right-color: transparent;
  }

  .lg\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: transparent;
  }

  .lg\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {
    border-right-color: transparent;
  }

  .lg\:grid-line-x-black[class*="grid-line-x-"] > *::before {
    border-bottom-color: #000000;
  }

  .lg\:grid-line-y-black[class*="grid-line-y-"] > *::after {
    border-right-color: #000000;
  }

  .lg\:grid-line-xy-black[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #000000;
  }

  .lg\:grid-line-xy-black[class*="grid-line-xy-"] > *::after {
    border-right-color: #000000;
  }

  .lg\:grid-line-x-white[class*="grid-line-x-"] > *::before {
    border-bottom-color: #FFFFFF;
  }

  .lg\:grid-line-y-white[class*="grid-line-y-"] > *::after {
    border-right-color: #FFFFFF;
  }

  .lg\:grid-line-xy-white[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #FFFFFF;
  }

  .lg\:grid-line-xy-white[class*="grid-line-xy-"] > *::after {
    border-right-color: #FFFFFF;
  }

  .lg\:grid-line-x-slate[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f8fafc;
    100: #f1f5f9;
    200: #e2e8f0;
    300: #cbd5e1;
    400: #94a3b8;
    500: #64748b;
    600: #475569;
    700: #334155;
    800: #1e293b;
    900: #0f172a;
    950: #020617;
  }

  .lg\:grid-line-y-slate[class*="grid-line-y-"] > *::after border-right-color {
    50: #f8fafc;
    100: #f1f5f9;
    200: #e2e8f0;
    300: #cbd5e1;
    400: #94a3b8;
    500: #64748b;
    600: #475569;
    700: #334155;
    800: #1e293b;
    900: #0f172a;
    950: #020617;
  }

  .lg\:grid-line-xy-slate[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f8fafc;
    100: #f1f5f9;
    200: #e2e8f0;
    300: #cbd5e1;
    400: #94a3b8;
    500: #64748b;
    600: #475569;
    700: #334155;
    800: #1e293b;
    900: #0f172a;
    950: #020617;
  }

  .lg\:grid-line-xy-slate[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f8fafc;
    100: #f1f5f9;
    200: #e2e8f0;
    300: #cbd5e1;
    400: #94a3b8;
    500: #64748b;
    600: #475569;
    700: #334155;
    800: #1e293b;
    900: #0f172a;
    950: #020617;
  }

  .lg\:grid-line-x-gray[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f9fafb;
    100: #f3f4f6;
    200: #e5e7eb;
    300: #d1d5db;
    400: #9ca3af;
    500: #6b7280;
    600: #4b5563;
    700: #374151;
    800: #1f2937;
    900: #111827;
    950: #030712;
  }

  .lg\:grid-line-y-gray[class*="grid-line-y-"] > *::after border-right-color {
    50: #f9fafb;
    100: #f3f4f6;
    200: #e5e7eb;
    300: #d1d5db;
    400: #9ca3af;
    500: #6b7280;
    600: #4b5563;
    700: #374151;
    800: #1f2937;
    900: #111827;
    950: #030712;
  }

  .lg\:grid-line-xy-gray[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f9fafb;
    100: #f3f4f6;
    200: #e5e7eb;
    300: #d1d5db;
    400: #9ca3af;
    500: #6b7280;
    600: #4b5563;
    700: #374151;
    800: #1f2937;
    900: #111827;
    950: #030712;
  }

  .lg\:grid-line-xy-gray[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f9fafb;
    100: #f3f4f6;
    200: #e5e7eb;
    300: #d1d5db;
    400: #9ca3af;
    500: #6b7280;
    600: #4b5563;
    700: #374151;
    800: #1f2937;
    900: #111827;
    950: #030712;
  }

  .lg\:grid-line-x-zinc[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fafafa;
    100: #f4f4f5;
    200: #e4e4e7;
    300: #d4d4d8;
    400: #a1a1aa;
    500: #71717a;
    600: #52525b;
    700: #3f3f46;
    800: #27272a;
    900: #18181b;
    950: #09090b;
  }

  .lg\:grid-line-y-zinc[class*="grid-line-y-"] > *::after border-right-color {
    50: #fafafa;
    100: #f4f4f5;
    200: #e4e4e7;
    300: #d4d4d8;
    400: #a1a1aa;
    500: #71717a;
    600: #52525b;
    700: #3f3f46;
    800: #27272a;
    900: #18181b;
    950: #09090b;
  }

  .lg\:grid-line-xy-zinc[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fafafa;
    100: #f4f4f5;
    200: #e4e4e7;
    300: #d4d4d8;
    400: #a1a1aa;
    500: #71717a;
    600: #52525b;
    700: #3f3f46;
    800: #27272a;
    900: #18181b;
    950: #09090b;
  }

  .lg\:grid-line-xy-zinc[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fafafa;
    100: #f4f4f5;
    200: #e4e4e7;
    300: #d4d4d8;
    400: #a1a1aa;
    500: #71717a;
    600: #52525b;
    700: #3f3f46;
    800: #27272a;
    900: #18181b;
    950: #09090b;
  }

  .lg\:grid-line-x-neutral[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fafafa;
    100: #f5f5f5;
    200: #e5e5e5;
    300: #d4d4d4;
    400: #a3a3a3;
    500: #737373;
    600: #525252;
    700: #404040;
    800: #262626;
    900: #171717;
    950: #0a0a0a;
  }

  .lg\:grid-line-y-neutral[class*="grid-line-y-"] > *::after border-right-color {
    50: #fafafa;
    100: #f5f5f5;
    200: #e5e5e5;
    300: #d4d4d4;
    400: #a3a3a3;
    500: #737373;
    600: #525252;
    700: #404040;
    800: #262626;
    900: #171717;
    950: #0a0a0a;
  }

  .lg\:grid-line-xy-neutral[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fafafa;
    100: #f5f5f5;
    200: #e5e5e5;
    300: #d4d4d4;
    400: #a3a3a3;
    500: #737373;
    600: #525252;
    700: #404040;
    800: #262626;
    900: #171717;
    950: #0a0a0a;
  }

  .lg\:grid-line-xy-neutral[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fafafa;
    100: #f5f5f5;
    200: #e5e5e5;
    300: #d4d4d4;
    400: #a3a3a3;
    500: #737373;
    600: #525252;
    700: #404040;
    800: #262626;
    900: #171717;
    950: #0a0a0a;
  }

  .lg\:grid-line-x-stone[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fafaf9;
    100: #f5f5f4;
    200: #e7e5e4;
    300: #d6d3d1;
    400: #a8a29e;
    500: #78716c;
    600: #57534e;
    700: #44403c;
    800: #292524;
    900: #1c1917;
    950: #0c0a09;
  }

  .lg\:grid-line-y-stone[class*="grid-line-y-"] > *::after border-right-color {
    50: #fafaf9;
    100: #f5f5f4;
    200: #e7e5e4;
    300: #d6d3d1;
    400: #a8a29e;
    500: #78716c;
    600: #57534e;
    700: #44403c;
    800: #292524;
    900: #1c1917;
    950: #0c0a09;
  }

  .lg\:grid-line-xy-stone[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fafaf9;
    100: #f5f5f4;
    200: #e7e5e4;
    300: #d6d3d1;
    400: #a8a29e;
    500: #78716c;
    600: #57534e;
    700: #44403c;
    800: #292524;
    900: #1c1917;
    950: #0c0a09;
  }

  .lg\:grid-line-xy-stone[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fafaf9;
    100: #f5f5f4;
    200: #e7e5e4;
    300: #d6d3d1;
    400: #a8a29e;
    500: #78716c;
    600: #57534e;
    700: #44403c;
    800: #292524;
    900: #1c1917;
    950: #0c0a09;
  }

  .lg\:grid-line-x-red[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fef2f2;
    100: #fee2e2;
    200: #fecaca;
    300: #fca5a5;
    400: #f87171;
    500: #ef4444;
    600: #dc2626;
    700: #b91c1c;
    800: #991b1b;
    900: #7f1d1d;
    950: #450a0a;
  }

  .lg\:grid-line-y-red[class*="grid-line-y-"] > *::after border-right-color {
    50: #fef2f2;
    100: #fee2e2;
    200: #fecaca;
    300: #fca5a5;
    400: #f87171;
    500: #ef4444;
    600: #dc2626;
    700: #b91c1c;
    800: #991b1b;
    900: #7f1d1d;
    950: #450a0a;
  }

  .lg\:grid-line-xy-red[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fef2f2;
    100: #fee2e2;
    200: #fecaca;
    300: #fca5a5;
    400: #f87171;
    500: #ef4444;
    600: #dc2626;
    700: #b91c1c;
    800: #991b1b;
    900: #7f1d1d;
    950: #450a0a;
  }

  .lg\:grid-line-xy-red[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fef2f2;
    100: #fee2e2;
    200: #fecaca;
    300: #fca5a5;
    400: #f87171;
    500: #ef4444;
    600: #dc2626;
    700: #b91c1c;
    800: #991b1b;
    900: #7f1d1d;
    950: #450a0a;
  }

  .lg\:grid-line-x-orange[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fff7ed;
    100: #ffedd5;
    200: #fed7aa;
    300: #fdba74;
    400: #fb923c;
    500: #f97316;
    600: #ea580c;
    700: #c2410c;
    800: #9a3412;
    900: #7c2d12;
    950: #431407;
  }

  .lg\:grid-line-y-orange[class*="grid-line-y-"] > *::after border-right-color {
    50: #fff7ed;
    100: #ffedd5;
    200: #fed7aa;
    300: #fdba74;
    400: #fb923c;
    500: #f97316;
    600: #ea580c;
    700: #c2410c;
    800: #9a3412;
    900: #7c2d12;
    950: #431407;
  }

  .lg\:grid-line-xy-orange[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fff7ed;
    100: #ffedd5;
    200: #fed7aa;
    300: #fdba74;
    400: #fb923c;
    500: #f97316;
    600: #ea580c;
    700: #c2410c;
    800: #9a3412;
    900: #7c2d12;
    950: #431407;
  }

  .lg\:grid-line-xy-orange[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fff7ed;
    100: #ffedd5;
    200: #fed7aa;
    300: #fdba74;
    400: #fb923c;
    500: #f97316;
    600: #ea580c;
    700: #c2410c;
    800: #9a3412;
    900: #7c2d12;
    950: #431407;
  }

  .lg\:grid-line-x-amber[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fffbeb;
    100: #fef3c7;
    200: #fde68a;
    300: #fcd34d;
    400: #fbbf24;
    500: #f59e0b;
    600: #d97706;
    700: #b45309;
    800: #92400e;
    900: #78350f;
    950: #451a03;
  }

  .lg\:grid-line-y-amber[class*="grid-line-y-"] > *::after border-right-color {
    50: #fffbeb;
    100: #fef3c7;
    200: #fde68a;
    300: #fcd34d;
    400: #fbbf24;
    500: #f59e0b;
    600: #d97706;
    700: #b45309;
    800: #92400e;
    900: #78350f;
    950: #451a03;
  }

  .lg\:grid-line-xy-amber[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fffbeb;
    100: #fef3c7;
    200: #fde68a;
    300: #fcd34d;
    400: #fbbf24;
    500: #f59e0b;
    600: #d97706;
    700: #b45309;
    800: #92400e;
    900: #78350f;
    950: #451a03;
  }

  .lg\:grid-line-xy-amber[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fffbeb;
    100: #fef3c7;
    200: #fde68a;
    300: #fcd34d;
    400: #fbbf24;
    500: #f59e0b;
    600: #d97706;
    700: #b45309;
    800: #92400e;
    900: #78350f;
    950: #451a03;
  }

  .lg\:grid-line-x-yellow[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fefce8;
    100: #fef9c3;
    200: #fef08a;
    300: #fde047;
    400: #facc15;
    500: #eab308;
    600: #ca8a04;
    700: #a16207;
    800: #854d0e;
    900: #713f12;
    950: #422006;
  }

  .lg\:grid-line-y-yellow[class*="grid-line-y-"] > *::after border-right-color {
    50: #fefce8;
    100: #fef9c3;
    200: #fef08a;
    300: #fde047;
    400: #facc15;
    500: #eab308;
    600: #ca8a04;
    700: #a16207;
    800: #854d0e;
    900: #713f12;
    950: #422006;
  }

  .lg\:grid-line-xy-yellow[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fefce8;
    100: #fef9c3;
    200: #fef08a;
    300: #fde047;
    400: #facc15;
    500: #eab308;
    600: #ca8a04;
    700: #a16207;
    800: #854d0e;
    900: #713f12;
    950: #422006;
  }

  .lg\:grid-line-xy-yellow[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fefce8;
    100: #fef9c3;
    200: #fef08a;
    300: #fde047;
    400: #facc15;
    500: #eab308;
    600: #ca8a04;
    700: #a16207;
    800: #854d0e;
    900: #713f12;
    950: #422006;
  }

  .lg\:grid-line-x-lime[class*="grid-line-x-"] > *::before {
    border-bottom-color: #92D600;
  }

  .lg\:grid-line-y-lime[class*="grid-line-y-"] > *::after {
    border-right-color: #92D600;
  }

  .lg\:grid-line-xy-lime[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #92D600;
  }

  .lg\:grid-line-xy-lime[class*="grid-line-xy-"] > *::after {
    border-right-color: #92D600;
  }

  .lg\:grid-line-x-green[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f0fdf4;
    100: #CAE0D3;
    200: #bbf7d0;
    300: #11A14D;
    400: #0D992F;
    500: #19673B;
    600: #222D2A;
    700: #15803d;
    800: #166534;
    900: #14532d;
    950: #052e16;
    wash: #F9FCFA;
    -d-e-f-a-u-l-t: #08DB5E;
  }

  .lg\:grid-line-y-green[class*="grid-line-y-"] > *::after border-right-color {
    50: #f0fdf4;
    100: #CAE0D3;
    200: #bbf7d0;
    300: #11A14D;
    400: #0D992F;
    500: #19673B;
    600: #222D2A;
    700: #15803d;
    800: #166534;
    900: #14532d;
    950: #052e16;
    wash: #F9FCFA;
    -d-e-f-a-u-l-t: #08DB5E;
  }

  .lg\:grid-line-xy-green[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f0fdf4;
    100: #CAE0D3;
    200: #bbf7d0;
    300: #11A14D;
    400: #0D992F;
    500: #19673B;
    600: #222D2A;
    700: #15803d;
    800: #166534;
    900: #14532d;
    950: #052e16;
    wash: #F9FCFA;
    -d-e-f-a-u-l-t: #08DB5E;
  }

  .lg\:grid-line-xy-green[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f0fdf4;
    100: #CAE0D3;
    200: #bbf7d0;
    300: #11A14D;
    400: #0D992F;
    500: #19673B;
    600: #222D2A;
    700: #15803d;
    800: #166534;
    900: #14532d;
    950: #052e16;
    wash: #F9FCFA;
    -d-e-f-a-u-l-t: #08DB5E;
  }

  .lg\:grid-line-x-emerald[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #ecfdf5;
    100: #d1fae5;
    200: #a7f3d0;
    300: #6ee7b7;
    400: #34d399;
    500: #10b981;
    600: #059669;
    700: #047857;
    800: #065f46;
    900: #064e3b;
    950: #022c22;
  }

  .lg\:grid-line-y-emerald[class*="grid-line-y-"] > *::after border-right-color {
    50: #ecfdf5;
    100: #d1fae5;
    200: #a7f3d0;
    300: #6ee7b7;
    400: #34d399;
    500: #10b981;
    600: #059669;
    700: #047857;
    800: #065f46;
    900: #064e3b;
    950: #022c22;
  }

  .lg\:grid-line-xy-emerald[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #ecfdf5;
    100: #d1fae5;
    200: #a7f3d0;
    300: #6ee7b7;
    400: #34d399;
    500: #10b981;
    600: #059669;
    700: #047857;
    800: #065f46;
    900: #064e3b;
    950: #022c22;
  }

  .lg\:grid-line-xy-emerald[class*="grid-line-xy-"] > *::after border-right-color {
    50: #ecfdf5;
    100: #d1fae5;
    200: #a7f3d0;
    300: #6ee7b7;
    400: #34d399;
    500: #10b981;
    600: #059669;
    700: #047857;
    800: #065f46;
    900: #064e3b;
    950: #022c22;
  }

  .lg\:grid-line-x-teal[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f0fdfa;
    100: #ccfbf1;
    200: #99f6e4;
    300: #5eead4;
    400: #2dd4bf;
    500: #14b8a6;
    600: #0d9488;
    700: #0f766e;
    800: #115e59;
    900: #134e4a;
    950: #042f2e;
  }

  .lg\:grid-line-y-teal[class*="grid-line-y-"] > *::after border-right-color {
    50: #f0fdfa;
    100: #ccfbf1;
    200: #99f6e4;
    300: #5eead4;
    400: #2dd4bf;
    500: #14b8a6;
    600: #0d9488;
    700: #0f766e;
    800: #115e59;
    900: #134e4a;
    950: #042f2e;
  }

  .lg\:grid-line-xy-teal[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f0fdfa;
    100: #ccfbf1;
    200: #99f6e4;
    300: #5eead4;
    400: #2dd4bf;
    500: #14b8a6;
    600: #0d9488;
    700: #0f766e;
    800: #115e59;
    900: #134e4a;
    950: #042f2e;
  }

  .lg\:grid-line-xy-teal[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f0fdfa;
    100: #ccfbf1;
    200: #99f6e4;
    300: #5eead4;
    400: #2dd4bf;
    500: #14b8a6;
    600: #0d9488;
    700: #0f766e;
    800: #115e59;
    900: #134e4a;
    950: #042f2e;
  }

  .lg\:grid-line-x-cyan[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #ecfeff;
    100: #cffafe;
    200: #a5f3fc;
    300: #67e8f9;
    400: #22d3ee;
    500: #06b6d4;
    600: #0891b2;
    700: #0e7490;
    800: #155e75;
    900: #164e63;
    950: #083344;
  }

  .lg\:grid-line-y-cyan[class*="grid-line-y-"] > *::after border-right-color {
    50: #ecfeff;
    100: #cffafe;
    200: #a5f3fc;
    300: #67e8f9;
    400: #22d3ee;
    500: #06b6d4;
    600: #0891b2;
    700: #0e7490;
    800: #155e75;
    900: #164e63;
    950: #083344;
  }

  .lg\:grid-line-xy-cyan[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #ecfeff;
    100: #cffafe;
    200: #a5f3fc;
    300: #67e8f9;
    400: #22d3ee;
    500: #06b6d4;
    600: #0891b2;
    700: #0e7490;
    800: #155e75;
    900: #164e63;
    950: #083344;
  }

  .lg\:grid-line-xy-cyan[class*="grid-line-xy-"] > *::after border-right-color {
    50: #ecfeff;
    100: #cffafe;
    200: #a5f3fc;
    300: #67e8f9;
    400: #22d3ee;
    500: #06b6d4;
    600: #0891b2;
    700: #0e7490;
    800: #155e75;
    900: #164e63;
    950: #083344;
  }

  .lg\:grid-line-x-sky[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f0f9ff;
    100: #e0f2fe;
    200: #bae6fd;
    300: #7dd3fc;
    400: #38bdf8;
    500: #0ea5e9;
    600: #0284c7;
    700: #0369a1;
    800: #075985;
    900: #0c4a6e;
    950: #082f49;
  }

  .lg\:grid-line-y-sky[class*="grid-line-y-"] > *::after border-right-color {
    50: #f0f9ff;
    100: #e0f2fe;
    200: #bae6fd;
    300: #7dd3fc;
    400: #38bdf8;
    500: #0ea5e9;
    600: #0284c7;
    700: #0369a1;
    800: #075985;
    900: #0c4a6e;
    950: #082f49;
  }

  .lg\:grid-line-xy-sky[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f0f9ff;
    100: #e0f2fe;
    200: #bae6fd;
    300: #7dd3fc;
    400: #38bdf8;
    500: #0ea5e9;
    600: #0284c7;
    700: #0369a1;
    800: #075985;
    900: #0c4a6e;
    950: #082f49;
  }

  .lg\:grid-line-xy-sky[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f0f9ff;
    100: #e0f2fe;
    200: #bae6fd;
    300: #7dd3fc;
    400: #38bdf8;
    500: #0ea5e9;
    600: #0284c7;
    700: #0369a1;
    800: #075985;
    900: #0c4a6e;
    950: #082f49;
  }

  .lg\:grid-line-x-blue[class*="grid-line-x-"] > *::before {
    border-bottom-color: #00A3E0;
  }

  .lg\:grid-line-y-blue[class*="grid-line-y-"] > *::after {
    border-right-color: #00A3E0;
  }

  .lg\:grid-line-xy-blue[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #00A3E0;
  }

  .lg\:grid-line-xy-blue[class*="grid-line-xy-"] > *::after {
    border-right-color: #00A3E0;
  }

  .lg\:grid-line-x-indigo[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #eef2ff;
    100: #e0e7ff;
    200: #c7d2fe;
    300: #a5b4fc;
    400: #818cf8;
    500: #6366f1;
    600: #4f46e5;
    700: #4338ca;
    800: #3730a3;
    900: #312e81;
    950: #1e1b4b;
  }

  .lg\:grid-line-y-indigo[class*="grid-line-y-"] > *::after border-right-color {
    50: #eef2ff;
    100: #e0e7ff;
    200: #c7d2fe;
    300: #a5b4fc;
    400: #818cf8;
    500: #6366f1;
    600: #4f46e5;
    700: #4338ca;
    800: #3730a3;
    900: #312e81;
    950: #1e1b4b;
  }

  .lg\:grid-line-xy-indigo[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #eef2ff;
    100: #e0e7ff;
    200: #c7d2fe;
    300: #a5b4fc;
    400: #818cf8;
    500: #6366f1;
    600: #4f46e5;
    700: #4338ca;
    800: #3730a3;
    900: #312e81;
    950: #1e1b4b;
  }

  .lg\:grid-line-xy-indigo[class*="grid-line-xy-"] > *::after border-right-color {
    50: #eef2ff;
    100: #e0e7ff;
    200: #c7d2fe;
    300: #a5b4fc;
    400: #818cf8;
    500: #6366f1;
    600: #4f46e5;
    700: #4338ca;
    800: #3730a3;
    900: #312e81;
    950: #1e1b4b;
  }

  .lg\:grid-line-x-violet[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f5f3ff;
    100: #ede9fe;
    200: #ddd6fe;
    300: #c4b5fd;
    400: #a78bfa;
    500: #8b5cf6;
    600: #7c3aed;
    700: #6d28d9;
    800: #5b21b6;
    900: #4c1d95;
    950: #2e1065;
  }

  .lg\:grid-line-y-violet[class*="grid-line-y-"] > *::after border-right-color {
    50: #f5f3ff;
    100: #ede9fe;
    200: #ddd6fe;
    300: #c4b5fd;
    400: #a78bfa;
    500: #8b5cf6;
    600: #7c3aed;
    700: #6d28d9;
    800: #5b21b6;
    900: #4c1d95;
    950: #2e1065;
  }

  .lg\:grid-line-xy-violet[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f5f3ff;
    100: #ede9fe;
    200: #ddd6fe;
    300: #c4b5fd;
    400: #a78bfa;
    500: #8b5cf6;
    600: #7c3aed;
    700: #6d28d9;
    800: #5b21b6;
    900: #4c1d95;
    950: #2e1065;
  }

  .lg\:grid-line-xy-violet[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f5f3ff;
    100: #ede9fe;
    200: #ddd6fe;
    300: #c4b5fd;
    400: #a78bfa;
    500: #8b5cf6;
    600: #7c3aed;
    700: #6d28d9;
    800: #5b21b6;
    900: #4c1d95;
    950: #2e1065;
  }

  .lg\:grid-line-x-purple[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #faf5ff;
    100: #f3e8ff;
    200: #e9d5ff;
    300: #d8b4fe;
    400: #c084fc;
    500: #a855f7;
    600: #9333ea;
    700: #7e22ce;
    800: #6b21a8;
    900: #581c87;
    950: #3b0764;
  }

  .lg\:grid-line-y-purple[class*="grid-line-y-"] > *::after border-right-color {
    50: #faf5ff;
    100: #f3e8ff;
    200: #e9d5ff;
    300: #d8b4fe;
    400: #c084fc;
    500: #a855f7;
    600: #9333ea;
    700: #7e22ce;
    800: #6b21a8;
    900: #581c87;
    950: #3b0764;
  }

  .lg\:grid-line-xy-purple[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #faf5ff;
    100: #f3e8ff;
    200: #e9d5ff;
    300: #d8b4fe;
    400: #c084fc;
    500: #a855f7;
    600: #9333ea;
    700: #7e22ce;
    800: #6b21a8;
    900: #581c87;
    950: #3b0764;
  }

  .lg\:grid-line-xy-purple[class*="grid-line-xy-"] > *::after border-right-color {
    50: #faf5ff;
    100: #f3e8ff;
    200: #e9d5ff;
    300: #d8b4fe;
    400: #c084fc;
    500: #a855f7;
    600: #9333ea;
    700: #7e22ce;
    800: #6b21a8;
    900: #581c87;
    950: #3b0764;
  }

  .lg\:grid-line-x-fuchsia[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fdf4ff;
    100: #fae8ff;
    200: #f5d0fe;
    300: #f0abfc;
    400: #e879f9;
    500: #d946ef;
    600: #c026d3;
    700: #a21caf;
    800: #86198f;
    900: #701a75;
    950: #4a044e;
  }

  .lg\:grid-line-y-fuchsia[class*="grid-line-y-"] > *::after border-right-color {
    50: #fdf4ff;
    100: #fae8ff;
    200: #f5d0fe;
    300: #f0abfc;
    400: #e879f9;
    500: #d946ef;
    600: #c026d3;
    700: #a21caf;
    800: #86198f;
    900: #701a75;
    950: #4a044e;
  }

  .lg\:grid-line-xy-fuchsia[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fdf4ff;
    100: #fae8ff;
    200: #f5d0fe;
    300: #f0abfc;
    400: #e879f9;
    500: #d946ef;
    600: #c026d3;
    700: #a21caf;
    800: #86198f;
    900: #701a75;
    950: #4a044e;
  }

  .lg\:grid-line-xy-fuchsia[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fdf4ff;
    100: #fae8ff;
    200: #f5d0fe;
    300: #f0abfc;
    400: #e879f9;
    500: #d946ef;
    600: #c026d3;
    700: #a21caf;
    800: #86198f;
    900: #701a75;
    950: #4a044e;
  }

  .lg\:grid-line-x-pink[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fdf2f8;
    100: #fce7f3;
    200: #fbcfe8;
    300: #f9a8d4;
    400: #f472b6;
    500: #ec4899;
    600: #db2777;
    700: #be185d;
    800: #9d174d;
    900: #831843;
    950: #500724;
  }

  .lg\:grid-line-y-pink[class*="grid-line-y-"] > *::after border-right-color {
    50: #fdf2f8;
    100: #fce7f3;
    200: #fbcfe8;
    300: #f9a8d4;
    400: #f472b6;
    500: #ec4899;
    600: #db2777;
    700: #be185d;
    800: #9d174d;
    900: #831843;
    950: #500724;
  }

  .lg\:grid-line-xy-pink[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fdf2f8;
    100: #fce7f3;
    200: #fbcfe8;
    300: #f9a8d4;
    400: #f472b6;
    500: #ec4899;
    600: #db2777;
    700: #be185d;
    800: #9d174d;
    900: #831843;
    950: #500724;
  }

  .lg\:grid-line-xy-pink[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fdf2f8;
    100: #fce7f3;
    200: #fbcfe8;
    300: #f9a8d4;
    400: #f472b6;
    500: #ec4899;
    600: #db2777;
    700: #be185d;
    800: #9d174d;
    900: #831843;
    950: #500724;
  }

  .lg\:grid-line-x-rose[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fff1f2;
    100: #ffe4e6;
    200: #fecdd3;
    300: #fda4af;
    400: #fb7185;
    500: #f43f5e;
    600: #e11d48;
    700: #be123c;
    800: #9f1239;
    900: #881337;
    950: #4c0519;
  }

  .lg\:grid-line-y-rose[class*="grid-line-y-"] > *::after border-right-color {
    50: #fff1f2;
    100: #ffe4e6;
    200: #fecdd3;
    300: #fda4af;
    400: #fb7185;
    500: #f43f5e;
    600: #e11d48;
    700: #be123c;
    800: #9f1239;
    900: #881337;
    950: #4c0519;
  }

  .lg\:grid-line-xy-rose[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fff1f2;
    100: #ffe4e6;
    200: #fecdd3;
    300: #fda4af;
    400: #fb7185;
    500: #f43f5e;
    600: #e11d48;
    700: #be123c;
    800: #9f1239;
    900: #881337;
    950: #4c0519;
  }

  .lg\:grid-line-xy-rose[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fff1f2;
    100: #ffe4e6;
    200: #fecdd3;
    300: #fda4af;
    400: #fb7185;
    500: #f43f5e;
    600: #e11d48;
    700: #be123c;
    800: #9f1239;
    900: #881337;
    950: #4c0519;
  }

  .lg\:grid-line-x-aqua[class*="grid-line-x-"] > *::before {
    border-bottom-color: #00ABAB;
  }

  .lg\:grid-line-y-aqua[class*="grid-line-y-"] > *::after {
    border-right-color: #00ABAB;
  }

  .lg\:grid-line-xy-aqua[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #00ABAB;
  }

  .lg\:grid-line-xy-aqua[class*="grid-line-xy-"] > *::after {
    border-right-color: #00ABAB;
  }

  .lg\:grid-line-x-grey[class*="grid-line-x-"] > *::before border-bottom-color {
    wash: #D6DFDA;
    light: #BDC0BF;
    -d-e-f-a-u-l-t: #899391;
    dark: #535A58;
  }

  .lg\:grid-line-y-grey[class*="grid-line-y-"] > *::after border-right-color {
    wash: #D6DFDA;
    light: #BDC0BF;
    -d-e-f-a-u-l-t: #899391;
    dark: #535A58;
  }

  .lg\:grid-line-xy-grey[class*="grid-line-xy-"] > *::before border-bottom-color {
    wash: #D6DFDA;
    light: #BDC0BF;
    -d-e-f-a-u-l-t: #899391;
    dark: #535A58;
  }

  .lg\:grid-line-xy-grey[class*="grid-line-xy-"] > *::after border-right-color {
    wash: #D6DFDA;
    light: #BDC0BF;
    -d-e-f-a-u-l-t: #899391;
    dark: #535A58;
  }

  .lg\:grid-line-x-brand-light[class*="grid-line-x-"] > *::before {
    border-bottom-color: #F8FCFA;
  }

  .lg\:grid-line-y-brand-light[class*="grid-line-y-"] > *::after {
    border-right-color: #F8FCFA;
  }

  .lg\:grid-line-xy-brand-light[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #F8FCFA;
  }

  .lg\:grid-line-xy-brand-light[class*="grid-line-xy-"] > *::after {
    border-right-color: #F8FCFA;
  }

  .lg\:grid-line-x-DEFAULT[class*="grid-line-x-"] > *::before {
    border-bottom-color: #e5e7eb;
  }

  .lg\:grid-line-y-DEFAULT[class*="grid-line-y-"] > *::after {
    border-right-color: #e5e7eb;
  }

  .lg\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #e5e7eb;
  }

  .lg\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::after {
    border-right-color: #e5e7eb;
  }

  .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: 1400px) {

  [class*="grid-line-"] > * {
    position: relative;
  }

  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {
    content: attr(👻);
    position: absolute;
    z-index: 0;
    pointer-events: none;
  }

  .xl\:grid-line-x > *::before {
    content: attr(👻);
    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: attr(👻);
    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: attr(👻);
    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: attr(👻);
    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: -0px;
  }

  .xl\:grid-line-x-0[class*="grid-line-yfull"] > *::after {
    top: -0px;
    bottom: -0px;
  }

  .xl\:grid-line-x-1[class*="grid-line-x-"] > *::before {
    bottom: -0.25rem;
  }

  .xl\:grid-line-x-1[class*="grid-line-yfull"] > *::after {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  .xl\:grid-line-x-2[class*="grid-line-x-"] > *::before {
    bottom: -0.5rem;
  }

  .xl\:grid-line-x-2[class*="grid-line-yfull"] > *::after {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  .xl\:grid-line-x-3[class*="grid-line-x-"] > *::before {
    bottom: -0.75rem;
  }

  .xl\:grid-line-x-3[class*="grid-line-yfull"] > *::after {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  .xl\:grid-line-x-4[class*="grid-line-x-"] > *::before {
    bottom: -1rem;
  }

  .xl\:grid-line-x-4[class*="grid-line-yfull"] > *::after {
    top: -1rem;
    bottom: -1rem;
  }

  .xl\:grid-line-x-5[class*="grid-line-x-"] > *::before {
    bottom: -1.25rem;
  }

  .xl\:grid-line-x-5[class*="grid-line-yfull"] > *::after {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  .xl\:grid-line-x-6[class*="grid-line-x-"] > *::before {
    bottom: -1.5rem;
  }

  .xl\:grid-line-x-6[class*="grid-line-yfull"] > *::after {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  .xl\:grid-line-x-7[class*="grid-line-x-"] > *::before {
    bottom: -1.75rem;
  }

  .xl\:grid-line-x-7[class*="grid-line-yfull"] > *::after {
    top: -1.75rem;
    bottom: -1.75rem;
  }

  .xl\:grid-line-x-8[class*="grid-line-x-"] > *::before {
    bottom: -2rem;
  }

  .xl\:grid-line-x-8[class*="grid-line-yfull"] > *::after {
    top: -2rem;
    bottom: -2rem;
  }

  .xl\:grid-line-x-9[class*="grid-line-x-"] > *::before {
    bottom: -2.25rem;
  }

  .xl\:grid-line-x-9[class*="grid-line-yfull"] > *::after {
    top: -2.25rem;
    bottom: -2.25rem;
  }

  .xl\:grid-line-x-10[class*="grid-line-x-"] > *::before {
    bottom: -2.5rem;
  }

  .xl\:grid-line-x-10[class*="grid-line-yfull"] > *::after {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  .xl\:grid-line-x-11[class*="grid-line-x-"] > *::before {
    bottom: -2.75rem;
  }

  .xl\:grid-line-x-11[class*="grid-line-yfull"] > *::after {
    top: -2.75rem;
    bottom: -2.75rem;
  }

  .xl\:grid-line-x-12[class*="grid-line-x-"] > *::before {
    bottom: -3rem;
  }

  .xl\:grid-line-x-12[class*="grid-line-yfull"] > *::after {
    top: -3rem;
    bottom: -3rem;
  }

  .xl\:grid-line-x-14[class*="grid-line-x-"] > *::before {
    bottom: -3.5rem;
  }

  .xl\:grid-line-x-14[class*="grid-line-yfull"] > *::after {
    top: -3.5rem;
    bottom: -3.5rem;
  }

  .xl\:grid-line-x-16[class*="grid-line-x-"] > *::before {
    bottom: -4rem;
  }

  .xl\:grid-line-x-16[class*="grid-line-yfull"] > *::after {
    top: -4rem;
    bottom: -4rem;
  }

  .xl\:grid-line-x-20[class*="grid-line-x-"] > *::before {
    bottom: -5rem;
  }

  .xl\:grid-line-x-20[class*="grid-line-yfull"] > *::after {
    top: -5rem;
    bottom: -5rem;
  }

  .xl\:grid-line-x-24[class*="grid-line-x-"] > *::before {
    bottom: -6rem;
  }

  .xl\:grid-line-x-24[class*="grid-line-yfull"] > *::after {
    top: -6rem;
    bottom: -6rem;
  }

  .xl\:grid-line-x-28[class*="grid-line-x-"] > *::before {
    bottom: -7rem;
  }

  .xl\:grid-line-x-28[class*="grid-line-yfull"] > *::after {
    top: -7rem;
    bottom: -7rem;
  }

  .xl\:grid-line-x-32[class*="grid-line-x-"] > *::before {
    bottom: -8rem;
  }

  .xl\:grid-line-x-32[class*="grid-line-yfull"] > *::after {
    top: -8rem;
    bottom: -8rem;
  }

  .xl\:grid-line-x-36[class*="grid-line-x-"] > *::before {
    bottom: -9rem;
  }

  .xl\:grid-line-x-36[class*="grid-line-yfull"] > *::after {
    top: -9rem;
    bottom: -9rem;
  }

  .xl\:grid-line-x-40[class*="grid-line-x-"] > *::before {
    bottom: -10rem;
  }

  .xl\:grid-line-x-40[class*="grid-line-yfull"] > *::after {
    top: -10rem;
    bottom: -10rem;
  }

  .xl\:grid-line-x-44[class*="grid-line-x-"] > *::before {
    bottom: -11rem;
  }

  .xl\:grid-line-x-44[class*="grid-line-yfull"] > *::after {
    top: -11rem;
    bottom: -11rem;
  }

  .xl\:grid-line-x-48[class*="grid-line-x-"] > *::before {
    bottom: -12rem;
  }

  .xl\:grid-line-x-48[class*="grid-line-yfull"] > *::after {
    top: -12rem;
    bottom: -12rem;
  }

  .xl\:grid-line-x-52[class*="grid-line-x-"] > *::before {
    bottom: -13rem;
  }

  .xl\:grid-line-x-52[class*="grid-line-yfull"] > *::after {
    top: -13rem;
    bottom: -13rem;
  }

  .xl\:grid-line-x-56[class*="grid-line-x-"] > *::before {
    bottom: -14rem;
  }

  .xl\:grid-line-x-56[class*="grid-line-yfull"] > *::after {
    top: -14rem;
    bottom: -14rem;
  }

  .xl\:grid-line-x-60[class*="grid-line-x-"] > *::before {
    bottom: -15rem;
  }

  .xl\:grid-line-x-60[class*="grid-line-yfull"] > *::after {
    top: -15rem;
    bottom: -15rem;
  }

  .xl\:grid-line-x-64[class*="grid-line-x-"] > *::before {
    bottom: -16rem;
  }

  .xl\:grid-line-x-64[class*="grid-line-yfull"] > *::after {
    top: -16rem;
    bottom: -16rem;
  }

  .xl\:grid-line-x-72[class*="grid-line-x-"] > *::before {
    bottom: -18rem;
  }

  .xl\:grid-line-x-72[class*="grid-line-yfull"] > *::after {
    top: -18rem;
    bottom: -18rem;
  }

  .xl\:grid-line-x-80[class*="grid-line-x-"] > *::before {
    bottom: -20rem;
  }

  .xl\:grid-line-x-80[class*="grid-line-yfull"] > *::after {
    top: -20rem;
    bottom: -20rem;
  }

  .xl\:grid-line-x-96[class*="grid-line-x-"] > *::before {
    bottom: -24rem;
  }

  .xl\:grid-line-x-96[class*="grid-line-yfull"] > *::after {
    top: -24rem;
    bottom: -24rem;
  }

  .xl\:grid-line-x-px[class*="grid-line-x-"] > *::before {
    bottom: -1px;
  }

  .xl\:grid-line-x-px[class*="grid-line-yfull"] > *::after {
    top: -1px;
    bottom: -1px;
  }

  .xl\:grid-line-x-0.5[class*="grid-line-x-"] > *::before {
    bottom: -0.125rem;
  }

  .xl\:grid-line-x-0.5[class*="grid-line-yfull"] > *::after {
    top: -0.125rem;
    bottom: -0.125rem;
  }

  .xl\:grid-line-x-1.5[class*="grid-line-x-"] > *::before {
    bottom: -0.375rem;
  }

  .xl\:grid-line-x-1.5[class*="grid-line-yfull"] > *::after {
    top: -0.375rem;
    bottom: -0.375rem;
  }

  .xl\:grid-line-x-2.5[class*="grid-line-x-"] > *::before {
    bottom: -0.625rem;
  }

  .xl\:grid-line-x-2.5[class*="grid-line-yfull"] > *::after {
    top: -0.625rem;
    bottom: -0.625rem;
  }

  .xl\:grid-line-x-3.5[class*="grid-line-x-"] > *::before {
    bottom: -0.875rem;
  }

  .xl\:grid-line-x-3.5[class*="grid-line-yfull"] > *::after {
    top: -0.875rem;
    bottom: -0.875rem;
  }

  .xl\:grid-line-x-header[class*="grid-line-x-"] > *::before {
    bottom: -72px;
  }

  .xl\:grid-line-x-header[class*="grid-line-yfull"] > *::after {
    top: -72px;
    bottom: -72px;
  }

  .xl\:grid-line-x-inherit[class*="grid-line-x-"] > *::before {
    border-bottom-color: inherit;
  }

  .xl\:grid-line-y-inherit[class*="grid-line-y-"] > *::after {
    border-right-color: inherit;
  }

  .xl\:grid-line-xy-inherit[class*="grid-line-xy-"] > *::before {
    border-bottom-color: inherit;
  }

  .xl\:grid-line-xy-inherit[class*="grid-line-xy-"] > *::after {
    border-right-color: inherit;
  }

  .xl\:grid-line-x-current[class*="grid-line-x-"] > *::before {
    border-bottom-color: currentColor;
  }

  .xl\:grid-line-y-current[class*="grid-line-y-"] > *::after {
    border-right-color: currentColor;
  }

  .xl\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {
    border-bottom-color: currentColor;
  }

  .xl\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {
    border-right-color: currentColor;
  }

  .xl\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {
    border-bottom-color: transparent;
  }

  .xl\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {
    border-right-color: transparent;
  }

  .xl\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: transparent;
  }

  .xl\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {
    border-right-color: transparent;
  }

  .xl\:grid-line-x-black[class*="grid-line-x-"] > *::before {
    border-bottom-color: #000000;
  }

  .xl\:grid-line-y-black[class*="grid-line-y-"] > *::after {
    border-right-color: #000000;
  }

  .xl\:grid-line-xy-black[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #000000;
  }

  .xl\:grid-line-xy-black[class*="grid-line-xy-"] > *::after {
    border-right-color: #000000;
  }

  .xl\:grid-line-x-white[class*="grid-line-x-"] > *::before {
    border-bottom-color: #FFFFFF;
  }

  .xl\:grid-line-y-white[class*="grid-line-y-"] > *::after {
    border-right-color: #FFFFFF;
  }

  .xl\:grid-line-xy-white[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #FFFFFF;
  }

  .xl\:grid-line-xy-white[class*="grid-line-xy-"] > *::after {
    border-right-color: #FFFFFF;
  }

  .xl\:grid-line-x-slate[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f8fafc;
    100: #f1f5f9;
    200: #e2e8f0;
    300: #cbd5e1;
    400: #94a3b8;
    500: #64748b;
    600: #475569;
    700: #334155;
    800: #1e293b;
    900: #0f172a;
    950: #020617;
  }

  .xl\:grid-line-y-slate[class*="grid-line-y-"] > *::after border-right-color {
    50: #f8fafc;
    100: #f1f5f9;
    200: #e2e8f0;
    300: #cbd5e1;
    400: #94a3b8;
    500: #64748b;
    600: #475569;
    700: #334155;
    800: #1e293b;
    900: #0f172a;
    950: #020617;
  }

  .xl\:grid-line-xy-slate[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f8fafc;
    100: #f1f5f9;
    200: #e2e8f0;
    300: #cbd5e1;
    400: #94a3b8;
    500: #64748b;
    600: #475569;
    700: #334155;
    800: #1e293b;
    900: #0f172a;
    950: #020617;
  }

  .xl\:grid-line-xy-slate[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f8fafc;
    100: #f1f5f9;
    200: #e2e8f0;
    300: #cbd5e1;
    400: #94a3b8;
    500: #64748b;
    600: #475569;
    700: #334155;
    800: #1e293b;
    900: #0f172a;
    950: #020617;
  }

  .xl\:grid-line-x-gray[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f9fafb;
    100: #f3f4f6;
    200: #e5e7eb;
    300: #d1d5db;
    400: #9ca3af;
    500: #6b7280;
    600: #4b5563;
    700: #374151;
    800: #1f2937;
    900: #111827;
    950: #030712;
  }

  .xl\:grid-line-y-gray[class*="grid-line-y-"] > *::after border-right-color {
    50: #f9fafb;
    100: #f3f4f6;
    200: #e5e7eb;
    300: #d1d5db;
    400: #9ca3af;
    500: #6b7280;
    600: #4b5563;
    700: #374151;
    800: #1f2937;
    900: #111827;
    950: #030712;
  }

  .xl\:grid-line-xy-gray[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f9fafb;
    100: #f3f4f6;
    200: #e5e7eb;
    300: #d1d5db;
    400: #9ca3af;
    500: #6b7280;
    600: #4b5563;
    700: #374151;
    800: #1f2937;
    900: #111827;
    950: #030712;
  }

  .xl\:grid-line-xy-gray[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f9fafb;
    100: #f3f4f6;
    200: #e5e7eb;
    300: #d1d5db;
    400: #9ca3af;
    500: #6b7280;
    600: #4b5563;
    700: #374151;
    800: #1f2937;
    900: #111827;
    950: #030712;
  }

  .xl\:grid-line-x-zinc[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fafafa;
    100: #f4f4f5;
    200: #e4e4e7;
    300: #d4d4d8;
    400: #a1a1aa;
    500: #71717a;
    600: #52525b;
    700: #3f3f46;
    800: #27272a;
    900: #18181b;
    950: #09090b;
  }

  .xl\:grid-line-y-zinc[class*="grid-line-y-"] > *::after border-right-color {
    50: #fafafa;
    100: #f4f4f5;
    200: #e4e4e7;
    300: #d4d4d8;
    400: #a1a1aa;
    500: #71717a;
    600: #52525b;
    700: #3f3f46;
    800: #27272a;
    900: #18181b;
    950: #09090b;
  }

  .xl\:grid-line-xy-zinc[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fafafa;
    100: #f4f4f5;
    200: #e4e4e7;
    300: #d4d4d8;
    400: #a1a1aa;
    500: #71717a;
    600: #52525b;
    700: #3f3f46;
    800: #27272a;
    900: #18181b;
    950: #09090b;
  }

  .xl\:grid-line-xy-zinc[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fafafa;
    100: #f4f4f5;
    200: #e4e4e7;
    300: #d4d4d8;
    400: #a1a1aa;
    500: #71717a;
    600: #52525b;
    700: #3f3f46;
    800: #27272a;
    900: #18181b;
    950: #09090b;
  }

  .xl\:grid-line-x-neutral[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fafafa;
    100: #f5f5f5;
    200: #e5e5e5;
    300: #d4d4d4;
    400: #a3a3a3;
    500: #737373;
    600: #525252;
    700: #404040;
    800: #262626;
    900: #171717;
    950: #0a0a0a;
  }

  .xl\:grid-line-y-neutral[class*="grid-line-y-"] > *::after border-right-color {
    50: #fafafa;
    100: #f5f5f5;
    200: #e5e5e5;
    300: #d4d4d4;
    400: #a3a3a3;
    500: #737373;
    600: #525252;
    700: #404040;
    800: #262626;
    900: #171717;
    950: #0a0a0a;
  }

  .xl\:grid-line-xy-neutral[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fafafa;
    100: #f5f5f5;
    200: #e5e5e5;
    300: #d4d4d4;
    400: #a3a3a3;
    500: #737373;
    600: #525252;
    700: #404040;
    800: #262626;
    900: #171717;
    950: #0a0a0a;
  }

  .xl\:grid-line-xy-neutral[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fafafa;
    100: #f5f5f5;
    200: #e5e5e5;
    300: #d4d4d4;
    400: #a3a3a3;
    500: #737373;
    600: #525252;
    700: #404040;
    800: #262626;
    900: #171717;
    950: #0a0a0a;
  }

  .xl\:grid-line-x-stone[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fafaf9;
    100: #f5f5f4;
    200: #e7e5e4;
    300: #d6d3d1;
    400: #a8a29e;
    500: #78716c;
    600: #57534e;
    700: #44403c;
    800: #292524;
    900: #1c1917;
    950: #0c0a09;
  }

  .xl\:grid-line-y-stone[class*="grid-line-y-"] > *::after border-right-color {
    50: #fafaf9;
    100: #f5f5f4;
    200: #e7e5e4;
    300: #d6d3d1;
    400: #a8a29e;
    500: #78716c;
    600: #57534e;
    700: #44403c;
    800: #292524;
    900: #1c1917;
    950: #0c0a09;
  }

  .xl\:grid-line-xy-stone[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fafaf9;
    100: #f5f5f4;
    200: #e7e5e4;
    300: #d6d3d1;
    400: #a8a29e;
    500: #78716c;
    600: #57534e;
    700: #44403c;
    800: #292524;
    900: #1c1917;
    950: #0c0a09;
  }

  .xl\:grid-line-xy-stone[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fafaf9;
    100: #f5f5f4;
    200: #e7e5e4;
    300: #d6d3d1;
    400: #a8a29e;
    500: #78716c;
    600: #57534e;
    700: #44403c;
    800: #292524;
    900: #1c1917;
    950: #0c0a09;
  }

  .xl\:grid-line-x-red[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fef2f2;
    100: #fee2e2;
    200: #fecaca;
    300: #fca5a5;
    400: #f87171;
    500: #ef4444;
    600: #dc2626;
    700: #b91c1c;
    800: #991b1b;
    900: #7f1d1d;
    950: #450a0a;
  }

  .xl\:grid-line-y-red[class*="grid-line-y-"] > *::after border-right-color {
    50: #fef2f2;
    100: #fee2e2;
    200: #fecaca;
    300: #fca5a5;
    400: #f87171;
    500: #ef4444;
    600: #dc2626;
    700: #b91c1c;
    800: #991b1b;
    900: #7f1d1d;
    950: #450a0a;
  }

  .xl\:grid-line-xy-red[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fef2f2;
    100: #fee2e2;
    200: #fecaca;
    300: #fca5a5;
    400: #f87171;
    500: #ef4444;
    600: #dc2626;
    700: #b91c1c;
    800: #991b1b;
    900: #7f1d1d;
    950: #450a0a;
  }

  .xl\:grid-line-xy-red[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fef2f2;
    100: #fee2e2;
    200: #fecaca;
    300: #fca5a5;
    400: #f87171;
    500: #ef4444;
    600: #dc2626;
    700: #b91c1c;
    800: #991b1b;
    900: #7f1d1d;
    950: #450a0a;
  }

  .xl\:grid-line-x-orange[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fff7ed;
    100: #ffedd5;
    200: #fed7aa;
    300: #fdba74;
    400: #fb923c;
    500: #f97316;
    600: #ea580c;
    700: #c2410c;
    800: #9a3412;
    900: #7c2d12;
    950: #431407;
  }

  .xl\:grid-line-y-orange[class*="grid-line-y-"] > *::after border-right-color {
    50: #fff7ed;
    100: #ffedd5;
    200: #fed7aa;
    300: #fdba74;
    400: #fb923c;
    500: #f97316;
    600: #ea580c;
    700: #c2410c;
    800: #9a3412;
    900: #7c2d12;
    950: #431407;
  }

  .xl\:grid-line-xy-orange[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fff7ed;
    100: #ffedd5;
    200: #fed7aa;
    300: #fdba74;
    400: #fb923c;
    500: #f97316;
    600: #ea580c;
    700: #c2410c;
    800: #9a3412;
    900: #7c2d12;
    950: #431407;
  }

  .xl\:grid-line-xy-orange[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fff7ed;
    100: #ffedd5;
    200: #fed7aa;
    300: #fdba74;
    400: #fb923c;
    500: #f97316;
    600: #ea580c;
    700: #c2410c;
    800: #9a3412;
    900: #7c2d12;
    950: #431407;
  }

  .xl\:grid-line-x-amber[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fffbeb;
    100: #fef3c7;
    200: #fde68a;
    300: #fcd34d;
    400: #fbbf24;
    500: #f59e0b;
    600: #d97706;
    700: #b45309;
    800: #92400e;
    900: #78350f;
    950: #451a03;
  }

  .xl\:grid-line-y-amber[class*="grid-line-y-"] > *::after border-right-color {
    50: #fffbeb;
    100: #fef3c7;
    200: #fde68a;
    300: #fcd34d;
    400: #fbbf24;
    500: #f59e0b;
    600: #d97706;
    700: #b45309;
    800: #92400e;
    900: #78350f;
    950: #451a03;
  }

  .xl\:grid-line-xy-amber[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fffbeb;
    100: #fef3c7;
    200: #fde68a;
    300: #fcd34d;
    400: #fbbf24;
    500: #f59e0b;
    600: #d97706;
    700: #b45309;
    800: #92400e;
    900: #78350f;
    950: #451a03;
  }

  .xl\:grid-line-xy-amber[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fffbeb;
    100: #fef3c7;
    200: #fde68a;
    300: #fcd34d;
    400: #fbbf24;
    500: #f59e0b;
    600: #d97706;
    700: #b45309;
    800: #92400e;
    900: #78350f;
    950: #451a03;
  }

  .xl\:grid-line-x-yellow[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fefce8;
    100: #fef9c3;
    200: #fef08a;
    300: #fde047;
    400: #facc15;
    500: #eab308;
    600: #ca8a04;
    700: #a16207;
    800: #854d0e;
    900: #713f12;
    950: #422006;
  }

  .xl\:grid-line-y-yellow[class*="grid-line-y-"] > *::after border-right-color {
    50: #fefce8;
    100: #fef9c3;
    200: #fef08a;
    300: #fde047;
    400: #facc15;
    500: #eab308;
    600: #ca8a04;
    700: #a16207;
    800: #854d0e;
    900: #713f12;
    950: #422006;
  }

  .xl\:grid-line-xy-yellow[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fefce8;
    100: #fef9c3;
    200: #fef08a;
    300: #fde047;
    400: #facc15;
    500: #eab308;
    600: #ca8a04;
    700: #a16207;
    800: #854d0e;
    900: #713f12;
    950: #422006;
  }

  .xl\:grid-line-xy-yellow[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fefce8;
    100: #fef9c3;
    200: #fef08a;
    300: #fde047;
    400: #facc15;
    500: #eab308;
    600: #ca8a04;
    700: #a16207;
    800: #854d0e;
    900: #713f12;
    950: #422006;
  }

  .xl\:grid-line-x-lime[class*="grid-line-x-"] > *::before {
    border-bottom-color: #92D600;
  }

  .xl\:grid-line-y-lime[class*="grid-line-y-"] > *::after {
    border-right-color: #92D600;
  }

  .xl\:grid-line-xy-lime[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #92D600;
  }

  .xl\:grid-line-xy-lime[class*="grid-line-xy-"] > *::after {
    border-right-color: #92D600;
  }

  .xl\:grid-line-x-green[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f0fdf4;
    100: #CAE0D3;
    200: #bbf7d0;
    300: #11A14D;
    400: #0D992F;
    500: #19673B;
    600: #222D2A;
    700: #15803d;
    800: #166534;
    900: #14532d;
    950: #052e16;
    wash: #F9FCFA;
    -d-e-f-a-u-l-t: #08DB5E;
  }

  .xl\:grid-line-y-green[class*="grid-line-y-"] > *::after border-right-color {
    50: #f0fdf4;
    100: #CAE0D3;
    200: #bbf7d0;
    300: #11A14D;
    400: #0D992F;
    500: #19673B;
    600: #222D2A;
    700: #15803d;
    800: #166534;
    900: #14532d;
    950: #052e16;
    wash: #F9FCFA;
    -d-e-f-a-u-l-t: #08DB5E;
  }

  .xl\:grid-line-xy-green[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f0fdf4;
    100: #CAE0D3;
    200: #bbf7d0;
    300: #11A14D;
    400: #0D992F;
    500: #19673B;
    600: #222D2A;
    700: #15803d;
    800: #166534;
    900: #14532d;
    950: #052e16;
    wash: #F9FCFA;
    -d-e-f-a-u-l-t: #08DB5E;
  }

  .xl\:grid-line-xy-green[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f0fdf4;
    100: #CAE0D3;
    200: #bbf7d0;
    300: #11A14D;
    400: #0D992F;
    500: #19673B;
    600: #222D2A;
    700: #15803d;
    800: #166534;
    900: #14532d;
    950: #052e16;
    wash: #F9FCFA;
    -d-e-f-a-u-l-t: #08DB5E;
  }

  .xl\:grid-line-x-emerald[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #ecfdf5;
    100: #d1fae5;
    200: #a7f3d0;
    300: #6ee7b7;
    400: #34d399;
    500: #10b981;
    600: #059669;
    700: #047857;
    800: #065f46;
    900: #064e3b;
    950: #022c22;
  }

  .xl\:grid-line-y-emerald[class*="grid-line-y-"] > *::after border-right-color {
    50: #ecfdf5;
    100: #d1fae5;
    200: #a7f3d0;
    300: #6ee7b7;
    400: #34d399;
    500: #10b981;
    600: #059669;
    700: #047857;
    800: #065f46;
    900: #064e3b;
    950: #022c22;
  }

  .xl\:grid-line-xy-emerald[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #ecfdf5;
    100: #d1fae5;
    200: #a7f3d0;
    300: #6ee7b7;
    400: #34d399;
    500: #10b981;
    600: #059669;
    700: #047857;
    800: #065f46;
    900: #064e3b;
    950: #022c22;
  }

  .xl\:grid-line-xy-emerald[class*="grid-line-xy-"] > *::after border-right-color {
    50: #ecfdf5;
    100: #d1fae5;
    200: #a7f3d0;
    300: #6ee7b7;
    400: #34d399;
    500: #10b981;
    600: #059669;
    700: #047857;
    800: #065f46;
    900: #064e3b;
    950: #022c22;
  }

  .xl\:grid-line-x-teal[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f0fdfa;
    100: #ccfbf1;
    200: #99f6e4;
    300: #5eead4;
    400: #2dd4bf;
    500: #14b8a6;
    600: #0d9488;
    700: #0f766e;
    800: #115e59;
    900: #134e4a;
    950: #042f2e;
  }

  .xl\:grid-line-y-teal[class*="grid-line-y-"] > *::after border-right-color {
    50: #f0fdfa;
    100: #ccfbf1;
    200: #99f6e4;
    300: #5eead4;
    400: #2dd4bf;
    500: #14b8a6;
    600: #0d9488;
    700: #0f766e;
    800: #115e59;
    900: #134e4a;
    950: #042f2e;
  }

  .xl\:grid-line-xy-teal[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f0fdfa;
    100: #ccfbf1;
    200: #99f6e4;
    300: #5eead4;
    400: #2dd4bf;
    500: #14b8a6;
    600: #0d9488;
    700: #0f766e;
    800: #115e59;
    900: #134e4a;
    950: #042f2e;
  }

  .xl\:grid-line-xy-teal[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f0fdfa;
    100: #ccfbf1;
    200: #99f6e4;
    300: #5eead4;
    400: #2dd4bf;
    500: #14b8a6;
    600: #0d9488;
    700: #0f766e;
    800: #115e59;
    900: #134e4a;
    950: #042f2e;
  }

  .xl\:grid-line-x-cyan[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #ecfeff;
    100: #cffafe;
    200: #a5f3fc;
    300: #67e8f9;
    400: #22d3ee;
    500: #06b6d4;
    600: #0891b2;
    700: #0e7490;
    800: #155e75;
    900: #164e63;
    950: #083344;
  }

  .xl\:grid-line-y-cyan[class*="grid-line-y-"] > *::after border-right-color {
    50: #ecfeff;
    100: #cffafe;
    200: #a5f3fc;
    300: #67e8f9;
    400: #22d3ee;
    500: #06b6d4;
    600: #0891b2;
    700: #0e7490;
    800: #155e75;
    900: #164e63;
    950: #083344;
  }

  .xl\:grid-line-xy-cyan[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #ecfeff;
    100: #cffafe;
    200: #a5f3fc;
    300: #67e8f9;
    400: #22d3ee;
    500: #06b6d4;
    600: #0891b2;
    700: #0e7490;
    800: #155e75;
    900: #164e63;
    950: #083344;
  }

  .xl\:grid-line-xy-cyan[class*="grid-line-xy-"] > *::after border-right-color {
    50: #ecfeff;
    100: #cffafe;
    200: #a5f3fc;
    300: #67e8f9;
    400: #22d3ee;
    500: #06b6d4;
    600: #0891b2;
    700: #0e7490;
    800: #155e75;
    900: #164e63;
    950: #083344;
  }

  .xl\:grid-line-x-sky[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f0f9ff;
    100: #e0f2fe;
    200: #bae6fd;
    300: #7dd3fc;
    400: #38bdf8;
    500: #0ea5e9;
    600: #0284c7;
    700: #0369a1;
    800: #075985;
    900: #0c4a6e;
    950: #082f49;
  }

  .xl\:grid-line-y-sky[class*="grid-line-y-"] > *::after border-right-color {
    50: #f0f9ff;
    100: #e0f2fe;
    200: #bae6fd;
    300: #7dd3fc;
    400: #38bdf8;
    500: #0ea5e9;
    600: #0284c7;
    700: #0369a1;
    800: #075985;
    900: #0c4a6e;
    950: #082f49;
  }

  .xl\:grid-line-xy-sky[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f0f9ff;
    100: #e0f2fe;
    200: #bae6fd;
    300: #7dd3fc;
    400: #38bdf8;
    500: #0ea5e9;
    600: #0284c7;
    700: #0369a1;
    800: #075985;
    900: #0c4a6e;
    950: #082f49;
  }

  .xl\:grid-line-xy-sky[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f0f9ff;
    100: #e0f2fe;
    200: #bae6fd;
    300: #7dd3fc;
    400: #38bdf8;
    500: #0ea5e9;
    600: #0284c7;
    700: #0369a1;
    800: #075985;
    900: #0c4a6e;
    950: #082f49;
  }

  .xl\:grid-line-x-blue[class*="grid-line-x-"] > *::before {
    border-bottom-color: #00A3E0;
  }

  .xl\:grid-line-y-blue[class*="grid-line-y-"] > *::after {
    border-right-color: #00A3E0;
  }

  .xl\:grid-line-xy-blue[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #00A3E0;
  }

  .xl\:grid-line-xy-blue[class*="grid-line-xy-"] > *::after {
    border-right-color: #00A3E0;
  }

  .xl\:grid-line-x-indigo[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #eef2ff;
    100: #e0e7ff;
    200: #c7d2fe;
    300: #a5b4fc;
    400: #818cf8;
    500: #6366f1;
    600: #4f46e5;
    700: #4338ca;
    800: #3730a3;
    900: #312e81;
    950: #1e1b4b;
  }

  .xl\:grid-line-y-indigo[class*="grid-line-y-"] > *::after border-right-color {
    50: #eef2ff;
    100: #e0e7ff;
    200: #c7d2fe;
    300: #a5b4fc;
    400: #818cf8;
    500: #6366f1;
    600: #4f46e5;
    700: #4338ca;
    800: #3730a3;
    900: #312e81;
    950: #1e1b4b;
  }

  .xl\:grid-line-xy-indigo[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #eef2ff;
    100: #e0e7ff;
    200: #c7d2fe;
    300: #a5b4fc;
    400: #818cf8;
    500: #6366f1;
    600: #4f46e5;
    700: #4338ca;
    800: #3730a3;
    900: #312e81;
    950: #1e1b4b;
  }

  .xl\:grid-line-xy-indigo[class*="grid-line-xy-"] > *::after border-right-color {
    50: #eef2ff;
    100: #e0e7ff;
    200: #c7d2fe;
    300: #a5b4fc;
    400: #818cf8;
    500: #6366f1;
    600: #4f46e5;
    700: #4338ca;
    800: #3730a3;
    900: #312e81;
    950: #1e1b4b;
  }

  .xl\:grid-line-x-violet[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f5f3ff;
    100: #ede9fe;
    200: #ddd6fe;
    300: #c4b5fd;
    400: #a78bfa;
    500: #8b5cf6;
    600: #7c3aed;
    700: #6d28d9;
    800: #5b21b6;
    900: #4c1d95;
    950: #2e1065;
  }

  .xl\:grid-line-y-violet[class*="grid-line-y-"] > *::after border-right-color {
    50: #f5f3ff;
    100: #ede9fe;
    200: #ddd6fe;
    300: #c4b5fd;
    400: #a78bfa;
    500: #8b5cf6;
    600: #7c3aed;
    700: #6d28d9;
    800: #5b21b6;
    900: #4c1d95;
    950: #2e1065;
  }

  .xl\:grid-line-xy-violet[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f5f3ff;
    100: #ede9fe;
    200: #ddd6fe;
    300: #c4b5fd;
    400: #a78bfa;
    500: #8b5cf6;
    600: #7c3aed;
    700: #6d28d9;
    800: #5b21b6;
    900: #4c1d95;
    950: #2e1065;
  }

  .xl\:grid-line-xy-violet[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f5f3ff;
    100: #ede9fe;
    200: #ddd6fe;
    300: #c4b5fd;
    400: #a78bfa;
    500: #8b5cf6;
    600: #7c3aed;
    700: #6d28d9;
    800: #5b21b6;
    900: #4c1d95;
    950: #2e1065;
  }

  .xl\:grid-line-x-purple[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #faf5ff;
    100: #f3e8ff;
    200: #e9d5ff;
    300: #d8b4fe;
    400: #c084fc;
    500: #a855f7;
    600: #9333ea;
    700: #7e22ce;
    800: #6b21a8;
    900: #581c87;
    950: #3b0764;
  }

  .xl\:grid-line-y-purple[class*="grid-line-y-"] > *::after border-right-color {
    50: #faf5ff;
    100: #f3e8ff;
    200: #e9d5ff;
    300: #d8b4fe;
    400: #c084fc;
    500: #a855f7;
    600: #9333ea;
    700: #7e22ce;
    800: #6b21a8;
    900: #581c87;
    950: #3b0764;
  }

  .xl\:grid-line-xy-purple[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #faf5ff;
    100: #f3e8ff;
    200: #e9d5ff;
    300: #d8b4fe;
    400: #c084fc;
    500: #a855f7;
    600: #9333ea;
    700: #7e22ce;
    800: #6b21a8;
    900: #581c87;
    950: #3b0764;
  }

  .xl\:grid-line-xy-purple[class*="grid-line-xy-"] > *::after border-right-color {
    50: #faf5ff;
    100: #f3e8ff;
    200: #e9d5ff;
    300: #d8b4fe;
    400: #c084fc;
    500: #a855f7;
    600: #9333ea;
    700: #7e22ce;
    800: #6b21a8;
    900: #581c87;
    950: #3b0764;
  }

  .xl\:grid-line-x-fuchsia[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fdf4ff;
    100: #fae8ff;
    200: #f5d0fe;
    300: #f0abfc;
    400: #e879f9;
    500: #d946ef;
    600: #c026d3;
    700: #a21caf;
    800: #86198f;
    900: #701a75;
    950: #4a044e;
  }

  .xl\:grid-line-y-fuchsia[class*="grid-line-y-"] > *::after border-right-color {
    50: #fdf4ff;
    100: #fae8ff;
    200: #f5d0fe;
    300: #f0abfc;
    400: #e879f9;
    500: #d946ef;
    600: #c026d3;
    700: #a21caf;
    800: #86198f;
    900: #701a75;
    950: #4a044e;
  }

  .xl\:grid-line-xy-fuchsia[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fdf4ff;
    100: #fae8ff;
    200: #f5d0fe;
    300: #f0abfc;
    400: #e879f9;
    500: #d946ef;
    600: #c026d3;
    700: #a21caf;
    800: #86198f;
    900: #701a75;
    950: #4a044e;
  }

  .xl\:grid-line-xy-fuchsia[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fdf4ff;
    100: #fae8ff;
    200: #f5d0fe;
    300: #f0abfc;
    400: #e879f9;
    500: #d946ef;
    600: #c026d3;
    700: #a21caf;
    800: #86198f;
    900: #701a75;
    950: #4a044e;
  }

  .xl\:grid-line-x-pink[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fdf2f8;
    100: #fce7f3;
    200: #fbcfe8;
    300: #f9a8d4;
    400: #f472b6;
    500: #ec4899;
    600: #db2777;
    700: #be185d;
    800: #9d174d;
    900: #831843;
    950: #500724;
  }

  .xl\:grid-line-y-pink[class*="grid-line-y-"] > *::after border-right-color {
    50: #fdf2f8;
    100: #fce7f3;
    200: #fbcfe8;
    300: #f9a8d4;
    400: #f472b6;
    500: #ec4899;
    600: #db2777;
    700: #be185d;
    800: #9d174d;
    900: #831843;
    950: #500724;
  }

  .xl\:grid-line-xy-pink[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fdf2f8;
    100: #fce7f3;
    200: #fbcfe8;
    300: #f9a8d4;
    400: #f472b6;
    500: #ec4899;
    600: #db2777;
    700: #be185d;
    800: #9d174d;
    900: #831843;
    950: #500724;
  }

  .xl\:grid-line-xy-pink[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fdf2f8;
    100: #fce7f3;
    200: #fbcfe8;
    300: #f9a8d4;
    400: #f472b6;
    500: #ec4899;
    600: #db2777;
    700: #be185d;
    800: #9d174d;
    900: #831843;
    950: #500724;
  }

  .xl\:grid-line-x-rose[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fff1f2;
    100: #ffe4e6;
    200: #fecdd3;
    300: #fda4af;
    400: #fb7185;
    500: #f43f5e;
    600: #e11d48;
    700: #be123c;
    800: #9f1239;
    900: #881337;
    950: #4c0519;
  }

  .xl\:grid-line-y-rose[class*="grid-line-y-"] > *::after border-right-color {
    50: #fff1f2;
    100: #ffe4e6;
    200: #fecdd3;
    300: #fda4af;
    400: #fb7185;
    500: #f43f5e;
    600: #e11d48;
    700: #be123c;
    800: #9f1239;
    900: #881337;
    950: #4c0519;
  }

  .xl\:grid-line-xy-rose[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fff1f2;
    100: #ffe4e6;
    200: #fecdd3;
    300: #fda4af;
    400: #fb7185;
    500: #f43f5e;
    600: #e11d48;
    700: #be123c;
    800: #9f1239;
    900: #881337;
    950: #4c0519;
  }

  .xl\:grid-line-xy-rose[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fff1f2;
    100: #ffe4e6;
    200: #fecdd3;
    300: #fda4af;
    400: #fb7185;
    500: #f43f5e;
    600: #e11d48;
    700: #be123c;
    800: #9f1239;
    900: #881337;
    950: #4c0519;
  }

  .xl\:grid-line-x-aqua[class*="grid-line-x-"] > *::before {
    border-bottom-color: #00ABAB;
  }

  .xl\:grid-line-y-aqua[class*="grid-line-y-"] > *::after {
    border-right-color: #00ABAB;
  }

  .xl\:grid-line-xy-aqua[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #00ABAB;
  }

  .xl\:grid-line-xy-aqua[class*="grid-line-xy-"] > *::after {
    border-right-color: #00ABAB;
  }

  .xl\:grid-line-x-grey[class*="grid-line-x-"] > *::before border-bottom-color {
    wash: #D6DFDA;
    light: #BDC0BF;
    -d-e-f-a-u-l-t: #899391;
    dark: #535A58;
  }

  .xl\:grid-line-y-grey[class*="grid-line-y-"] > *::after border-right-color {
    wash: #D6DFDA;
    light: #BDC0BF;
    -d-e-f-a-u-l-t: #899391;
    dark: #535A58;
  }

  .xl\:grid-line-xy-grey[class*="grid-line-xy-"] > *::before border-bottom-color {
    wash: #D6DFDA;
    light: #BDC0BF;
    -d-e-f-a-u-l-t: #899391;
    dark: #535A58;
  }

  .xl\:grid-line-xy-grey[class*="grid-line-xy-"] > *::after border-right-color {
    wash: #D6DFDA;
    light: #BDC0BF;
    -d-e-f-a-u-l-t: #899391;
    dark: #535A58;
  }

  .xl\:grid-line-x-brand-light[class*="grid-line-x-"] > *::before {
    border-bottom-color: #F8FCFA;
  }

  .xl\:grid-line-y-brand-light[class*="grid-line-y-"] > *::after {
    border-right-color: #F8FCFA;
  }

  .xl\:grid-line-xy-brand-light[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #F8FCFA;
  }

  .xl\:grid-line-xy-brand-light[class*="grid-line-xy-"] > *::after {
    border-right-color: #F8FCFA;
  }

  .xl\:grid-line-x-DEFAULT[class*="grid-line-x-"] > *::before {
    border-bottom-color: #e5e7eb;
  }

  .xl\:grid-line-y-DEFAULT[class*="grid-line-y-"] > *::after {
    border-right-color: #e5e7eb;
  }

  .xl\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #e5e7eb;
  }

  .xl\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::after {
    border-right-color: #e5e7eb;
  }

  .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: attr(👻);
    position: absolute;
    z-index: 0;
    pointer-events: none;
  }

  .xxl\:grid-line-x > *::before {
    content: attr(👻);
    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: attr(👻);
    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: attr(👻);
    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: attr(👻);
    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: -0px;
  }

  .xxl\:grid-line-x-0[class*="grid-line-yfull"] > *::after {
    top: -0px;
    bottom: -0px;
  }

  .xxl\:grid-line-x-1[class*="grid-line-x-"] > *::before {
    bottom: -0.25rem;
  }

  .xxl\:grid-line-x-1[class*="grid-line-yfull"] > *::after {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  .xxl\:grid-line-x-2[class*="grid-line-x-"] > *::before {
    bottom: -0.5rem;
  }

  .xxl\:grid-line-x-2[class*="grid-line-yfull"] > *::after {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  .xxl\:grid-line-x-3[class*="grid-line-x-"] > *::before {
    bottom: -0.75rem;
  }

  .xxl\:grid-line-x-3[class*="grid-line-yfull"] > *::after {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  .xxl\:grid-line-x-4[class*="grid-line-x-"] > *::before {
    bottom: -1rem;
  }

  .xxl\:grid-line-x-4[class*="grid-line-yfull"] > *::after {
    top: -1rem;
    bottom: -1rem;
  }

  .xxl\:grid-line-x-5[class*="grid-line-x-"] > *::before {
    bottom: -1.25rem;
  }

  .xxl\:grid-line-x-5[class*="grid-line-yfull"] > *::after {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  .xxl\:grid-line-x-6[class*="grid-line-x-"] > *::before {
    bottom: -1.5rem;
  }

  .xxl\:grid-line-x-6[class*="grid-line-yfull"] > *::after {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  .xxl\:grid-line-x-7[class*="grid-line-x-"] > *::before {
    bottom: -1.75rem;
  }

  .xxl\:grid-line-x-7[class*="grid-line-yfull"] > *::after {
    top: -1.75rem;
    bottom: -1.75rem;
  }

  .xxl\:grid-line-x-8[class*="grid-line-x-"] > *::before {
    bottom: -2rem;
  }

  .xxl\:grid-line-x-8[class*="grid-line-yfull"] > *::after {
    top: -2rem;
    bottom: -2rem;
  }

  .xxl\:grid-line-x-9[class*="grid-line-x-"] > *::before {
    bottom: -2.25rem;
  }

  .xxl\:grid-line-x-9[class*="grid-line-yfull"] > *::after {
    top: -2.25rem;
    bottom: -2.25rem;
  }

  .xxl\:grid-line-x-10[class*="grid-line-x-"] > *::before {
    bottom: -2.5rem;
  }

  .xxl\:grid-line-x-10[class*="grid-line-yfull"] > *::after {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  .xxl\:grid-line-x-11[class*="grid-line-x-"] > *::before {
    bottom: -2.75rem;
  }

  .xxl\:grid-line-x-11[class*="grid-line-yfull"] > *::after {
    top: -2.75rem;
    bottom: -2.75rem;
  }

  .xxl\:grid-line-x-12[class*="grid-line-x-"] > *::before {
    bottom: -3rem;
  }

  .xxl\:grid-line-x-12[class*="grid-line-yfull"] > *::after {
    top: -3rem;
    bottom: -3rem;
  }

  .xxl\:grid-line-x-14[class*="grid-line-x-"] > *::before {
    bottom: -3.5rem;
  }

  .xxl\:grid-line-x-14[class*="grid-line-yfull"] > *::after {
    top: -3.5rem;
    bottom: -3.5rem;
  }

  .xxl\:grid-line-x-16[class*="grid-line-x-"] > *::before {
    bottom: -4rem;
  }

  .xxl\:grid-line-x-16[class*="grid-line-yfull"] > *::after {
    top: -4rem;
    bottom: -4rem;
  }

  .xxl\:grid-line-x-20[class*="grid-line-x-"] > *::before {
    bottom: -5rem;
  }

  .xxl\:grid-line-x-20[class*="grid-line-yfull"] > *::after {
    top: -5rem;
    bottom: -5rem;
  }

  .xxl\:grid-line-x-24[class*="grid-line-x-"] > *::before {
    bottom: -6rem;
  }

  .xxl\:grid-line-x-24[class*="grid-line-yfull"] > *::after {
    top: -6rem;
    bottom: -6rem;
  }

  .xxl\:grid-line-x-28[class*="grid-line-x-"] > *::before {
    bottom: -7rem;
  }

  .xxl\:grid-line-x-28[class*="grid-line-yfull"] > *::after {
    top: -7rem;
    bottom: -7rem;
  }

  .xxl\:grid-line-x-32[class*="grid-line-x-"] > *::before {
    bottom: -8rem;
  }

  .xxl\:grid-line-x-32[class*="grid-line-yfull"] > *::after {
    top: -8rem;
    bottom: -8rem;
  }

  .xxl\:grid-line-x-36[class*="grid-line-x-"] > *::before {
    bottom: -9rem;
  }

  .xxl\:grid-line-x-36[class*="grid-line-yfull"] > *::after {
    top: -9rem;
    bottom: -9rem;
  }

  .xxl\:grid-line-x-40[class*="grid-line-x-"] > *::before {
    bottom: -10rem;
  }

  .xxl\:grid-line-x-40[class*="grid-line-yfull"] > *::after {
    top: -10rem;
    bottom: -10rem;
  }

  .xxl\:grid-line-x-44[class*="grid-line-x-"] > *::before {
    bottom: -11rem;
  }

  .xxl\:grid-line-x-44[class*="grid-line-yfull"] > *::after {
    top: -11rem;
    bottom: -11rem;
  }

  .xxl\:grid-line-x-48[class*="grid-line-x-"] > *::before {
    bottom: -12rem;
  }

  .xxl\:grid-line-x-48[class*="grid-line-yfull"] > *::after {
    top: -12rem;
    bottom: -12rem;
  }

  .xxl\:grid-line-x-52[class*="grid-line-x-"] > *::before {
    bottom: -13rem;
  }

  .xxl\:grid-line-x-52[class*="grid-line-yfull"] > *::after {
    top: -13rem;
    bottom: -13rem;
  }

  .xxl\:grid-line-x-56[class*="grid-line-x-"] > *::before {
    bottom: -14rem;
  }

  .xxl\:grid-line-x-56[class*="grid-line-yfull"] > *::after {
    top: -14rem;
    bottom: -14rem;
  }

  .xxl\:grid-line-x-60[class*="grid-line-x-"] > *::before {
    bottom: -15rem;
  }

  .xxl\:grid-line-x-60[class*="grid-line-yfull"] > *::after {
    top: -15rem;
    bottom: -15rem;
  }

  .xxl\:grid-line-x-64[class*="grid-line-x-"] > *::before {
    bottom: -16rem;
  }

  .xxl\:grid-line-x-64[class*="grid-line-yfull"] > *::after {
    top: -16rem;
    bottom: -16rem;
  }

  .xxl\:grid-line-x-72[class*="grid-line-x-"] > *::before {
    bottom: -18rem;
  }

  .xxl\:grid-line-x-72[class*="grid-line-yfull"] > *::after {
    top: -18rem;
    bottom: -18rem;
  }

  .xxl\:grid-line-x-80[class*="grid-line-x-"] > *::before {
    bottom: -20rem;
  }

  .xxl\:grid-line-x-80[class*="grid-line-yfull"] > *::after {
    top: -20rem;
    bottom: -20rem;
  }

  .xxl\:grid-line-x-96[class*="grid-line-x-"] > *::before {
    bottom: -24rem;
  }

  .xxl\:grid-line-x-96[class*="grid-line-yfull"] > *::after {
    top: -24rem;
    bottom: -24rem;
  }

  .xxl\:grid-line-x-px[class*="grid-line-x-"] > *::before {
    bottom: -1px;
  }

  .xxl\:grid-line-x-px[class*="grid-line-yfull"] > *::after {
    top: -1px;
    bottom: -1px;
  }

  .xxl\:grid-line-x-0.5[class*="grid-line-x-"] > *::before {
    bottom: -0.125rem;
  }

  .xxl\:grid-line-x-0.5[class*="grid-line-yfull"] > *::after {
    top: -0.125rem;
    bottom: -0.125rem;
  }

  .xxl\:grid-line-x-1.5[class*="grid-line-x-"] > *::before {
    bottom: -0.375rem;
  }

  .xxl\:grid-line-x-1.5[class*="grid-line-yfull"] > *::after {
    top: -0.375rem;
    bottom: -0.375rem;
  }

  .xxl\:grid-line-x-2.5[class*="grid-line-x-"] > *::before {
    bottom: -0.625rem;
  }

  .xxl\:grid-line-x-2.5[class*="grid-line-yfull"] > *::after {
    top: -0.625rem;
    bottom: -0.625rem;
  }

  .xxl\:grid-line-x-3.5[class*="grid-line-x-"] > *::before {
    bottom: -0.875rem;
  }

  .xxl\:grid-line-x-3.5[class*="grid-line-yfull"] > *::after {
    top: -0.875rem;
    bottom: -0.875rem;
  }

  .xxl\:grid-line-x-header[class*="grid-line-x-"] > *::before {
    bottom: -72px;
  }

  .xxl\:grid-line-x-header[class*="grid-line-yfull"] > *::after {
    top: -72px;
    bottom: -72px;
  }

  .xxl\:grid-line-x-inherit[class*="grid-line-x-"] > *::before {
    border-bottom-color: inherit;
  }

  .xxl\:grid-line-y-inherit[class*="grid-line-y-"] > *::after {
    border-right-color: inherit;
  }

  .xxl\:grid-line-xy-inherit[class*="grid-line-xy-"] > *::before {
    border-bottom-color: inherit;
  }

  .xxl\:grid-line-xy-inherit[class*="grid-line-xy-"] > *::after {
    border-right-color: inherit;
  }

  .xxl\:grid-line-x-current[class*="grid-line-x-"] > *::before {
    border-bottom-color: currentColor;
  }

  .xxl\:grid-line-y-current[class*="grid-line-y-"] > *::after {
    border-right-color: currentColor;
  }

  .xxl\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {
    border-bottom-color: currentColor;
  }

  .xxl\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {
    border-right-color: currentColor;
  }

  .xxl\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {
    border-bottom-color: transparent;
  }

  .xxl\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {
    border-right-color: transparent;
  }

  .xxl\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {
    border-bottom-color: transparent;
  }

  .xxl\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {
    border-right-color: transparent;
  }

  .xxl\:grid-line-x-black[class*="grid-line-x-"] > *::before {
    border-bottom-color: #000000;
  }

  .xxl\:grid-line-y-black[class*="grid-line-y-"] > *::after {
    border-right-color: #000000;
  }

  .xxl\:grid-line-xy-black[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #000000;
  }

  .xxl\:grid-line-xy-black[class*="grid-line-xy-"] > *::after {
    border-right-color: #000000;
  }

  .xxl\:grid-line-x-white[class*="grid-line-x-"] > *::before {
    border-bottom-color: #FFFFFF;
  }

  .xxl\:grid-line-y-white[class*="grid-line-y-"] > *::after {
    border-right-color: #FFFFFF;
  }

  .xxl\:grid-line-xy-white[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #FFFFFF;
  }

  .xxl\:grid-line-xy-white[class*="grid-line-xy-"] > *::after {
    border-right-color: #FFFFFF;
  }

  .xxl\:grid-line-x-slate[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f8fafc;
    100: #f1f5f9;
    200: #e2e8f0;
    300: #cbd5e1;
    400: #94a3b8;
    500: #64748b;
    600: #475569;
    700: #334155;
    800: #1e293b;
    900: #0f172a;
    950: #020617;
  }

  .xxl\:grid-line-y-slate[class*="grid-line-y-"] > *::after border-right-color {
    50: #f8fafc;
    100: #f1f5f9;
    200: #e2e8f0;
    300: #cbd5e1;
    400: #94a3b8;
    500: #64748b;
    600: #475569;
    700: #334155;
    800: #1e293b;
    900: #0f172a;
    950: #020617;
  }

  .xxl\:grid-line-xy-slate[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f8fafc;
    100: #f1f5f9;
    200: #e2e8f0;
    300: #cbd5e1;
    400: #94a3b8;
    500: #64748b;
    600: #475569;
    700: #334155;
    800: #1e293b;
    900: #0f172a;
    950: #020617;
  }

  .xxl\:grid-line-xy-slate[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f8fafc;
    100: #f1f5f9;
    200: #e2e8f0;
    300: #cbd5e1;
    400: #94a3b8;
    500: #64748b;
    600: #475569;
    700: #334155;
    800: #1e293b;
    900: #0f172a;
    950: #020617;
  }

  .xxl\:grid-line-x-gray[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f9fafb;
    100: #f3f4f6;
    200: #e5e7eb;
    300: #d1d5db;
    400: #9ca3af;
    500: #6b7280;
    600: #4b5563;
    700: #374151;
    800: #1f2937;
    900: #111827;
    950: #030712;
  }

  .xxl\:grid-line-y-gray[class*="grid-line-y-"] > *::after border-right-color {
    50: #f9fafb;
    100: #f3f4f6;
    200: #e5e7eb;
    300: #d1d5db;
    400: #9ca3af;
    500: #6b7280;
    600: #4b5563;
    700: #374151;
    800: #1f2937;
    900: #111827;
    950: #030712;
  }

  .xxl\:grid-line-xy-gray[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f9fafb;
    100: #f3f4f6;
    200: #e5e7eb;
    300: #d1d5db;
    400: #9ca3af;
    500: #6b7280;
    600: #4b5563;
    700: #374151;
    800: #1f2937;
    900: #111827;
    950: #030712;
  }

  .xxl\:grid-line-xy-gray[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f9fafb;
    100: #f3f4f6;
    200: #e5e7eb;
    300: #d1d5db;
    400: #9ca3af;
    500: #6b7280;
    600: #4b5563;
    700: #374151;
    800: #1f2937;
    900: #111827;
    950: #030712;
  }

  .xxl\:grid-line-x-zinc[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fafafa;
    100: #f4f4f5;
    200: #e4e4e7;
    300: #d4d4d8;
    400: #a1a1aa;
    500: #71717a;
    600: #52525b;
    700: #3f3f46;
    800: #27272a;
    900: #18181b;
    950: #09090b;
  }

  .xxl\:grid-line-y-zinc[class*="grid-line-y-"] > *::after border-right-color {
    50: #fafafa;
    100: #f4f4f5;
    200: #e4e4e7;
    300: #d4d4d8;
    400: #a1a1aa;
    500: #71717a;
    600: #52525b;
    700: #3f3f46;
    800: #27272a;
    900: #18181b;
    950: #09090b;
  }

  .xxl\:grid-line-xy-zinc[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fafafa;
    100: #f4f4f5;
    200: #e4e4e7;
    300: #d4d4d8;
    400: #a1a1aa;
    500: #71717a;
    600: #52525b;
    700: #3f3f46;
    800: #27272a;
    900: #18181b;
    950: #09090b;
  }

  .xxl\:grid-line-xy-zinc[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fafafa;
    100: #f4f4f5;
    200: #e4e4e7;
    300: #d4d4d8;
    400: #a1a1aa;
    500: #71717a;
    600: #52525b;
    700: #3f3f46;
    800: #27272a;
    900: #18181b;
    950: #09090b;
  }

  .xxl\:grid-line-x-neutral[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fafafa;
    100: #f5f5f5;
    200: #e5e5e5;
    300: #d4d4d4;
    400: #a3a3a3;
    500: #737373;
    600: #525252;
    700: #404040;
    800: #262626;
    900: #171717;
    950: #0a0a0a;
  }

  .xxl\:grid-line-y-neutral[class*="grid-line-y-"] > *::after border-right-color {
    50: #fafafa;
    100: #f5f5f5;
    200: #e5e5e5;
    300: #d4d4d4;
    400: #a3a3a3;
    500: #737373;
    600: #525252;
    700: #404040;
    800: #262626;
    900: #171717;
    950: #0a0a0a;
  }

  .xxl\:grid-line-xy-neutral[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fafafa;
    100: #f5f5f5;
    200: #e5e5e5;
    300: #d4d4d4;
    400: #a3a3a3;
    500: #737373;
    600: #525252;
    700: #404040;
    800: #262626;
    900: #171717;
    950: #0a0a0a;
  }

  .xxl\:grid-line-xy-neutral[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fafafa;
    100: #f5f5f5;
    200: #e5e5e5;
    300: #d4d4d4;
    400: #a3a3a3;
    500: #737373;
    600: #525252;
    700: #404040;
    800: #262626;
    900: #171717;
    950: #0a0a0a;
  }

  .xxl\:grid-line-x-stone[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fafaf9;
    100: #f5f5f4;
    200: #e7e5e4;
    300: #d6d3d1;
    400: #a8a29e;
    500: #78716c;
    600: #57534e;
    700: #44403c;
    800: #292524;
    900: #1c1917;
    950: #0c0a09;
  }

  .xxl\:grid-line-y-stone[class*="grid-line-y-"] > *::after border-right-color {
    50: #fafaf9;
    100: #f5f5f4;
    200: #e7e5e4;
    300: #d6d3d1;
    400: #a8a29e;
    500: #78716c;
    600: #57534e;
    700: #44403c;
    800: #292524;
    900: #1c1917;
    950: #0c0a09;
  }

  .xxl\:grid-line-xy-stone[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fafaf9;
    100: #f5f5f4;
    200: #e7e5e4;
    300: #d6d3d1;
    400: #a8a29e;
    500: #78716c;
    600: #57534e;
    700: #44403c;
    800: #292524;
    900: #1c1917;
    950: #0c0a09;
  }

  .xxl\:grid-line-xy-stone[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fafaf9;
    100: #f5f5f4;
    200: #e7e5e4;
    300: #d6d3d1;
    400: #a8a29e;
    500: #78716c;
    600: #57534e;
    700: #44403c;
    800: #292524;
    900: #1c1917;
    950: #0c0a09;
  }

  .xxl\:grid-line-x-red[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fef2f2;
    100: #fee2e2;
    200: #fecaca;
    300: #fca5a5;
    400: #f87171;
    500: #ef4444;
    600: #dc2626;
    700: #b91c1c;
    800: #991b1b;
    900: #7f1d1d;
    950: #450a0a;
  }

  .xxl\:grid-line-y-red[class*="grid-line-y-"] > *::after border-right-color {
    50: #fef2f2;
    100: #fee2e2;
    200: #fecaca;
    300: #fca5a5;
    400: #f87171;
    500: #ef4444;
    600: #dc2626;
    700: #b91c1c;
    800: #991b1b;
    900: #7f1d1d;
    950: #450a0a;
  }

  .xxl\:grid-line-xy-red[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fef2f2;
    100: #fee2e2;
    200: #fecaca;
    300: #fca5a5;
    400: #f87171;
    500: #ef4444;
    600: #dc2626;
    700: #b91c1c;
    800: #991b1b;
    900: #7f1d1d;
    950: #450a0a;
  }

  .xxl\:grid-line-xy-red[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fef2f2;
    100: #fee2e2;
    200: #fecaca;
    300: #fca5a5;
    400: #f87171;
    500: #ef4444;
    600: #dc2626;
    700: #b91c1c;
    800: #991b1b;
    900: #7f1d1d;
    950: #450a0a;
  }

  .xxl\:grid-line-x-orange[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fff7ed;
    100: #ffedd5;
    200: #fed7aa;
    300: #fdba74;
    400: #fb923c;
    500: #f97316;
    600: #ea580c;
    700: #c2410c;
    800: #9a3412;
    900: #7c2d12;
    950: #431407;
  }

  .xxl\:grid-line-y-orange[class*="grid-line-y-"] > *::after border-right-color {
    50: #fff7ed;
    100: #ffedd5;
    200: #fed7aa;
    300: #fdba74;
    400: #fb923c;
    500: #f97316;
    600: #ea580c;
    700: #c2410c;
    800: #9a3412;
    900: #7c2d12;
    950: #431407;
  }

  .xxl\:grid-line-xy-orange[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fff7ed;
    100: #ffedd5;
    200: #fed7aa;
    300: #fdba74;
    400: #fb923c;
    500: #f97316;
    600: #ea580c;
    700: #c2410c;
    800: #9a3412;
    900: #7c2d12;
    950: #431407;
  }

  .xxl\:grid-line-xy-orange[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fff7ed;
    100: #ffedd5;
    200: #fed7aa;
    300: #fdba74;
    400: #fb923c;
    500: #f97316;
    600: #ea580c;
    700: #c2410c;
    800: #9a3412;
    900: #7c2d12;
    950: #431407;
  }

  .xxl\:grid-line-x-amber[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fffbeb;
    100: #fef3c7;
    200: #fde68a;
    300: #fcd34d;
    400: #fbbf24;
    500: #f59e0b;
    600: #d97706;
    700: #b45309;
    800: #92400e;
    900: #78350f;
    950: #451a03;
  }

  .xxl\:grid-line-y-amber[class*="grid-line-y-"] > *::after border-right-color {
    50: #fffbeb;
    100: #fef3c7;
    200: #fde68a;
    300: #fcd34d;
    400: #fbbf24;
    500: #f59e0b;
    600: #d97706;
    700: #b45309;
    800: #92400e;
    900: #78350f;
    950: #451a03;
  }

  .xxl\:grid-line-xy-amber[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fffbeb;
    100: #fef3c7;
    200: #fde68a;
    300: #fcd34d;
    400: #fbbf24;
    500: #f59e0b;
    600: #d97706;
    700: #b45309;
    800: #92400e;
    900: #78350f;
    950: #451a03;
  }

  .xxl\:grid-line-xy-amber[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fffbeb;
    100: #fef3c7;
    200: #fde68a;
    300: #fcd34d;
    400: #fbbf24;
    500: #f59e0b;
    600: #d97706;
    700: #b45309;
    800: #92400e;
    900: #78350f;
    950: #451a03;
  }

  .xxl\:grid-line-x-yellow[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fefce8;
    100: #fef9c3;
    200: #fef08a;
    300: #fde047;
    400: #facc15;
    500: #eab308;
    600: #ca8a04;
    700: #a16207;
    800: #854d0e;
    900: #713f12;
    950: #422006;
  }

  .xxl\:grid-line-y-yellow[class*="grid-line-y-"] > *::after border-right-color {
    50: #fefce8;
    100: #fef9c3;
    200: #fef08a;
    300: #fde047;
    400: #facc15;
    500: #eab308;
    600: #ca8a04;
    700: #a16207;
    800: #854d0e;
    900: #713f12;
    950: #422006;
  }

  .xxl\:grid-line-xy-yellow[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fefce8;
    100: #fef9c3;
    200: #fef08a;
    300: #fde047;
    400: #facc15;
    500: #eab308;
    600: #ca8a04;
    700: #a16207;
    800: #854d0e;
    900: #713f12;
    950: #422006;
  }

  .xxl\:grid-line-xy-yellow[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fefce8;
    100: #fef9c3;
    200: #fef08a;
    300: #fde047;
    400: #facc15;
    500: #eab308;
    600: #ca8a04;
    700: #a16207;
    800: #854d0e;
    900: #713f12;
    950: #422006;
  }

  .xxl\:grid-line-x-lime[class*="grid-line-x-"] > *::before {
    border-bottom-color: #92D600;
  }

  .xxl\:grid-line-y-lime[class*="grid-line-y-"] > *::after {
    border-right-color: #92D600;
  }

  .xxl\:grid-line-xy-lime[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #92D600;
  }

  .xxl\:grid-line-xy-lime[class*="grid-line-xy-"] > *::after {
    border-right-color: #92D600;
  }

  .xxl\:grid-line-x-green[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f0fdf4;
    100: #CAE0D3;
    200: #bbf7d0;
    300: #11A14D;
    400: #0D992F;
    500: #19673B;
    600: #222D2A;
    700: #15803d;
    800: #166534;
    900: #14532d;
    950: #052e16;
    wash: #F9FCFA;
    -d-e-f-a-u-l-t: #08DB5E;
  }

  .xxl\:grid-line-y-green[class*="grid-line-y-"] > *::after border-right-color {
    50: #f0fdf4;
    100: #CAE0D3;
    200: #bbf7d0;
    300: #11A14D;
    400: #0D992F;
    500: #19673B;
    600: #222D2A;
    700: #15803d;
    800: #166534;
    900: #14532d;
    950: #052e16;
    wash: #F9FCFA;
    -d-e-f-a-u-l-t: #08DB5E;
  }

  .xxl\:grid-line-xy-green[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f0fdf4;
    100: #CAE0D3;
    200: #bbf7d0;
    300: #11A14D;
    400: #0D992F;
    500: #19673B;
    600: #222D2A;
    700: #15803d;
    800: #166534;
    900: #14532d;
    950: #052e16;
    wash: #F9FCFA;
    -d-e-f-a-u-l-t: #08DB5E;
  }

  .xxl\:grid-line-xy-green[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f0fdf4;
    100: #CAE0D3;
    200: #bbf7d0;
    300: #11A14D;
    400: #0D992F;
    500: #19673B;
    600: #222D2A;
    700: #15803d;
    800: #166534;
    900: #14532d;
    950: #052e16;
    wash: #F9FCFA;
    -d-e-f-a-u-l-t: #08DB5E;
  }

  .xxl\:grid-line-x-emerald[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #ecfdf5;
    100: #d1fae5;
    200: #a7f3d0;
    300: #6ee7b7;
    400: #34d399;
    500: #10b981;
    600: #059669;
    700: #047857;
    800: #065f46;
    900: #064e3b;
    950: #022c22;
  }

  .xxl\:grid-line-y-emerald[class*="grid-line-y-"] > *::after border-right-color {
    50: #ecfdf5;
    100: #d1fae5;
    200: #a7f3d0;
    300: #6ee7b7;
    400: #34d399;
    500: #10b981;
    600: #059669;
    700: #047857;
    800: #065f46;
    900: #064e3b;
    950: #022c22;
  }

  .xxl\:grid-line-xy-emerald[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #ecfdf5;
    100: #d1fae5;
    200: #a7f3d0;
    300: #6ee7b7;
    400: #34d399;
    500: #10b981;
    600: #059669;
    700: #047857;
    800: #065f46;
    900: #064e3b;
    950: #022c22;
  }

  .xxl\:grid-line-xy-emerald[class*="grid-line-xy-"] > *::after border-right-color {
    50: #ecfdf5;
    100: #d1fae5;
    200: #a7f3d0;
    300: #6ee7b7;
    400: #34d399;
    500: #10b981;
    600: #059669;
    700: #047857;
    800: #065f46;
    900: #064e3b;
    950: #022c22;
  }

  .xxl\:grid-line-x-teal[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f0fdfa;
    100: #ccfbf1;
    200: #99f6e4;
    300: #5eead4;
    400: #2dd4bf;
    500: #14b8a6;
    600: #0d9488;
    700: #0f766e;
    800: #115e59;
    900: #134e4a;
    950: #042f2e;
  }

  .xxl\:grid-line-y-teal[class*="grid-line-y-"] > *::after border-right-color {
    50: #f0fdfa;
    100: #ccfbf1;
    200: #99f6e4;
    300: #5eead4;
    400: #2dd4bf;
    500: #14b8a6;
    600: #0d9488;
    700: #0f766e;
    800: #115e59;
    900: #134e4a;
    950: #042f2e;
  }

  .xxl\:grid-line-xy-teal[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f0fdfa;
    100: #ccfbf1;
    200: #99f6e4;
    300: #5eead4;
    400: #2dd4bf;
    500: #14b8a6;
    600: #0d9488;
    700: #0f766e;
    800: #115e59;
    900: #134e4a;
    950: #042f2e;
  }

  .xxl\:grid-line-xy-teal[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f0fdfa;
    100: #ccfbf1;
    200: #99f6e4;
    300: #5eead4;
    400: #2dd4bf;
    500: #14b8a6;
    600: #0d9488;
    700: #0f766e;
    800: #115e59;
    900: #134e4a;
    950: #042f2e;
  }

  .xxl\:grid-line-x-cyan[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #ecfeff;
    100: #cffafe;
    200: #a5f3fc;
    300: #67e8f9;
    400: #22d3ee;
    500: #06b6d4;
    600: #0891b2;
    700: #0e7490;
    800: #155e75;
    900: #164e63;
    950: #083344;
  }

  .xxl\:grid-line-y-cyan[class*="grid-line-y-"] > *::after border-right-color {
    50: #ecfeff;
    100: #cffafe;
    200: #a5f3fc;
    300: #67e8f9;
    400: #22d3ee;
    500: #06b6d4;
    600: #0891b2;
    700: #0e7490;
    800: #155e75;
    900: #164e63;
    950: #083344;
  }

  .xxl\:grid-line-xy-cyan[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #ecfeff;
    100: #cffafe;
    200: #a5f3fc;
    300: #67e8f9;
    400: #22d3ee;
    500: #06b6d4;
    600: #0891b2;
    700: #0e7490;
    800: #155e75;
    900: #164e63;
    950: #083344;
  }

  .xxl\:grid-line-xy-cyan[class*="grid-line-xy-"] > *::after border-right-color {
    50: #ecfeff;
    100: #cffafe;
    200: #a5f3fc;
    300: #67e8f9;
    400: #22d3ee;
    500: #06b6d4;
    600: #0891b2;
    700: #0e7490;
    800: #155e75;
    900: #164e63;
    950: #083344;
  }

  .xxl\:grid-line-x-sky[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f0f9ff;
    100: #e0f2fe;
    200: #bae6fd;
    300: #7dd3fc;
    400: #38bdf8;
    500: #0ea5e9;
    600: #0284c7;
    700: #0369a1;
    800: #075985;
    900: #0c4a6e;
    950: #082f49;
  }

  .xxl\:grid-line-y-sky[class*="grid-line-y-"] > *::after border-right-color {
    50: #f0f9ff;
    100: #e0f2fe;
    200: #bae6fd;
    300: #7dd3fc;
    400: #38bdf8;
    500: #0ea5e9;
    600: #0284c7;
    700: #0369a1;
    800: #075985;
    900: #0c4a6e;
    950: #082f49;
  }

  .xxl\:grid-line-xy-sky[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f0f9ff;
    100: #e0f2fe;
    200: #bae6fd;
    300: #7dd3fc;
    400: #38bdf8;
    500: #0ea5e9;
    600: #0284c7;
    700: #0369a1;
    800: #075985;
    900: #0c4a6e;
    950: #082f49;
  }

  .xxl\:grid-line-xy-sky[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f0f9ff;
    100: #e0f2fe;
    200: #bae6fd;
    300: #7dd3fc;
    400: #38bdf8;
    500: #0ea5e9;
    600: #0284c7;
    700: #0369a1;
    800: #075985;
    900: #0c4a6e;
    950: #082f49;
  }

  .xxl\:grid-line-x-blue[class*="grid-line-x-"] > *::before {
    border-bottom-color: #00A3E0;
  }

  .xxl\:grid-line-y-blue[class*="grid-line-y-"] > *::after {
    border-right-color: #00A3E0;
  }

  .xxl\:grid-line-xy-blue[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #00A3E0;
  }

  .xxl\:grid-line-xy-blue[class*="grid-line-xy-"] > *::after {
    border-right-color: #00A3E0;
  }

  .xxl\:grid-line-x-indigo[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #eef2ff;
    100: #e0e7ff;
    200: #c7d2fe;
    300: #a5b4fc;
    400: #818cf8;
    500: #6366f1;
    600: #4f46e5;
    700: #4338ca;
    800: #3730a3;
    900: #312e81;
    950: #1e1b4b;
  }

  .xxl\:grid-line-y-indigo[class*="grid-line-y-"] > *::after border-right-color {
    50: #eef2ff;
    100: #e0e7ff;
    200: #c7d2fe;
    300: #a5b4fc;
    400: #818cf8;
    500: #6366f1;
    600: #4f46e5;
    700: #4338ca;
    800: #3730a3;
    900: #312e81;
    950: #1e1b4b;
  }

  .xxl\:grid-line-xy-indigo[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #eef2ff;
    100: #e0e7ff;
    200: #c7d2fe;
    300: #a5b4fc;
    400: #818cf8;
    500: #6366f1;
    600: #4f46e5;
    700: #4338ca;
    800: #3730a3;
    900: #312e81;
    950: #1e1b4b;
  }

  .xxl\:grid-line-xy-indigo[class*="grid-line-xy-"] > *::after border-right-color {
    50: #eef2ff;
    100: #e0e7ff;
    200: #c7d2fe;
    300: #a5b4fc;
    400: #818cf8;
    500: #6366f1;
    600: #4f46e5;
    700: #4338ca;
    800: #3730a3;
    900: #312e81;
    950: #1e1b4b;
  }

  .xxl\:grid-line-x-violet[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #f5f3ff;
    100: #ede9fe;
    200: #ddd6fe;
    300: #c4b5fd;
    400: #a78bfa;
    500: #8b5cf6;
    600: #7c3aed;
    700: #6d28d9;
    800: #5b21b6;
    900: #4c1d95;
    950: #2e1065;
  }

  .xxl\:grid-line-y-violet[class*="grid-line-y-"] > *::after border-right-color {
    50: #f5f3ff;
    100: #ede9fe;
    200: #ddd6fe;
    300: #c4b5fd;
    400: #a78bfa;
    500: #8b5cf6;
    600: #7c3aed;
    700: #6d28d9;
    800: #5b21b6;
    900: #4c1d95;
    950: #2e1065;
  }

  .xxl\:grid-line-xy-violet[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #f5f3ff;
    100: #ede9fe;
    200: #ddd6fe;
    300: #c4b5fd;
    400: #a78bfa;
    500: #8b5cf6;
    600: #7c3aed;
    700: #6d28d9;
    800: #5b21b6;
    900: #4c1d95;
    950: #2e1065;
  }

  .xxl\:grid-line-xy-violet[class*="grid-line-xy-"] > *::after border-right-color {
    50: #f5f3ff;
    100: #ede9fe;
    200: #ddd6fe;
    300: #c4b5fd;
    400: #a78bfa;
    500: #8b5cf6;
    600: #7c3aed;
    700: #6d28d9;
    800: #5b21b6;
    900: #4c1d95;
    950: #2e1065;
  }

  .xxl\:grid-line-x-purple[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #faf5ff;
    100: #f3e8ff;
    200: #e9d5ff;
    300: #d8b4fe;
    400: #c084fc;
    500: #a855f7;
    600: #9333ea;
    700: #7e22ce;
    800: #6b21a8;
    900: #581c87;
    950: #3b0764;
  }

  .xxl\:grid-line-y-purple[class*="grid-line-y-"] > *::after border-right-color {
    50: #faf5ff;
    100: #f3e8ff;
    200: #e9d5ff;
    300: #d8b4fe;
    400: #c084fc;
    500: #a855f7;
    600: #9333ea;
    700: #7e22ce;
    800: #6b21a8;
    900: #581c87;
    950: #3b0764;
  }

  .xxl\:grid-line-xy-purple[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #faf5ff;
    100: #f3e8ff;
    200: #e9d5ff;
    300: #d8b4fe;
    400: #c084fc;
    500: #a855f7;
    600: #9333ea;
    700: #7e22ce;
    800: #6b21a8;
    900: #581c87;
    950: #3b0764;
  }

  .xxl\:grid-line-xy-purple[class*="grid-line-xy-"] > *::after border-right-color {
    50: #faf5ff;
    100: #f3e8ff;
    200: #e9d5ff;
    300: #d8b4fe;
    400: #c084fc;
    500: #a855f7;
    600: #9333ea;
    700: #7e22ce;
    800: #6b21a8;
    900: #581c87;
    950: #3b0764;
  }

  .xxl\:grid-line-x-fuchsia[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fdf4ff;
    100: #fae8ff;
    200: #f5d0fe;
    300: #f0abfc;
    400: #e879f9;
    500: #d946ef;
    600: #c026d3;
    700: #a21caf;
    800: #86198f;
    900: #701a75;
    950: #4a044e;
  }

  .xxl\:grid-line-y-fuchsia[class*="grid-line-y-"] > *::after border-right-color {
    50: #fdf4ff;
    100: #fae8ff;
    200: #f5d0fe;
    300: #f0abfc;
    400: #e879f9;
    500: #d946ef;
    600: #c026d3;
    700: #a21caf;
    800: #86198f;
    900: #701a75;
    950: #4a044e;
  }

  .xxl\:grid-line-xy-fuchsia[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fdf4ff;
    100: #fae8ff;
    200: #f5d0fe;
    300: #f0abfc;
    400: #e879f9;
    500: #d946ef;
    600: #c026d3;
    700: #a21caf;
    800: #86198f;
    900: #701a75;
    950: #4a044e;
  }

  .xxl\:grid-line-xy-fuchsia[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fdf4ff;
    100: #fae8ff;
    200: #f5d0fe;
    300: #f0abfc;
    400: #e879f9;
    500: #d946ef;
    600: #c026d3;
    700: #a21caf;
    800: #86198f;
    900: #701a75;
    950: #4a044e;
  }

  .xxl\:grid-line-x-pink[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fdf2f8;
    100: #fce7f3;
    200: #fbcfe8;
    300: #f9a8d4;
    400: #f472b6;
    500: #ec4899;
    600: #db2777;
    700: #be185d;
    800: #9d174d;
    900: #831843;
    950: #500724;
  }

  .xxl\:grid-line-y-pink[class*="grid-line-y-"] > *::after border-right-color {
    50: #fdf2f8;
    100: #fce7f3;
    200: #fbcfe8;
    300: #f9a8d4;
    400: #f472b6;
    500: #ec4899;
    600: #db2777;
    700: #be185d;
    800: #9d174d;
    900: #831843;
    950: #500724;
  }

  .xxl\:grid-line-xy-pink[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fdf2f8;
    100: #fce7f3;
    200: #fbcfe8;
    300: #f9a8d4;
    400: #f472b6;
    500: #ec4899;
    600: #db2777;
    700: #be185d;
    800: #9d174d;
    900: #831843;
    950: #500724;
  }

  .xxl\:grid-line-xy-pink[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fdf2f8;
    100: #fce7f3;
    200: #fbcfe8;
    300: #f9a8d4;
    400: #f472b6;
    500: #ec4899;
    600: #db2777;
    700: #be185d;
    800: #9d174d;
    900: #831843;
    950: #500724;
  }

  .xxl\:grid-line-x-rose[class*="grid-line-x-"] > *::before border-bottom-color {
    50: #fff1f2;
    100: #ffe4e6;
    200: #fecdd3;
    300: #fda4af;
    400: #fb7185;
    500: #f43f5e;
    600: #e11d48;
    700: #be123c;
    800: #9f1239;
    900: #881337;
    950: #4c0519;
  }

  .xxl\:grid-line-y-rose[class*="grid-line-y-"] > *::after border-right-color {
    50: #fff1f2;
    100: #ffe4e6;
    200: #fecdd3;
    300: #fda4af;
    400: #fb7185;
    500: #f43f5e;
    600: #e11d48;
    700: #be123c;
    800: #9f1239;
    900: #881337;
    950: #4c0519;
  }

  .xxl\:grid-line-xy-rose[class*="grid-line-xy-"] > *::before border-bottom-color {
    50: #fff1f2;
    100: #ffe4e6;
    200: #fecdd3;
    300: #fda4af;
    400: #fb7185;
    500: #f43f5e;
    600: #e11d48;
    700: #be123c;
    800: #9f1239;
    900: #881337;
    950: #4c0519;
  }

  .xxl\:grid-line-xy-rose[class*="grid-line-xy-"] > *::after border-right-color {
    50: #fff1f2;
    100: #ffe4e6;
    200: #fecdd3;
    300: #fda4af;
    400: #fb7185;
    500: #f43f5e;
    600: #e11d48;
    700: #be123c;
    800: #9f1239;
    900: #881337;
    950: #4c0519;
  }

  .xxl\:grid-line-x-aqua[class*="grid-line-x-"] > *::before {
    border-bottom-color: #00ABAB;
  }

  .xxl\:grid-line-y-aqua[class*="grid-line-y-"] > *::after {
    border-right-color: #00ABAB;
  }

  .xxl\:grid-line-xy-aqua[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #00ABAB;
  }

  .xxl\:grid-line-xy-aqua[class*="grid-line-xy-"] > *::after {
    border-right-color: #00ABAB;
  }

  .xxl\:grid-line-x-grey[class*="grid-line-x-"] > *::before border-bottom-color {
    wash: #D6DFDA;
    light: #BDC0BF;
    -d-e-f-a-u-l-t: #899391;
    dark: #535A58;
  }

  .xxl\:grid-line-y-grey[class*="grid-line-y-"] > *::after border-right-color {
    wash: #D6DFDA;
    light: #BDC0BF;
    -d-e-f-a-u-l-t: #899391;
    dark: #535A58;
  }

  .xxl\:grid-line-xy-grey[class*="grid-line-xy-"] > *::before border-bottom-color {
    wash: #D6DFDA;
    light: #BDC0BF;
    -d-e-f-a-u-l-t: #899391;
    dark: #535A58;
  }

  .xxl\:grid-line-xy-grey[class*="grid-line-xy-"] > *::after border-right-color {
    wash: #D6DFDA;
    light: #BDC0BF;
    -d-e-f-a-u-l-t: #899391;
    dark: #535A58;
  }

  .xxl\:grid-line-x-brand-light[class*="grid-line-x-"] > *::before {
    border-bottom-color: #F8FCFA;
  }

  .xxl\:grid-line-y-brand-light[class*="grid-line-y-"] > *::after {
    border-right-color: #F8FCFA;
  }

  .xxl\:grid-line-xy-brand-light[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #F8FCFA;
  }

  .xxl\:grid-line-xy-brand-light[class*="grid-line-xy-"] > *::after {
    border-right-color: #F8FCFA;
  }

  .xxl\:grid-line-x-DEFAULT[class*="grid-line-x-"] > *::before {
    border-bottom-color: #e5e7eb;
  }

  .xxl\:grid-line-y-DEFAULT[class*="grid-line-y-"] > *::after {
    border-right-color: #e5e7eb;
  }

  .xxl\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::before {
    border-bottom-color: #e5e7eb;
  }

  .xxl\:grid-line-xy-DEFAULT[class*="grid-line-xy-"] > *::after {
    border-right-color: #e5e7eb;
  }

  .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;
  }
}.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;
}.fixed {
  position: fixed;
}.absolute {
  position: absolute;
}.relative {
  position: relative;
}.left-0 {
  left: 0px;
}.top-0 {
  top: 0px;
}.z-10 {
  z-index: 10;
}.z-20 {
  z-index: 20;
}.z-\[51\] {
  z-index: 51;
}.mx-auto {
  margin-left: auto;
  margin-right: auto;
}.mb-0 {
  margin-bottom: 0px;
}.mb-12 {
  margin-bottom: 3rem;
}.mb-24 {
  margin-bottom: 6rem;
}.mb-4 {
  margin-bottom: 1rem;
}.mb-6 {
  margin-bottom: 1.5rem;
}.mb-8 {
  margin-bottom: 2rem;
}.mr-\[var\(--inner-gutter\)\] {
  margin-right: var(--inner-gutter);
}.mt-10 {
  margin-top: 2.5rem;
}.mt-12 {
  margin-top: 3rem;
}.mt-14 {
  margin-top: 3.5rem;
}.mt-16 {
  margin-top: 4rem;
}.mt-2 {
  margin-top: 0.5rem;
}.mt-4 {
  margin-top: 1rem;
}.mt-6 {
  margin-top: 1.5rem;
}.mt-8 {
  margin-top: 2rem;
}.block {
  display: block;
}.flex {
  display: flex;
}.hidden {
  display: none;
}.\!h-full {
  height: 100% !important;
}.h-full {
  height: 100%;
}.h-header {
  height: 72px;
}.h-screen {
  height: 100vh;
}.min-h-\[105px\] {
  min-height: 105px;
}.min-h-\[200px\] {
  min-height: 200px;
}.w-\[40px\] {
  width: 40px;
}.w-full {
  width: 100%;
}.max-w-\[200px\] {
  max-width: 200px;
}.max-w-\[630px\] {
  max-width: 630px;
}.origin-center {
  transform-origin: center;
}.-translate-y-8 {
  --tw-translate-y: -2rem;
  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));
}.transform-gpu {
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}.flex-col {
  flex-direction: column;
}.items-end {
  align-items: flex-end;
}.items-center {
  align-items: center;
}.justify-center {
  justify-content: center;
}.justify-between {
  justify-content: space-between;
}.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}.space-x-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}.space-y-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}.overflow-hidden {
  overflow: hidden;
}.overflow-x-hidden {
  overflow-x: hidden;
}.rounded-3xl {
  border-radius: 1.5rem;
}.rounded-\[16px\] {
  border-radius: 16px;
}.rounded-lg {
  border-radius: 0.5rem;
}.border {
  border-width: 1px;
}.border-b {
  border-bottom-width: 1px;
}.border-t {
  border-top-width: 1px;
}.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}.border-green-100 {
  --tw-border-opacity: 1;
  border-color: rgb(202 224 211 / var(--tw-border-opacity));
}.border-green-400 {
  --tw-border-opacity: 1;
  border-color: rgb(13 153 47 / var(--tw-border-opacity));
}.bg-brand-light {
  --tw-bg-opacity: 1;
  background-color: rgb(248 252 250 / var(--tw-bg-opacity));
}.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 45 42 / var(--tw-bg-opacity));
}.bg-green-wash {
  --tw-bg-opacity: 1;
  background-color: rgb(249 252 250 / var(--tw-bg-opacity));
}.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}.object-center {
  -o-object-position: center;
     object-position: center;
}.p-6 {
  padding: 1.5rem;
}.px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}.pb-12 {
  padding-bottom: 3rem;
}.pb-20 {
  padding-bottom: 5rem;
}.pb-3 {
  padding-bottom: 0.75rem;
}.pb-4 {
  padding-bottom: 1rem;
}.pr-4 {
  padding-right: 1rem;
}.pt-10 {
  padding-top: 2.5rem;
}.pt-20 {
  padding-top: 5rem;
}.pt-6 {
  padding-top: 1.5rem;
}.text-left {
  text-align: left;
}.text-center {
  text-align: center;
}.font-bold {
  font-weight: 700;
}.font-semibold {
  font-weight: 600;
}.uppercase {
  text-transform: uppercase;
}.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}.text-green {
  --tw-text-opacity: 1;
  color: rgb(8 219 94 / var(--tw-text-opacity));
}.text-green-300 {
  --tw-text-opacity: 1;
  color: rgb(17 161 77 / var(--tw-text-opacity));
}.text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(13 153 47 / var(--tw-text-opacity));
}.text-grey-dark {
  --tw-text-opacity: 1;
  color: rgb(83 90 88 / var(--tw-text-opacity));
}.text-grey-light {
  --tw-text-opacity: 1;
  color: rgb(189 192 191 / var(--tw-text-opacity));
}.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.underline {
  text-decoration-line: underline;
}.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);
}.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.duration-300 {
  transition-duration: 300ms;
}.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}.ratio {
  --ratio: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}.ratio::before {
  content: attr(👻);
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: var(--ratio);
}.ratio > [class*="ratio-content"] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}.ratio-1x1 {
  --ratio: 100%;
}[class*="keyline-"] {
  position: relative;
}[class*="keyline-"]::before {
  content: attr(👻);
  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;
}[class*=underline-] {
  text-decoration-line: underline;
}@font-face{font-display:swap;font-family:"Open Sans";font-style:normal;font-weight:800;src:url("https://www.deloitte.com/content/dam/Deloitte/resources/font/OpenSans-ExtraBold-webfont.woff") format("woff")}body{scroll-behavior:smooth;scroll-padding-top:100px}.topic-page .main-container.topic-page-content{max-width:none;padding:0}.tab-all{width:100% !important;float:none !important}.topic-page .col-70 .table-frame#featured-more-topic{margin-left:0 !important}.topic-page .col-70 .table-frame#featured-more-topic .section.layoutcolumnctrl{width:100% !important;margin:0 !important}.tab-solutions,#getintouch-component{display:none !important}.tag-panel{display:none}.wrapper.html-fragment-page .main-container.html-fragment-page{max-width:none !important;padding:0 !important}.wrapper .main-container .content.main{background:rgba(0,0,0,0) !important}.standard-white-component{width:100%;padding:0}#footer-section{border-top:none}h1,h2,h3,h4,h5,h6{line-height:1.2;padding:0;color:inherit}.l-container{width:100%;max-width:1240px;padding:0 20px;margin:0 auto}.page *,.u-reset,.u-reset *{box-sizing:border-box}.page .cmp-pr-nav__item{box-sizing:content-box !important}.secondary-headline{display:none}.branded-landing-page-content{max-width:none;padding:0;margin:70px auto 0}.branded-landing-page-content .standard-white-component{margin-top:-10px}.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--12{padding:0 !important}.cmp-header-container.cmp-container-width{display:none}.responsivegrid.aem-GridColumn.branded-landing-page-content{margin-top:0 auto !important}.admin__login{display:flex;justify-content:center;align-items:center;height:100vh;background:#e5e7eb}.admin__login .login__form{background:#FFFFFF;padding-left: 2.5rem;padding-right: 2.5rem;padding-top: 2rem;padding-bottom: 2rem}.admin__login .login__form label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
  display: inline-block;
}.admin__login .login__form input[type=text],.admin__login .login__form input[type=password]{width:300px;border-radius: 0.375rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(107 114 128 / var(--tw-border-opacity));padding-left: 0.25rem;padding-right: 0.25rem;padding-top: 0.5rem;padding-bottom: 0.5rem;margin-bottom: 1.5rem}.admin__login .login__form .btn--login {
  --tw-bg-opacity: 1;
  background-color: rgb(8 219 94 / var(--tw-bg-opacity));
  border-radius: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.h-point-subheader.admin__login .login__form .btn--login:before{background:#FFFFFF}.admin__login .login__form .btn--login {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 700;
}.admin__login .login__form .admin__error {
  margin-top: 0.5rem;
  display: block;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}.wysiwyg > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}.wysiwyg a{text-decoration:underline}.wysiwyg a:hover{opacity:.7}.h-point-subheader:before{content:"";width:10px;height:10px;border-radius:9999px;margin-right:0.5rem;background:#535A58}.h-point-subheader.text-grey-light:before{background:#BDC0BF}.h-point-subheader.text-white:before{background:#FFFFFF}.h-point-subheader.f-body-sm:before{content:"";width:8px;height:8px}@media (min-width: 1023px){.h-point-subheader.f-body-sm:before{width:10px;height:10px}}.h-point-subheader.f-body-sm:not([class*="lg:f-"]):before{content:"";width:8px;height:8px}.content-blocks>section:not(:first-of-type):not(:last-of-type){margin-top:6rem;margin-bottom:6rem}.content-blocks>section[class*=bg-]+section[class*=bg-]{margin-top:0;margin-bottom:0}.content-blocks>section[class*=bg-]+:last-of-type[class*=bg-]{margin-top:calc(6rem*-1) !important}.content-blocks .c-intro+.c-text{margin-top:calc(6rem*-1) !important}.c-site-header{position:fixed;top:0;left:0;width:100%;padding:1.5rem 0;z-index:50;background:#FFFFFF;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.c-btn,.c-btn-white,.c-btn-outline,.c-btn-outline-black{display:inline-block;border-radius:9999px;font-family: var(--f-body-sm-font-family);font-size: var(--f-body-sm-font-size);font-stretch: var(--f-body-sm-font-stretch);font-style: var(--f-body-sm-font-style);font-variant: var(--f-body-sm-font-variant);font-weight: var(--f-body-sm-font-weight);line-height: var(--f-body-sm-line-height);letter-spacing: var(--f-body-sm-letter-spacing);font-feature-settings: var(--f-body-sm-font-feature-settings);-moz-osx-font-smoothing: var(--f-body-sm--moz-osx-font-smoothing);-webkit-font-smoothing: var(--f-body-sm--webkit-font-smoothing);--bold-weight: var(--f-body-sm---bold-weight)}.c-btn b,.c-btn strong,.c-btn-white b,.c-btn-white strong,.c-btn-outline b,.c-btn-outline strong,.c-btn-outline-black b,.c-btn-outline-black strong {
  font-weight: var(--f-body-sm---bold-weight, bold);
}.c-btn,.c-btn-white,.c-btn-outline,.c-btn-outline-black {
  font-weight: 600;
}.h-point-subheader.c-btn:before,.h-point-subheader.c-btn-white:before,.h-point-subheader.c-btn-outline:before,.h-point-subheader.c-btn-outline-black:before{content:"";width:8px;height:8px}@media (min-width: 1023px){.h-point-subheader.c-btn:before,.h-point-subheader.c-btn-white:before,.h-point-subheader.c-btn-outline:before,.h-point-subheader.c-btn-outline-black:before{width:10px;height:10px}}.h-point-subheader.c-btn:not([class*="lg:f-"]):before,.h-point-subheader.c-btn-white:not([class*="lg:f-"]):before,.h-point-subheader.c-btn-outline:not([class*="lg:f-"]):before,.h-point-subheader.c-btn-outline-black:not([class*="lg:f-"]):before{content:"";width:8px;height:8px}.c-btn,.c-btn-white,.c-btn-outline,.c-btn-outline-black{text-transform:uppercase;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;transition-duration: 300ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden;z-index:1;text-align:center}.c-btn:hover,.c-btn-white:hover,.c-btn-outline:hover,.c-btn-outline-black:hover{background-color:#FFFFFF;color:#000000}.c-btn:not([class*=px]),.c-btn-white:not([class*=px]),.c-btn-outline:not([class*=px]),.c-btn-outline-black:not([class*=px]){padding-left:2rem;padding-right:2rem}@media (min-width: 1023px){.c-btn:not([class*=px]),.c-btn-white:not([class*=px]),.c-btn-outline:not([class*=px]),.c-btn-outline-black:not([class*=px]){padding-left:3rem;padding-right:3rem}}.c-btn:not([class*=py]),.c-btn-white:not([class*=py]),.c-btn-outline:not([class*=py]),.c-btn-outline-black:not([class*=py]){padding-top:1rem;padding-bottom:1rem}.c-btn.is-sm-hidden,.c-btn-white.is-sm-hidden,.c-btn-outline.is-sm-hidden,.c-btn-outline-black.is-sm-hidden{display:none}@media (min-width: 1023px){.c-btn.is-sm-hidden,.c-btn-white.is-sm-hidden,.c-btn-outline.is-sm-hidden,.c-btn-outline-black.is-sm-hidden{display:inline-block}.c-btn.is-lg-hidden,.c-btn-white.is-lg-hidden,.c-btn-outline.is-lg-hidden,.c-btn-outline-black.is-lg-hidden{display:none}}.c-btn{background:#08DB5E;color:#000000}.c-btn:before{content:"";background:#000;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:-1;transition-property: opacity;transition-duration: 300ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}.c-btn:hover{background:#08DB5E;--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);color:#FFFFFF}.c-btn:hover:before{opacity:.15}.c-btn-outline{border:1px solid #FFFFFF}.c-btn-white{background:#FFFFFF;color:#000000}.c-btn-white:hover{background:rgba(0,0,0,0);color:#FFFFFF}.c-btn-outline-black{border-color:#000000}.c-btn-outline-black:hover{background:#000000;color:#FFFFFF}.c-btn-white{transition:all .3s ease}.c-btn-white:hover{background-color:#899391}.c-hero{height:calc(100vh - 72px);max-height:700px}@media (min-width: 766px){.c-hero{min-height:800px}}.c-hero h1 {
  line-height: 1;
}.c-hero .c-hero__inner{color:#FFFFFF;position:relative;padding-top:calc(6rem + 72px)}@media (min-width: 1440px){.c-hero .c-hero__inner{padding-top:calc(10rem + 72px)}}.c-intro{position:relative}.c-intro .ticker-wrapper{position:relative;display:grid;grid-template-rows:repeat(3, auto);grid-template-columns:1fr}.c-features .c-features__disc{position:relative;margin-top:12vh}.c-features .c-features__disc .c-features__disc-img{will-change:transform;transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:hidden;width:100%}@media (min-width: 1023px){.c-features .c-features__disc .c-features__disc-img{position:absolute;width:100%}}.c-features .c-features__item{border-bottom:1px solid #899391;padding:1rem 0;text-align:left;transition:color 300ms cubic-bezier(0.4, 0, 0.2, 1);color:#FFFFFF;width:100%}.c-features .c-features__item > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}.c-features .c-features__item {
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}.c-features .c-features__item svg{width:60px;transform:translate(-1px, -1px)}@media (min-width: 1023px){.c-features .c-features__item svg{width:32px;height:32px}}.c-features .c-features__item .c-features__item-number{color:#08DB5E;font-family: var(--f-body-sm-font-family);font-size: var(--f-body-sm-font-size);font-stretch: var(--f-body-sm-font-stretch);font-style: var(--f-body-sm-font-style);font-variant: var(--f-body-sm-font-variant);font-weight: var(--f-body-sm-font-weight);line-height: var(--f-body-sm-line-height);letter-spacing: var(--f-body-sm-letter-spacing);font-feature-settings: var(--f-body-sm-font-feature-settings);-moz-osx-font-smoothing: var(--f-body-sm--moz-osx-font-smoothing);-webkit-font-smoothing: var(--f-body-sm--webkit-font-smoothing);--bold-weight: var(--f-body-sm---bold-weight)}.c-features .c-features__item .c-features__item-number b,.c-features .c-features__item .c-features__item-number strong {
  font-weight: var(--f-body-sm---bold-weight, bold);
}.h-point-subheader.c-features .c-features__item .c-features__item-number:before{content:"";width:8px;height:8px}@media (min-width: 1023px){.h-point-subheader.c-features .c-features__item .c-features__item-number:before{width:10px;height:10px}}.h-point-subheader.c-features .c-features__item .c-features__item-number:not([class*="lg:f-"]):before{content:"";width:8px;height:8px}.c-features .c-features__item .c-features__item-number{position:relative;padding:0.5rem 0;padding-left:0.75rem}.c-features .c-features__item .c-features__item-number:before{content:"";width:5px;height:5px;position:absolute;top:51%;left:0;transform:translateY(-50%);border-radius:9999px;background:#08DB5E}.c-tabbed-layout ul.c-tabbed-layout__nav li button{display:block;padding:1rem 0;position:relative;margin-right:2.5rem;min-width:80px;max-width:172px;width:100%;text-align:left;font-weight:800}@media (min-width: 766px){}@media (min-width: 1400px){.c-tabbed-layout ul.c-tabbed-layout__nav li button{min-width:150px}}.c-tabbed-layout ul.c-tabbed-layout__nav li button:after{content:"";position:absolute;width:110%;height:1px;bottom:0;left:0;background:#0D992F;transition-property: opacity;transition-duration: 300ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);opacity:0}@media (min-width: 1023px){.c-tabbed-layout ul.c-tabbed-layout__nav li button:after{width:100%}}.c-tabbed-layout ul.c-tabbed-layout__nav li.active{color:#0D992F}.c-tabbed-layout ul.c-tabbed-layout__nav li.active button:after{opacity:1}.test-btn{max-width:50px}.c-accordion .c-accordion__item {
  background-color: rgb(214 223 218 / 0.5);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}.c-accordion .c-accordion__item:hover.blue,.c-accordion .c-accordion__item.active.blue{background:#e6e5ff;color:#0500ff}.c-accordion .c-accordion__item:hover.aqua,.c-accordion .c-accordion__item.active.aqua{background:#f4e8fd;color:#931ced}.c-accordion .c-accordion__item:hover.lime,.c-accordion .c-accordion__item.active.lime{background:#e7f3f4;color:#0d8390}.c-accordion .c-accordion__item:hover.green,.c-accordion .c-accordion__item.active.green{background:#fde8f9;color:#ed1cc2}.c-stats li{transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1)}.c-stats li.c-stats__item{background:#FFFFFF;border-radius:0.75rem;box-shadow:0px 0px 36px 0px rgba(5,238,100,.2);position:relative;overflow:visible;margin-bottom:2rem}@media (min-width: 1023px){.c-stats li.c-stats__item{margin-bottom:0}}.c-stats li.c-stats__item .ratio-content{padding:1rem;padding-right:3rem;display:flex;flex-direction:column;justify-content:flex-end}.c-stats li.c-stats__item:after{content:"";position:absolute;top:100%;left:0;width:100%;height:2.5rem}@media (min-width: 1023px){.c-stats li:hover{transform:translateY(calc(2.5rem * -1))}}.c-stats .c-stats__subtext{font-size:16px}@media screen and (min-width: 1200px){.c-stats .c-stats__subtext{font-size:22px}}.c-benefit{border:1px solid #CAE0D3;--tw-bg-opacity: 1;background-color: rgb(248 252 250 / var(--tw-bg-opacity));border-radius:0.75rem;height:100%}.c-benefit .c-benefit__item{padding:1rem}.c-benefit .c-benefit__item > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}.c-benefit .c-benefit__item p{min-height:48px}.c-benefit .c-benefit__item:not(:last-of-type){border-bottom:1px solid #CAE0D3}.c-model svg,.c-model img,.c-model video{margin-top:2rem}.c-model video{-webkit-mask-image:-webkit-radial-gradient(white, black);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.c-model .c-model-text {
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}.c-model .c-model-text p{font-size:16px}.c-model .c-model-text h4{font-size:16px;font-weight:600;-webkit-font-smoothing:antialiased}@media (min-width: 1023px){.c-model .c-model-text {
    margin-top: 0px;
    margin-bottom: 0px;
  }.c-model .c-model-text h4{font-size:clamp(10px,1vw,16px);font-weight:600;-webkit-font-smoothing:antialiased}.c-model .c-model-text p{font-size:clamp(10px,1vw,16px)}.c-model .c-model-text--d{width:clamp(200px,20vw,300px);position:absolute;top:0}.c-model .c-model-text--a{width:clamp(100px,20vw,300px);position:absolute;bottom:0}.c-model .c-model-text--b{width:clamp(200px,20vw,300px);position:absolute;top:0;right:0}.c-model .c-model-text--c{width:clamp(200px,20vw,300px);position:absolute;bottom:0;right:0}}@font-face{font-family:"swiper-icons";src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:rgba(0,0,0,0)}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper.is-carousel{overflow:visible}html{scroll-behavior:smooth;scroll-padding-top:108px}body {
  font-family: var(--f-body-font-family);
  font-size: var(--f-body-font-size);
  font-stretch: var(--f-body-font-stretch);
  font-style: var(--f-body-font-style);
  font-variant: var(--f-body-font-variant);
  font-weight: var(--f-body-font-weight);
  line-height: var(--f-body-line-height);
  letter-spacing: var(--f-body-letter-spacing);
  font-feature-settings: var(--f-body-font-feature-settings);
  -moz-osx-font-smoothing: var(--f-body--moz-osx-font-smoothing);
  -webkit-font-smoothing: var(--f-body--webkit-font-smoothing);
  --bold-weight: var(--f-body---bold-weight);
}body b,body strong {
  font-weight: var(--f-body---bold-weight, bold);
}[x-cloak]{display:none !important}.pd-hidden {
  display: none;
}@media (min-width: 1023px){.lg\:pd-hidden{display:none}.pd-hidden--lg{display:none}}@media (min-width: 766px) {

  .md\:breakout-reset {
    --breakout-outer-gutter: var(--outer-gutter);
    --breakout-container-outer-gutter: 0;
    position: unset;
    left: unset;
    width: unset;
    margin-left: unset;
  }
}@media (min-width: 1023px) {

  .lg\:f-body {
    font-family: var(--f-body-font-family);
    font-size: var(--f-body-font-size);
    font-stretch: var(--f-body-font-stretch);
    font-style: var(--f-body-font-style);
    font-variant: var(--f-body-font-variant);
    font-weight: var(--f-body-font-weight);
    line-height: var(--f-body-line-height);
    letter-spacing: var(--f-body-letter-spacing);
    font-feature-settings: var(--f-body-font-feature-settings);
    -moz-osx-font-smoothing: var(--f-body--moz-osx-font-smoothing);
    -webkit-font-smoothing: var(--f-body--webkit-font-smoothing);
    --bold-weight: var(--f-body---bold-weight);
  }

  .lg\:f-super {
    font-family: var(--f-super-font-family);
    font-size: var(--f-super-font-size);
    font-stretch: var(--f-super-font-stretch);
    font-style: var(--f-super-font-style);
    font-variant: var(--f-super-font-variant);
    font-weight: var(--f-super-font-weight);
    line-height: var(--f-super-line-height);
    letter-spacing: var(--f-super-letter-spacing);
    font-feature-settings: var(--f-super-font-feature-settings);
    -moz-osx-font-smoothing: var(--f-super--moz-osx-font-smoothing);
    -webkit-font-smoothing: var(--f-super--webkit-font-smoothing);
    --bold-weight: var(--f-super---bold-weight);
  }

  .lg\:f-body b,.lg\:f-body strong {
    font-weight: var(--f-body---bold-weight, bold);
  }

  .lg\:f-super b,.lg\:f-super strong {
    font-weight: var(--f-super---bold-weight, bold);
  }
}@media (min-width: 1400px) {

  .xl\:f-body-lg {
    font-family: var(--f-body-lg-font-family);
    font-size: var(--f-body-lg-font-size);
    font-stretch: var(--f-body-lg-font-stretch);
    font-style: var(--f-body-lg-font-style);
    font-variant: var(--f-body-lg-font-variant);
    font-weight: var(--f-body-lg-font-weight);
    line-height: var(--f-body-lg-line-height);
    letter-spacing: var(--f-body-lg-letter-spacing);
    font-feature-settings: var(--f-body-lg-font-feature-settings);
    -moz-osx-font-smoothing: var(--f-body-lg--moz-osx-font-smoothing);
    -webkit-font-smoothing: var(--f-body-lg--webkit-font-smoothing);
    --bold-weight: var(--f-body-lg---bold-weight);
  }

  .xl\:f-body-lg b,.xl\:f-body-lg strong {
    font-weight: var(--f-body-lg---bold-weight, bold);
  }
}@media (min-width: 580px) {

  .sm\:w-1\/2-cols {
    width: calc(50% - (var(--inner-gutter) * 0.5));
  }

  .cols-container > .sm\:w-1\/2-cols {
    width: calc(50% - var(--inner-gutter));
  }
}@media (min-width: 766px) {

  .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 > * {
    --container-grid-columns: 6;
  }

  .md\:w-8-cols {
    width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .cols-container > .md\:w-8-cols {
    width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .md\:w-8-cols > * {
    --container-grid-columns: 8;
  }

  .md\:w-1\/2-cols {
    width: calc(50% - (var(--inner-gutter) * 0.5));
  }

  .cols-container > .md\:w-1\/2-cols {
    width: calc(50% - var(--inner-gutter));
  }
}@media (min-width: 1023px) {

  .lg\:cols-container {
    display: flex;
    flex-flow: row wrap;
    margin-left: calc(var(--inner-gutter) * -1);
  }

  .lg\:cols-container > [class*="-cols"] {
    margin-left: var(--inner-gutter);
  }

  .lg\:cols-container > .ml-0 {
    margin-left: 0;
  }

  .cols-container > .lg\:ml-0 {
    margin-left: 0;
  }

  .lg\:cols-container > .w-1-cols {
    width: 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))));
  }

  .lg\:cols-container > .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\: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)));
  }

  .lg\:cols-container > .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))));
  }

  .cols-container > .lg\: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))));
  }

  .lg\:cols-container > .mx-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))));
    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))));
  }

  .lg\:cols-container > .-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)))) * -1);
  }

  .lg\:cols-container > .-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)))) * -1);
  }

  .lg\:cols-container > .-mx-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)))) * -1);
    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)))) * -1);
  }

  .lg\:cols-container > .mr-1-cols-no-gutter {
    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))));
  }

  .lg\:cols-container > .ml-1-cols-no-gutter {
    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)))) + var(--inner-gutter)));
  }

  .lg\:cols-container > .mx-1-cols-no-gutter {
    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))));
    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))));
  }

  .lg\:cols-container > .-mr-1-cols-no-gutter {
    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)))) * -1);
  }

  .lg\:cols-container > .-ml-1-cols-no-gutter {
    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)))) * -1);
  }

  .lg\:cols-container > .-mx-1-cols-no-gutter {
    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)))) * -1);
    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)))) * -1);
  }

  .lg\:pr-1-cols {
    padding-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)));
  }

  .lg\:cols-container > .pr-1-cols {
    padding-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))));
  }

  .cols-container > .lg\:pr-1-cols {
    padding-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\:cols-container > .pl-1-cols {
    padding-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))));
  }

  .lg\:px-1-cols {
    padding-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)));
    padding-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)));
  }

  .lg\:cols-container > .px-1-cols {
    padding-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))));
    padding-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))));
  }

  .cols-container > .lg\:px-1-cols {
    padding-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))));
    padding-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))));
  }

  .lg\:cols-container > .pr-1-cols-no-gutter {
    padding-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))));
  }

  .lg\:cols-container > .pl-1-cols-no-gutter {
    padding-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))));
  }

  .lg\:cols-container > .px-1-cols-no-gutter {
    padding-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))));
    padding-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))));
  }

  .lg\:cols-container > .left-1-cols {
    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))));
  }

  .lg\:cols-container > .right-1-cols {
    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\:cols-container > .inset-x-1-cols {
    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))));
    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))));
  }

  .lg\:cols-container > .left-1-cols-no-gutter {
    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))));
  }

  .lg\:cols-container > .right-1-cols-no-gutter {
    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))));
  }

  .lg\:cols-container > .inset-x-1-cols-no-gutter {
    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))));
    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))));
  }

  .lg\:cols-container > .-left-1-cols {
    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)))) * -1);
  }

  .lg\:cols-container > .-right-1-cols {
    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)))) * -1);
  }

  .lg\:cols-container > .-inset-x-1-cols {
    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)))) * -1);
    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)))) * -1);
  }

  .lg\:cols-container > .-left-1-cols-no-gutter {
    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)))) * -1);
  }

  .lg\:cols-container > .-right-1-cols-no-gutter {
    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)))) * -1);
  }

  .lg\:cols-container > .-inset-x-1-cols-no-gutter {
    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)))) * -1);
    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)))) * -1);
  }

  .lg\:cols-container > .w-2-cols {
    width: 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))));
  }

  .lg\:cols-container > .mr-2-cols {
    margin-right: 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\: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)));
  }

  .lg\:cols-container > .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))));
  }

  .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\:cols-container > .mx-2-cols {
    margin-right: 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))));
    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\:cols-container > .-mr-2-cols {
    margin-right: 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)))) * -1);
  }

  .lg\:cols-container > .-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)))) * -1);
  }

  .lg\:cols-container > .-mx-2-cols {
    margin-right: 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)))) * -1);
    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)))) * -1);
  }

  .lg\:cols-container > .mr-2-cols-no-gutter {
    margin-right: 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))));
  }

  .lg\:cols-container > .ml-2-cols-no-gutter {
    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)))) + var(--inner-gutter)));
  }

  .lg\:cols-container > .mx-2-cols-no-gutter {
    margin-right: 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))));
    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))));
  }

  .lg\:cols-container > .-mr-2-cols-no-gutter {
    margin-right: 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)))) * -1);
  }

  .lg\:cols-container > .-ml-2-cols-no-gutter {
    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)))) * -1);
  }

  .lg\:cols-container > .-mx-2-cols-no-gutter {
    margin-right: 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)))) * -1);
    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)))) * -1);
  }

  .lg\:cols-container > .pr-2-cols {
    padding-right: 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\:cols-container > .pl-2-cols {
    padding-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\:px-2-cols {
    padding-right: 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)));
    padding-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)));
  }

  .lg\:cols-container > .px-2-cols {
    padding-right: 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))));
    padding-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))));
  }

  .cols-container > .lg\:px-2-cols {
    padding-right: 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))));
    padding-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\:cols-container > .pr-2-cols-no-gutter {
    padding-right: 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))));
  }

  .lg\:cols-container > .pl-2-cols-no-gutter {
    padding-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))));
  }

  .lg\:cols-container > .px-2-cols-no-gutter {
    padding-right: 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))));
    padding-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))));
  }

  .lg\:cols-container > .left-2-cols {
    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\:cols-container > .right-2-cols {
    right: 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\:cols-container > .inset-x-2-cols {
    right: 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))));
    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\:cols-container > .left-2-cols-no-gutter {
    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))));
  }

  .lg\:cols-container > .right-2-cols-no-gutter {
    right: 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))));
  }

  .lg\:cols-container > .inset-x-2-cols-no-gutter {
    right: 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))));
    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))));
  }

  .lg\:cols-container > .-left-2-cols {
    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)))) * -1);
  }

  .lg\:cols-container > .-right-2-cols {
    right: 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)))) * -1);
  }

  .lg\:cols-container > .-inset-x-2-cols {
    right: 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)))) * -1);
    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)))) * -1);
  }

  .lg\:cols-container > .-left-2-cols-no-gutter {
    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)))) * -1);
  }

  .lg\:cols-container > .-right-2-cols-no-gutter {
    right: 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)))) * -1);
  }

  .lg\:cols-container > .-inset-x-2-cols-no-gutter {
    right: 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)))) * -1);
    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)))) * -1);
  }

  .lg\:w-3-cols {
    width: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .w-3-cols {
    width: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .cols-container > .lg\:w-3-cols {
    width: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .mr-3-cols {
    margin-right: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

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

  .lg\:cols-container > .mx-3-cols {
    margin-right: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
    margin-left: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-3-cols {
    margin-right: calc((((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-3-cols {
    margin-left: calc((((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-3-cols {
    margin-right: calc((((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
    margin-left: calc((((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .mr-3-cols-no-gutter {
    margin-right: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .ml-3-cols-no-gutter {
    margin-left: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + var(--inner-gutter)));
  }

  .lg\:cols-container > .mx-3-cols-no-gutter {
    margin-right: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
    margin-left: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-3-cols-no-gutter {
    margin-right: calc((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-3-cols-no-gutter {
    margin-left: calc((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-3-cols-no-gutter {
    margin-right: calc((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
    margin-left: calc((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .pr-3-cols {
    padding-right: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-3-cols {
    padding-left: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-3-cols {
    padding-right: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
    padding-left: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pr-3-cols-no-gutter {
    padding-right: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-3-cols-no-gutter {
    padding-left: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-3-cols-no-gutter {
    padding-right: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
    padding-left: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

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

  .lg\:cols-container > .right-3-cols {
    right: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .inset-x-3-cols {
    right: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
    left: calc(((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .left-3-cols-no-gutter {
    left: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .right-3-cols-no-gutter {
    right: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .inset-x-3-cols-no-gutter {
    right: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
    left: calc(((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .-left-3-cols {
    left: calc((((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-3-cols {
    right: calc((((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-3-cols {
    right: calc((((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
    left: calc((((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-left-3-cols-no-gutter {
    left: calc((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-3-cols-no-gutter {
    right: calc((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-3-cols-no-gutter {
    right: calc((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
    left: calc((((3 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (3 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:w-3-cols > * {
    --container-grid-columns: 3;
  }

  .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))));
  }

  .lg\:cols-container > .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))));
  }

  .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\:cols-container > .mr-4-cols {
    margin-right: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .ml-4-cols {
    margin-left: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .mx-4-cols {
    margin-right: 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)))) + (2 * var(--inner-gutter))));
    margin-left: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-4-cols {
    margin-right: 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)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-4-cols {
    margin-left: 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)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-4-cols {
    margin-right: 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)))) + (2 * var(--inner-gutter)))) * -1);
    margin-left: 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)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .mr-4-cols-no-gutter {
    margin-right: 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\:cols-container > .ml-4-cols-no-gutter {
    margin-left: 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)))) + var(--inner-gutter)));
  }

  .lg\:cols-container > .mx-4-cols-no-gutter {
    margin-right: 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))));
    margin-left: 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\:cols-container > .-mr-4-cols-no-gutter {
    margin-right: 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)))) * -1);
  }

  .lg\:cols-container > .-ml-4-cols-no-gutter {
    margin-left: 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)))) * -1);
  }

  .lg\:cols-container > .-mx-4-cols-no-gutter {
    margin-right: 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)))) * -1);
    margin-left: 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)))) * -1);
  }

  .lg\:cols-container > .pr-4-cols {
    padding-right: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-4-cols {
    padding-left: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-4-cols {
    padding-right: 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)))) + (2 * var(--inner-gutter))));
    padding-left: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pr-4-cols-no-gutter {
    padding-right: 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\:cols-container > .pl-4-cols-no-gutter {
    padding-left: 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\:cols-container > .px-4-cols-no-gutter {
    padding-right: 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))));
    padding-left: 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\:cols-container > .left-4-cols {
    left: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .right-4-cols {
    right: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .inset-x-4-cols {
    right: 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)))) + (2 * var(--inner-gutter))));
    left: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .left-4-cols-no-gutter {
    left: 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\:cols-container > .right-4-cols-no-gutter {
    right: 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\:cols-container > .inset-x-4-cols-no-gutter {
    right: 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))));
    left: 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\:cols-container > .-left-4-cols {
    left: 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)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-4-cols {
    right: 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)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-4-cols {
    right: 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)))) + (2 * var(--inner-gutter)))) * -1);
    left: 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)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-left-4-cols-no-gutter {
    left: 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)))) * -1);
  }

  .lg\:cols-container > .-right-4-cols-no-gutter {
    right: 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)))) * -1);
  }

  .lg\:cols-container > .-inset-x-4-cols-no-gutter {
    right: 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)))) * -1);
    left: 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)))) * -1);
  }

  .lg\:w-4-cols > * {
    --container-grid-columns: 4;
  }

  .lg\:w-5-cols {
    width: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .w-5-cols {
    width: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .cols-container > .lg\:w-5-cols {
    width: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .mr-5-cols {
    margin-right: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

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

  .lg\:cols-container > .mx-5-cols {
    margin-right: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
    margin-left: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-5-cols {
    margin-right: calc((((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-5-cols {
    margin-left: calc((((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-5-cols {
    margin-right: calc((((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
    margin-left: calc((((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .mr-5-cols-no-gutter {
    margin-right: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .ml-5-cols-no-gutter {
    margin-left: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + var(--inner-gutter)));
  }

  .lg\:cols-container > .mx-5-cols-no-gutter {
    margin-right: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
    margin-left: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-5-cols-no-gutter {
    margin-right: calc((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-5-cols-no-gutter {
    margin-left: calc((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-5-cols-no-gutter {
    margin-right: calc((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
    margin-left: calc((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .pr-5-cols {
    padding-right: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-5-cols {
    padding-left: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-5-cols {
    padding-right: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
    padding-left: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pr-5-cols-no-gutter {
    padding-right: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-5-cols-no-gutter {
    padding-left: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-5-cols-no-gutter {
    padding-right: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
    padding-left: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

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

  .lg\:cols-container > .right-5-cols {
    right: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .inset-x-5-cols {
    right: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
    left: calc(((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .left-5-cols-no-gutter {
    left: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .right-5-cols-no-gutter {
    right: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .inset-x-5-cols-no-gutter {
    right: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
    left: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .-left-5-cols {
    left: calc((((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-5-cols {
    right: calc((((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-5-cols {
    right: calc((((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
    left: calc((((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-left-5-cols-no-gutter {
    left: calc((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-5-cols-no-gutter {
    right: calc((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-5-cols-no-gutter {
    right: calc((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
    left: calc((((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:w-5-cols > * {
    --container-grid-columns: 5;
  }

  .lg\: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))));
  }

  .lg\:cols-container > .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))));
  }

  .cols-container > .lg\: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))));
  }

  .lg\:cols-container > .mr-6-cols {
    margin-right: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .ml-6-cols {
    margin-left: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .mx-6-cols {
    margin-right: 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)))) + (2 * var(--inner-gutter))));
    margin-left: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-6-cols {
    margin-right: 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)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-6-cols {
    margin-left: 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)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-6-cols {
    margin-right: 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)))) + (2 * var(--inner-gutter)))) * -1);
    margin-left: 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)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .mr-6-cols-no-gutter {
    margin-right: 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))));
  }

  .lg\:cols-container > .ml-6-cols-no-gutter {
    margin-left: 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)))) + var(--inner-gutter)));
  }

  .lg\:cols-container > .mx-6-cols-no-gutter {
    margin-right: 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))));
    margin-left: 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))));
  }

  .lg\:cols-container > .-mr-6-cols-no-gutter {
    margin-right: 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)))) * -1);
  }

  .lg\:cols-container > .-ml-6-cols-no-gutter {
    margin-left: 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)))) * -1);
  }

  .lg\:cols-container > .-mx-6-cols-no-gutter {
    margin-right: 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)))) * -1);
    margin-left: 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)))) * -1);
  }

  .lg\:cols-container > .pr-6-cols {
    padding-right: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-6-cols {
    padding-left: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-6-cols {
    padding-right: 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)))) + (2 * var(--inner-gutter))));
    padding-left: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pr-6-cols-no-gutter {
    padding-right: 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))));
  }

  .lg\:cols-container > .pl-6-cols-no-gutter {
    padding-left: 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))));
  }

  .lg\:cols-container > .px-6-cols-no-gutter {
    padding-right: 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))));
    padding-left: 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))));
  }

  .lg\:cols-container > .left-6-cols {
    left: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .right-6-cols {
    right: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .inset-x-6-cols {
    right: 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)))) + (2 * var(--inner-gutter))));
    left: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .left-6-cols-no-gutter {
    left: 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))));
  }

  .lg\:cols-container > .right-6-cols-no-gutter {
    right: 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))));
  }

  .lg\:cols-container > .inset-x-6-cols-no-gutter {
    right: 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))));
    left: 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))));
  }

  .lg\:cols-container > .-left-6-cols {
    left: 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)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-6-cols {
    right: 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)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-6-cols {
    right: 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)))) + (2 * var(--inner-gutter)))) * -1);
    left: 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)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-left-6-cols-no-gutter {
    left: 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)))) * -1);
  }

  .lg\:cols-container > .-right-6-cols-no-gutter {
    right: 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)))) * -1);
  }

  .lg\:cols-container > .-inset-x-6-cols-no-gutter {
    right: 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)))) * -1);
    left: 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)))) * -1);
  }

  .lg\:w-6-cols > * {
    --container-grid-columns: 6;
  }

  .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))));
  }

  .lg\:cols-container > .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))));
  }

  .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\:cols-container > .mr-7-cols {
    margin-right: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .ml-7-cols {
    margin-left: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .mx-7-cols {
    margin-right: 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)))) + (2 * var(--inner-gutter))));
    margin-left: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-7-cols {
    margin-right: 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)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-7-cols {
    margin-left: 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)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-7-cols {
    margin-right: 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)))) + (2 * var(--inner-gutter)))) * -1);
    margin-left: 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)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .mr-7-cols-no-gutter {
    margin-right: 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\:cols-container > .ml-7-cols-no-gutter {
    margin-left: 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)))) + var(--inner-gutter)));
  }

  .lg\:cols-container > .mx-7-cols-no-gutter {
    margin-right: 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))));
    margin-left: 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\:cols-container > .-mr-7-cols-no-gutter {
    margin-right: 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)))) * -1);
  }

  .lg\:cols-container > .-ml-7-cols-no-gutter {
    margin-left: 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)))) * -1);
  }

  .lg\:cols-container > .-mx-7-cols-no-gutter {
    margin-right: 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)))) * -1);
    margin-left: 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)))) * -1);
  }

  .lg\:cols-container > .pr-7-cols {
    padding-right: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-7-cols {
    padding-left: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-7-cols {
    padding-right: 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)))) + (2 * var(--inner-gutter))));
    padding-left: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pr-7-cols-no-gutter {
    padding-right: 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\:cols-container > .pl-7-cols-no-gutter {
    padding-left: 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\:cols-container > .px-7-cols-no-gutter {
    padding-right: 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))));
    padding-left: 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\:cols-container > .left-7-cols {
    left: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .right-7-cols {
    right: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .inset-x-7-cols {
    right: 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)))) + (2 * var(--inner-gutter))));
    left: 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)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .left-7-cols-no-gutter {
    left: 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\:cols-container > .right-7-cols-no-gutter {
    right: 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\:cols-container > .inset-x-7-cols-no-gutter {
    right: 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))));
    left: 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\:cols-container > .-left-7-cols {
    left: 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)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-7-cols {
    right: 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)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-7-cols {
    right: 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)))) + (2 * var(--inner-gutter)))) * -1);
    left: 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)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-left-7-cols-no-gutter {
    left: 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)))) * -1);
  }

  .lg\:cols-container > .-right-7-cols-no-gutter {
    right: 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)))) * -1);
  }

  .lg\:cols-container > .-inset-x-7-cols-no-gutter {
    right: 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)))) * -1);
    left: 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)))) * -1);
  }

  .lg\:w-7-cols > * {
    --container-grid-columns: 7;
  }

  .lg\:w-8-cols {
    width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .w-8-cols {
    width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .cols-container > .lg\:w-8-cols {
    width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .mr-8-cols {
    margin-right: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

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

  .lg\:cols-container > .mx-8-cols {
    margin-right: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
    margin-left: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-8-cols {
    margin-right: calc((((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-8-cols {
    margin-left: calc((((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-8-cols {
    margin-right: calc((((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
    margin-left: calc((((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .mr-8-cols-no-gutter {
    margin-right: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .ml-8-cols-no-gutter {
    margin-left: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + var(--inner-gutter)));
  }

  .lg\:cols-container > .mx-8-cols-no-gutter {
    margin-right: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
    margin-left: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-8-cols-no-gutter {
    margin-right: calc((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-8-cols-no-gutter {
    margin-left: calc((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-8-cols-no-gutter {
    margin-right: calc((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
    margin-left: calc((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .pr-8-cols {
    padding-right: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-8-cols {
    padding-left: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-8-cols {
    padding-right: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
    padding-left: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pr-8-cols-no-gutter {
    padding-right: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-8-cols-no-gutter {
    padding-left: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-8-cols-no-gutter {
    padding-right: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
    padding-left: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

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

  .lg\:cols-container > .right-8-cols {
    right: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .inset-x-8-cols {
    right: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
    left: calc(((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .left-8-cols-no-gutter {
    left: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .right-8-cols-no-gutter {
    right: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .inset-x-8-cols-no-gutter {
    right: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
    left: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .-left-8-cols {
    left: calc((((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-8-cols {
    right: calc((((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-8-cols {
    right: calc((((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
    left: calc((((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-left-8-cols-no-gutter {
    left: calc((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-8-cols-no-gutter {
    right: calc((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-8-cols-no-gutter {
    right: calc((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
    left: calc((((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:w-8-cols > * {
    --container-grid-columns: 8;
  }

  .lg\:cols-container > .w-9-cols {
    width: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .mr-9-cols {
    margin-right: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

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

  .lg\:cols-container > .mx-9-cols {
    margin-right: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
    margin-left: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-9-cols {
    margin-right: calc((((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-9-cols {
    margin-left: calc((((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-9-cols {
    margin-right: calc((((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
    margin-left: calc((((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .mr-9-cols-no-gutter {
    margin-right: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .ml-9-cols-no-gutter {
    margin-left: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + var(--inner-gutter)));
  }

  .lg\:cols-container > .mx-9-cols-no-gutter {
    margin-right: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
    margin-left: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-9-cols-no-gutter {
    margin-right: calc((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-9-cols-no-gutter {
    margin-left: calc((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-9-cols-no-gutter {
    margin-right: calc((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
    margin-left: calc((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .pr-9-cols {
    padding-right: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-9-cols {
    padding-left: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-9-cols {
    padding-right: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
    padding-left: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pr-9-cols-no-gutter {
    padding-right: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-9-cols-no-gutter {
    padding-left: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-9-cols-no-gutter {
    padding-right: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
    padding-left: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

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

  .lg\:cols-container > .right-9-cols {
    right: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .inset-x-9-cols {
    right: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
    left: calc(((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .left-9-cols-no-gutter {
    left: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .right-9-cols-no-gutter {
    right: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .inset-x-9-cols-no-gutter {
    right: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
    left: calc(((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .-left-9-cols {
    left: calc((((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-9-cols {
    right: calc((((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-9-cols {
    right: calc((((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
    left: calc((((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-left-9-cols-no-gutter {
    left: calc((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-9-cols-no-gutter {
    right: calc((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-9-cols-no-gutter {
    right: calc((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
    left: calc((((9 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (9 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

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

  .lg\:cols-container > .mr-10-cols {
    margin-right: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

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

  .lg\:cols-container > .mx-10-cols {
    margin-right: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
    margin-left: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-10-cols {
    margin-right: calc((((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-10-cols {
    margin-left: calc((((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-10-cols {
    margin-right: calc((((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
    margin-left: calc((((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .mr-10-cols-no-gutter {
    margin-right: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .ml-10-cols-no-gutter {
    margin-left: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + var(--inner-gutter)));
  }

  .lg\:cols-container > .mx-10-cols-no-gutter {
    margin-right: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
    margin-left: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-10-cols-no-gutter {
    margin-right: calc((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-10-cols-no-gutter {
    margin-left: calc((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-10-cols-no-gutter {
    margin-right: calc((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
    margin-left: calc((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .pr-10-cols {
    padding-right: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-10-cols {
    padding-left: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-10-cols {
    padding-right: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
    padding-left: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pr-10-cols-no-gutter {
    padding-right: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-10-cols-no-gutter {
    padding-left: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-10-cols-no-gutter {
    padding-right: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
    padding-left: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

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

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

  .lg\:cols-container > .inset-x-10-cols {
    right: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
    left: calc(((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .left-10-cols-no-gutter {
    left: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .right-10-cols-no-gutter {
    right: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .inset-x-10-cols-no-gutter {
    right: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
    left: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .-left-10-cols {
    left: calc((((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-10-cols {
    right: calc((((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-10-cols {
    right: calc((((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
    left: calc((((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-left-10-cols-no-gutter {
    left: calc((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-10-cols-no-gutter {
    right: calc((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-10-cols-no-gutter {
    right: calc((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
    left: calc((((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

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

  .lg\:cols-container > .mr-11-cols {
    margin-right: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

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

  .lg\:cols-container > .mx-11-cols {
    margin-right: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
    margin-left: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-11-cols {
    margin-right: calc((((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-11-cols {
    margin-left: calc((((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-11-cols {
    margin-right: calc((((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
    margin-left: calc((((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .mr-11-cols-no-gutter {
    margin-right: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .ml-11-cols-no-gutter {
    margin-left: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + var(--inner-gutter)));
  }

  .lg\:cols-container > .mx-11-cols-no-gutter {
    margin-right: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
    margin-left: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-11-cols-no-gutter {
    margin-right: calc((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-11-cols-no-gutter {
    margin-left: calc((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-11-cols-no-gutter {
    margin-right: calc((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
    margin-left: calc((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .pr-11-cols {
    padding-right: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-11-cols {
    padding-left: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-11-cols {
    padding-right: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
    padding-left: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pr-11-cols-no-gutter {
    padding-right: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-11-cols-no-gutter {
    padding-left: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-11-cols-no-gutter {
    padding-right: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
    padding-left: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

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

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

  .lg\:cols-container > .inset-x-11-cols {
    right: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
    left: calc(((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .left-11-cols-no-gutter {
    left: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .right-11-cols-no-gutter {
    right: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .inset-x-11-cols-no-gutter {
    right: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
    left: calc(((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .-left-11-cols {
    left: calc((((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-11-cols {
    right: calc((((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-11-cols {
    right: calc((((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
    left: calc((((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-left-11-cols-no-gutter {
    left: calc((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-11-cols-no-gutter {
    right: calc((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-11-cols-no-gutter {
    right: calc((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
    left: calc((((11 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (11 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

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

  .lg\:cols-container > .mr-12-cols {
    margin-right: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

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

  .lg\:cols-container > .mx-12-cols {
    margin-right: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
    margin-left: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-12-cols {
    margin-right: calc((((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-12-cols {
    margin-left: calc((((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-12-cols {
    margin-right: calc((((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
    margin-left: calc((((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .mr-12-cols-no-gutter {
    margin-right: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .ml-12-cols-no-gutter {
    margin-left: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + var(--inner-gutter)));
  }

  .lg\:cols-container > .mx-12-cols-no-gutter {
    margin-right: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
    margin-left: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-12-cols-no-gutter {
    margin-right: calc((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-12-cols-no-gutter {
    margin-left: calc((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-12-cols-no-gutter {
    margin-right: calc((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
    margin-left: calc((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .pr-12-cols {
    padding-right: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-12-cols {
    padding-left: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-12-cols {
    padding-right: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
    padding-left: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pr-12-cols-no-gutter {
    padding-right: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-12-cols-no-gutter {
    padding-left: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-12-cols-no-gutter {
    padding-right: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
    padding-left: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

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

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

  .lg\:cols-container > .inset-x-12-cols {
    right: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
    left: calc(((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .left-12-cols-no-gutter {
    left: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .right-12-cols-no-gutter {
    right: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .inset-x-12-cols-no-gutter {
    right: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
    left: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .lg\:cols-container > .-left-12-cols {
    left: calc((((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-12-cols {
    right: calc((((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-12-cols {
    right: calc((((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
    left: calc((((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-left-12-cols-no-gutter {
    left: calc((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-12-cols-no-gutter {
    right: calc((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-12-cols-no-gutter {
    right: calc((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
    left: calc((((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter)))) * -1);
  }

  .lg\:w-1\/2-cols {
    width: calc(50% - (var(--inner-gutter) * 0.5));
  }

  .lg\:cols-container > .w-1\/2-cols {
    width: calc(50% - var(--inner-gutter));
  }

  .cols-container > .lg\:w-1\/2-cols {
    width: calc(50% - var(--inner-gutter));
  }

  .lg\:cols-container > .mr-1\/2-cols {
    margin-right: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .ml-1\/2-cols {
    margin-left: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .mx-1\/2-cols {
    margin-right: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
    margin-left: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-1\/2-cols {
    margin-right: calc((((50% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-1\/2-cols {
    margin-left: calc((((50% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-1\/2-cols {
    margin-right: calc((((50% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
    margin-left: calc((((50% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .mr-1\/2-cols-no-gutter {
    margin-right: calc(50% - var(--inner-gutter));
  }

  .lg\:cols-container > .ml-1\/2-cols-no-gutter {
    margin-left: calc(((50% - var(--inner-gutter)) + var(--inner-gutter)));
  }

  .lg\:cols-container > .mx-1\/2-cols-no-gutter {
    margin-right: calc(50% - var(--inner-gutter));
    margin-left: calc(50% - var(--inner-gutter));
  }

  .lg\:cols-container > .-mr-1\/2-cols-no-gutter {
    margin-right: calc((50% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .-ml-1\/2-cols-no-gutter {
    margin-left: calc((50% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .-mx-1\/2-cols-no-gutter {
    margin-right: calc((50% - var(--inner-gutter)) * -1);
    margin-left: calc((50% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .pr-1\/2-cols {
    padding-right: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-1\/2-cols {
    padding-left: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-1\/2-cols {
    padding-right: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
    padding-left: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pr-1\/2-cols-no-gutter {
    padding-right: calc(50% - var(--inner-gutter));
  }

  .lg\:cols-container > .pl-1\/2-cols-no-gutter {
    padding-left: calc(50% - var(--inner-gutter));
  }

  .lg\:cols-container > .px-1\/2-cols-no-gutter {
    padding-right: calc(50% - var(--inner-gutter));
    padding-left: calc(50% - var(--inner-gutter));
  }

  .lg\:cols-container > .left-1\/2-cols {
    left: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .right-1\/2-cols {
    right: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .inset-x-1\/2-cols {
    right: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
    left: calc(((50% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .left-1\/2-cols-no-gutter {
    left: calc(50% - var(--inner-gutter));
  }

  .lg\:cols-container > .right-1\/2-cols-no-gutter {
    right: calc(50% - var(--inner-gutter));
  }

  .lg\:cols-container > .inset-x-1\/2-cols-no-gutter {
    right: calc(50% - var(--inner-gutter));
    left: calc(50% - var(--inner-gutter));
  }

  .lg\:cols-container > .-left-1\/2-cols {
    left: calc((((50% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-1\/2-cols {
    right: calc((((50% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-1\/2-cols {
    right: calc((((50% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
    left: calc((((50% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-left-1\/2-cols-no-gutter {
    left: calc((50% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .-right-1\/2-cols-no-gutter {
    right: calc((50% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .-inset-x-1\/2-cols-no-gutter {
    right: calc((50% - var(--inner-gutter)) * -1);
    left: calc((50% - var(--inner-gutter)) * -1);
  }

  .lg\:w-1\/3-cols {
    width: calc(33.333% - (var(--inner-gutter) * 0.666));
  }

  .lg\:cols-container > .w-1\/3-cols {
    width: calc(33.333% - var(--inner-gutter));
  }

  .cols-container > .lg\:w-1\/3-cols {
    width: calc(33.333% - var(--inner-gutter));
  }

  .lg\:cols-container > .mr-1\/3-cols {
    margin-right: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .ml-1\/3-cols {
    margin-left: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .mx-1\/3-cols {
    margin-right: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
    margin-left: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-1\/3-cols {
    margin-right: calc((((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-1\/3-cols {
    margin-left: calc((((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-1\/3-cols {
    margin-right: calc((((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
    margin-left: calc((((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .mr-1\/3-cols-no-gutter {
    margin-right: calc(33.333% - var(--inner-gutter));
  }

  .lg\:cols-container > .ml-1\/3-cols-no-gutter {
    margin-left: calc(((33.333% - var(--inner-gutter)) + var(--inner-gutter)));
  }

  .lg\:cols-container > .mx-1\/3-cols-no-gutter {
    margin-right: calc(33.333% - var(--inner-gutter));
    margin-left: calc(33.333% - var(--inner-gutter));
  }

  .lg\:cols-container > .-mr-1\/3-cols-no-gutter {
    margin-right: calc((33.333% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .-ml-1\/3-cols-no-gutter {
    margin-left: calc((33.333% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .-mx-1\/3-cols-no-gutter {
    margin-right: calc((33.333% - var(--inner-gutter)) * -1);
    margin-left: calc((33.333% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .pr-1\/3-cols {
    padding-right: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-1\/3-cols {
    padding-left: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-1\/3-cols {
    padding-right: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
    padding-left: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pr-1\/3-cols-no-gutter {
    padding-right: calc(33.333% - var(--inner-gutter));
  }

  .lg\:cols-container > .pl-1\/3-cols-no-gutter {
    padding-left: calc(33.333% - var(--inner-gutter));
  }

  .lg\:cols-container > .px-1\/3-cols-no-gutter {
    padding-right: calc(33.333% - var(--inner-gutter));
    padding-left: calc(33.333% - var(--inner-gutter));
  }

  .lg\:cols-container > .left-1\/3-cols {
    left: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .right-1\/3-cols {
    right: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .inset-x-1\/3-cols {
    right: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
    left: calc(((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .left-1\/3-cols-no-gutter {
    left: calc(33.333% - var(--inner-gutter));
  }

  .lg\:cols-container > .right-1\/3-cols-no-gutter {
    right: calc(33.333% - var(--inner-gutter));
  }

  .lg\:cols-container > .inset-x-1\/3-cols-no-gutter {
    right: calc(33.333% - var(--inner-gutter));
    left: calc(33.333% - var(--inner-gutter));
  }

  .lg\:cols-container > .-left-1\/3-cols {
    left: calc((((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-1\/3-cols {
    right: calc((((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-1\/3-cols {
    right: calc((((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
    left: calc((((33.333% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-left-1\/3-cols-no-gutter {
    left: calc((33.333% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .-right-1\/3-cols-no-gutter {
    right: calc((33.333% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .-inset-x-1\/3-cols-no-gutter {
    right: calc((33.333% - var(--inner-gutter)) * -1);
    left: calc((33.333% - var(--inner-gutter)) * -1);
  }

  .lg\:w-1\/4-cols {
    width: calc(25% - (var(--inner-gutter) * 0.75));
  }

  .lg\:cols-container > .w-1\/4-cols {
    width: calc(25% - var(--inner-gutter));
  }

  .cols-container > .lg\:w-1\/4-cols {
    width: calc(25% - var(--inner-gutter));
  }

  .lg\:cols-container > .mr-1\/4-cols {
    margin-right: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .ml-1\/4-cols {
    margin-left: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .mx-1\/4-cols {
    margin-right: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
    margin-left: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-1\/4-cols {
    margin-right: calc((((25% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-1\/4-cols {
    margin-left: calc((((25% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-1\/4-cols {
    margin-right: calc((((25% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
    margin-left: calc((((25% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .mr-1\/4-cols-no-gutter {
    margin-right: calc(25% - var(--inner-gutter));
  }

  .lg\:cols-container > .ml-1\/4-cols-no-gutter {
    margin-left: calc(((25% - var(--inner-gutter)) + var(--inner-gutter)));
  }

  .lg\:cols-container > .mx-1\/4-cols-no-gutter {
    margin-right: calc(25% - var(--inner-gutter));
    margin-left: calc(25% - var(--inner-gutter));
  }

  .lg\:cols-container > .-mr-1\/4-cols-no-gutter {
    margin-right: calc((25% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .-ml-1\/4-cols-no-gutter {
    margin-left: calc((25% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .-mx-1\/4-cols-no-gutter {
    margin-right: calc((25% - var(--inner-gutter)) * -1);
    margin-left: calc((25% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .pr-1\/4-cols {
    padding-right: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-1\/4-cols {
    padding-left: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-1\/4-cols {
    padding-right: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
    padding-left: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pr-1\/4-cols-no-gutter {
    padding-right: calc(25% - var(--inner-gutter));
  }

  .lg\:cols-container > .pl-1\/4-cols-no-gutter {
    padding-left: calc(25% - var(--inner-gutter));
  }

  .lg\:cols-container > .px-1\/4-cols-no-gutter {
    padding-right: calc(25% - var(--inner-gutter));
    padding-left: calc(25% - var(--inner-gutter));
  }

  .lg\:cols-container > .left-1\/4-cols {
    left: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .right-1\/4-cols {
    right: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .inset-x-1\/4-cols {
    right: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
    left: calc(((25% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .left-1\/4-cols-no-gutter {
    left: calc(25% - var(--inner-gutter));
  }

  .lg\:cols-container > .right-1\/4-cols-no-gutter {
    right: calc(25% - var(--inner-gutter));
  }

  .lg\:cols-container > .inset-x-1\/4-cols-no-gutter {
    right: calc(25% - var(--inner-gutter));
    left: calc(25% - var(--inner-gutter));
  }

  .lg\:cols-container > .-left-1\/4-cols {
    left: calc((((25% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-1\/4-cols {
    right: calc((((25% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-1\/4-cols {
    right: calc((((25% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
    left: calc((((25% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-left-1\/4-cols-no-gutter {
    left: calc((25% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .-right-1\/4-cols-no-gutter {
    right: calc((25% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .-inset-x-1\/4-cols-no-gutter {
    right: calc((25% - var(--inner-gutter)) * -1);
    left: calc((25% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .w-2\/3-cols {
    width: calc(66.666% - var(--inner-gutter));
  }

  .lg\:cols-container > .mr-2\/3-cols {
    margin-right: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .ml-2\/3-cols {
    margin-left: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .mx-2\/3-cols {
    margin-right: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
    margin-left: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-2\/3-cols {
    margin-right: calc((((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-2\/3-cols {
    margin-left: calc((((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-2\/3-cols {
    margin-right: calc((((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
    margin-left: calc((((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .mr-2\/3-cols-no-gutter {
    margin-right: calc(66.666% - var(--inner-gutter));
  }

  .lg\:cols-container > .ml-2\/3-cols-no-gutter {
    margin-left: calc(((66.666% - var(--inner-gutter)) + var(--inner-gutter)));
  }

  .lg\:cols-container > .mx-2\/3-cols-no-gutter {
    margin-right: calc(66.666% - var(--inner-gutter));
    margin-left: calc(66.666% - var(--inner-gutter));
  }

  .lg\:cols-container > .-mr-2\/3-cols-no-gutter {
    margin-right: calc((66.666% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .-ml-2\/3-cols-no-gutter {
    margin-left: calc((66.666% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .-mx-2\/3-cols-no-gutter {
    margin-right: calc((66.666% - var(--inner-gutter)) * -1);
    margin-left: calc((66.666% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .pr-2\/3-cols {
    padding-right: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-2\/3-cols {
    padding-left: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-2\/3-cols {
    padding-right: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
    padding-left: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pr-2\/3-cols-no-gutter {
    padding-right: calc(66.666% - var(--inner-gutter));
  }

  .lg\:cols-container > .pl-2\/3-cols-no-gutter {
    padding-left: calc(66.666% - var(--inner-gutter));
  }

  .lg\:cols-container > .px-2\/3-cols-no-gutter {
    padding-right: calc(66.666% - var(--inner-gutter));
    padding-left: calc(66.666% - var(--inner-gutter));
  }

  .lg\:cols-container > .left-2\/3-cols {
    left: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .right-2\/3-cols {
    right: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .inset-x-2\/3-cols {
    right: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
    left: calc(((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .left-2\/3-cols-no-gutter {
    left: calc(66.666% - var(--inner-gutter));
  }

  .lg\:cols-container > .right-2\/3-cols-no-gutter {
    right: calc(66.666% - var(--inner-gutter));
  }

  .lg\:cols-container > .inset-x-2\/3-cols-no-gutter {
    right: calc(66.666% - var(--inner-gutter));
    left: calc(66.666% - var(--inner-gutter));
  }

  .lg\:cols-container > .-left-2\/3-cols {
    left: calc((((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-2\/3-cols {
    right: calc((((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-2\/3-cols {
    right: calc((((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
    left: calc((((66.666% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-left-2\/3-cols-no-gutter {
    left: calc((66.666% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .-right-2\/3-cols-no-gutter {
    right: calc((66.666% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .-inset-x-2\/3-cols-no-gutter {
    right: calc((66.666% - var(--inner-gutter)) * -1);
    left: calc((66.666% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .w-3\/4-cols {
    width: calc(75% - var(--inner-gutter));
  }

  .lg\:cols-container > .mr-3\/4-cols {
    margin-right: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .ml-3\/4-cols {
    margin-left: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .mx-3\/4-cols {
    margin-right: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
    margin-left: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .-mr-3\/4-cols {
    margin-right: calc((((75% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-ml-3\/4-cols {
    margin-left: calc((((75% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-mx-3\/4-cols {
    margin-right: calc((((75% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
    margin-left: calc((((75% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .mr-3\/4-cols-no-gutter {
    margin-right: calc(75% - var(--inner-gutter));
  }

  .lg\:cols-container > .ml-3\/4-cols-no-gutter {
    margin-left: calc(((75% - var(--inner-gutter)) + var(--inner-gutter)));
  }

  .lg\:cols-container > .mx-3\/4-cols-no-gutter {
    margin-right: calc(75% - var(--inner-gutter));
    margin-left: calc(75% - var(--inner-gutter));
  }

  .lg\:cols-container > .-mr-3\/4-cols-no-gutter {
    margin-right: calc((75% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .-ml-3\/4-cols-no-gutter {
    margin-left: calc((75% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .-mx-3\/4-cols-no-gutter {
    margin-right: calc((75% - var(--inner-gutter)) * -1);
    margin-left: calc((75% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .pr-3\/4-cols {
    padding-right: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pl-3\/4-cols {
    padding-left: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .px-3\/4-cols {
    padding-right: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
    padding-left: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .pr-3\/4-cols-no-gutter {
    padding-right: calc(75% - var(--inner-gutter));
  }

  .lg\:cols-container > .pl-3\/4-cols-no-gutter {
    padding-left: calc(75% - var(--inner-gutter));
  }

  .lg\:cols-container > .px-3\/4-cols-no-gutter {
    padding-right: calc(75% - var(--inner-gutter));
    padding-left: calc(75% - var(--inner-gutter));
  }

  .lg\:cols-container > .left-3\/4-cols {
    left: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .right-3\/4-cols {
    right: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .inset-x-3\/4-cols {
    right: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
    left: calc(((75% - var(--inner-gutter)) + (2 * var(--inner-gutter))));
  }

  .lg\:cols-container > .left-3\/4-cols-no-gutter {
    left: calc(75% - var(--inner-gutter));
  }

  .lg\:cols-container > .right-3\/4-cols-no-gutter {
    right: calc(75% - var(--inner-gutter));
  }

  .lg\:cols-container > .inset-x-3\/4-cols-no-gutter {
    right: calc(75% - var(--inner-gutter));
    left: calc(75% - var(--inner-gutter));
  }

  .lg\:cols-container > .-left-3\/4-cols {
    left: calc((((75% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-right-3\/4-cols {
    right: calc((((75% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-inset-x-3\/4-cols {
    right: calc((((75% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
    left: calc((((75% - var(--inner-gutter)) + (2 * var(--inner-gutter)))) * -1);
  }

  .lg\:cols-container > .-left-3\/4-cols-no-gutter {
    left: calc((75% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .-right-3\/4-cols-no-gutter {
    right: calc((75% - var(--inner-gutter)) * -1);
  }

  .lg\:cols-container > .-inset-x-3\/4-cols-no-gutter {
    right: calc((75% - var(--inner-gutter)) * -1);
    left: calc((75% - var(--inner-gutter)) * -1);
  }
}@media (min-width: 1400px) {

  .xl\:w-5-cols {
    width: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .cols-container > .xl\:w-5-cols {
    width: calc(((5 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (5 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
  }

  .xl\:w-5-cols > * {
    --container-grid-columns: 5;
  }
}.first-letter\:uppercase::first-letter {
  text-transform: uppercase;
}.focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}@media (min-width: 580px) {

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

  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }
}@media (min-width: 766px) {

  .md\:border-b-0 {
    border-bottom-width: 0px;
  }

  .md\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .md\:pb-0 {
    padding-bottom: 0px;
  }

  .md\:before\:hidden::before {
    content: var(--tw-content);
    display: none;
  }

  .md\:after\:hidden::after {
    content: var(--tw-content);
    display: none;
  }
}@media (min-width: 1023px) {

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:mb-56 {
    margin-bottom: 14rem;
  }

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

  .lg\:ml-0 {
    margin-left: 0px;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:mt-12 {
    margin-top: 3rem;
  }

  .lg\:mt-32 {
    margin-top: 8rem;
  }

  .lg\:block {
    display: block;
  }

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

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

  .lg\:w-7\/12 {
    width: 58.333333%;
  }

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

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

  .lg\:w-auto {
    width: auto;
  }

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

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

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

  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .lg\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }

  .lg\:bg-transparent {
    background-color: transparent;
  }

  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

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

  .lg\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .lg\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .lg\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

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

  .lg\:pb-24 {
    padding-bottom: 6rem;
  }

  .lg\:pt-0 {
    padding-top: 0px;
  }

  .lg\:pt-32 {
    padding-top: 8rem;
  }

  .lg\:ratio {
    --ratio: 100%;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .lg\:ratio::before {
    content: attr(👻);
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: var(--ratio);
  }

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